:root {
  --ink:     #0A0D14;
  --ink2:    #141824;
  --ink3:    #1E2436;
  --steel:   #2A3350;
  --mist:    #8A93AA;
  --fog:     #C4CAD8;
  --white:   #F5F7FA;
  --pure:    #FFFFFF;
  --gold:    #C9A84C;
  --gold2:   #E8C96A;
  --gold-l:  #F5E9C8;
  --teal:    #1DB89A;
  --teal-l:  #D0F5ED;
  --red:     #E05050;
  --border:  rgba(255,255,255,0.08);
  --border2: rgba(201,168,76,0.3);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Instrument Sans',sans-serif;
  background:var(--ink); color:var(--white);
  overflow-x:hidden;
}

/* ── TOPBAR ── */
.topbar{
  background:var(--gold);
  padding:7px 0; text-align:center;
}
.topbar span{
  font-family:'DM Mono',monospace; font-size:12px;
  color:var(--ink); letter-spacing:0.05em;
}
.topbar strong{ font-weight:600; }

/* ── NAV ── */
nav{
  position:sticky; top:0; z-index:100;
  background:rgba(10,13,20,0.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:1280px; margin:0 auto;
  padding:0 32px;
  display:flex; align-items:stretch; gap:0;
}
.nav-logo{
  display:flex; align-items:center; gap:10px;
  padding:16px 32px 16px 0;
  border-right:1px solid var(--border);
  text-decoration:none; flex-shrink:0;
}
.logo-mark{
  width:36px; height:36px;
  background:var(--gold);
  border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-family:'Syne',sans-serif; font-weight:800;
  font-size:16px; color:var(--ink);
}
.logo-text{ line-height:1; }
.logo-text .brand{
  font-family:'Syne',sans-serif; font-weight:700;
  font-size:16px; color:var(--pure); letter-spacing:0.03em;
}
.logo-text .sub{
  font-size:9px; color:var(--mist);
  font-family:'DM Mono',monospace; letter-spacing:0.08em;
  text-transform:uppercase;
}

.nav-menu{
  display:flex; align-items:stretch; flex:1;
  list-style:none; margin:0 0 0 8px;
}
.nav-menu > li{
  position:relative;
}
.nav-menu > li > a{
  display:flex; align-items:center; gap:5px;
  padding:0 18px; height:100%;
  font-size:13px; font-weight:500;
  color:var(--fog); text-decoration:none;
  letter-spacing:0.02em;
  transition:color .2s;
  white-space:nowrap;
}
.nav-menu > li > a:hover{ color:var(--gold); }
.nav-menu > li > a .arrow{
  font-size:9px; opacity:.6; transition:transform .2s;
}
.nav-menu > li:hover > a .arrow{ transform:rotate(180deg); }

/* MEGA DROPDOWN */
.dropdown{
  position:absolute; top:100%; left:0;
  background:var(--ink2);
  border:1px solid var(--border);
  border-top:2px solid var(--gold);
  border-radius:0 0 12px 12px;
  min-width:520px; padding:24px;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(-8px);
  transition:all .22s ease;
  box-shadow:0 24px 60px rgba(0,0,0,.5);
}
.nav-menu > li:hover .dropdown{
  opacity:1; visibility:visible; pointer-events:all;
  transform:translateY(0);
}
.dropdown-grid{
  display:grid; gap:8px;
}
.dropdown-grid.col2{ grid-template-columns:1fr 1fr; }
.dropdown-grid.col3{ grid-template-columns:1fr 1fr 1fr; }
.drop-item{
  display:flex; align-items:flex-start; gap:10px;
  padding:10px 12px; border-radius:8px;
  text-decoration:none;
  transition:background .15s;
}
.drop-item:hover{ background:rgba(201,168,76,.08); }
.drop-icon{
  font-size:20px; flex-shrink:0;
  width:36px; height:36px;
  background:rgba(201,168,76,.1);
  border-radius:7px;
  display:flex; align-items:center; justify-content:center;
}
.drop-text .dt{ font-size:13px; font-weight:600; color:var(--pure); }
.drop-text .ds{ font-size:11px; color:var(--mist); margin-top:2px; line-height:1.4; }
.drop-badge{
  display:inline-block; font-size:9px; font-weight:700;
  padding:2px 6px; border-radius:4px;
  background:var(--gold); color:var(--ink);
  margin-left:6px; vertical-align:middle;
  font-family:'DM Mono',monospace; letter-spacing:.04em;
}
.drop-badge.new{ background:var(--teal); }
.drop-section-label{
  font-size:10px; font-weight:600; letter-spacing:.1em;
  color:var(--mist); text-transform:uppercase;
  padding:0 12px; margin-bottom:6px; margin-top:12px;
}
.drop-section-label:first-child{ margin-top:0; }

.nav-actions{
  display:flex; align-items:center; gap:8px;
  margin-left:auto; padding-left:16px;
}
.btn-outline{
  padding:8px 16px; border-radius:7px;
  border:1px solid var(--border2);
  color:var(--gold); font-size:12px; font-weight:600;
  text-decoration:none; letter-spacing:.03em;
  transition:all .2s;
}
.btn-outline:hover{ background:rgba(201,168,76,.1); }
.btn-cta{
  padding:9px 20px; border-radius:7px;
  background:var(--gold);
  color:var(--ink); font-size:12px; font-weight:700;
  text-decoration:none; letter-spacing:.04em;
  transition:all .2s; white-space:nowrap;
}
.btn-cta:hover{ background:var(--gold2); transform:translateY(-1px); }
/* ══════════════════════════════════════════
   HERO CAROUSEL
══════════════════════════════════════════ */
.hero-carousel{position:relative;width:100%;overflow:hidden;background:#050810;}
.carousel-track{display:flex;transition:transform .75s cubic-bezier(.77,0,.175,1);will-change:transform;}
.carousel-slide{
  min-width:100%;height:90vh;min-height:580px;
  position:relative;overflow:hidden;
  display:flex;align-items:center;
}
.carousel-slide::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px;
}
.slide-mens   {background:radial-gradient(ellipse 65% 70% at 75% 50%,rgba(201,168,76,.1) 0%,transparent 65%),linear-gradient(125deg,#050810 0%,#0D1628 40%,#0A1A1F 100%);}
.slide-extract{background:radial-gradient(ellipse 60% 70% at 72% 50%,rgba(29,184,154,.1) 0%,transparent 65%),linear-gradient(135deg,#040D08 0%,#081A10 50%,#040E14 100%);}
.slide-rd     {background:radial-gradient(ellipse 65% 70% at 72% 50%,rgba(123,79,187,.12) 0%,transparent 65%),linear-gradient(135deg,#05050E 0%,#100820 50%,#090614 100%);}
.slide-beauty {background:radial-gradient(ellipse 65% 70% at 72% 50%,rgba(204,85,136,.1) 0%,transparent 65%),linear-gradient(135deg,#080510 0%,#160818 50%,#0A0810 100%);}
.slide-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,8,16,.9) 0%,rgba(5,8,16,.65) 50%,rgba(5,8,16,.05) 100%);}
.slide-content{
  position:relative;z-index:2;
  max-width:1280px;width:100%;margin:0 auto;padding:0 72px;
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
}
.slide-text{max-width:580px;}
.slide-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 14px;border-radius:20px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  font-family:'DM Mono',monospace;font-size:10px;color:var(--fog);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px;
}
.sdot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:sdotblink 2s ease infinite;}
@keyframes sdotblink{0%,100%{opacity:1}50%{opacity:.2}}
.sdot-gold{background:var(--gold);}
.sdot-teal{background:var(--teal);}
.sdot-purple{background:#A070DD;}
.sdot-rose{background:#E88AB0;}
.slide-h1{
  font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(34px,4.2vw,60px);
  line-height:1.06;letter-spacing:-.02em;color:var(--pure);margin-bottom:18px;
}
.slide-h1 em{font-style:normal;}
.eg{background:linear-gradient(135deg,#C9A84C,#E8C96A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.et{background:linear-gradient(135deg,#1DB89A,#2EE8C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ep{background:linear-gradient(135deg,#A070DD,#C9A84C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.er{background:linear-gradient(135deg,#E88AB0,#C9A84C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.slide-sub{font-size:15px;line-height:1.72;color:var(--mist);margin-bottom:34px;max-width:480px;}
.slide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;}
.sbtn{padding:12px 24px;border-radius:9px;font-size:13px;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:all .2s;display:inline-block;}
.sbtn-gold{background:var(--gold);color:var(--ink);}
.sbtn-gold:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,168,76,.35);}
.sbtn-teal{background:var(--teal);color:var(--ink);}
.sbtn-teal:hover{background:#2EE8C0;transform:translateY(-2px);}
.sbtn-purple{background:linear-gradient(135deg,#8B5FCC,#C9A84C);color:#fff;}
.sbtn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(139,95,204,.35);}
.sbtn-rose{background:linear-gradient(135deg,#CC5588,#C9A84C);color:#fff;}
.sbtn-rose:hover{transform:translateY(-2px);}
.sbtn-ghost{border:1px solid rgba(255,255,255,.14);color:var(--fog);}
.sbtn-ghost:hover{border-color:var(--gold);color:var(--gold);}
.slide-stats{display:flex;gap:36px;flex-wrap:wrap;}
.ss-n{font-family:'Syne',sans-serif;font-weight:700;font-size:28px;color:var(--pure);}
.ss-n span{color:var(--gold);}
.ss-l{font-size:11px;color:var(--mist);margin-top:2px;letter-spacing:.04em;}
.slide-art{display:flex;align-items:center;justify-content:center;height:100%;padding:24px 0;}
.slide-art svg{width:100%;max-width:340px;height:auto;filter:drop-shadow(0 24px 60px rgba(0,0,0,.7));transition:transform .5s ease;}
.slide-art:hover svg{transform:translateY(-6px);}

/* Carousel controls */
.c-prev,.c-next{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:48px;height:48px;border-radius:50%;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  color:var(--fog);font-size:24px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;backdrop-filter:blur(8px);
}
.c-prev{left:20px;}.c-next{right:20px;}
.c-prev:hover,.c-next:hover{background:rgba(201,168,76,.18);border-color:var(--gold);color:var(--gold);}
.c-dots{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:7px;}
.cdot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .28s;border:none;padding:0;}
.cdot.active{background:var(--gold);width:22px;border-radius:4px;}
.c-bar{position:absolute;bottom:0;left:0;height:2px;z-index:10;background:var(--gold);width:0%;transition:width .12s linear;}

/* ══════════════════════════════════════════
   PRODUCT SHOWCASE
══════════════════════════════════════════ */
.prod-section{background:var(--ink2);padding:72px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.prod-inner{max-width:1280px;margin:0 auto;padding:0 32px;}
.prod-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:14px;}
.sec-label{font-family:'DM Mono',monospace;font-size:11px;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.sec-label::before{content:'';width:24px;height:1px;background:var(--teal);}
.sec-h2{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(22px,2.8vw,34px);color:var(--pure);line-height:1.15;}
.sec-h2 .gg{background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.view-all-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;border:1px solid var(--border2);color:var(--gold);font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.04em;white-space:nowrap;transition:all .2s;}
.view-all-btn:hover{background:rgba(201,168,76,.08);}
.prod-tabs{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap;}
.ptab{padding:8px 18px;border-radius:7px;border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--mist);background:transparent;cursor:pointer;transition:all .2s;font-family:'Instrument Sans',sans-serif;}
.ptab:hover{border-color:rgba(201,168,76,.3);color:var(--fog);}
.ptab.active{background:var(--gold);color:var(--ink);font-weight:700;border-color:var(--gold);}
.prod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.pc{background:var(--ink);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .28s;cursor:pointer;}
.pc:hover{border-color:rgba(201,168,76,.35);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.45);}
.pc-img{position:relative;padding:18px 18px 8px;display:flex;align-items:center;justify-content:center;min-height:180px;}
.pc-img-mens{background:linear-gradient(135deg,#0D1628,#0A0D18);}
.pc-img-womens{background:linear-gradient(135deg,#1A0818,#0A0410);}
.pc-img-cognitive{background:linear-gradient(135deg,#10082A,#080518);}
.pc-img-beauty{background:linear-gradient(135deg,#1A0818,#0A0410);}
.pc-img-immune{background:linear-gradient(135deg,#061A0E,#030D06);}
.pc-img-extract{background:linear-gradient(135deg,#081A10,#040E08);}
.pc-img svg{width:85%;max-height:170px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));transition:transform .3s;}
.pc:hover .pc-img svg{transform:scale(1.05) translateY(-3px);}
.pc-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:3px;}
.pb{font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;font-family:'DM Mono',monospace;letter-spacing:.06em;}
.pb-excl{background:var(--gold);color:var(--ink);}
.pb-new{background:var(--teal);color:var(--ink);}
.pb-best{background:var(--red);color:#fff;}
.pc-body{padding:14px 16px 18px;flex:1;display:flex;flex-direction:column;}
.pc-cat{font-size:10px;font-family:'DM Mono',monospace;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;}
.pc-name{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;color:var(--pure);line-height:1.25;margin-bottom:6px;}
.pc-spec{font-size:11px;color:var(--mist);line-height:1.5;margin-bottom:auto;}
.pc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:11px;border-top:1px solid var(--border);}
.pc-moq{font-size:10px;color:var(--mist);font-family:'DM Mono',monospace;}
.pc-cta{font-size:11px;font-weight:600;color:var(--gold);text-decoration:none;letter-spacing:.04em;transition:color .2s;}
.pc-cta:hover{color:var(--gold2);}
.pc-hidden{display:none;}

/* ══════════════════════════════════════════
   HAMBURGER + MOBILE NAV  (全局，非媒体查询)
══════════════════════════════════════════ */
.nav-hamburger{
  display:none;
  flex-direction:column;gap:5px;cursor:pointer;
  padding:8px;margin-left:auto;
  background:none;border:none;flex-shrink:0;
}
.nav-hamburger span{display:block;width:24px;height:2px;background:var(--fog);border-radius:2px;transition:all .3s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-nav-overlay{
  display:none;position:fixed;inset:0;z-index:9999;
  background:rgba(5,8,16,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  flex-direction:column;padding:80px 28px 40px;overflow-y:auto;
}
.mobile-nav-overlay.open{display:flex;}
.mobile-nav-close{
  position:absolute;top:18px;right:18px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  border-radius:50%;width:40px;height:40px;color:var(--fog);
  font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.mobile-nav-close:hover{background:rgba(201,168,76,.15);color:var(--gold);}
.mob-nav-item{border-bottom:1px solid rgba(255,255,255,.07);}
.mob-nav-item > a{display:flex;align-items:center;justify-content:space-between;padding:18px 4px;font-family:'Syne',sans-serif;font-weight:700;font-size:19px;color:var(--pure);text-decoration:none;}
.mob-arrow{font-size:14px;color:var(--gold);transition:transform .25s;flex-shrink:0;}
.mob-nav-item.expanded .mob-arrow{transform:rotate(90deg);}
.mob-sub{display:none;flex-direction:column;gap:2px;padding:0 0 16px 4px;}
.mob-nav-item.expanded .mob-sub{display:flex;}
.mob-sub a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .15s;}
.mob-sub a:hover{background:rgba(201,168,76,.08);}
.mob-sub-icon{font-size:17px;width:34px;height:34px;background:rgba(201,168,76,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mob-sub-text .dt{font-size:13px;font-weight:600;color:var(--pure);}
.mob-sub-text .ds{font-size:11px;color:var(--mist);margin-top:2px;}
.mob-nav-actions{margin-top:28px;display:flex;flex-direction:column;gap:10px;}
.mob-btn-outline{padding:14px;border-radius:9px;border:1px solid var(--border2);color:var(--gold);font-size:14px;font-weight:600;text-align:center;text-decoration:none;letter-spacing:.04em;}
.mob-btn-cta{padding:14px;border-radius:9px;background:var(--gold);color:var(--ink);font-size:14px;font-weight:700;text-align:center;text-decoration:none;letter-spacing:.04em;}

/* ══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
══════════════════════════════════════════ */

/* ── 1024px 平板 ── */
@media (max-width:1024px){
  .nav-menu > li > a{padding:0 11px;font-size:12px;}
  .nav-actions .btn-outline{display:none;}
  .slide-content{padding:0 44px;gap:28px;}
  .slide-h1{font-size:clamp(28px,4vw,46px);}
  .slide-art svg{max-width:250px;}
  .prod-grid{grid-template-columns:repeat(3,1fr);}
  .pillars-grid{grid-template-columns:repeat(2,1fr);}
  .formulas-grid{grid-template-columns:repeat(2,1fr);}
  .extract-grid{grid-template-columns:repeat(3,1fr);}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:24px;}
  .footer-brand{grid-column:span 3;}
  .process-track{grid-template-columns:repeat(3,1fr);gap:20px;}
  .process-track::before{display:none;}
  .blog-grid{grid-template-columns:1fr 1fr;}
}

/* ── 768px 手机端主断点 ── */
@media (max-width:768px){
  /* 导航切换为汉堡 */
  .nav-menu{display:none!important;}
  .nav-actions{display:none!important;}
  .nav-hamburger{display:flex!important;}
  .nav-inner{padding:0 18px;}
  .nav-logo{border-right:none;padding-right:12px;}
  nav{position:sticky;top:0;z-index:200;}

  /* 顶部公告栏 */
  .topbar{padding:6px 14px;}
  .topbar span{font-size:10px;letter-spacing:.01em;}

  /* 轮播：竖版全高 */
  .carousel-slide{height:auto;min-height:100svh;align-items:flex-end;padding-bottom:72px;}
  .slide-content{grid-template-columns:1fr;padding:28px 22px 0;gap:0;}
  .slide-art{display:none;}
  .slide-mens   {background:radial-gradient(ellipse 130% 55% at 50% 15%,rgba(201,168,76,.18) 0%,transparent 60%),linear-gradient(180deg,#05080F 0%,#0D1628 100%);}
  .slide-extract{background:radial-gradient(ellipse 130% 55% at 50% 15%,rgba(29,184,154,.18) 0%,transparent 60%),linear-gradient(180deg,#040D08 0%,#081A10 100%);}
  .slide-rd     {background:radial-gradient(ellipse 130% 55% at 50% 15%,rgba(123,79,187,.18) 0%,transparent 60%),linear-gradient(180deg,#05050E 0%,#100820 100%);}
  .slide-beauty {background:radial-gradient(ellipse 130% 55% at 50% 15%,rgba(204,85,136,.18) 0%,transparent 60%),linear-gradient(180deg,#080510 0%,#160818 100%);}
  .slide-overlay{background:linear-gradient(180deg,rgba(5,8,16,.25) 0%,rgba(5,8,16,.6) 55%,rgba(5,8,16,.95) 100%);}
  .slide-badge{font-size:9px;padding:5px 11px;margin-bottom:14px;}
  .slide-h1{font-size:clamp(26px,7.5vw,38px);margin-bottom:12px;}
  .slide-sub{font-size:13px;line-height:1.62;margin-bottom:22px;max-width:100%;}
  .slide-actions{flex-direction:column;gap:9px;margin-bottom:26px;}
  .sbtn{text-align:center;padding:13px 20px;width:100%;}
  .slide-stats{gap:18px;}
  .ss-n{font-size:22px;}
  .ss-l{font-size:10px;}
  .c-prev,.c-next{width:38px;height:38px;font-size:18px;}
  .c-prev{left:10px;}.c-next{right:10px;}

  /* 信任栏横向滚动 */
  .trust-inner{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 18px;gap:22px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .trust-inner::-webkit-scrollbar{display:none;}
  .trust-dot{display:none;}
  .trust-item{flex-shrink:0;font-size:11px;}

  /* 各section */
  .section{padding:52px 0;}
  .section-inner{padding:0 18px;}
  .section-h2{font-size:clamp(20px,6vw,30px);}
  .section-desc{font-size:14px;}

  /* 产品展示 */
  .prod-section{padding:48px 0;}
  .prod-inner{padding:0 18px;}
  .prod-head{flex-direction:column;align-items:flex-start;gap:10px;}
  .prod-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:2px;-webkit-overflow-scrolling:touch;}
  .prod-tabs::-webkit-scrollbar{display:none;}
  .ptab{flex-shrink:0;padding:7px 13px;font-size:11px;}
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .pc-img{min-height:148px;padding:14px 12px 6px;}
  .pc-name{font-size:13px;}
  .pc-spec{font-size:10px;}

  /* 其他section布局 */
  .pillars-grid{grid-template-columns:1fr;gap:2px;}
  .pillar{padding:26px 20px;}
  .sig-hero{padding:26px 20px;}
  .sig-proof{flex-direction:column;gap:8px;}
  .formulas-grid{grid-template-columns:1fr;gap:12px;}
  .formula-card{padding:20px 18px;}
  .extract-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;width:100%;}
  .extract-tabs::-webkit-scrollbar{display:none;}
  .tab-btn{flex-shrink:0;font-size:12px;padding:8px 13px;}
  .extract-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .custom-grid{grid-template-columns:1fr;gap:28px;}
  .cta-box{padding:24px 18px;}
  .buy-grid{grid-template-columns:1fr;gap:14px;}
  .why-grid{grid-template-columns:1fr;gap:28px;}
  .cert-grid{grid-template-columns:repeat(3,1fr);}
  .process-track{grid-template-columns:repeat(2,1fr);gap:24px;}
  .process-track::before{display:none;}
  .ps-dot{width:56px;height:56px;font-size:20px;}
  .blog-grid{grid-template-columns:1fr;}
  .blog-card.featured .blog-img{height:190px;}
  .footer-top{grid-template-columns:1fr 1fr;gap:24px;}
  .footer-brand{grid-column:span 2;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;}
  .float-cta{bottom:14px;right:14px;gap:8px;}
  .float-btn{padding:10px 15px;font-size:12px;}
  .dropdown{display:none!important;}
}

/* ── 480px 标准手机竖屏 ── */
@media (max-width:480px){
  .logo-text .brand{font-size:14px;}
  .logo-text .sub{font-size:8px;}
  .logo-mark{width:30px;height:30px;font-size:14px;}
  .carousel-slide{min-height:100svh;}
  .slide-h1{font-size:clamp(22px,7vw,32px);}
  .slide-content{padding:20px 16px 0;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .formulas-grid{grid-template-columns:1fr;}
  .extract-grid{grid-template-columns:1fr 1fr;}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr;}
  .footer-brand{grid-column:span 1;}
  .process-track{grid-template-columns:1fr 1fr;}
  .section{padding:40px 0;}
  .section-inner{padding:0 15px;}
  .prod-inner{padding:0 15px;}
  .float-cta{flex-direction:row;bottom:10px;right:10px;}
  .float-btn{padding:9px 13px;font-size:11px;border-radius:40px;}
}

/* ── 360px 小屏机型 ── */
@media (max-width:360px){
  .slide-h1{font-size:21px;}
  .slide-sub{font-size:12px;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .pc-img{min-height:125px;}
  .pc-name{font-size:12px;}
  .pillar{padding:20px 15px;}
  .section-inner{padding:0 13px;}
  .prod-inner{padding:0 13px;}
}

/* ── iPhone刘海/灵动岛安全区 ── */
@supports (padding-top:env(safe-area-inset-top)){
  .topbar{padding-top:max(6px,env(safe-area-inset-top));}
  .float-cta{padding-bottom:env(safe-area-inset-bottom);}
}


:root{--accent:#C9A84C;--accent2:#E8C96A;}
.pg-hero{position:relative;padding:72px 0 56px;overflow:hidden;}
.pg-hero::before{content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:52px 52px;pointer-events:none;}
.pg-glow{position:absolute;top:-80px;right:-80px;width:500px;height:500px;
  border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.35;}
.pg-inner{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:2;}
.breadcrumb{display:flex;align-items:center;gap:7px;font-family:'DM Mono',monospace;
  font-size:11px;color:var(--mist);margin-bottom:22px;letter-spacing:.03em;}
.breadcrumb a{color:var(--mist);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover,.breadcrumb .cur{color:var(--accent);}
.breadcrumb .sep{opacity:.4;}
.hero-label{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;
  border-radius:20px;margin-bottom:20px;font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:.1em;text-transform:uppercase;}
.hero-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:blink 2s ease infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.pg-h1{font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(30px,4vw,54px);line-height:1.08;
  letter-spacing:-.02em;color:var(--pure);margin-bottom:16px;}
.pg-h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--accent2));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.pg-lead{font-size:16px;line-height:1.75;color:var(--mist);max-width:620px;margin-bottom:36px;}
.pg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:44px;}
.btn-p{padding:13px 26px;border-radius:9px;font-size:13px;font-weight:700;
  letter-spacing:.04em;text-decoration:none;transition:all .2s;display:inline-block;cursor:pointer;border:none;font-family:inherit;}
.btn-solid{background:var(--accent);color:var(--ink);}
.btn-solid:hover{background:var(--accent2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3);}
.btn-outline{border:1px solid rgba(255,255,255,.14);color:var(--fog);background:transparent;}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);}
.hero-stats{display:flex;gap:36px;flex-wrap:wrap;}
.hs-n{font-family:'Syne',sans-serif;font-weight:700;font-size:28px;color:var(--pure);}
.hs-n sup{color:var(--accent);font-size:.6em;}
.hs-l{font-size:11px;color:var(--mist);margin-top:3px;letter-spacing:.04em;}

/* STEP NAV */
.step-nav{background:var(--ink2);border-bottom:1px solid var(--border);
  padding:14px 0;position:sticky;top:64px;z-index:50;}
.sn-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.sn-inner::-webkit-scrollbar{display:none;}
.sn-item{display:flex;align-items:center;gap:10px;padding:10px 22px;
  text-decoration:none;border-right:1px solid var(--border);
  transition:background .2s;flex-shrink:0;}
.sn-item:last-child{border-right:none;}
.sn-item:hover{background:rgba(201,168,76,.05);}
.sn-item.active{background:rgba(201,168,76,.08);border-bottom:2px solid var(--accent);}
.sn-num{width:22px;height:22px;border-radius:50%;
  background:var(--steel);color:var(--mist);
  font-size:10px;font-weight:700;font-family:'DM Mono',monospace;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sn-item.active .sn-num{background:var(--accent);color:var(--ink);}
.sn-txt{font-size:12px;font-weight:500;color:var(--mist);white-space:nowrap;}
.sn-item.active .sn-txt{color:var(--pure);}

/* SECTIONS */
.sec{padding:60px 0;}
.sec.alt{background:var(--ink2);}
.sec-lbl{font-family:'DM Mono',monospace;font-size:11px;color:var(--teal);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;
  display:flex;align-items:center;gap:8px;}
.sec-lbl::before{content:'';width:20px;height:1px;background:var(--teal);}
.sec-h2{font-family:'Syne',sans-serif;font-weight:700;
  font-size:clamp(22px,3vw,32px);color:var(--pure);line-height:1.15;margin-bottom:10px;}
.sec-h2 em{font-style:normal;color:var(--accent);}
.sec-sub{font-size:14px;color:var(--mist);line-height:1.7;max-width:580px;margin-bottom:32px;}

/* PROCESS STEPS */
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:8px;}
.process-steps::before{content:'';position:absolute;top:28px;left:12%;right:12%;
  height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);}
.pstep{text-align:center;padding:0 12px;}
.pstep-dot{width:56px;height:56px;border-radius:50%;
  background:var(--ink2);border:2px solid var(--border);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin:0 auto 14px;position:relative;z-index:2;transition:all .2s;}
.pstep:hover .pstep-dot{border-color:var(--accent);background:rgba(201,168,76,.08);}
.pstep-n{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;
  background:var(--accent);color:var(--ink);font-size:9px;font-weight:700;
  font-family:'Syne',sans-serif;display:flex;align-items:center;justify-content:center;}
.pstep-title{font-family:'Syne',sans-serif;font-weight:600;font-size:13px;color:var(--pure);margin-bottom:5px;}
.pstep-desc{font-size:11px;color:var(--mist);line-height:1.5;}

/* FEATURE CARDS */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.feat-card{background:var(--ink);border:1px solid var(--border);border-radius:12px;
  padding:24px 20px;transition:border-color .2s;}
.feat-card:hover{border-color:var(--border2);}
.feat-icon{font-size:26px;margin-bottom:12px;}
.feat-title{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;color:var(--pure);margin-bottom:5px;}
.feat-desc{font-size:12px;color:var(--mist);line-height:1.6;}

/* DOWNLOAD CARD */
.dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.dl-card{background:var(--ink2);border:1px solid var(--border);border-radius:14px;
  padding:24px 22px;display:flex;align-items:flex-start;gap:16px;
  transition:border-color .2s;cursor:pointer;}
.dl-card:hover{border-color:var(--border2);}
.dl-icon{width:48px;height:48px;border-radius:10px;
  background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);
  display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.dl-body{flex:1;}
.dl-name{font-family:'Syne',sans-serif;font-weight:600;font-size:14px;color:var(--pure);margin-bottom:4px;}
.dl-desc{font-size:12px;color:var(--mist);line-height:1.5;margin-bottom:10px;}
.dl-meta{display:flex;align-items:center;gap:10px;}
.dl-type{font-size:10px;font-family:'DM Mono',monospace;color:var(--teal);letter-spacing:.05em;}
.dl-btn{font-size:11px;font-weight:600;color:var(--accent);text-decoration:none;
  display:flex;align-items:center;gap:4px;transition:opacity .2s;}
.dl-btn:hover{opacity:.7;}

/* SPEC TABLE */
.spec-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.spec-tbl{width:100%;border-collapse:collapse;}
.spec-tbl th{background:var(--ink3);padding:11px 16px;
  font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);
  letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--border);}
.spec-tbl td{padding:11px 16px;font-size:13px;color:var(--fog);border-bottom:1px solid var(--border);}
.spec-tbl tr:last-child td{border-bottom:none;}
.spec-tbl tr:hover td{background:rgba(201,168,76,.03);}
.spec-pill{display:inline-block;padding:2px 8px;border-radius:4px;
  background:rgba(29,184,154,.12);color:var(--teal);font-size:10px;font-family:'DM Mono',monospace;}

/* FORM */
.cf-form{background:var(--ink2);border:1px solid var(--border);border-radius:16px;padding:36px 32px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group.full{grid-column:1/-1;}
.form-label{font-size:12px;font-weight:600;color:var(--fog);letter-spacing:.03em;}
.form-input,.form-select,.form-textarea{
  background:var(--ink);border:1px solid var(--border);border-radius:8px;
  padding:11px 14px;font-size:13px;color:var(--pure);
  font-family:'Instrument Sans',sans-serif;transition:border-color .2s;
  width:100%;box-sizing:border-box;}
.form-input:focus,.form-select:focus,.form-textarea:focus{
  outline:none;border-color:rgba(201,168,76,.4);}
.form-textarea{resize:vertical;min-height:100px;}
.form-select option{background:var(--ink2);}
.form-note{font-size:11px;color:var(--mist);margin-top:8px;line-height:1.5;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:6px;}
.faq-item{background:var(--ink2);border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.faq-q{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;
  cursor:pointer;font-size:14px;font-weight:600;color:var(--pure);gap:12px;transition:color .2s;}
.faq-q:hover{color:var(--accent);}
.faq-icon{color:var(--accent);font-size:20px;flex-shrink:0;transition:transform .25s;line-height:1;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-a{display:none;padding:0 18px 14px;font-size:13px;color:var(--mist);line-height:1.7;}
.faq-item.open .faq-a{display:block;}

/* CTA BANNER */
.cta-banner{background:linear-gradient(135deg,var(--ink3),rgba(201,168,76,.06));
  border:1px solid var(--border2);border-radius:18px;padding:48px 40px;text-align:center;}
.cta-banner h2{font-family:'Syne',sans-serif;font-weight:700;
  font-size:clamp(22px,3vw,30px);color:var(--pure);margin-bottom:12px;}
.cta-banner p{font-size:15px;color:var(--mist);max-width:480px;margin:0 auto 28px;}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.cta-meta{margin-top:22px;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;}
.cta-meta span{font-size:12px;color:var(--mist);}

/* TIMELINE */
.timeline{position:relative;padding-left:32px;}
.timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;
  width:1px;background:linear-gradient(180deg,var(--accent),transparent);}
.tl-item{position:relative;padding:0 0 32px 20px;}
.tl-item:last-child{padding-bottom:0;}
.tl-dot{position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;
  background:var(--accent);border:2px solid var(--ink);box-shadow:0 0 0 3px rgba(201,168,76,.2);}
.tl-week{font-family:'DM Mono',monospace;font-size:10px;color:var(--teal);letter-spacing:.08em;margin-bottom:4px;}
.tl-title{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;color:var(--pure);margin-bottom:5px;}
.tl-desc{font-size:13px;color:var(--mist);line-height:1.6;}

/* RESPONSIVE */
@media(max-width:1024px){.feat-grid{grid-template-columns:repeat(2,1fr);}.dl-grid{grid-template-columns:1fr;}}
@media(max-width:768px){
  .nav-menu,.nav-actions{display:none!important;}
  .nav-hamburger{display:flex!important;}
  .nav-inner{padding:0 18px;}
  .nav-logo{border-right:none;padding-right:12px;}
  nav{position:sticky;top:0;z-index:200;}
  .step-nav{top:56px;}
  .pg-hero{padding:48px 0 36px;}
  .pg-inner{padding:0 18px;}
  .pg-h1{font-size:clamp(26px,7vw,36px);}
  .pg-lead{font-size:14px;}
  .pg-actions{flex-direction:column;gap:9px;}
  .btn-p{text-align:center;width:100%;}
  .hero-stats{gap:20px;}
  .hs-n{font-size:22px;}
  .sec{padding:44px 0;}
  .process-steps{grid-template-columns:1fr 1fr;gap:20px;}
  .process-steps::before{display:none;}
  .feat-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .dl-grid{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .cta-banner{padding:28px 18px;}
  .cta-row{flex-direction:column;align-items:center;}
  .cta-row .btn-p{width:100%;max-width:280px;}
  .sn-item{padding:8px 16px;}
  .topbar span{font-size:10px;}
  .topbar{padding:6px 14px;}
  .dropdown{display:none!important;}
}
@media(max-width:480px){
  .feat-grid{grid-template-columns:1fr;}
  .process-steps{grid-template-columns:1fr;}
  .logo-text .brand{font-size:14px;}
  .logo-mark{width:30px;height:30px;font-size:14px;}
}
@supports(padding-top:env(safe-area-inset-top)){
  .topbar{padding-top:max(6px,env(safe-area-inset-top));}
  .float-cta{padding-bottom:env(safe-area-inset-bottom);}
}
:root{--accent:#A070DD;--accent2:#C090FF;}