:root{--gold:#B8860B;--gold-light:#D4A84B;--wine:#722F37;--wine-dark:#5A1F26;--cream:#FAF6EF;--dark:#1E1810;--brown:#3D2B1F;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100vw;}
body{font-family:'Noto Serif SC',serif;background:var(--cream);color:var(--brown);overflow-x:hidden;width:100%;max-width:100vw;position:relative;}
img,video,iframe{max-width:100%;display:block;}
section,header,footer,nav,main,aside,article{max-width:100vw;overflow-x:clip;}
.hero-particles{contain:strict;}
.particle{will-change:transform,opacity;contain:strict;}
.font-display{font-family:'Playfair Display',serif;}

/* ===== Top Info Bar ===== */
.top-bar{background:var(--dark);color:#c9b88a;font-size:13px;}

/* ===== Nav ===== */
.nav-link{position:relative;padding:6px 2px;transition:color .3s;}
.nav-link::after{content:'';position:absolute;left:50%;bottom:-4px;width:0;height:2px;background:var(--gold);transition:all .3s;transform:translateX(-50%);}
.nav-link:hover{color:var(--gold);}
.nav-link:hover::after{width:100%;}
.nav-link.active{color:var(--gold);}
.nav-link.active::after{width:100%;}
.nav-scrolled{background:rgba(30,24,16,.95)!important;backdrop-filter:blur(12px);box-shadow:0 2px 20px rgba(0,0,0,.3);}

/* ===== Hero ===== */
.hero{height:100vh;min-height:640px;position:relative;overflow:hidden;display:flex;align-items:center;}
.hero-bg{position:absolute;inset:0;background:url('http://img0.baidu.com/it/u=2237809897,3832751587&fm=253&fmt=auto&app=138&f=JPEG?w=1286&h=800') center/cover no-repeat;z-index:0;}
@supports (-webkit-touch-callout: none){.hero-bg{background-attachment:scroll;}}
@media (min-width: 768px){.hero-bg{background-attachment:fixed;}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(114,47,55,.55) 0%,rgba(30,24,16,.75) 50%,rgba(30,24,16,.85) 100%);z-index:1;}
.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none;}
.particle{position:absolute;width:4px;height:4px;background:var(--gold-light);border-radius:50%;opacity:0;animation:floatUp linear infinite;}
@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(0);}20%{opacity:.8;}80%{opacity:.5;}100%{opacity:0;transform:translateY(-100vh) scale(1);}}
.hero-content{position:relative;z-index:3;padding-top:80px;width:100%;}
.hero-content > p,.hero-content > h1,.hero-content > div{max-width:720px;}
@media (min-width: 768px){
  .hero-content{text-align:left;}
}
.hero-subtitle{letter-spacing:6px;font-weight:300;font-size:18px;}
.hero-title{font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.1;background:linear-gradient(135deg,#fff 0%,var(--gold-light) 50%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-desc{max-width:600px;font-size:18px;line-height:1.8;}

/* ===== Buttons ===== */
.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:#fff;padding:14px 36px;border-radius:50px;font-weight:600;transition:all .4s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px rgba(184,134,11,.35);border:none;cursor:pointer;font-size:16px;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(184,134,11,.55);}
.btn-outline{border:2px solid rgba(255,255,255,.7);color:#fff;padding:12px 34px;border-radius:50px;font-weight:600;transition:all .4s;display:inline-flex;align-items:center;gap:8px;background:transparent;cursor:pointer;font-size:16px;}
.btn-outline:hover{border-color:var(--gold-light);background:var(--gold);color:#fff;transform:translateY(-3px);}
.btn-gold-outline{border:2px solid var(--gold);color:var(--gold);padding:12px 34px;border-radius:50px;font-weight:600;transition:all .4s;display:inline-flex;align-items:center;gap:8px;background:transparent;cursor:pointer;font-size:15px;}
.btn-gold-outline:hover{background:var(--gold);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(184,134,11,.4);}

/* ===== Section Title with Heart ===== */
.section-title{text-align:center;margin-bottom:60px;}
.section-sub{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);letter-spacing:4px;font-size:16px;margin-bottom:8px;}
.section-head{font-size:38px;font-weight:700;color:var(--dark);letter-spacing:2px;margin-bottom:20px;}
.title-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;}
.title-divider .line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));}
.title-divider .line-r{background:linear-gradient(90deg,var(--gold),transparent);}
.title-divider .heart{color:var(--gold);font-size:18px;animation:heartbeat 1.8s ease-in-out infinite;}
@keyframes heartbeat{0%,100%{transform:scale(1);}50%{transform:scale(1.25);}}

