/* ============================================================
   Courage Import & Export - 商超货架/收银台 model-02
   设计DNA：冷纸白 + 石油青单色系，System Book 图册语言
   板块全宽出血背景，发丝线只用于组件内部分格，全直角无投影
   动效：级联上浮 + 标题画线 + 图片左→右擦除
   ============================================================ */

:root{
  --c-paper:#F6F8F7;        /* 冷纸白页底 */
  --c-cell:#FCFDFD;         /* 格内白 */
  --c-tint:#EDF3F1;         /* 浅青节奏底（板块） */
  --c-ink:#12332F;          /* 墨青（标题/主按钮） */
  --c-teal:#14524A;         /* 中青（链接/激活态） */
  --c-teal-deep:#0E3B35;    /* hover 深青 */
  --c-wash:#E3EDEA;         /* 淡青洗（hover 底） */
  --c-body:#3E5450;         /* 正文青灰 */
  --c-mute:#6E827E;         /* 次要文字 */
  --c-line:#CBD9D5;         /* 发丝线 */
  --c-line-dark:rgba(227,237,234,.16);
  --c-dark:#0C2724;         /* 深青区底 */
  --c-dark-text:#DCE9E5;    /* 深底上的浅青字 */
  --shell:min(1520px,calc(100% - 12rem));
  --nav-h:8rem;
  --ease-draw:cubic-bezier(.7,.05,.3,1);
  --font:'HarmonyOS Sans',-apple-system,'Segoe UI',Arial,sans-serif;
}

/* ---------- Reset ---------- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:clamp(7.5px,0.520834vw,10px);scroll-behavior:smooth;}
body{font-family:var(--font);font-size:1.7rem;line-height:1.7;color:var(--c-body);background:var(--c-paper);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul,ol{list-style:none;}
button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;}
input,textarea{font-family:inherit;}
h1,h2,h3,h4{color:var(--c-ink);line-height:1.2;}
section[id]{scroll-margin-top:var(--nav-h);}
.index_shell{width:var(--shell);margin:0 auto;}

/* ---------- 主容器（仅让出导航高度，板块背景全宽出血） ---------- */
.index_frame{margin-top:var(--nav-h);}
.index_sec-pad{width:var(--shell);margin:0 auto;padding:9.6rem 0;}

/* ---------- 按钮 ---------- */
.index_btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;height:5.4rem;padding:0 3.2rem;font-size:1.6rem;font-weight:500;letter-spacing:.02em;transition:background .25s,color .25s,border-color .25s;}
.index_btn--solid{background:var(--c-ink);color:var(--c-wash);}
.index_btn--solid:hover{background:var(--c-teal-deep);}
.index_btn--ghost{border:1px solid var(--c-ink);color:var(--c-ink);background:transparent;}
.index_btn--ghost:hover{background:var(--c-wash);}
.index_btn--light{background:var(--c-wash);color:var(--c-ink);}
.index_btn--light:hover{background:#FFFFFE;}

/* 整行格子式链接 */
.index_rowlink{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.4rem;padding:1.8rem 2.2rem;border:1px solid var(--c-line);font-size:1.6rem;font-weight:500;color:var(--c-ink);transition:background .25s,border-color .25s;}
.index_rowlink svg{width:2.2rem;height:2.2rem;fill:none;stroke:var(--c-teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s;}
.index_rowlink:hover{background:var(--c-wash);border-color:var(--c-teal);}
.index_rowlink:hover svg{transform:translateX(.5rem);}

/* ---------- 板块标题（画线签名动效） ---------- */
.index_head{max-width:88rem;margin-bottom:6rem;}
.index_head h2{font-size:4.2rem;font-weight:500;letter-spacing:-.015em;line-height:1.18;}
.index_head p{margin-top:1.8rem;font-size:1.75rem;max-width:76rem;}
.index_head::after{content:"";display:block;margin-top:3.4rem;height:1px;background:var(--c-line);transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--ease-draw) .15s;}
.index_head.is-in::after{transform:scaleX(1);}
.index_head--tight{margin-bottom:4.4rem;}
.index_head--dark h2{color:var(--c-dark-text);}
.index_head--dark p{color:rgba(220,233,229,.72);}
.index_head--dark::after{background:var(--c-line-dark);}

/* ---------- 入场动效体系 ---------- */
/* 基础：上浮渐显，--d 为级联延迟（JS 按子元素序号赋值） */
.index_reveal{opacity:0;transform:translateY(2.6rem);transition:opacity .75s ease var(--d,0s),transform .75s ease var(--d,0s);}
.index_reveal.is-in{opacity:1;transform:none;}
/* 图片擦除：从左向右揭开，用于爆炸图/饰面台/规划图
   注意：clip 只作用于内部 img，容器保持可视区域以便 IO 与懒加载正常判定 */
.index_reveal--clip{opacity:1;transform:none;transition:none;}
.index_reveal--clip img{clip-path:inset(0 100% 0 0);transition:clip-path 1s var(--ease-draw) var(--d,0s);}
.index_reveal--clip.is-in img{clip-path:inset(0 0 0 0);}

/* Hero 进场（页面加载即播，不依赖滚动） */
@keyframes heroIn{from{opacity:0;transform:translateY(2.8rem);}to{opacity:1;transform:none;}}
.index_hero-copy h1{animation:heroIn .9s ease .05s both;}
.index_hero-copy p{animation:heroIn .9s ease .22s both;}
.index_hero-cta{animation:heroIn .9s ease .38s both;}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .index_reveal,.index_reveal--clip{opacity:1;transform:none;clip-path:none;transition:none;}
  .index_head::after{transform:scaleX(1);transition:none;}
  *,*::before,*::after{animation:none!important;transition:none!important;}
}

