/* 金木微直店 · Liquid Glass Luxury v2.0 */
/* 卡片液态玻璃 */
.card-luxury,.glass-card,.data-card,.ai-content-tip,.ai-content-rotation,.ai-diagnosis-support,.entry-banner a,.guide-link,#partner-stories,#case-studies,#health-tip,#seasonal-tip,#emotional-note{background:rgba(15,15,22,0.55)!important;backdrop-filter:blur(30px) saturate(1.8)!important;-webkit-backdrop-filter:blur(30px) saturate(1.8)!important;border:1px solid rgba(201,169,110,0.18)!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(0,0,0,0.4),0 12px 40px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.06)!important;position:relative!important;overflow:hidden!important;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)!important}
.card-luxury::before,.glass-card::before,.data-card::before,#partner-stories::before,#case-studies::before,#health-tip::before,#seasonal-tip::before,#emotional-note::before{content:''!important;position:absolute!important;top:0!important;left:10%!important;right:10%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(226,201,127,0.4),rgba(255,255,255,0.15),rgba(226,201,127,0.4),transparent)!important;z-index:2!important}
.card-luxury::after,.glass-card::after,#partner-stories::after,#case-studies::after,#health-tip::after,#seasonal-tip::after,#emotional-note::after{content:''!important;position:absolute!important;top:-50%!important;left:-50%!important;width:200%!important;height:200%!important;background:radial-gradient(ellipse at 30% 20%,rgba(201,169,110,0.04) 0%,transparent 50%)!important;pointer-events:none!important;z-index:1!important}
.card-luxury:hover,.glass-card:hover,#partner-stories:hover,#case-studies:hover,#health-tip:hover,#seasonal-tip:hover,#emotional-note:hover{border-color:rgba(201,169,110,0.35)!important;box-shadow:0 8px 24px rgba(0,0,0,0.5),0 20px 60px rgba(0,0,0,0.25),0 0 40px rgba(201,169,110,0.08),inset 0 1px 0 rgba(255,255,255,0.08)!important;transform:translateY(-4px)!important}
/* 按钮光泽扫过 */
.btn-gold,.submit-btn,.submit-contact-btn,.aie-popup-btn,.copy-btn{position:relative!important;overflow:hidden!important;border-radius:12px!important;min-height:52px!important;box-shadow:0 4px 20px rgba(201,169,110,0.35),0 0 40px rgba(201,169,110,0.1)!important;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)!important}
.btn-gold::after,.submit-btn::after,.submit-contact-btn::after{content:''!important;position:absolute!important;top:-50%!important;left:-100%!important;width:60%!important;height:200%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent)!important;transform:skewX(-20deg)!important;animation:shimmerSweep 3s ease-in-out infinite!important}
@keyframes shimmerSweep{0%{left:-100%}40%{left:150%}100%{left:150%}}
.btn-gold:active,.submit-btn:active,.submit-contact-btn:active,.aie-popup-btn:active{transform:scale(0.97)!important;transition-duration:80ms!important}
.btn-gold:hover,.submit-btn:hover,.submit-contact-btn:hover{box-shadow:0 6px 28px rgba(201,169,110,0.5),0 0 60px rgba(201,169,110,0.15)!important;transform:translateY(-2px)!important}
.btn-outline,.btn-gold-secondary{border-radius:12px!important;backdrop-filter:blur(16px)!important;transition:all 0.3s ease!important}
.btn-outline:hover,.btn-gold-secondary:hover{transform:translateY(-2px)!important;box-shadow:0 0 30px rgba(201,169,110,0.12)!important}
/* 入口横幅 */
.entry-banner a{border-radius:16px!important;border:1.5px solid rgba(201,169,110,0.25)!important;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94)!important}
.entry-banner a:hover{border-color:rgba(226,201,127,0.5)!important;box-shadow:0 0 40px rgba(201,169,110,0.12),0 8px 30px rgba(0,0,0,0.3)!important;transform:translateY(-3px)!important}
.entry-banner .banner-arrow{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)!important}
.entry-banner a:hover .banner-arrow{transform:translateX(6px)!important}
/* 数据卡金色脉冲 */
.data-card{border-radius:16px!important}
.data-card .value{background:var(--gold-gradient-simple)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.data-card:hover .value{animation:goldPulse 0.6s ease!important}
@keyframes goldPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4)}}
/* Hero视差光晕 */
.hero,.hero-section{position:relative!important;overflow:hidden!important}
.hero::before,.hero-section::before{content:''!important;position:absolute!important;top:-20%!important;left:50%!important;transform:translateX(-50%)!important;width:400px!important;height:400px!important;background:radial-gradient(circle,rgba(201,169,110,0.1) 0%,rgba(201,169,110,0.03) 40%,transparent 70%)!important;pointer-events:none!important;animation:heroGlow 6s ease-in-out infinite!important}
@keyframes heroGlow{0%,100%{opacity:0.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}
.hero-title em,.page-title .gold{background:var(--gold-gradient-simple)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:goldTextShimmer 4s ease-in-out infinite!important}
@keyframes goldTextShimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}
/* 导航液态玻璃 */
.nav-bottom{background:rgba(5,5,8,0.7)!important;backdrop-filter:blur(40px) saturate(2)!important;-webkit-backdrop-filter:blur(40px) saturate(2)!important;border-top:1px solid rgba(201,169,110,0.1)!important;height:68px!important}
.nav-item{transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1)!important;padding:6px 12px!important;border-radius:12px!important}
.nav-item:active{transform:scale(0.9)!important;transition-duration:100ms!important}
.nav-item.active{color:var(--gold-bright)!important;background:rgba(201,169,110,0.08)!important}
.nav-item.active::before{content:''!important;position:absolute!important;top:-1px!important;width:24px!important;height:2px!important;background:var(--gold-gradient-simple)!important;border-radius:1px!important;box-shadow:0 0 10px rgba(201,169,110,0.5)!important}
.nav-item.active .nav-icon,.nav-item.active .icon{filter:drop-shadow(0 0 8px rgba(201,169,110,0.5))!important}
/* 固定CTA脉冲 */
.fixed-cta a{border-radius:16px!important;background:var(--gold-gradient-simple)!important;box-shadow:0 4px 24px rgba(201,169,110,0.45),0 0 50px rgba(201,169,110,0.12)!important;animation:ctaPulse 3s ease-in-out infinite!important;position:relative!important;overflow:hidden!important}
.fixed-cta a::after{content:''!important;position:absolute!important;top:-50%!important;left:-100%!important;width:50%!important;height:200%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent)!important;transform:skewX(-20deg)!important;animation:shimmerSweep 4s ease-in-out infinite!important}
@keyframes ctaPulse{0%,100%{box-shadow:0 4px 24px rgba(201,169,110,0.45),0 0 50px rgba(201,169,110,0.12)}50%{box-shadow:0 4px 28px rgba(201,169,110,0.55),0 0 70px rgba(201,169,110,0.18)}}
/* 弹窗液态玻璃 */
.aie-popup-card{background:rgba(15,15,22,0.65)!important;backdrop-filter:blur(40px) saturate(2)!important;-webkit-backdrop-filter:blur(40px) saturate(2)!important;border:1px solid rgba(201,169,110,0.25)!important;border-radius:20px!important;box-shadow:0 16px 64px rgba(0,0,0,0.6),0 0 60px rgba(201,169,110,0.08)!important}
/* 分隔线光晕 */
.gold-divider{width:60px!important;height:2px!important;background:var(--gold-gradient)!important;border-radius:1px!important;box-shadow:0 0 12px rgba(201,169,110,0.3)!important;animation:dividerGlow 3s ease-in-out infinite!important}
@keyframes dividerGlow{0%,100%{width:60px;box-shadow:0 0 12px rgba(201,169,110,0.3)}50%{width:80px;box-shadow:0 0 20px rgba(201,169,110,0.5)}}
/* 滚动渐显 */
.lux-reveal{opacity:0!important;transform:translateY(40px)!important;transition:opacity 0.7s cubic-bezier(0.25,0.46,0.45,0.94),transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94)!important}
.lux-reveal.lux-visible{opacity:1!important;transform:translateY(0)!important}
.lux-delay-1{transition-delay:0.08s!important}.lux-delay-2{transition-delay:0.16s!important}.lux-delay-3{transition-delay:0.24s!important}.lux-delay-4{transition-delay:0.32s!important}.lux-delay-5{transition-delay:0.40s!important}.lux-delay-6{transition-delay:0.48s!important}
/* 表单 */
input[type="text"],input[type="tel"],input[type="email"],input[type="number"],textarea,select{background:rgba(255,255,255,0.05)!important;border:1px solid rgba(201,169,110,0.15)!important;border-radius:12px!important;backdrop-filter:blur(16px)!important;transition:all 0.3s ease!important}
input:focus,textarea:focus,select:focus{border-color:rgba(201,169,110,0.4)!important;box-shadow:0 0 20px rgba(201,169,110,0.1)!important;outline:none!important}
/* 加载屏 */
.loading-screen{background:rgba(5,5,8,0.98)!important;backdrop-filter:blur(20px)!important}
.loading-ring{width:48px!important;height:48px!important;border:2px solid rgba(201,169,110,0.15)!important;border-top-color:var(--gold-bright)!important;animation:spin 1s linear infinite,loadingGlow 2s ease-in-out infinite!important}
@keyframes loadingGlow{0%,100%{box-shadow:0 0 10px rgba(201,169,110,0.2)}50%{box-shadow:0 0 25px rgba(201,169,110,0.4)}}
.loading-text{background:var(--gold-gradient-simple)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
/* 触摸优化 */
a,button,.nav-item,.btn-gold,.entry-banner a{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
body{padding-bottom:140px!important;scroll-behavior:smooth!important}
.pain-line{transition:all 0.3s ease!important;border-radius:8px!important}
.pain-line:hover{background:rgba(201,169,110,0.04)!important;padding-left:16px!important}
.aie-popup-wechat{border-radius:12px!important;background:rgba(201,169,110,0.06)!important;border:1px dashed rgba(201,169,110,0.3)!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}