/* ===== Animations ===== */
.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-left{opacity:0;transform:translateX(-60px);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.reveal-left.visible{opacity:1;transform:translateX(0);}
.reveal-right{opacity:0;transform:translateX(60px);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.reveal-right.visible{opacity:1;transform:translateX(0);}
.reveal-scale{opacity:0;transform:scale(.8);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.reveal-scale.visible{opacity:1;transform:scale(1);}
.delay-1{transition-delay:.1s;}.delay-2{transition-delay:.2s;}.delay-3{transition-delay:.3s;}.delay-4{transition-delay:.4s;}.delay-5{transition-delay:.5s;}.delay-6{transition-delay:.6s;}

/* ===== Service Cards ===== */
.service-card{background:#fff;border-radius:8px;overflow:hidden;padding:36px 28px;text-align:center;transition:all .5s;border:1px solid transparent;position:relative;}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transition:transform .5s;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(184,134,11,.2);border-color:rgba(184,134,11,.3);}
.service-card:hover::before{transform:scaleX(1);}
.service-card:hover .service-icon{transform:rotateY(360deg);background:var(--gold);color:#fff;}
.service-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#fdf6e3,#f5e6c8);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px;transition:all .6s;}

/* ===== Why Us ===== */
.why-item{display:flex;gap:18px;padding:20px;border-left:3px solid transparent;transition:all .4s;}
.why-item:hover{background:#fff;border-left-color:var(--gold);box-shadow:0 8px 25px rgba(184,134,11,.12);}
.why-num{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;color:var(--gold-light);line-height:1;min-width:60px;font-style:italic;}
.why-item:hover .why-num{color:var(--gold);}
.why-card{background:#fff;border-radius:16px;padding:36px 28px;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(184,134,11,.12);position:relative;overflow:hidden;}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--wine));transform:scaleX(0);transition:transform .5s;}
.why-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(184,134,11,.18);border-color:var(--gold-light);}
.why-card:hover::before{transform:scaleX(1);}
.why-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#fdf6e3,#f5ead0);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--gold);transition:all .4s;}
.why-card:hover .why-icon{background:linear-gradient(135deg,var(--gold),var(--wine));color:#fff;transform:rotateY(360deg);}
.why-banner{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(30,24,16,.25);margin-top:40px;}
.why-banner img{width:100%;height:400px;object-fit:cover;transition:transform 6s ease;}
.why-banner:hover img{transform:scale(1.06);}
.why-banner-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(114,47,55,.55) 0%,rgba(30,24,16,.45) 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;padding:20px;}
.why-badge{position:absolute;top:-20px;right:20px;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--wine));color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 15px 40px rgba(184,134,11,.5);animation:pulse 2.5s infinite;z-index:5;}
.why-badge .y-num{font-family:'Playfair Display',serif;font-size:42px;font-weight:700;line-height:1;}
.why-badge .y-text{font-size:14px;letter-spacing:3px;margin-top:2px;}
.why-badge .y-sub{font-size:11px;opacity:.85;}

/* ===== Process ===== */
.process-step{position:relative;text-align:center;}
.process-step .step-circle{width:90px;height:90px;border-radius:50%;background:#fff;border:3px solid var(--gold-light);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;position:relative;z-index:2;transition:all .4s;box-shadow:0 0 0 8px rgba(212,168,75,.1);}
.process-step:hover .step-circle{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 12px rgba(184,134,11,.15);transform:scale(1.1);}
.process-step:hover .step-circle i{color:#fff;}
.process-step .step-circle i{font-size:30px;color:var(--gold);transition:color .3s;}
.process-line{position:absolute;top:45px;left:calc(50% + 45px);right:calc(-50% + 45px);height:2px;background:linear-gradient(90deg,var(--gold-light),var(--gold));z-index:1;}
.process-step:last-child .process-line{display:none;}

/* ===== Case Cards ===== */
.case-card{position:relative;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .5s;}
.case-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(114,47,55,.2);}
.case-img{height:280px;overflow:hidden;position:relative;}
.case-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.case-card:hover .case-img img{transform:scale(1.1);}
.case-img::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(30,24,16,.8) 0%,transparent 50%);}
.case-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--wine),var(--wine-dark));color:#fff;font-size:11px;padding:4px 12px;border-radius:20px;font-weight:600;z-index:3;}
.case-info{padding:22px;}
.case-info h3{font-size:20px;font-weight:700;margin-bottom:6px;color:var(--dark);}
.case-meta{font-size:13px;color:#999;margin-bottom:12px;}
.case-tags{display:flex;gap:8px;flex-wrap:wrap;}
.case-tag{font-size:11px;padding:3px 10px;border-radius:20px;background:#f5e6c8;color:var(--gold);}

/* ===== Reviews ===== */
.review-card{background:#fff;border-radius:10px;padding:32px;position:relative;transition:all .5s;border:1px solid #f0e5c8;}
.review-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(184,134,11,.15);border-color:var(--gold-light);}
.review-quote{position:absolute;top:18px;right:22px;font-size:48px;color:var(--gold-light);opacity:.3;font-family:'Playfair Display',serif;line-height:1;}

/* ===== News ===== */
.news-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .5s;}
.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(184,134,11,.18);}
.news-img{height:200px;overflow:hidden;}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s;}
.news-card:hover .news-img img{transform:scale(1.08);}
.news-body{padding:24px;}

