2 lines
5.3 KiB
Plaintext
2 lines
5.3 KiB
Plaintext
.memorial-bg.data-v-d7e89d74{position:relative;min-height:100vh;overflow:hidden}.bg-image.data-v-d7e89d74{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.memorial-content.data-v-d7e89d74{position:relative;z-index:2;padding:60rpx 30rpx 100rpx;max-width:1200rpx;margin:0 auto}.header.data-v-d7e89d74{background:transparent;color:#2c2c2c;padding:40rpx 0 50rpx;text-align:center;position:relative;margin-bottom:20rpx}.header.data-v-d7e89d74:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200rpx;height:3rpx;background:linear-gradient(90deg,transparent,#8B7355,transparent)}.header .logo.data-v-d7e89d74{font-size:64rpx;font-weight:700;margin-bottom:24rpx;color:#8b7355;letter-spacing:2rpx;display:block;line-height:1.2}.header .tagline.data-v-d7e89d74{font-size:32rpx;color:#666;font-weight:300;margin:0 auto;display:block;line-height:1.5}.memorial-quote.data-v-d7e89d74{text-align:center;margin:30rpx 0 70rpx;padding:22rpx;background:rgba(255,255,255,.6);border-radius:30rpx;-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx);box-shadow:0 8rpx 30rpx rgba(0,0,0,.06)}.data-v-d7e89d74 .banner-swiper{width:100%;height:900rpx;border-radius:22rpx;overflow:hidden}.data-v-d7e89d74 .banner-item{width:100%;height:100%}.data-v-d7e89d74 .banner-image{width:100%;height:100%;display:block}.data-v-d7e89d74 .ai-tag{position:absolute;top:16rpx;left:16rpx;padding:6rpx 16rpx;background:rgba(255,165,0,.85);color:#fff;font-size:22rpx;border-radius:20rpx;font-weight:500;z-index:10}.feature-grid.data-v-d7e89d74{display:grid;grid-template-columns:repeat(4,1fr);gap:12rpx;margin:30rpx 0;align-items:stretch}.data-v-d7e89d74 .feature-item{background:rgba(255,255,255,.9);border-radius:18rpx;padding:10rpx 8rpx;text-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8rpx 24rpx rgba(0,0,0,.08);-webkit-backdrop-filter:blur(20rpx);backdrop-filter:blur(20rpx);border:2rpx 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-d7e89d74 .feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4rpx;background:linear-gradient(135deg,#8b7355,#6d8b8b);transform:scaleX(0);transition:transform .3s}.data-v-d7e89d74 .feature-item:active{transform:translateY(-8rpx) scale(.98);box-shadow:0 16rpx 40rpx rgba(0,0,0,.12)}.data-v-d7e89d74 .feature-item:active:before{transform:scaleX(1)}.data-v-d7e89d74 .feature-item .feature-icon{font-size:32rpx;margin-bottom:8rpx;color:#8b7355;height:56rpx;width:56rpx;line-height:56rpx;border-radius:50%;background:rgba(139,115,85,.1);display:inline-block;transition:all .3s;flex-shrink:0}.data-v-d7e89d74 .feature-item:active .feature-icon{background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff;transform:scale(1.1)}.data-v-d7e89d74 .feature-item .feature-name{font-size:18rpx;font-weight:600;color:#2c2c2c;display:block;line-height:1.3}.video-call-section.data-v-d7e89d74{margin:50rpx 0 40rpx;padding:0 20rpx}.ai-disclaimer.data-v-d7e89d74{display:block;text-align:center;font-size:22rpx;color:rgba(100,100,100,.7);margin-top:16rpx;letter-spacing:.5rpx}.video-call-btn.data-v-d7e89d74{width:100%;padding:36rpx;background:linear-gradient(135deg,#8b7355,#6d8b8b);color:#fff!important;border:none;border-radius:40rpx;font-size:32rpx;font-weight:700;box-shadow:0 16rpx 40rpx rgba(139,115,85,.3);transition:all .3s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16rpx}.video-call-btn.data-v-d7e89d74: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-d7e89d74:active{transform:translateY(-4rpx);box-shadow:0 20rpx 50rpx rgba(139,115,85,.4)}.video-call-btn .btn-icon.data-v-d7e89d74{font-size:40rpx}.video-call-btn .btn-text.data-v-d7e89d74{font-size:32rpx;font-weight:700}.cta-section.data-v-d7e89d74{text-align:center;margin:70rpx 0 40rpx;padding:40rpx 30rpx;background:rgba(255,255,255,.5);border-radius:30rpx;-webkit-backdrop-filter:blur(10rpx);backdrop-filter:blur(10rpx)}.cta-section .cta-text.data-v-d7e89d74{font-size:30rpx;color:#666;margin:0 auto;line-height:1.8;display:block;font-style:italic;opacity:.9}@media (max-width: 750px){.memorial-content.data-v-d7e89d74{padding:50rpx 24rpx 80rpx}.header.data-v-d7e89d74{padding:30rpx 0 40rpx}.header .logo.data-v-d7e89d74{font-size:56rpx;margin-bottom:20rpx}.header .tagline.data-v-d7e89d74{font-size:28rpx}.memorial-quote.data-v-d7e89d74{margin:50rpx 0 60rpx;padding:18rpx}.banner-swiper.data-v-d7e89d74{height:360rpx}.feature-grid.data-v-d7e89d74{grid-template-columns:repeat(2,1fr);gap:12rpx;margin:50rpx 0}.feature-item.data-v-d7e89d74{padding:12rpx 10rpx;aspect-ratio:1.25;border-radius:16rpx}.feature-item .feature-icon.data-v-d7e89d74{font-size:40rpx;height:64rpx;width:64rpx;line-height:64rpx;margin-bottom:8rpx}.feature-item .feature-name.data-v-d7e89d74{font-size:22rpx}.video-call-section.data-v-d7e89d74{margin:40rpx 0 30rpx;padding:0 16rpx}.video-call-btn.data-v-d7e89d74{padding:32rpx}.video-call-btn .btn-icon.data-v-d7e89d74{font-size:36rpx}.video-call-btn .btn-text.data-v-d7e89d74{font-size:28rpx}.cta-section.data-v-d7e89d74{margin:60rpx 0 30rpx;padding:32rpx 24rpx}.cta-section .cta-text.data-v-d7e89d74{font-size:28rpx}}
|