/* ============================================================
   TORQPART · Auto Parts Manufacturer
   设计语言: 汽配目录仓储风 (Parts Catalog Amber)
   石灰白底 #F4F4F2 / 铬黄琥珀 #D99000 / 沥青炭 #141619
   签名元素: OE 风格 SKU 编号牌 / 2×2 拼贴 hero / 4 列目录网格 / 双通道对比卡
   字体: HarmonyOS Sans ・ 版心 min(144rem, 100% - 8rem)
   入场动画: fade + 短距左进 (目录行滑入感)
   ============================================================ */

:root{
    --c-bg:#F4F4F2;
    --c-card:#FFFFFF;
    --c-amber:#D99000;
    --c-amber-2:#B87A00;
    --c-coal:#141619;
    --c-coal-2:#1E2126;
    --c-ink:#1B1D20;
    --c-mut:#5F6165;
    --c-line:#E0E0DC;
    --font:'HarmonyOS Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    --shell:min(144rem,calc(100% - 8rem));
    --nav-h:8rem;
    --r:0.4rem;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:clamp(9px,0.6945vw,11px);}
body{font-family:var(--font);font-size:1.6rem;line-height:1.65;color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;border:none;background:none;cursor:pointer;}
section{scroll-margin-top:calc(var(--nav-h) + 2rem);}

.index_shell{width:var(--shell);margin:0 auto;}

/* ---------- SKU 编号牌 (签名元素) ---------- */
.index_sku{display:inline-flex;align-items:center;padding:.5rem 1.1rem;background:var(--c-coal);color:var(--c-amber);font-size:1.15rem;font-weight:700;letter-spacing:.14em;border-radius:var(--r);font-variant-numeric:tabular-nums;}

/* ---------- 按钮 ---------- */
.index_btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.55rem 3.2rem;font-size:1.45rem;font-weight:700;letter-spacing:.03em;line-height:1;border-radius:var(--r);transition:background .25s,color .25s,border-color .25s;white-space:nowrap;}
.index_btn--amber{background:var(--c-amber);color:var(--c-coal);}
.index_btn--amber:hover{background:var(--c-amber-2);color:#fff;}
.index_btn--line{border:1px solid var(--c-ink);color:var(--c-ink);background:transparent;}
.index_btn--line:hover{background:var(--c-ink);color:#fff;}

/* ---------- 顶栏 ---------- */
.index_header{position:sticky;top:0;z-index:60;background:rgba(244,244,242,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);}
.index_header-in{display:flex;align-items:center;justify-content:space-between;gap:4rem;height:var(--nav-h);}
.index_brand{display:inline-flex;align-items:center;gap:1.2rem;}
.index_brand-mark{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;background:var(--c-coal);color:var(--c-amber);font-size:1.5rem;font-weight:900;letter-spacing:.02em;border-radius:var(--r);}
.index_brand-name{font-size:1.9rem;font-weight:900;letter-spacing:.14em;}
.index_nav{display:flex;gap:3.2rem;}
.index_nav a{font-size:1.5rem;font-weight:500;color:var(--c-mut);transition:color .2s;}
.index_nav a:hover{color:var(--c-ink);}
.index_burger{display:none;flex-direction:column;gap:.55rem;padding:.8rem;}
.index_burger span{width:2.4rem;height:2px;background:var(--c-ink);transition:transform .25s,opacity .25s;}
.index_drawer{display:none;}

/* ---------- Hero: 左文右 2×2 拼贴 ---------- */
.index_hero{padding:7.5rem 0 8.5rem;}
.index_hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6.5rem;align-items:center;}
.index_hero-copy h1{font-size:5.1rem;font-weight:900;line-height:1.12;letter-spacing:-0.015em;}
.index_hero-copy > p{margin-top:2.6rem;font-size:1.75rem;color:var(--c-mut);max-width:56rem;}
.index_hero-points{list-style:none;margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 2.4rem;}
.index_hero-points li{display:flex;align-items:baseline;gap:1.1rem;font-size:1.55rem;font-weight:500;}
.index_hero-points i{color:var(--c-amber-2);font-size:1.8rem;transform:translateY(.2rem);}
.index_hero-actions{margin-top:3.8rem;display:flex;gap:1.6rem;flex-wrap:wrap;}
.index_hero-tiles{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;}
.index_tile{position:relative;border-radius:var(--r);overflow:hidden;background:var(--c-card);border:1px solid var(--c-line);}
.index_tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;}
.index_tile .index_sku{position:absolute;left:1.4rem;bottom:1.4rem;}
.index_tile--data{display:flex;flex-direction:column;justify-content:center;gap:1rem;background:var(--c-amber);border-color:var(--c-amber);padding:2.6rem;aspect-ratio:1/1;}
.index_tile--data strong{font-size:4.6rem;font-weight:900;line-height:1;color:var(--c-coal);font-variant-numeric:tabular-nums;}
.index_tile--data span{font-size:1.45rem;font-weight:500;color:rgba(20,22,25,.78);line-height:1.5;}

