2 lines
8.8 KiB
CSS
2 lines
8.8 KiB
CSS
.modal-mask[data-v-5b341767]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem}.modal-container[data-v-5b341767]{width:100%;max-width:18.75rem;height:80vh;background:#fff;border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 .625rem 1.875rem rgba(0,0,0,.3)}.modal-header[data-v-5b341767]{padding:1.25rem 1.25rem .9375rem;display:flex;justify-content:space-between;align-items:center;border-bottom:.03125rem solid #f0f0f0}.modal-title[data-v-5b341767]{font-size:1.125rem;font-weight:700;color:#333}.modal-close[data-v-5b341767]{font-size:1.25rem;color:#999;font-weight:300;padding:0 .3125rem}.modal-content[data-v-5b341767]{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.loading-box[data-v-5b341767]{flex:1;display:flex;justify-content:center;align-items:center;padding:2.5rem 0;min-height:0}.loading-text[data-v-5b341767]{font-size:.875rem;color:#999}.video-list[data-v-5b341767]{flex:1;padding:.625rem;height:100%;min-height:6.25rem}.video-card[data-v-5b341767]{background:#fff;border-radius:.75rem;padding:.75rem;margin-bottom:.625rem;display:flex;align-items:center;border:.0625rem solid #f0f0f0;transition:all .3s}.video-card.selected[data-v-5b341767]{background:linear-gradient(135deg,rgba(139,115,85,.08),rgba(109,139,139,.08));border-color:#8b7355;box-shadow:0 .25rem .75rem rgba(139,115,85,.15)}.video-cover[data-v-5b341767]{position:relative;width:3.75rem;height:3.75rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;margin-right:.75rem;background:#f5f5f5}.cover-image[data-v-5b341767]{width:100%;height:100%}.cover-placeholder[data-v-5b341767]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-5b341767]{font-size:1.5625rem;color:#ccc}.selected-badge[data-v-5b341767]{position:absolute;top:.25rem;right:.25rem;width:1.125rem;height:1.125rem;background:#8b7355;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge-icon[data-v-5b341767]{font-size:.625rem;color:#fff;font-weight:700}.video-info[data-v-5b341767]{flex:1;display:flex;flex-direction:column;min-width:0}.video-name[data-v-5b341767]{font-size:.9375rem;font-weight:700;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-desc[data-v-5b341767]{font-size:.75rem;color:#666;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-time[data-v-5b341767]{font-size:.6875rem;color:#999}.empty-box[data-v-5b341767]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1.25rem;min-height:0;overflow-y:auto}.empty-icon[data-v-5b341767]{font-size:3.125rem;margin-bottom:.625rem;opacity:.3}.empty-text[data-v-5b341767]{font-size:1rem;color:#666;margin-bottom:.3125rem}.empty-hint[data-v-5b341767]{font-size:.8125rem;color:#999;margin-bottom:1.25rem}.go-revival-btn[data-v-5b341767]{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:1.5625rem;padding:.625rem 1.5625rem;font-size:.875rem;font-weight:600}.modal-footer[data-v-5b341767]{padding:.9375rem 1.25rem;padding-bottom:calc(.9375rem + env(safe-area-inset-bottom));display:flex;gap:.625rem;border-top:.03125rem solid #f0f0f0}.modal-btn[data-v-5b341767]{flex:1;height:2.75rem;border-radius:1.375rem;font-size:.9375rem;font-weight:600;border:none;display:flex;align-items:center;justify-content:center}.modal-btn.cancel[data-v-5b341767]{background:#f5f5f5;color:#666}.modal-btn.confirm[data-v-5b341767]{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff}.modal-btn.confirm[data-v-5b341767]:disabled{opacity:.5}.memorial-bg[data-v-8244b31e]{position:relative;min-height:100vh;overflow:hidden}.bg-image[data-v-8244b31e]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.memorial-content[data-v-8244b31e]{position:relative;z-index:2;padding:1.875rem .9375rem 3.125rem;max-width:37.5rem;margin:0 auto}.header[data-v-8244b31e]{background:transparent;color:#2c2c2c;padding:1.25rem 0 1.5625rem;text-align:center;position:relative;margin-bottom:.625rem}.header[data-v-8244b31e]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6.25rem;height:.09375rem;background:linear-gradient(90deg,transparent,#8B7355,transparent)}.header .logo[data-v-8244b31e]{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#8b7355;letter-spacing:.0625rem;display:block;line-height:1.2}.header .tagline[data-v-8244b31e]{font-size:1rem;color:#666;font-weight:300;margin:0 auto;display:block;line-height:1.5}.memorial-quote[data-v-8244b31e]{text-align:center;margin:.9375rem 0 2.1875rem;padding:.6875rem;background:rgba(255,255,255,.6);border-radius:.9375rem;-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem);box-shadow:0 .25rem .9375rem rgba(0,0,0,.06)}[data-v-8244b31e] .banner-swiper{width:100%;height:28.125rem;border-radius:.6875rem;overflow:hidden}[data-v-8244b31e] .banner-item{width:100%;height:100%}[data-v-8244b31e] .banner-image{width:100%;height:100%;display:block}.feature-grid[data-v-8244b31e]{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin:.9375rem 0;align-items:stretch}[data-v-8244b31e] .feature-item{background:rgba(255,255,255,.9);border-radius:.5625rem;padding:.3125rem .25rem;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 .25rem .75rem rgba(0,0,0,.08);-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.8);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-height:0}[data-v-8244b31e] .feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:.125rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);transform:scaleX(0);transition:transform .3s}[data-v-8244b31e] .feature-item:active{transform:translateY(-.25rem) scale(.98);box-shadow:0 .5rem 1.25rem rgba(0,0,0,.12)}[data-v-8244b31e] .feature-item:active:before{transform:scaleX(1)}[data-v-8244b31e] .feature-item .feature-icon{font-size:1rem;margin-bottom:.25rem;color:#8b7355;height:1.75rem;width:1.75rem;line-height:1.75rem;border-radius:50%;background:rgba(139,115,85,.1);display:inline-block;transition:all .3s;flex-shrink:0}[data-v-8244b31e] .feature-item:active .feature-icon{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;transform:scale(1.1)}[data-v-8244b31e] .feature-item .feature-name{font-size:.5625rem;font-weight:600;color:#2c2c2c;display:block;line-height:1.3}.video-call-section[data-v-8244b31e]{margin:1.5625rem 0 1.25rem;padding:0 .625rem}.video-call-btn[data-v-8244b31e]{width:100%;padding:1.125rem;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;border:none;border-radius:1.25rem;font-size:1rem;font-weight:700;box-shadow:0 .5rem 1.25rem rgba(139,115,85,.3);transition:all .3s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.video-call-btn[data-v-8244b31e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%)}.video-call-btn[data-v-8244b31e]:active{transform:translateY(-.125rem);box-shadow:0 .625rem 1.5625rem rgba(139,115,85,.4)}.video-call-btn .btn-icon[data-v-8244b31e]{font-size:1.25rem}.video-call-btn .btn-text[data-v-8244b31e]{font-size:1rem;font-weight:700}.cta-section[data-v-8244b31e]{text-align:center;margin:2.1875rem 0 1.25rem;padding:1.25rem .9375rem;background:rgba(255,255,255,.5);border-radius:.9375rem;-webkit-backdrop-filter:blur(.3125rem);backdrop-filter:blur(.3125rem)}.cta-section .cta-text[data-v-8244b31e]{font-size:.9375rem;color:#666;margin:0 auto;line-height:1.8;display:block;font-style:italic;opacity:.9}@media (max-width: 750px){.memorial-content[data-v-8244b31e]{padding:1.5625rem .75rem 2.5rem}.header[data-v-8244b31e]{padding:.9375rem 0 1.25rem}.header .logo[data-v-8244b31e]{font-size:1.75rem;margin-bottom:.625rem}.header .tagline[data-v-8244b31e]{font-size:.875rem}.memorial-quote[data-v-8244b31e]{margin:1.5625rem 0 1.875rem;padding:.5625rem}.banner-swiper[data-v-8244b31e]{height:11.25rem}.feature-grid[data-v-8244b31e]{grid-template-columns:repeat(2,1fr);gap:.375rem;margin:1.5625rem 0}.feature-item[data-v-8244b31e]{padding:.375rem .3125rem;aspect-ratio:1.25;border-radius:.5rem}.feature-item .feature-icon[data-v-8244b31e]{font-size:1.25rem;height:2rem;width:2rem;line-height:2rem;margin-bottom:.25rem}.feature-item .feature-name[data-v-8244b31e]{font-size:.6875rem}.video-call-section[data-v-8244b31e]{margin:1.25rem 0 .9375rem;padding:0 .5rem}.video-call-btn[data-v-8244b31e]{padding:1rem}.video-call-btn .btn-icon[data-v-8244b31e]{font-size:1.125rem}.video-call-btn .btn-text[data-v-8244b31e]{font-size:.875rem}.cta-section[data-v-8244b31e]{margin:1.875rem 0 .9375rem;padding:1rem .75rem}.cta-section .cta-text[data-v-8244b31e]{font-size:.875rem}}
|