/* ============================================================
   Header
   ============================================================ */
.index_header{position:fixed;inset:0 0 auto;z-index:90;height:var(--nav-h);background:rgba(246,248,247,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);}
.index_header-in{height:100%;display:flex;align-items:center;gap:4rem;}

.index_logo{display:flex;flex-direction:column;gap:.4rem;font-size:2.4rem;font-weight:900;letter-spacing:.1em;color:var(--c-ink);line-height:1;}
.index_logo em{font-style:normal;font-size:1.05rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--c-teal);white-space:nowrap;}

.index_nav{display:flex;align-items:center;gap:3.6rem;margin-left:auto;height:100%;}
.index_nav>a,.index_nav-item>a{font-size:1.6rem;font-weight:500;color:var(--c-ink);position:relative;padding:.6rem 0;}
.index_nav>a::after,.index_nav-item>a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--c-teal);transform:scaleX(0);transform-origin:left;transition:transform .28s;}
.index_nav>a:hover::after,.index_nav-item:hover>a::after,.index_nav-item:focus-within>a::after{transform:scaleX(1);}

/* 产品下拉（系统册语言：发丝线面板 + 分格项，无阴影全直角） */
.index_nav-item{position:relative;height:100%;display:flex;align-items:center;}
.index_nav-item>a{display:inline-flex;align-items:center;gap:.6rem;}
.index_nav-item>a svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s;}
.index_nav-item:hover>a svg,.index_nav-item:focus-within>a svg{transform:rotate(180deg);}
.index_nav-drop{position:absolute;top:100%;left:50%;transform:translate(-50%,.8rem);width:66rem;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--c-line);border:none;opacity:0;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility .22s;}
.index_nav-item:hover .index_nav-drop,.index_nav-item:focus-within .index_nav-drop{opacity:1;visibility:visible;transform:translate(-50%,0);}
.index_nav-drop a{padding:1.3rem 2rem;font-size:1.45rem;font-weight:500;color:var(--c-body);background:var(--c-cell);transition:background .2s,color .2s;}
.index_nav-drop a:hover{background:var(--c-wash);color:var(--c-ink);}