/* ---------- 认证条 ---------- */
.index_certs{background:var(--c-coal);color:rgba(255,255,255,.82);padding:2.2rem 0;}
.index_certs-row{display:flex;justify-content:space-between;gap:2.4rem;flex-wrap:wrap;}
.index_certs-row span{display:inline-flex;align-items:center;gap:1rem;font-size:1.4rem;font-weight:500;}
.index_certs-row i{color:var(--c-amber);font-size:1.8rem;}

/* ---------- 章节头 ---------- */
.index_head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4rem;align-items:end;margin-bottom:5rem;}
.index_head h2{font-size:3.9rem;font-weight:900;line-height:1.15;letter-spacing:-0.015em;}
.index_head p{font-size:1.6rem;color:var(--c-mut);}

/* ---------- 目录网格 4 列 ---------- */
.index_catalog{padding:9rem 0;}
.index_catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.index_item{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;}
.index_item:hover{border-color:var(--c-amber);box-shadow:0 1.4rem 3.2rem rgba(20,22,25,.10);transform:translateY(-.3rem);}
.index_item-media{position:relative;border-bottom:1px solid var(--c-line);}
.index_item-media img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.index_item-media .index_sku{position:absolute;left:1.2rem;top:1.2rem;}
.index_item h3{padding:1.8rem 2rem 0;font-size:1.8rem;font-weight:900;}
.index_item p{padding:0 2rem 2.2rem;margin-top:.7rem;font-size:1.4rem;color:var(--c-mut);}

/* ---------- 双通道 ---------- */
.index_channels{padding:9rem 0;background:var(--c-card);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);}
.index_channels-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;}
.index_channel{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r);padding:3.6rem 4rem;}
.index_channel h3{display:flex;align-items:center;gap:1.4rem;font-size:2.3rem;font-weight:900;}
.index_channel h3 i{color:var(--c-amber-2);font-size:2.8rem;}
.index_channel > p{margin-top:1.6rem;font-size:1.55rem;color:var(--c-mut);}
.index_channel ul{list-style:none;margin-top:2.4rem;display:grid;gap:1.2rem;}
.index_channel li{position:relative;padding-left:2.4rem;font-size:1.5rem;font-weight:500;}
.index_channel li::before{content:'';position:absolute;left:0;top:.85rem;width:1.2rem;height:2px;background:var(--c-amber);}

/* ---------- 质量测试 ---------- */
.index_quality{padding:9rem 0;background:var(--c-coal);color:#fff;}
.index_quality-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6rem;align-items:center;}
.index_quality-copy h2{font-size:3.9rem;font-weight:900;line-height:1.15;letter-spacing:-0.015em;}
.index_quality-copy > p{margin-top:2rem;font-size:1.6rem;color:rgba(255,255,255,.66);max-width:50rem;}
.index_quality-list{list-style:none;margin-top:3.6rem;display:grid;grid-template-columns:1fr 1fr;gap:2.8rem 3.6rem;}
.index_quality-list strong{display:block;font-size:3rem;font-weight:900;color:var(--c-amber);font-variant-numeric:tabular-nums;letter-spacing:-0.01em;}
.index_quality-list span{display:block;margin-top:.6rem;font-size:1.4rem;color:rgba(255,255,255,.62);}
.index_quality-media img{width:100%;height:auto;border-radius:var(--r);}