/* ===== Stats Parallax ===== */
.stats-section{background:linear-gradient(135deg,rgba(30,24,16,.92),rgba(114,47,55,.88)),url('http://img1.baidu.com/it/u=793311592,3995100272&fm=253&fmt=auto&app=138&f=JPEG?w=771&h=500') center/cover no-repeat;padding:80px 0;}
@supports (-webkit-touch-callout: none){.stats-section{background-attachment:scroll;}}
@media (min-width: 768px){.stats-section{background-attachment:fixed;}}
.stat-num{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;color:var(--gold-light);line-height:1;}

/* ===== Floating Side ===== */
.float-side{position:fixed;right:20px;bottom:100px;z-index:50;display:flex;flex-direction:column;gap:10px;}
.float-btn{width:54px;height:54px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 20px rgba(184,134,11,.5);cursor:pointer;transition:all .4s;position:relative;}
.float-btn:hover{transform:scale(1.1);background:var(--wine);}
.float-btn.phone{animation:pulse 2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(184,134,11,.7);}70%{box-shadow:0 0 0 12px rgba(184,134,11,0);}100%{box-shadow:0 0 0 0 rgba(184,134,11,0);}}
.float-tip{position:absolute;right:68px;top:50%;transform:translateY(-50%);background:var(--dark);color:#fff;padding:8px 14px;border-radius:6px;font-size:13px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s;}
.float-btn:hover .float-tip{opacity:1;right:62px;}

/* ===== Modal ===== */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.modal-overlay.active{display:flex;animation:fadeIn .3s;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.modal-box{background:#fff;border-radius:12px;max-width:500px;width:100%;padding:40px;position:relative;animation:slideUp .4s;}
@keyframes slideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}

/* ===== Announcement ===== */
.notice-bar{background:linear-gradient(90deg,var(--wine),#8B3A42,var(--wine));color:#f5e6c8;padding:10px 0;overflow:hidden;}
.notice-inner{overflow:hidden;width:100%;}
.notice-track{display:inline-flex;gap:60px;animation:noticeScroll 30s linear infinite;white-space:nowrap;will-change:transform;}
@keyframes noticeScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ===== Countdown ===== */
.countdown-box{display:inline-flex;gap:10px;}
.cd-item{background:rgba(184,134,11,.15);border:1px solid var(--gold);padding:12px 16px;border-radius:8px;text-align:center;min-width:72px;}
.cd-num{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--gold-light);line-height:1;}
.cd-label{font-size:11px;color:#c9b88a;margin-top:4px;}

/* ===== Scroll Arrow ===== */
.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;color:#fff;text-align:center;animation:bounce 2s infinite;}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(10px);}}

/* ===== Toast ===== */
.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-100px);background:var(--dark);color:#fff;padding:12px 28px;border-radius:50px;z-index:200;transition:transform .4s;font-size:14px;border:1px solid var(--gold);}
.toast.show{transform:translateX(-50%) translateY(0);}

/* ===== Footer ===== */
footer{background:var(--dark);}

/* ===== Mobile Menu ===== */
.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:30;}
.mobile-nav{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;background:var(--dark);z-index:100;padding:80px 30px 30px;transition:right .4s ease;box-shadow:-5px 0 30px rgba(0,0,0,.5);}
.mobile-nav.open{right:0;}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s;}
.mobile-nav-overlay.open{opacity:1;pointer-events:auto;}
.mobile-nav a{display:block;padding:14px 0;color:#ddd;border-bottom:1px solid rgba(255,255,255,.08);font-size:16px;transition:color .3s;}
.mobile-nav a:hover{color:var(--gold-light);}
.mobile-nav-close{position:absolute;top:20px;right:20px;background:none;border:none;color:#c9b88a;font-size:26px;cursor:pointer;}

/* ===== Mobile Responsive Fixes ===== */
@media (max-width: 1023px){
  .mobile-menu-toggle{display:block;}
  .hero{min-height:560px;}
}
@media (max-width: 767px){
  .top-bar{font-size:11px;}
  .top-bar .hidden{display:none!important;}
  .top-bar .flex{flex-wrap:wrap;gap:8px!important;justify-content:center!important;}
  .top-bar .flex > div{gap:10px!important;}
  .notice-bar{font-size:13px;padding:8px 0;}
  .hero{min-height:560px;height:auto;padding:100px 0 60px;display:flex;align-items:center;}
  .hero-content{padding-top:0!important;text-align:center!important;margin:0 auto;}
  .hero-content > p,.hero-content > h1,.hero-content > div{margin-left:auto!important;margin-right:auto!important;}
  .hero-subtitle{font-size:12px!important;letter-spacing:2px!important;margin-bottom:12px!important;text-align:center;}
  .hero-title{font-size:40px!important;text-align:center;}
  .text-white\/90{text-align:center;}
  .hero-desc{font-size:14px!important;line-height:1.7;text-align:center;}
  .hero-desc br{display:none;}
  .hero-content .flex.flex-wrap.gap-4{flex-direction:column;align-items:stretch;}
  .hero-content .flex.flex-wrap.gap-4 button,
  .hero-content .flex.flex-wrap.gap-4 a{width:100%;justify-content:center;padding:14px 20px!important;font-size:15px;}
  .hero-content .flex.gap-6{flex-wrap:wrap;gap:10px!important;font-size:12px;margin-top:24px!important;justify-content:center!important;}
  .hero-content > div.text-center{margin-left:auto;margin-right:auto;text-align:center;}
  .scroll-hint{display:none;}

  /* 全局容器 */
  section{padding-left:0!important;padding-right:0!important;}
  .max-w-7xl{padding-left:16px!important;padding-right:16px!important;}
  .container{padding-left:16px!important;padding-right:16px!important;}

  /* 模块标题 */
  .section-title{margin-bottom:36px;}
  .section-head{font-size:26px!important;letter-spacing:1px!important;}
  .section-sub{font-size:12px!important;letter-spacing:2px!important;}

  /* 服务卡片 */
  .service-card{padding:24px 16px;}
  .service-icon{width:56px;height:56px;font-size:22px;margin-bottom:14px;}
  .service-card h3{font-size:15px;}
  .service-card p{font-size:13px;}

  /* 案例 */
  .case-img{height:200px;}
  .case-info{padding:16px;}
  .case-info h3{font-size:17px;}

  /* 流程 */
  .process-step .step-circle{width:64px;height:64px;box-shadow:0 0 0 6px rgba(212,168,75,.1)!important;}
  .process-step .step-circle i{font-size:22px;}
  .process-line{display:none;}
  .process-step p{font-size:13px;padding:0 4px;}
  .process-step h4{font-size:14px;}

  /* Why Us */
  .why-badge{width:96px!important;height:96px!important;top:-16px!important;right:12px!important;}
  .why-badge .y-num{font-size:28px!important;}
  .why-badge .y-text{font-size:11px!important;letter-spacing:2px!important;}
  .why-badge .y-sub{font-size:9px!important;}
  .why-banner{margin-top:28px!important;}
  .why-banner img{height:220px!important;}
  .why-banner-overlay{padding:16px!important;}
  .why-banner-overlay .font-display{font-size:11px!important;letter-spacing:2px!important;margin-bottom:8px!important;}
  .why-banner-overlay h3{font-size:20px!important;letter-spacing:1px!important;margin-bottom:8px!important;line-height:1.2;}
  .why-banner-overlay p.text-lg{font-size:12px!important;}
  .why-icon{width:56px!important;height:56px!important;font-size:22px!important;margin-bottom:12px;}
  .why-card{padding:24px 16px!important;}
  .why-card h4{font-size:15px!important;}
  .why-card p{font-size:13px!important;}

  /* 数据 */
  .stats-section{padding:50px 0!important;}
  .stat-num{font-size:32px!important;}
  .stat-num + div{font-size:12px!important;}

  /* 评价 */
  .review-card{padding:24px 18px;}
  .review-card p{font-size:14px!important;line-height:1.7;}
  .review-quote{font-size:36px!important;top:12px!important;right:14px!important;}

  /* 新闻 */
  .news-img{height:160px;}
  .news-body{padding:16px;}
  .news-body h3{font-size:15px;}

  /* 联系我们 */
  .contact-section{padding:50px 0!important;}
  .contact-section .grid{gap:30px!important;}
  .contact-info-item{margin-bottom:20px;}

  /* 悬浮按钮 */
  .float-side{right:10px;bottom:70px;gap:8px;}
  .float-btn{width:44px;height:44px;font-size:16px;}
  .float-tip{display:none;}

  /* 倒计时 */
  .countdown-box{gap:6px;justify-content:center;}
  .cd-item{padding:8px 10px;min-width:54px;}
  .cd-num{font-size:20px!important;}
  .cd-label{font-size:10px;}

  /* 按钮 */
  .btn-primary,.btn-outline,.btn-gold-outline{padding:12px 22px!important;font-size:14px;}
  nav .max-w-7xl{padding:0 16px;}
  nav .btn-primary{padding:8px 18px!important;font-size:13px;}

  /* 页脚 */
  footer{padding:40px 0 20px!important;}
  footer .grid{gap:24px!important;}
  footer .mb-6{margin-bottom:20px!important;}

  /* 弹窗 */
  .modal-box{padding:24px 20px!important;margin:12px;}
  .modal-box h3{font-size:20px!important;}

  /* 关于我们 */
  #about .section-sub, #about .section-head{text-align:center!important;}
  #about .title-divider{justify-content:center!important;margin:0 auto 24px!important;}
  #about .btn-gold-outline{margin:0 auto;display:flex;}
  .about-img-grid{gap:10px!important;}
  .about-img-grid img{height:140px!important;margin-top:0!important;}
  .about-img-b{margin-top:0!important;}
  .about-img-c{margin-top:0!important;}
}
@media (max-width: 480px){
  .top-bar span{font-size:10px;}
  .top-bar .flex > div:last-child span{display:none;}
  .hero-title{font-size:36px!important;}
  .hero-desc{font-size:13px!important;}
  .section-head{font-size:22px!important;}
  .why-banner-overlay h3{font-size:18px!important;}
  .grid-cols-2{grid-template-columns:1fr!important;}
  .grid-cols-3{grid-template-columns:1fr!important;}
  .grid-cols-4{grid-template-columns:repeat(2,1fr)!important;}
  .process-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px 12px!important;}
  .why-badge{width:80px!important;height:80px!important;top:-12px!important;right:8px!important;}
  .why-badge .y-num{font-size:24px!important;}
  .why-badge .y-text{font-size:10px!important;letter-spacing:1px!important;}
  .why-badge .y-sub{font-size:8px!important;}
}
@media (max-width: 380px){
  .hero-title{font-size:32px!important;}
  nav .flex.items-center.gap-3 > div > div:first-child{font-size:20px!important;letter-spacing:2px!important;}
}

/* ===== 移动端终极修复 ===== */
html,body{width:100%;max-width:100vw;overflow-x:clip!important;}
*,*::before,*::after{box-sizing:border-box;}
img,video,iframe{max-width:100%;height:auto;display:block;}
.w-100{width:100%;}

@media (max-width: 767px){
  html,body{overflow-x:hidden!important;}
  /* 取消所有可能导致横向溢出的负margin与绝对定位越界 */
  .why-badge{position:relative!important;top:auto!important;right:auto!important;margin:-40px auto 0!important;width:80px!important;height:80px!important;}
  .why-banner{margin-top:20px!important;}
  .why-banner img{height:220px!important;}
  .why-banner-overlay{padding:20px 16px!important;text-align:center;}
  .why-banner-overlay h3{font-size:20px!important;letter-spacing:1px!important;}
  .why-banner-overlay p{font-size:13px!important;padding:0!important;}
  .why-banner-overlay .tracking-\[0\.4em\]{font-size:11px!important;}
  /* 所有容器严格居中 */
  .max-w-7xl,.max-w-6xl,.max-w-5xl{padding-left:16px!important;padding-right:16px!important;width:100%!important;}
  section{overflow-x:hidden!important;padding:50px 0!important;}
  /* Hero重新居中 */
  .hero{min-height:auto!important;height:auto!important;padding:120px 0 70px!important;}
  .hero-bg{background-attachment:scroll!important;}
  .hero-content{padding:0 16px!important;text-align:center!important;}
  .hero-content > *{margin-left:auto!important;margin-right:auto!important;max-width:100%!important;}
  .hero-subtitle{text-align:center!important;letter-spacing:3px!important;font-size:12px!important;margin-bottom:14px!important;}
  .hero-title{text-align:center!important;font-size:38px!important;}
  .hero-desc{text-align:center!important;font-size:14px!important;line-height:1.8!important;}
  .hero-desc br{display:none;}
  .hero-content .flex.flex-wrap.gap-4{flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:320px!important;margin:24px auto 0!important;}
  .hero-content .flex.flex-wrap.gap-4 a,
  .hero-content .flex.flex-wrap.gap-4 button{width:100%!important;justify-content:center!important;font-size:15px!important;}
  .hero-content .flex.gap-6{justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:28px!important;font-size:12px!important;}
  /* 导航 */
  nav .max-w-7xl{padding:0 16px!important;}
  nav .btn-primary{padding:8px 16px!important;font-size:13px;}
  /* 顶部信息栏 */
  .top-bar{padding:8px 0!important;font-size:11px!important;}
  .top-bar .max-w-7xl{padding:0 12px!important;}
  .top-bar .flex{flex-wrap:wrap;gap:6px!important;justify-content:center!important;}
  /* 公告 */
  .notice-bar{font-size:13px!important;padding:8px 0!important;}
  .notice-track{gap:40px!important;}
  /* 模块标题 */
  .section-title{margin-bottom:28px!important;}
  .section-head{font-size:24px!important;letter-spacing:1px!important;}
  .section-sub{font-size:12px!important;letter-spacing:2px!important;}
  /* 服务卡片 */
  .grid-cols-2{grid-template-columns:repeat(2,1fr)!important;}
  .service-card{padding:22px 14px!important;}
  .service-icon{width:52px!important;height:52px!important;font-size:20px!important;margin-bottom:12px!important;}
  .service-card h3{font-size:14px!important;}
  .service-card p{font-size:12px!important;line-height:1.5;}
  /* 流程 */
  .process-step .step-circle{width:60px!important;height:60px!important;box-shadow:0 0 0 5px rgba(212,168,75,.1)!important;}
  .process-step .step-circle i{font-size:20px!important;}
  .process-line{display:none!important;}
  /* 为什么选择我们 */
  .why-card{padding:22px 16px!important;}
  .why-icon{width:56px!important;height:56px!important;font-size:22px!important;}
  .why-card h4{font-size:15px!important;}
  .why-card p{font-size:12px!important;}
  /* 案例 */
  .case-img{height:200px!important;}
  .case-info{padding:16px!important;}
  .case-info h3{font-size:16px!important;}
  .case-meta{font-size:12px!important;}
  /* 评价 */
  .review-card{padding:22px 16px!important;}
  .review-card p{font-size:13px!important;}
  .review-quote{font-size:32px!important;top:10px!important;right:12px!important;}
  /* 关于我们 */
  #about .grid{gap:30px!important;}
  #about .section-sub,#about .section-head{text-align:center!important;}
  #about .title-divider{justify-content:center!important;margin:0 auto 20px!important;}
  #about .btn-gold-outline{margin:0 auto!important;display:inline-flex!important;}
  .about-img-grid{gap:8px!important;grid-template-columns:1fr 1fr!important;}
  .about-img-grid img{height:120px!important;margin-top:0!important;-webkit-margin-before:0!important;}
  .about-img-b,.about-img-c{margin-top:0!important;}
  /* 新闻 */
  .news-img{height:160px!important;}
  .news-body{padding:16px!important;}
  /* 联系 */
  .contact-section .grid{gap:24px!important;}
  .contact-info-item{margin-bottom:18px!important;}
  form .grid{gap:14px!important;}
  form input,form select,form textarea{padding:12px!important;font-size:14px!important;}
  /* 数据 */
  .stats-section .grid{gap:24px!important;padding:0 16px!important;}
  .stat-num{font-size:30px!important;}
  /* 倒计时 */
  .countdown-box{gap:6px!important;justify-content:center!important;}
  .cd-item{padding:8px 8px!important;min-width:48px!important;}
  .cd-num{font-size:20px!important;}
  .cd-label{font-size:10px!important;}
  /* 悬浮 */
  .float-side{right:10px!important;bottom:70px!important;gap:8px!important;}
  .float-btn{width:42px!important;height:42px!important;font-size:16px!important;}
  .float-tip{display:none!important;}
  /* 按钮统一 */
  .btn-primary,.btn-outline,.btn-gold-outline{font-size:14px!important;padding:12px 22px!important;}
  /* 页脚 */
  footer .grid{gap:24px!important;}
  /* 弹窗 */
  .modal-box{padding:24px 20px!important;margin:10px;width:calc(100% - 20px)!important;max-width:420px;}
}
@media (max-width: 480px){
  .hero-title{font-size:32px!important;}
  .section-head{font-size:22px!important;}
  .grid-cols-3,.grid-cols-4{grid-template-columns:1fr 1fr!important;}
  .process-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px 8px!important;}
  .service-card{padding:18px 10px!important;}
  .why-badge{width:72px!important;height:72px!important;}
  .why-badge .y-num{font-size:22px!important;}
  .why-badge .y-text{font-size:10px!important;}
  .why-badge .y-sub{font-size:8px!important;}
}