.index_header-actions{display:flex;align-items:center;gap:1.4rem;}
.index_iconbtn{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid var(--c-line);background:var(--c-cell);transition:border-color .25s,background .25s;}
.index_iconbtn svg{width:2rem;height:2rem;fill:none;stroke:var(--c-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.index_iconbtn:hover{border-color:var(--c-teal);background:var(--c-wash);}

.index_burger{display:none;width:4.4rem;height:4.4rem;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;}
.index_burger span{display:block;width:2.4rem;height:2px;background:var(--c-ink);}

/* ============================================================
   Mobile drawer（左滑入）
   ============================================================ */
.index_drawer{position:fixed;top:0;left:0;bottom:0;z-index:120;width:min(34rem,86vw);background:var(--c-paper);border-right:1px solid var(--c-line);transform:translateX(-102%);transition:transform .35s ease;display:flex;flex-direction:column;padding:2.4rem;overflow-y:auto;}
.index_drawer.is-open{transform:none;}
.index_drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.4rem;}
.index_drawer-brand{font-size:2rem;font-weight:900;letter-spacing:.1em;color:var(--c-ink);}
.index_drawer-close{display:grid;place-items:center;width:4rem;height:4rem;border:1px solid var(--c-line);}
.index_drawer-close svg{width:1.8rem;height:1.8rem;fill:none;stroke:var(--c-ink);stroke-width:2;stroke-linecap:round;}
.index_drawer-search{display:flex;gap:.8rem;border:1px solid var(--c-line);background:var(--c-cell);padding:.4rem .4rem .4rem 1.4rem;margin-bottom:2rem;}
.index_drawer-search input{flex:1;border:none;background:none;font-size:1.5rem;color:var(--c-ink);outline:none;min-width:0;}
.index_drawer-search button{display:grid;place-items:center;width:3.8rem;height:3.8rem;background:var(--c-ink);}
.index_drawer-search button svg{width:1.7rem;height:1.7rem;fill:none;stroke:var(--c-wash);stroke-width:2;stroke-linecap:round;}
.index_drawer-nav{display:flex;flex-direction:column;}
.index_drawer-nav>a{padding:1.5rem .2rem;font-size:1.7rem;font-weight:500;color:var(--c-ink);border-bottom:1px solid var(--c-line);}
/* 抽屉内产品分组（手风琴） */
.index_drawer-group{border-bottom:1px solid var(--c-line);}
.index_drawer-group summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem .2rem;font-size:1.7rem;font-weight:500;color:var(--c-ink);cursor:pointer;list-style:none;}
.index_drawer-group summary::-webkit-details-marker{display:none;}
.index_drawer-group summary svg{flex:none;width:1.8rem;height:1.8rem;fill:none;stroke:var(--c-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s;}
.index_drawer-group[open] summary svg{transform:rotate(180deg);}
.index_drawer-group-links{display:flex;flex-direction:column;padding:0 0 1.2rem;}
.index_drawer-group-links a{padding:1rem .2rem 1rem 1.8rem;font-size:1.5rem;color:var(--c-body);}
.index_drawer-foot{margin-top:auto;padding-top:2.4rem;display:flex;flex-direction:column;gap:1.4rem;}
.index_drawer-foot .index_btn{width:100%;}
.index_drawer-contact{font-size:1.5rem;color:var(--c-body);}
.index_scrim{position:fixed;inset:0;z-index:110;background:rgba(12,39,36,.5);opacity:0;transition:opacity .3s;}
.index_scrim.is-show{opacity:1;}

/* ============================================================
   Search overlay
   ============================================================ */
.index_search{position:fixed;inset:0;z-index:130;background:rgba(246,248,247,.98);display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem;}
.index_search.is-open{display:flex;}
.index_search-close{position:absolute;top:3rem;right:3rem;display:grid;place-items:center;width:4.8rem;height:4.8rem;border:1px solid var(--c-line);}
.index_search-close svg{width:2rem;height:2rem;fill:none;stroke:var(--c-ink);stroke-width:2;stroke-linecap:round;}
.index_search-form{display:flex;gap:1.2rem;width:min(72rem,100%);border-bottom:1px solid var(--c-ink);padding-bottom:1.6rem;}
.index_search-form input{flex:1;border:none;background:none;outline:none;font-size:2.6rem;font-weight:500;color:var(--c-ink);min-width:0;}
.index_search-form input::placeholder{color:var(--c-mute);}
.index_search-hint{margin-top:2rem;font-size:1.5rem;color:var(--c-mute);}

/* ============================================================
   Hero（全宽出血横幅）
   ============================================================ */
.index_hero{height:calc(100vh - var(--nav-h));min-height:58rem;max-height:94rem;background:url('../images/index_banner_main.webp') center right/cover no-repeat;display:flex;align-items:center;}
.index_hero-in{width:var(--shell);margin:0 auto;}
.index_hero-copy{max-width:64rem;}
.index_hero-copy h1{font-size:5.6rem;font-weight:500;letter-spacing:-.02em;line-height:1.16;}
.index_hero-copy p{margin-top:2.4rem;font-size:1.85rem;max-width:54rem;}
.index_hero-cta{display:flex;gap:1.4rem;margin-top:3.8rem;}

/* ============================================================
   Fact strip（全宽墨青条）
   ============================================================ */
.index_facts{background:var(--c-ink);}
.index_facts-grid{width:var(--shell);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);}
.index_facts p{display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:2.4rem 2rem;font-size:1.5rem;font-weight:500;color:var(--c-dark-text);text-align:center;line-height:1.5;}
.index_facts p svg{flex:none;width:2.1rem;height:2.1rem;fill:none;stroke:#7FB8AC;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.index_facts p + p{border-left:1px solid var(--c-line-dark);}

/* ============================================================
   Counter exploded（结构板块）
   ============================================================ */
.index_counter{background:var(--c-paper);}
.index_counter-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid var(--c-line);background:var(--c-cell);}
.index_counter-grid>*{min-width:0;}
.index_counter-fig{padding:4rem;border-right:1px solid var(--c-line);display:flex;align-items:center;}
.index_counter-parts{display:flex;flex-direction:column;justify-content:center;padding:4rem;}
.index_parts{display:grid;grid-template-columns:1fr 1fr;}
.index_parts li{display:flex;gap:1.6rem;padding:2.2rem 2rem 2.2rem 0;}
.index_parts li:nth-child(n+3){border-top:1px solid var(--c-line);}
.index_parts li b{flex:none;font-size:1.5rem;font-weight:900;color:var(--c-teal);line-height:2;}
.index_parts h3{font-size:1.7rem;font-weight:700;}
.index_parts p{margin-top:.5rem;font-size:1.4rem;line-height:1.55;}