/* ---------- 工厂物流 ---------- */
.index_factory{padding:9rem 0;}
.index_factory-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;}
.index_photo{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;}
.index_photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.index_photo figcaption{padding:2.6rem 3rem 3rem;}
.index_photo h3{font-size:2rem;font-weight:900;}
.index_photo figcaption p{margin-top:1rem;font-size:1.5rem;color:var(--c-mut);}

/* ---------- 案例 ---------- */
.index_programs{padding:9rem 0;background:var(--c-card);border-top:1px solid var(--c-line);}
.index_programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;}
.index_program{background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;}
.index_program:hover{border-color:var(--c-amber);box-shadow:0 1.4rem 3.2rem rgba(20,22,25,.10);transform:translateY(-.3rem);}
.index_program img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.index_program-body{padding:2.6rem 2.8rem 3rem;}
.index_program-body h3{font-size:1.9rem;font-weight:900;line-height:1.3;}
.index_program-body > p{margin-top:1.1rem;font-size:1.45rem;color:var(--c-mut);}
.index_program-spec{margin-top:2rem;padding-top:1.8rem;border-top:1px dashed var(--c-line);display:grid;grid-template-columns:repeat(2,auto);gap:1.5rem;justify-content:space-between;}
.index_program-spec dt{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-mut);}
.index_program-spec dd{margin-top:.3rem;font-size:1.5rem;font-weight:900;font-variant-numeric:tabular-nums;}

/* ---------- FAQ ---------- */
.index_faq{padding:9rem 0;}
.index_faq-list{display:grid;gap:1.4rem;}
.index_faq-item{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--r);}
.index_faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.2rem 2.8rem;font-size:1.7rem;font-weight:700;}
.index_faq-item summary::-webkit-details-marker{display:none;}
.index_faq-item summary::after{content:'+';font-size:2.4rem;font-weight:400;color:var(--c-amber-2);line-height:1;transition:transform .25s;}
.index_faq-item[open] summary::after{transform:rotate(45deg);}
.index_faq-item p{padding:0 2.8rem 2.4rem;font-size:1.5rem;color:var(--c-mut);max-width:108rem;}