/* ============================================================
   Finishes（配色切换，全宽浅青节奏底）
   ============================================================ */
.index_finishes{background:var(--c-tint);}
.index_finishes-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);border:1px solid var(--c-line);}
.index_finishes-grid>*{min-width:0;}
.index_finishes-stage{position:relative;padding:4rem 4rem 5.6rem;background:var(--c-cell) linear-gradient(180deg,rgba(227,237,234,0) 55%,rgba(227,237,234,.55) 100%);border-right:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;}
.index_finishes-stage img{aspect-ratio:16/10;object-fit:contain;max-height:44rem;mix-blend-mode:multiply;transition:opacity .3s;}
.index_finishes-stage img.is-fading{opacity:0;}
.index_finishes-name{position:absolute;left:0;bottom:0;padding:1rem 2.2rem;border-top:1px solid var(--c-line);border-right:1px solid var(--c-line);background:var(--c-paper);font-size:1.3rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink);}
.index_finishes-side{display:flex;flex-direction:column;background:var(--c-cell);}
.index_tiles{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--c-line);}
.index_tile{display:flex;align-items:center;gap:1.2rem;padding:2rem 2.2rem;font-size:1.45rem;font-weight:500;color:var(--c-body);text-align:left;border-bottom:1px solid var(--c-line);transition:background .22s,color .22s;}
.index_tile:nth-child(odd){border-right:1px solid var(--c-line);}
.index_tile:nth-last-child(-n+2){border-bottom:none;}
.index_tile i{flex:none;width:2rem;height:2rem;border:1px solid rgba(18,51,47,.22);}
.index_tile:hover{background:var(--c-wash);}
.index_tile.is-active{background:var(--c-ink);color:var(--c-wash);}
.index_specs{display:flex;flex-direction:column;flex:1;}
.index_specs>div{flex:1;display:grid;grid-template-columns:15rem 1fr;gap:2.4rem;align-items:center;padding:1.8rem 2.2rem;}
.index_specs>div + div{border-top:1px solid var(--c-line);}
.index_specs dt{font-size:1.25rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c-teal);}
.index_specs dd{font-size:1.45rem;line-height:1.55;}

/* ============================================================
   Products（客户5分类 tab + 棚割格 planogram）
   ============================================================ */
.index_products{background:var(--c-paper);padding-bottom:9.6rem;}
.index_products .index_sec-pad{padding-bottom:0;}

/* 分类 tab：发丝线拼接条 */
.index_prodtabs{display:flex;flex-wrap:wrap;}
.index_prodtab{padding:1.5rem 2.6rem;margin:-1px 0 0 -1px;border:1px solid var(--c-line);background:var(--c-cell);font-size:1.5rem;font-weight:500;color:var(--c-body);transition:background .22s,color .22s;}
.index_prodtab:hover{background:var(--c-wash);color:var(--c-ink);}
.index_prodtab.is-active{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-wash);}

.index_prodpanel{display:none;}
.index_prodpanel.is-active{display:block;animation:panelIn .45s ease;}
@keyframes panelIn{from{opacity:0;transform:translateY(1.4rem);}to{opacity:1;transform:none;}}

/* 分类说明单（暂无产品图的分类） */
.index_catnote{width:var(--shell);margin:0 auto;border:1px solid var(--c-line);background:var(--c-cell);padding:4rem;}
.index_catnote p{max-width:76rem;font-size:1.65rem;}
.index_catnote .index_rowlink{max-width:40rem;}

.index_plano{width:var(--shell);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--c-line);border:1px solid var(--c-line);}
.index_plano-cell{background:var(--c-cell);padding:2.8rem 2.8rem 3.4rem;transition:background .3s;}
.index_plano-cell img{aspect-ratio:16/10;width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s ease;}
.index_plano-cell:hover{background:var(--c-wash);}
.index_plano-cell:hover img{transform:scale(1.04);}
.index_plano-cell h3{margin-top:2.2rem;font-size:1.9rem;font-weight:700;}
.index_plano-cell p{margin-top:.8rem;font-size:1.5rem;line-height:1.6;}

/* ============================================================
   Planning（全宽平面图纹理底）
   ============================================================ */
.index_planning{background:var(--c-paper) url('../images/index_bg_plan_light.webp') center/cover no-repeat;}
.index_planning-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:6.4rem;align-items:center;}
.index_planning-grid>*{min-width:0;}
.index_steps{display:flex;flex-direction:column;}
.index_steps li{display:flex;gap:2rem;padding:2.4rem 0;}
.index_steps li + li{border-top:1px solid var(--c-line);}
.index_steps li b{flex:none;display:grid;place-items:center;width:4.2rem;height:4.2rem;border:1px solid var(--c-teal);color:var(--c-teal);font-size:1.7rem;font-weight:900;transition:background .25s,color .25s;}
.index_steps li:hover b{background:var(--c-teal);color:var(--c-cell);}
.index_steps h3{font-size:1.9rem;font-weight:700;}
.index_steps p{margin-top:.6rem;font-size:1.5rem;}
.index_planning-fig img{border:1px solid var(--c-line);}
.index_planning-fig figcaption{margin-top:1.4rem;font-size:1.4rem;color:var(--c-mute);}

/* ============================================================
   Factory + export（照片带全宽出血）
   ============================================================ */