/* ---------- 询盘 ---------- */
.index_quote{padding:9rem 0;background:var(--c-coal);color:#fff;}
.index_quote-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6rem;align-items:start;}
.index_quote-copy h2{font-size:3.9rem;font-weight:900;line-height:1.15;letter-spacing:-0.015em;}
.index_quote-copy > p{margin-top:2rem;font-size:1.6rem;color:rgba(255,255,255,.68);max-width:48rem;}
.index_quote-contact{list-style:none;margin-top:3.6rem;display:grid;gap:1.6rem;}
.index_quote-contact li{display:flex;align-items:center;gap:1.4rem;font-size:1.6rem;font-weight:500;}
.index_quote-contact i{font-size:2rem;color:var(--c-amber);}
.index_quote-contact a{transition:color .2s;}
.index_quote-contact a:hover{color:var(--c-amber);}
.index_form{background:var(--c-card);border-radius:var(--r);padding:4rem;color:var(--c-ink);display:grid;gap:2rem;}
.index_form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.index_form label{display:grid;gap:.8rem;font-size:1.35rem;font-weight:700;letter-spacing:.03em;}
.index_form input,.index_form textarea{font-family:inherit;font-size:1.5rem;padding:1.3rem 1.5rem;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-bg);color:var(--c-ink);transition:border-color .2s;resize:vertical;}
.index_form input:focus,.index_form textarea:focus{outline:none;border-color:var(--c-amber-2);}
.index_form input.index_err,.index_form textarea.index_err{border-color:#B4452D;}
.index_form-send{width:100%;}
.index_form-note{font-size:1.3rem;color:var(--c-mut);text-align:center;}

/* ---------- 页脚 ---------- */
.index_footer{background:var(--c-coal-2);color:rgba(255,255,255,.66);}
.index_footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:4rem;padding:6.5rem 0 5rem;}
.index_footer-brand .index_brand-name{color:#fff;}
.index_footer-brand p{margin-top:2rem;font-size:1.45rem;max-width:34rem;}
.index_footer-title{font-size:1.3rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:1.8rem;}
.index_footer-col{display:grid;gap:1.2rem;align-content:start;}
.index_footer-col a{font-size:1.45rem;display:inline-flex;align-items:center;gap:1rem;transition:color .2s;justify-self:start;}
.index_footer-col a:hover{color:var(--c-amber);}
.index_footer-bar{display:flex;justify-content:space-between;gap:2rem;padding:2.4rem 0;border-top:1px solid rgba(255,255,255,.12);font-size:1.3rem;flex-wrap:wrap;}

/* ---------- 入场动画: fade + 左进 ---------- */
.index_reveal{opacity:0;transform:translateX(-2rem);transition:opacity .65s ease,transform .65s ease;}
.index_reveal.is-on{opacity:1;transform:none;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
    :root{--shell:min(144rem,calc(100% - 6rem));--nav-h:7rem;}
    html{font-size:10px;}
    .index_nav,.index_header-cta{display:none;}
    .index_burger{display:flex;}
    .index_drawer{display:none;position:fixed;inset:var(--nav-h) 0 auto 0;background:var(--c-bg);border-bottom:1px solid var(--c-line);padding:2.4rem 3rem 3.4rem;z-index:59;}
    .index_drawer.is-open{display:block;}
    .index_drawer nav{display:grid;gap:.6rem;}
    .index_drawer a{padding:1.3rem 0;font-size:1.7rem;font-weight:500;border-bottom:1px solid var(--c-line);}
    .index_drawer .index_btn{margin-top:1.8rem;border-bottom:none;justify-content:center;}
    .index_burger.is-open span:nth-child(1){transform:translateY(.75rem) rotate(45deg);}
    .index_burger.is-open span:nth-child(2){opacity:0;}
    .index_burger.is-open span:nth-child(3){transform:translateY(-.75rem) rotate(-45deg);}
    .index_hero-grid{grid-template-columns:1fr;gap:5rem;}
    .index_head{grid-template-columns:1fr;gap:1.6rem;margin-bottom:4rem;}
    .index_catalog-grid{grid-template-columns:repeat(2,1fr);}
    .index_channels-grid,.index_factory-grid{grid-template-columns:1fr;}
    .index_programs-grid{grid-template-columns:repeat(2,1fr);}
    .index_quality-grid,.index_quote-grid{grid-template-columns:1fr;gap:4.5rem;}
    .index_footer-grid{grid-template-columns:repeat(2,1fr);}
    .index_certs-row{justify-content:flex-start;}
}
@media (max-width:640px){
    :root{--shell:min(144rem,calc(100% - 4rem));}
    html{font-size:9.5px;}
    .index_hero{padding:5.5rem 0 7rem;}
    .index_hero-copy h1{font-size:4rem;}
    .index_hero-points{grid-template-columns:1fr;}
    .index_catalog,.index_channels,.index_quality,.index_factory,.index_programs,.index_faq,.index_quote{padding:7rem 0;}
    .index_catalog-grid,.index_programs-grid{grid-template-columns:1fr;}
    .index_quality-list{grid-template-columns:1fr 1fr;gap:2.4rem;}
    .index_head h2,.index_quality-copy h2,.index_quote-copy h2{font-size:3.2rem;}
    .index_channel{padding:3rem 2.6rem;}
    .index_form{padding:3rem 2.6rem;}
    .index_form-row{grid-template-columns:1fr;}
    .index_footer-grid{grid-template-columns:1fr;padding:5rem 0 4rem;}
    .index_footer-bar{flex-direction:column;gap:.6rem;}
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    .index_reveal{opacity:1;transform:none;transition:none;}
    .index_item,.index_program{transition:none;}
}