.index_factory{background:var(--c-paper);padding-bottom:9.6rem;}
.index_factory .index_sec-pad{padding-bottom:0;}
.index_factory-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--c-line);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);}
.index_factory-band figure{background:var(--c-cell);}
.index_factory-band figure>img{aspect-ratio:4/3;width:100%;object-fit:cover;transition:transform .55s ease;}
.index_factory-band figure{overflow:hidden;}
.index_factory-band figure:hover>img{transform:scale(1.045);}
.index_factory-band figcaption{position:relative;z-index:1;padding:1.4rem 2rem;font-size:1.35rem;font-weight:500;color:var(--c-body);border-top:1px solid var(--c-line);background:var(--c-cell);}
.index_flow{width:var(--shell);margin:6.4rem auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--c-line);border:1px solid var(--c-line);}
.index_flow li{background:var(--c-cell);padding:3rem 2.6rem 3.4rem;display:flex;flex-direction:column;gap:1.4rem;transition:background .3s;}
.index_flow li:hover{background:var(--c-wash);}
.index_flow li b{font-size:3.4rem;font-weight:900;color:var(--c-teal);line-height:1;transition:color .3s;}
.index_flow li:hover b{color:var(--c-ink);}
.index_flow h3{font-size:1.75rem;font-weight:700;}
.index_flow p{margin-top:.6rem;font-size:1.45rem;line-height:1.6;}

/* ============================================================
   Certificates（全宽浅青节奏底）
   ============================================================ */
.index_certs{background:var(--c-tint);padding-bottom:9.6rem;}
.index_certs .index_sec-pad{padding-bottom:0;}
.index_certs-grid{width:var(--shell);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--c-line);border:1px solid var(--c-line);}
.index_certs-grid figure{background:var(--c-cell);padding:3.2rem 2.6rem;text-align:center;transition:background .3s;}
.index_certs-grid figure:hover{background:var(--c-wash);}
.index_certs-grid img{margin:0 auto;max-height:24rem;width:auto;transition:transform .35s ease;}
.index_certs-grid figure:hover img{transform:translateY(-.6rem);}
.index_certs-grid figcaption{margin-top:2rem;font-size:1.35rem;color:var(--c-body);line-height:1.5;}

/* ============================================================
   FAQ
   ============================================================ */
.index_faq{background:var(--c-paper);}
.index_faq-list{border:1px solid var(--c-line);background:var(--c-cell);}
.index_faq-item + .index_faq-item{border-top:1px solid var(--c-line);}
.index_faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;padding:2.4rem 2.8rem;cursor:pointer;list-style:none;}
.index_faq-item summary::-webkit-details-marker{display:none;}
.index_faq-item summary h3{font-size:1.8rem;font-weight:500;transition:color .25s;}
.index_faq-item summary:hover h3{color:var(--c-teal);}
.index_faq-icon{position:relative;flex:none;width:3.4rem;height:3.4rem;border:1px solid var(--c-line);transition:background .25s,border-color .25s;}
.index_faq-icon::before,.index_faq-icon::after{content:"";position:absolute;top:50%;left:50%;width:1.3rem;height:1px;background:var(--c-ink);transform:translate(-50%,-50%);transition:transform .3s,background .25s;}
.index_faq-icon::after{transform:translate(-50%,-50%) rotate(90deg);}
.index_faq-item[open] .index_faq-icon{background:var(--c-ink);border-color:var(--c-ink);}
.index_faq-item[open] .index_faq-icon::before,.index_faq-item[open] .index_faq-icon::after{background:var(--c-wash);}
.index_faq-item[open] .index_faq-icon::after{transform:translate(-50%,-50%) rotate(0deg);}
.index_faq-body{padding:0 2.8rem 2.6rem;max-width:88rem;}
.index_faq-body p{font-size:1.55rem;}

/* ============================================================
   Contact（全宽深青蓝图底）
   ============================================================ */
.index_contact{background:var(--c-dark) url('../images/index_bg_contact_dark.webp') center/cover no-repeat;}
.index_contact-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:7rem;align-items:start;}
.index_contact-in>*{min-width:0;}
.index_contact-list{display:flex;flex-direction:column;margin-top:1rem;}
.index_contact-list li{display:flex;align-items:center;gap:1.6rem;padding:1.7rem 0;font-size:1.6rem;color:var(--c-dark-text);}
.index_contact-list li + li{border-top:1px solid var(--c-line-dark);}
.index_contact-list svg{flex:none;width:2.2rem;height:2.2rem;fill:none;stroke:#7FB8AC;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.index_contact-list a{transition:color .25s;}
.index_contact-list a:hover{color:#9ED0C4;}

.index_form{border:1px solid var(--c-line-dark);padding:4rem;background:rgba(12,39,36,.55);backdrop-filter:blur(2px);}
.index_form-row{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;}
.index_form-field{margin-bottom:2.6rem;}
.index_form-field label{display:block;font-size:1.35rem;font-weight:500;letter-spacing:.08em;color:var(--c-dark-text);margin-bottom:.7rem;}
.index_form-field input,.index_form-field textarea{width:100%;border:none;border-bottom:1px solid rgba(220,233,229,.4);background:transparent;padding:.9rem 0;font-size:1.6rem;color:#F2F8F6;outline:none;transition:border-color .25s;resize:vertical;}
.index_form-field input:focus,.index_form-field textarea:focus{border-bottom-color:#9ED0C4;}
.index_form-field ::placeholder{color:rgba(220,233,229,.4);}
.index_form-submit{width:100%;height:5.6rem;font-size:1.65rem;}
.index_form-submit.is-sent{background:#2F8A5F;color:#F2F8F6;}

/* ============================================================
   Footer
   ============================================================ */
.index_footer{background:var(--c-ink);color:rgba(220,233,229,.72);}
.index_footer-top{display:grid;grid-template-columns:1.2fr 1.55fr .8fr 1.25fr;gap:5rem;padding:6.4rem 0 5rem;}
.index_footer .index_logo{color:var(--c-dark-text);}
.index_footer .index_logo em{color:#7FB8AC;}
.index_footer-brand p{margin-top:2rem;font-size:1.5rem;max-width:34rem;line-height:1.7;}
.index_footer-col{display:flex;flex-direction:column;gap:1.3rem;}
.index_footer-col h4{font-size:1.4rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--c-dark-text);margin-bottom:.6rem;}
.index_footer-col a,.index_footer-col span{font-size:1.5rem;color:rgba(220,233,229,.68);transition:color .25s;}
.index_footer-col a:hover{color:#9ED0C4;}
.index_footer-col--products .index_footer-links{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2.8rem;}
.index_footer-social{display:flex;gap:1rem;margin-top:1.2rem;}
.index_footer-social a{display:grid;place-items:center;width:3.8rem;height:3.8rem;border:1px solid var(--c-line-dark);transition:border-color .25s,background .25s;}
.index_footer-social a svg{width:1.8rem;height:1.8rem;fill:none;stroke:#7FB8AC;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s;}
.index_footer-social a:hover{border-color:#7FB8AC;background:rgba(127,184,172,.08);}
.index_footer-social a:hover svg{stroke:#9ED0C4;}
.index_footer-bar{border-top:1px solid var(--c-line-dark);}
.index_footer-bar-in{display:flex;justify-content:space-between;gap:2rem;padding:2.4rem 0;font-size:1.35rem;color:rgba(220,233,229,.45);}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:1200px){
  .index_nav{gap:2.6rem;}
  .index_counter-grid,.index_finishes-grid{grid-template-columns:1fr;}
  .index_counter-fig{border-right:none;border-bottom:1px solid var(--c-line);}
  .index_finishes-stage{border-right:none;border-bottom:1px solid var(--c-line);}
  .index_certs-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:1024px){
  html{font-size:9px;}
  .index_nav,.index_header-cta{display:none;}
  .index_burger{display:flex;}
  :root{--shell:min(1520px,calc(100% - 4.8rem));}
  .index_hero{min-height:52rem;background-image:linear-gradient(90deg,rgba(246,248,247,.94) 0%,rgba(246,248,247,.86) 52%,rgba(246,248,247,.30) 100%),url('../images/index_banner_main.webp');}
  .index_hero-copy h1{font-size:4.6rem;}
  .index_plano{grid-template-columns:repeat(2,minmax(0,1fr));}
  .index_planning-grid{grid-template-columns:1fr;gap:4.4rem;}
  .index_factory-band{grid-template-columns:repeat(2,minmax(0,1fr));}
  .index_flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .index_contact-in{grid-template-columns:1fr;gap:5rem;}
  .index_footer-top{grid-template-columns:1fr 1fr;gap:4rem;}
}

@media (max-width:768px){
  html{font-size:10px;}
  body{font-size:1.6rem;}
  :root{--nav-h:6.8rem;--shell:min(1520px,calc(100% - 3.6rem));}
  .index_logo{font-size:2rem;}
  .index_iconbtn{width:4rem;height:4rem;}
  .index_sec-pad{padding:6.4rem 0;}
  .index_products,.index_factory,.index_certs{padding-bottom:6.4rem;}

  .index_hero{min-height:0;height:auto;max-height:none;padding:6.4rem 0 7rem;background-image:linear-gradient(180deg,rgba(246,248,247,.95) 0%,rgba(246,248,247,.82) 100%),url('../images/index_banner_main.webp');background-position:75% center;}
  .index_hero-copy h1{font-size:3.4rem;}
  .index_hero-copy p{font-size:1.65rem;}
  .index_hero-cta{flex-wrap:wrap;}
  .index_hero-cta .index_btn{height:5rem;padding:0 2.4rem;}

  .index_facts-grid{grid-template-columns:1fr;}
  .index_facts p{justify-content:flex-start;text-align:left;padding:1.5rem 0;}
  .index_facts p + p{border-left:none;border-top:1px solid var(--c-line-dark);}

  .index_head{margin-bottom:4rem;}
  .index_head h2{font-size:3rem;}
  .index_head p{font-size:1.6rem;}
  .index_head::after{margin-top:2.6rem;}

  .index_counter-fig{padding:2.4rem;}
  .index_counter-parts{padding:2.4rem;}
  .index_parts{grid-template-columns:1fr;}
  .index_parts li{padding:1.8rem 0;}
  .index_parts li:nth-child(n+2){border-top:1px solid var(--c-line);}
  .index_rowlink{margin-top:2rem;padding:1.6rem 1.8rem;}

  .index_finishes-stage{padding:3rem 2.4rem 5.4rem;}
  .index_tiles{grid-template-columns:1fr 1fr;}
  .index_tile{padding:1.4rem 1.6rem;font-size:1.4rem;}
  .index_specs>div{grid-template-columns:11rem 1fr;gap:1.6rem;padding:1.6rem 1.6rem;}

  .index_plano{grid-template-columns:1fr;}
  .index_plano-cell{padding:2.4rem 2.4rem 3rem;}

  .index_steps li{padding:2rem 0;gap:1.6rem;}
  .index_steps li b{width:3.8rem;height:3.8rem;font-size:1.55rem;}

  .index_factory-band{grid-template-columns:1fr;}
  .index_flow{margin-top:4.8rem;grid-template-columns:1fr;}
  .index_flow li{padding:2.4rem 2.4rem 2.8rem;}
  .index_flow li b{font-size:2.8rem;}

  .index_certs-grid img{max-height:20rem;}
  .index_certs-grid figure{padding:2.4rem 2rem;}

  .index_faq-item summary{padding:2rem 2rem;}
  .index_faq-item summary h3{font-size:1.65rem;}
  .index_faq-icon{width:3.2rem;height:3.2rem;}
  .index_faq-body{padding:0 2rem 2.2rem;}

  .index_form{padding:2.8rem 2.4rem;}
  .index_form-row{grid-template-columns:1fr;gap:0;}
  .index_form-field{margin-bottom:2.2rem;}

  .index_footer-top{grid-template-columns:1fr;gap:3.6rem;padding:5rem 0 4rem;}
  .index_footer-bar-in{flex-direction:column;gap:.6rem;text-align:center;}
}

@media (max-width:480px){
  .index_hero-copy h1{font-size:2.9rem;}
  .index_head h2{font-size:2.7rem;}
  .index_tiles{grid-template-columns:1fr;}
  .index_tile{border-right:none!important;}
  .index_tile:nth-last-child(-n+2){border-bottom:1px solid var(--c-line);}
  .index_tile:last-child{border-bottom:none;}
  .index_specs>div{grid-template-columns:1fr;gap:.5rem;align-items:start;}
  .index_certs-grid{grid-template-columns:1fr;}
}