*{box-sizing:border-box}body{margin:0;background:#f3f5f5;color:#1c2929;font:15px/1.6 "Segoe UI","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #d8dfde;border-radius:7px;background:white;padding:9px 15px;color:#263c39}button:hover{background:#edf4f1}button:disabled{opacity:.5;cursor:wait}a{color:#267867}input,select,textarea{width:100%;border:1px solid #cbd5d2;border-radius:6px;background:white;padding:10px 12px;color:#1c2929}input:focus,select:focus,textarea:focus{outline:2px solid #439c86;outline-offset:1px}label{display:block;font-size:14px;margin-bottom:14px;color:#4a5b57}label input,label select,label textarea{margin-top:5px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1px;margin-bottom:5px}h2{font-size:19px}h3{font-size:16px}.muted{color:#74817d;font-size:14px}.primary{background:#18634f;border-color:#18634f;color:white}.primary:hover{background:#114c3d}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:#102b29;color:#dbe7e2;padding:32px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-weight:700;letter-spacing:.5px}.brand img{width:36px}.brand small{display:block;font-weight:400;font-size:12px;letter-spacing:2px;color:#9fb7ac}.nav button{width:100%;background:none;border:0;text-align:left;color:#aebfba;padding:12px 16px;margin:3px 0}.nav button.active{background:#24443b;color:#fff;border-left:3px solid #bada8d}.nav span{display:inline-block;width:27px;color:#89a498}.side-bottom{margin-top:auto;border-top:1px solid #36514a;padding-top:20px;font-size:13px;color:#aabcb4}.side-bottom a{color:#d4e7cd}.main{padding:0 40px 40px;min-width:0}.topbar{height:78px;border-bottom:1px solid #dde5e1;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:10px}.breadcrumb{color:#7c8982;font-size:13px;letter-spacing:1px}.userbar{display:flex;align-items:center;gap:14px;font-size:14px}.avatar{border-radius:50%;background:#dce9de;color:#335942;padding:8px 12px;font-weight:bold}.page-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0;gap:15px}.actions{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.card{background:white;border:1px solid #dce5df;border-radius:10px;padding:22px}.card .value{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.5}.card .label{color:#677b72;font-size:14px}.card.featured{background:#173e32;color:white;border-color:#173e32}.card.featured .label,.card.featured .muted{color:#bed3c3}.panel{background:white;border:1px solid #dce5df;border-radius:10px;overflow:hidden;margin:20px 0}.panel-head{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h2{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th{text-align:left;background:#f8faf8;color:#6c7c72;font-size:12px;font-weight:600;padding:13px 18px;border-top:1px solid #edf0ed;border-bottom:1px solid #e3e9e3}td{padding:15px 18px;border-bottom:1px solid #edf1ed}tr:last-child td{border:0}tbody tr:hover{background:#fafcf9}td button{font-size:13px;padding:4px 9px}.tag{font-size:12px;padding:4px 9px;background:#e9f3ed;border-radius:5px;color:#39724f;display:inline-block}.tag.amber{background:#fff1d6;color:#947019}.tag.gray{background:#eef0f1;color:#69777c}.tag.red{background:#fae9e6;color:#a45143}.empty{padding:45px 25px;text-align:center;color:#74847b}.empty strong{display:block;color:#314a3e;font-size:18px;margin-bottom:8px}.two-col{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:20px 24px;background:#f7faf5;border-bottom:1px solid #e6ece2}.flow b{font-size:13px;color:#637c61}.notice{border:1px solid #dfe5d0;background:#f5f7e9;color:#677342;border-radius:6px;padding:11px 16px;font-size:13px;margin-bottom:20px}.error{color:#b24a42}.login{max-width:440px;margin:9vh auto;background:white;border:1px solid #d8e3dd;padding:36px;border-radius:12px}.login .brand{margin-bottom:35px}.login h1{font-size:25px}.login button{width:100%;margin-top:10px}dialog{border:1px solid #d5e1d8;border-radius:14px;padding:0;width:1040px;max-width:94vw;max-height:90vh;box-shadow:0 24px 80px #102b2933}dialog::backdrop{background:#0a231a80}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0}.dialog-head button{border:0;font-size:24px;padding:0 8px}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.order-line{border:1px solid #dce5df;border-radius:10px;background:#fbfdfc;padding:16px 18px 15px;margin-top:12px}.oline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.oline-head b{font-size:13px;color:#4a5b57;letter-spacing:1px}.oline-head button{font-size:12px;padding:3px 10px;color:#a45143;border-color:#e8cdc5}.oline-head button:hover{background:#faeeeb}.oline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}.oline-grid.cols2{grid-template-columns:repeat(2,1fr)}.oline-grid.cols4{grid-template-columns:repeat(4,1fr)}.oline-arrival{margin-top:2px;padding:10px 12px;background:#f4f8f5;border-radius:8px}.oline-grid label{min-width:0}.oline-sub{font-size:12px;color:#7c907f;letter-spacing:1px;margin:4px 0 12px;border-top:1px dashed #dfe7e2;padding-top:10px}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto;margin-top:0;flex:none}
.paste-box{border:1px dashed #b9cfc0;border-radius:12px;padding:12px 14px;margin:0 0 14px;background:#f7faf7}
.paste-box>b{font-size:14px}
.paste-box textarea{width:100%;box-sizing:border-box;margin:10px 0;padding:9px 10px;border:1px solid #d5e1d8;border-radius:8px;font:inherit;font-size:13px;line-height:1.6;resize:vertical;background:#fff}
.paste-box textarea:focus{outline:none;border-color:#7aa98c;box-shadow:0 0 0 3px #7aa98c22}
#parse-msg{margin-left:10px;font-size:12px}.pick-list{max-height:230px;overflow:auto;border:1px solid #dce5df;border-radius:8px;margin-bottom:12px}.pick-line{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-top:1px solid #eef2ef;font-size:13px;cursor:pointer}.pick-line:first-child{border-top:0}.pick-line:hover{background:#f7faf8}.pick-line input{width:auto;margin-top:3px;flex:none}.search{max-width:320px}.kicker{font-size:12px;letter-spacing:2px;color:#7c907f;margin-bottom:10px}.list-item{padding:17px 23px;border-top:1px solid #edf1eb;display:flex;justify-content:space-between;gap:12px}.detail-lines{margin:15px 0}.detail-summary{padding:15px;border-radius:6px;background:#f4f7f3}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}#toast{position:fixed;bottom:26px;right:30px;background:#153f33;color:white;padding:13px 22px;border-radius:8px;display:none;z-index:100}.inline-note{padding:0 22px 20px;font-size:13px;color:#798476}.mono{font-family:Consolas,monospace}.negative{color:#b65b48}.store-header{padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dae3dc}.store{max-width:1200px;margin:auto;padding:50px 30px}.store h1{font-size:44px;max-width:700px;line-height:1.15}.store-controls{display:grid;grid-template-columns:1fr 2fr 1fr;gap:15px;margin:30px 0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:white;border:1px solid #dce4db;border-radius:10px;padding:24px}.part-mark{height:95px;background:#eef3ed;display:flex;align-items:center;justify-content:center;color:#778e7a;font-family:monospace;margin-bottom:20px;font-size:19px}.product-card h2{font-size:18px}.price{font-size:26px;font-weight:600}.product-card button{width:100%;margin-top:18px}.product-card small{display:block;margin-top:10px;color:#738377}.test-banner{background:#f8eac6;color:#755c24;text-align:center;padding:10px;font-size:13px}.hidden{display:none!important}@media(max-width:1100px){.main{padding:0 20px 30px}.cards{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.shell{grid-template-columns:190px 1fr}.sidebar{padding:25px 12px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:14px}.sidebar .brand,.side-bottom{display:none}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;width:auto;padding:9px 12px}.nav span{display:none}.sidebar{gap:0}.topbar{height:65px;margin-bottom:15px}.main{padding:0 14px 24px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:25px}.cards{gap:10px}.card{padding:16px}.card .value{font-size:24px}.grid2{grid-template-columns:1fr}.oline-grid,.oline-grid.cols2{grid-template-columns:1fr 1fr}.store-controls,.product-grid{grid-template-columns:1fr}.store h1{font-size:32px}.store{padding:25px 18px}.login{margin:25px 15px}.userbar{gap:8px}.breadcrumb{font-size:11px}.panel-head{padding:16px}}

.panel,.two-col>div,.card{min-width:0}.two-col{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}@media(max-width:1100px){.two-col{grid-template-columns:minmax(0,1fr)}}

/* Carsauto visual identity — 2026-09 */
:root{--ink:#18283e;--navy:#12223a;--accent:#f97342;--line:#e3e8ee;--muted:#6c7c90}
body{background:#f5f7fa;color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}a{color:#295c97}button{border-color:#dce3eb;border-radius:8px;color:#243a55;transition:background .15s,border-color .15s}button:hover{background:#eef3f9;border-color:#b7c8da}.primary{background:#183b63;border-color:#183b63;color:white}.primary:hover{background:#102d4f}.primary:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ee8c61;outline-offset:3px}input,select,textarea{border-color:#dbe2ea;border-radius:8px;color:var(--ink);padding:11px 13px}input:focus,select:focus,textarea:focus{outline-color:#4176a9}h1{font-size:28px;letter-spacing:-.7px}h2{letter-spacing:-.3px}.muted{color:var(--muted)}.kicker{color:#687f99;font-size:11px;font-weight:700;letter-spacing:2px}.brand{letter-spacing:-.5px;font-size:16px}.brand img{width:32px;flex:none}.brand small{font-size:9px;letter-spacing:1.8px;margin-top:4px;color:#8ba1bb}.shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{background:var(--navy);padding:30px 18px;color:#fff;gap:34px}.sidebar .brand{font-size:16px;gap:8px}.nav button{padding:12px 14px;color:#a9b8cc;border-radius:7px;margin:4px 0;font-size:14px}.nav button:hover{background:#1e334f;color:#fff}.nav button.active{background:#243d5c;border-left:3px solid var(--accent);color:#fff}.nav span{color:#6882a1;font-size:11px;font-family:Consolas,monospace;width:29px}.nav button.active span{color:#ffac84}.side-bottom{border-color:#2a3e58;color:#93a7bf;font-size:12px}.side-bottom a{color:#cbd9e8}.main{padding:0 36px 40px}.topbar{height:82px;border-color:var(--line);margin-bottom:28px}.breadcrumb{font-size:11px;letter-spacing:1.5px;color:#8290a2}.userbar{font-size:13px;gap:12px}.avatar{background:#e6edf5;color:#365373;border-radius:9px;padding:7px 11px}.page-head{margin:27px 0 22px}.page-head .muted{margin-bottom:0}.cards{gap:18px}.card{border:1px solid var(--line);border-radius:12px;padding:23px;background:#fff;box-shadow:0 3px 10px #17335203}.card .value{font-size:32px;color:var(--ink);font-variant-numeric:tabular-nums}.card .label{color:#66788d;font-size:13px}.card.featured{background:var(--navy);border-color:var(--navy);position:relative;overflow:hidden}.card.featured:before{content:"";position:absolute;left:0;top:23px;width:3px;height:28px;background:var(--accent)}.card.featured .value{color:#fff}.card.featured .label,.card.featured .muted{color:#a7bad1}.panel{border-color:var(--line);border-radius:12px;box-shadow:0 4px 20px #19314d03}.panel-head{padding:21px 24px}.panel-head h2{font-size:17px}.panel-head a{font-size:12px;text-decoration:none}th{background:#f7f9fc;color:#718198;border-color:#edf0f5;font-size:12px;letter-spacing:.3px;padding:13px 20px}td{padding:16px 20px;border-color:#eef1f5;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f8fafd}.tag{border-radius:5px;background:#eaf4ef;color:#397458}.notice{background:#f0f5fb;border-color:#dbe6f3;color:#496582;border-radius:8px}.flow{background:#f7f9fc;border-color:var(--line)}.flow b{color:#627890}.list-item{border-color:var(--line)}.inline-note{color:#718198}.detail-summary{background:#f1f5fa}.empty{padding:55px 24px;color:#7d8b9e}.empty strong{color:#354b67}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff}.login-intro{background:var(--navy);padding:48px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden;color:white}.login-intro:before,.login-intro:after{content:"";position:absolute;border:1px solid #2a405c;border-radius:50%;width:520px;height:520px;right:-300px;bottom:-140px;pointer-events:none}.login-intro:after{width:380px;height:380px;right:-230px;bottom:-70px;border-color:#38506b}.login-wordmark{font-size:24px;font-weight:700;letter-spacing:-1px;color:#fff;text-decoration:none;z-index:1}.login-wordmark span{display:block;font-size:10px;letter-spacing:2.6px;color:#8ca3bf;margin-top:9px;font-weight:400}.intro-copy{margin:auto 0;padding:70px 0;z-index:1}.eyebrow{font-size:12px;color:#f8a880;letter-spacing:2px;margin-bottom:26px}.intro-copy h2{font-size:clamp(38px,4.4vw,68px);line-height:1.35;letter-spacing:-2px;font-weight:600;margin-bottom:26px}.intro-copy p{color:#a3b5cc;line-height:2;font-size:15px}.intro-flow{display:flex;gap:30px;margin-top:44px;color:#b9c9dd;font-size:12px;letter-spacing:1px}.intro-flow span{border-top:1px solid #435772;padding-top:13px;min-width:64px}.intro-footer{font-size:10px;letter-spacing:2.5px;color:#718aa7;z-index:1}.login{width:min(440px,100%);max-width:440px;margin:auto;padding:50px 42px;border:0;border-radius:0;background:white}.login .brand{font-size:17px;margin-bottom:42px;color:#28425f}.login .kicker{font-size:10px}.login h1{font-size:29px;margin-bottom:10px}.login .muted{font-size:13px;margin-bottom:33px}.login label{font-size:13px;color:#50627b;margin-bottom:20px}.login input{padding:13px}.login button{padding:13px;margin-top:7px}.login-footnote{font-size:11px;color:#8a98aa;margin-top:25px;text-align:center}.login .notice{font-size:12px}.error{font-size:13px;color:#b34535}dialog{border-color:var(--line);box-shadow:0 30px 100px #0c1d3930}dialog::backdrop{background:#0b19346e}#toast{background:#193454}
.catalog-page{background:#fff}.test-banner{background:#edf2f7;color:#63788f;font-size:11px;letter-spacing:.8px}.store-header{max-width:1280px;margin:auto;padding:24px 40px;border-color:var(--line);gap:20px}.store-header a{text-decoration:none}.store-header>.brand{font-size:22px;color:var(--ink)}.store-header>a:last-child{font-size:13px;color:#4e637b}.store{max-width:1280px;padding:0 40px 30px}.store-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;padding:55px 0 45px}.store h1{font-size:clamp(38px,4.4vw,64px);font-weight:650;letter-spacing:-2.5px;line-height:1.13;max-width:730px;margin:20px 0 23px}.store h1 span{color:#627b96}.hero-description{font-size:15px;color:#78879a;line-height:1.9}.hero-cta{display:inline-flex;gap:40px;background:var(--navy);color:#fff;padding:13px 20px;border-radius:7px;text-decoration:none;font-size:13px;margin-top:15px}.hero-cta:hover{background:#28435f}.hero-cta span{color:#ffad86}.part-illustration{background:var(--navy);border-radius:16px;padding:18px}.part-illustration svg{display:block;width:100%;max-height:340px}.store-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:20px;color:#597089;font-size:12px}.store-pillars b{color:var(--accent);margin-right:12px;font-family:Consolas,monospace}.catalog-search{margin-top:45px;background:#f5f7fa;border:1px solid #edf0f5;border-radius:12px;padding:25px 28px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:22px;margin:0}.section-heading .kicker{margin-bottom:7px;font-size:10px}.section-heading>span{font-size:12px;color:#8795a7}.store-controls{margin:22px 0 0;gap:18px}.store-controls label{font-size:12px;margin-bottom:0}.store #count{margin:27px 0 16px;font-size:12px}.product-card{border-color:var(--line);border-radius:10px;padding:22px}.part-mark{background:#f2f5f9;color:#56708d;border-radius:6px;height:110px;letter-spacing:1px}.product-card .price{color:var(--ink)}.product-card small{color:#7f8ea0}.store-footer{justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:12px;color:#8996a6}.store-footer b{color:#465b72;font-size:14px}
@media(min-width:1500px){.main{padding-left:48px;padding-right:48px}.login-intro{padding:55px 85px}}
@media(max-width:1100px){.shell{grid-template-columns:224px minmax(0,1fr)}.sidebar{padding:25px 14px}.sidebar .brand{font-size:14px}.main{padding:0 22px 30px}.login-intro{padding:35px}.store h1{font-size:43px}.store-hero{gap:25px}.store-header>.brand{font-size:19px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:12px}.sidebar .brand{display:flex;font-size:16px;margin:3px 6px 14px}.sidebar .brand small{display:none}.sidebar .brand img{width:27px}.nav{gap:5px}.nav button{padding:8px 12px;margin:0;font-size:12px}.nav button.active{border-left:0;box-shadow:inset 0 -2px var(--accent)}.main{padding:0 16px 25px}.topbar{height:65px}.breadcrumb{font-size:9px;letter-spacing:0}.userbar{gap:7px;font-size:11px}.userbar>span:first-child{display:none}.userbar button{font-size:11px;padding:6px 10px}.page-head{margin:20px 0}.card{padding:17px}.card .value{font-size:25px}.card .label{font-size:12px}.login-layout{display:block;background:#fff}.login-intro{padding:26px 25px;min-height:auto}.login-wordmark{font-size:22px}.intro-copy{padding:30px 0 8px}.intro-copy h2{font-size:32px;letter-spacing:-1px;margin-bottom:0}.intro-copy h2 br{display:none}.eyebrow{margin-bottom:12px;font-size:10px}.intro-copy p,.intro-flow,.intro-footer{display:none}.login{width:100%;max-width:440px;margin:0 auto;padding:30px 25px}.login .brand{display:none}.login h1{font-size:25px}.login .muted{margin-bottom:22px}.store-header{padding:19px 20px}.store-header>.brand{font-size:16px;gap:7px}.store-header .brand img{width:27px}.store-header>a:last-child{font-size:11px}.store{padding:0 20px 25px}.store-hero{grid-template-columns:1fr;padding:33px 0 25px}.store h1{font-size:41px;letter-spacing:-1.8px}.hero-description{font-size:13px}.part-illustration{display:none}.store-pillars{gap:10px;font-size:10px;align-items:start}.store-pillars b{display:block;margin-bottom:5px}.catalog-search{padding:22px 18px;margin-top:28px}.section-heading>span{display:none}.section-heading h2{font-size:21px}.store-controls{grid-template-columns:1fr;gap:15px}.store-footer{align-items:flex-start;flex-direction:column;gap:8px}.test-banner{font-size:9px}.product-grid{grid-template-columns:1fr}.topbar .userbar{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.parts-header{background:#fff;border-bottom:1px solid #e6e8eb;position:sticky;top:0;z-index:10}.parts-shell{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.nav-row{height:72px;display:flex;align-items:center;gap:38px}.parts-wordmark{display:flex;align-items:center;gap:10px;font-weight:700;color:#182333;text-decoration:none;letter-spacing:-.02em}.mark{width:30px;height:30px;border-radius:9px;background:#a9352f;color:#fff;display:grid;place-items:center;font-size:17px}.parts-header nav{display:flex;gap:26px;flex:1}.parts-header nav a{color:#68717d;text-decoration:none;font-size:14px}.nav-contact,.hero-search button,.enquire-btn{border:0;background:#a9352f;color:#fff;padding:11px 18px;border-radius:5px;text-decoration:none;font-weight:600;cursor:pointer}.parts-hero{background:linear-gradient(135deg,#f8f6f2 0%,#f4f6f7 60%,#eef2f4 100%);border-bottom:1px solid #e5e7e9}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:70px;padding-top:86px;padding-bottom:72px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#a9352f;font-weight:700}.parts-hero h1{font-size:52px;line-height:1.07;letter-spacing:-.045em;color:#202b38;margin:17px 0}.parts-hero h1 em{font-style:normal;color:#a9352f}.parts-hero p{max-width:590px;color:#66717c;line-height:1.7}.hero-search{display:flex;background:#fff;padding:6px;border:1px solid #dfe4e7;border-radius:6px;max-width:610px;margin-top:28px;box-shadow:0 9px 22px #2735430c}.hero-search span{padding:9px 8px;color:#a9352f;font-size:20px}.hero-search input{flex:1;border:0;outline:0;font-size:14px}.hero-notes{display:flex;gap:26px;margin-top:24px;color:#68717d;font-size:12px}.hero-notes b{color:#a9352f;margin-right:6px}.hero-panel{align-self:center;background:#253442;color:#fff;padding:30px 30px 27px;border-radius:8px;box-shadow:12px 14px 0 #a9352f18}.panel-label{font-size:10px;letter-spacing:.15em;color:#b9c6cf}.panel-number{font-size:70px;font-weight:700;letter-spacing:-.06em;margin-top:32px}.panel-number span{color:#d47c6f}.hero-panel p{color:#c4cdd3;line-height:1.6}.panel-line{height:1px;background:#ffffff2b;margin:26px 0}.panel-small{font-size:11px}.directory{padding-top:82px;padding-bottom:70px}.directory-heading{display:flex;justify-content:space-between;align-items:end}.directory-heading h2,.capability h2,.brand-head h2{font-size:34px;line-height:1.15;color:#223040;margin:12px 0}.directory-heading p{color:#77818a}.directory-count{color:#a9352f;font-weight:700}.filter-box{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;gap:10px;background:#f4f5f4;border:1px solid #e2e6e8;padding:14px;margin-top:30px}.filter-box label{font-size:11px;color:#69737d}.filter-box input,.filter-box select{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d6dce0;background:#fff;padding:11px;border-radius:4px;color:#283745}.filter-box button{align-self:end;border:1px solid #bbc4ca;background:#fff;border-radius:4px;padding:11px 13px;color:#5f6a73;cursor:pointer}.results-bar{display:flex;justify-content:space-between;color:#8a949c;font-size:11px;padding:18px 0}.parts-results{border-top:1px solid #dfe4e7}.part-row{display:grid;grid-template-columns:1.1fr 2fr 1.2fr .9fr auto;gap:18px;align-items:center;padding:20px 12px;border-bottom:1px solid #e6e9eb}.part-code{font-family:ui-monospace,monospace;font-size:14px;color:#334452;font-weight:700}.part-main h3{margin:0;color:#273744;font-size:15px}.part-main p{margin:7px 0 0;color:#7a858e;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-brand span,.part-brand small,.part-price strong,.part-price small{display:block}.part-brand span{font-size:13px;color:#4e5e6a}.part-brand small,.part-price small{font-size:10px;color:#8b959c;margin-top:4px}.part-price{color:#a9352f;font-size:15px}.quote-price{font-size:13px;color:#a9352f;font-weight:700}.enquire-btn{padding:9px 12px;font-size:12px;white-space:nowrap}.empty-state{padding:50px;text-align:center;color:#7a858e;background:#f7f8f8}.capability{border-top:1px solid #e6e9eb;padding-top:74px;padding-bottom:74px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.capability-copy p,.brand-head p{color:#6f7b84;line-height:1.7;max-width:520px}.capability-copy a{color:#a9352f;text-decoration:none;font-weight:700}.capability-facts{border-top:1px solid #dfe4e7}.capability-facts div{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid #dfe4e7}.capability-facts b{color:#2b3946}.capability-facts span{color:#7b858d;font-size:13px;text-align:right}footer{background:#253442;color:#cad2d7}.footer-row{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:24px;font-size:12px}@media(max-width:800px){.parts-header nav{display:none}.hero-grid,.capability{grid-template-columns:1fr;gap:35px}.parts-hero h1{font-size:40px}.filter-box{grid-template-columns:1fr 1fr}.part-row{grid-template-columns:1fr 1fr}.part-main{grid-column:span 2}.part-row button{justify-self:start}.footer-row{flex-direction:column;gap:8px}}

.contact-bar{background:#253442;color:#d8e0e4;font-size:12px}.contact-row{height:38px;display:flex;align-items:center;justify-content:space-between}.contact-row a{color:#fff;text-decoration:none;margin-left:22px}.company-hero{background:linear-gradient(135deg,#f7f4ef,#eaf0f2);padding:82px 0 72px}.company-hero h1{font-size:48px;max-width:760px;line-height:1.08;color:#223040;margin:16px 0}.company-hero p{color:#687580;font-size:17px;max-width:620px;line-height:1.7}.company-grid{display:grid;grid-template-columns:1fr 390px;gap:80px;padding-top:76px;padding-bottom:76px}.company-grid h2,.certifications h2,.company-contact h2{color:#223040;font-size:34px;line-height:1.15}.company-grid p,.section-lead,.company-contact p{color:#6d7982;line-height:1.75}.company-points{border-top:1px solid #dfe4e7;margin-top:28px}.company-points div{display:flex;gap:30px;justify-content:space-between;padding:17px 0;border-bottom:1px solid #dfe4e7}.company-points b{color:#334452}.company-points span{color:#7c878e;font-size:13px;max-width:300px}.company-stat-card{background:#253442;color:#fff;padding:32px;border-radius:8px;height:max-content}.company-stat-card>span{font-size:10px;letter-spacing:.14em;color:#bfccd2}.company-stat-card strong{display:block;font-size:68px;letter-spacing:-.06em;margin-top:34px;color:#fff}.company-stat-card p,.company-stat-card small{color:#c1cdd3;line-height:1.6}.stat-rule{height:1px;background:#ffffff2e;margin:28px 0}.certifications{border-top:1px solid #e3e7e9;padding-top:72px;padding-bottom:78px}.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.cert-grid article{border:1px solid #e0e5e7;background:#fff}.cert-art{height:150px;display:grid;place-items:center;font-weight:700;font-size:27px;color:#fff;letter-spacing:.04em;text-align:center}.cert-art.isuzu{background:linear-gradient(145deg,#f4f4f2,#70b83b);color:#ae1c2c}.cert-art.volvo{background:#f5f5f3;color:#3d536b}.cert-art.valeo{background:linear-gradient(#fff,#f1f3f5);color:#7bc51d}.cert-art.mag{background:linear-gradient(#fff,#e4e7e9);color:#173c6c;font-size:15px}.cert-grid h3,.cert-grid p{padding:0 17px}.cert-grid h3{font-size:14px;color:#334452;margin-top:17px}.cert-grid p{font-size:12px;color:#7a858d;line-height:1.6;margin-bottom:19px}.company-contact{border-top:1px solid #e3e7e9;padding-top:70px;padding-bottom:90px;display:flex;justify-content:space-between;gap:40px}.contact-actions{display:flex;flex-direction:column;gap:14px;min-width:270px}.contact-actions a{border:1px solid #d6dde1;padding:15px 18px;border-radius:5px;color:#a9352f;text-decoration:none}.part-image{width:72px;height:54px;display:flex;align-items:center}.part-image img{width:72px;height:54px;object-fit:cover;border-radius:4px}.part-row{grid-template-columns:72px 1.1fr 2fr 1.2fr .9fr auto}@media(max-width:800px){.contact-row{height:auto;padding-top:8px;padding-bottom:8px;flex-direction:column;gap:6px}.contact-row a{margin-left:10px}.cert-grid{grid-template-columns:1fr 1fr}.company-grid,.company-contact{grid-template-columns:1fr;display:grid}.company-hero h1{font-size:38px}.part-row{grid-template-columns:60px 1fr}.part-image,.part-image img{width:60px;height:48px}.part-main{grid-column:span 1}.part-brand,.part-price,.part-row button{grid-column:span 2;justify-self:start}}
.support-float{position:fixed;right:20px;bottom:22px;z-index:15;display:flex;flex-direction:column;gap:8px}.support-float a{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e0e3;border-radius:24px;padding:10px 14px;color:#a9352f;text-decoration:none;box-shadow:0 5px 18px #23374718;font-size:13px}.support-float span{color:#3a4b58}@media(max-width:700px){.support-float a{width:42px;height:42px;padding:0;justify-content:center}.support-float span{display:none}}
.detail-btn{border:0;background:none;text-align:left;cursor:pointer;color:#273744;font:700 14px ui-monospace,monospace;padding:0}.detail-modal{display:none;position:fixed;inset:0;background:#18273380;z-index:30;align-items:center;justify-content:center;padding:20px}.detail-modal.open{display:flex}.detail-card{background:#fff;width:min(520px,100%);border-radius:8px;padding:28px;position:relative;box-shadow:0 20px 60px #16253044}.detail-card>img{width:160px;height:110px;object-fit:cover;background:#f2f4f5;border-radius:5px}.detail-card h2{color:#223040;margin:14px 0 8px}.detail-card p{color:#6d7982;font-size:13px;line-height:1.6}.detail-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;color:#7a858d;cursor:pointer}.quality-list{border-top:1px solid #e0e5e7;margin-top:18px}.quality-option{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #e0e5e7}.quality-option b{color:#334452}.quality-option span{color:#a9352f}.quality-option button{border:0;border-radius:4px;background:#a9352f;color:#fff;padding:7px 12px}
.product-hero{max-width:1180px;margin:32px auto;display:grid;grid-template-columns:1.15fr .85fr;gap:36px;background:#fff;padding:34px;border-radius:18px;box-shadow:0 8px 30px #102a430f}.product-copy h1{font-size:36px;color:#17324d;line-height:1.15}.lead{color:#5b7185;font-size:18px}.breadcrumbs{max-width:1180px;margin:24px auto;color:#6c7d8a}.breadcrumbs a{color:#1c67a8}.product-image-wrap{background:#f5f7f9;padding:24px;border-radius:14px;text-align:center}.product-image-wrap img{width:100%;max-height:430px;object-fit:contain}.product-image-wrap small{display:block;color:#71808b;margin-top:12px}.facts,.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.facts div,.detail-grid div{border:1px solid #e3e9ee;padding:16px;border-radius:10px}.facts b,.detail-grid b{display:block;color:#607587;margin-bottom:6px}.facts span,.detail-grid span{color:#1d3346}.option-list{margin-top:24px}.product-option{display:grid;grid-template-columns:1.3fr .8fr auto;align-items:center;gap:12px;border-top:1px solid #e1e7eb;padding:14px 0}.product-option span{font-weight:700;color:#b3312d}.product-option .enquire-btn{padding:9px 14px;font-size:13px}.detail-section{max-width:1180px;margin:28px auto;background:#fff;padding:30px;border-radius:14px}.detail-section h2{color:#17324d}.primary-btn,.secondary-btn{display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;margin-top:10px}.primary-btn{background:#168a59;color:#fff}.secondary-btn{border:1px solid #1c67a8;color:#1c67a8}.loading,.empty-state{max-width:1180px;margin:80px auto;text-align:center;color:#657786}.topbar{display:flex;gap:24px;align-items:center;padding:14px 5%;background:#172c3e;color:#fff}.topbar a{color:#fff;text-decoration:none;margin-right:auto}@media(max-width:760px){.product-hero{grid-template-columns:1fr;margin:16px;padding:20px}.product-copy h1{font-size:28px}.facts,.detail-grid{grid-template-columns:1fr}.product-option{grid-template-columns:1fr}.topbar{flex-wrap:wrap;font-size:13px}}
.company-logo{height:44px;width:132px;object-fit:contain;vertical-align:middle}.product-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700}.product-brand .company-logo{height:34px;width:74px;filter:none}
.cert-art.toyota{color:#c51f2a}.cert-art.geely{color:#1d5c85;font-size:20px}.cert-art.skf{color:#1b6b9e;font-size:20px}

.language-switcher{position:static;width:100%;background:#1b2a38;padding:8px 16px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:12px}.language-switcher a{color:#c9d6df;text-decoration:none;white-space:nowrap}.language-switcher a:hover{color:#fff;text-decoration:underline}html[dir="rtl"] body{text-align:right}html[dir="rtl"] .language-switcher{direction:rtl}

/* ============================================================
   2026-09-23 修复补充
   ============================================================ */
.results-more{display:flex;align-items:center;gap:14px;justify-content:center;padding:26px 0 6px;flex-wrap:wrap}
.results-more .muted{font-size:13px}
.part-image{cursor:pointer}
.part-image img{transition:transform .25s ease}
.part-image:hover img{transform:scale(1.03)}

/* 键盘可见焦点：全站统一，键盘用户才看得到焦点位置 */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #1d5c85;outline-offset:2px;border-radius:4px}

/* 付款页复用后台的卡片与表格样式 */
.detail-section h1{font-size:30px;margin:0 0 6px}
.detail-section .cards{margin:20px 0 6px}
.detail-section .panel{margin-top:18px}

@media(prefers-reduced-motion:reduce){
  .part-image img{transition:none}
  .part-image:hover img{transform:none}
}

/* ---------------------------------------------------------------------------
   产品图片：后台列表缩略图 + 编辑弹窗预览
   业务在「供应商产品」里上传实拍图后，这里能立刻看到结果。
   --------------------------------------------------------------------------- */
.thumb{display:block;width:44px;height:44px;margin-top:6px;border-radius:6px;
  object-fit:cover;border:1px solid #e3e8ec;background:#f2f6f8}
.image-preview{margin:10px 0;display:flex;align-items:center;gap:12px}
.image-preview[hidden]{display:none}
.image-preview img{width:96px;height:96px;border-radius:8px;object-fit:cover;
  border:1px solid #e3e8ec;background:#f2f6f8}
.image-preview small{color:#5d7280;line-height:1.5}
label.image-upload{display:block;margin-top:10px}

/* ============================================================
   2026-09-23 客户端 UI 二轮修复
   ============================================================ */
/* 内容图片一律不得把页面撑出横向滚动（公司页实拍图曾按原始 1644px 渲染，
   手机端整页被挤到左侧 1/4） */
main img,footer img{max-width:100%;height:auto}
/* 手机端商品行：原来品质/价格/按钮各占一整行，单行高达约 430px，
   60 个商品要滚 26000px。改为紧凑双列卡片，并把每行都一样的
   "Quality options" 说明隐藏（无信息量） */
@media(max-width:800px){
  .part-row{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img code code" "img main main" "img price btn";gap:6px 12px;align-items:center;padding:14px 4px}
  .part-image{grid-area:img;align-self:start}
  .part-code{grid-area:code}
  .part-main{grid-area:main;grid-column:auto}
  .part-main h3{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .part-price{grid-area:price;justify-self:start}
  .part-price small{display:none}
  .part-row .enquire-btn{grid-area:btn;padding:9px 14px;font-size:13px}
  .part-brand{display:none}
  .hero-search input{min-width:0}
  .results-bar{flex-direction:column;gap:2px}
}

/* ============================================================
   2026-09-23 公司页实景图 + 装货横幅 + 首页 Banner 轮播
   ============================================================ */
/* 公司页：设施与运营图库（两张竖版楼体照 + 一张横版仓库/办公合成图） */
.company-gallery{border-top:1px solid #e3e7e9;padding-top:72px;padding-bottom:80px}
.company-gallery h2{color:#223040;font-size:34px;line-height:1.15;margin-bottom:8px}
.company-gallery p{color:#6d7982;margin-bottom:30px}
.company-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.company-gallery-grid img{width:100%;height:420px;object-fit:cover;border-radius:10px;
  border:1px solid #e0e5e7;background:#f2f5f8;display:block}
@media(max-width:700px){
  .company-gallery{padding-top:48px;padding-bottom:56px}
  .company-gallery h2{font-size:26px}
  .company-gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
  .company-gallery-grid img{height:200px}
  .company-gallery-grid img:last-child{grid-column:1 / -1;height:240px}
}

/* 公司页：装货横幅（左文右图，图源右侧为装车实景） */
.packing-banner{border-top:1px solid #e3e7e9;
  background:linear-gradient(90deg,#ffffff 42%,#fffffff0 56%,#ffffff00 76%),url("/static/company-assets/packing-loading.jpg") right center/cover no-repeat;
  min-height:400px;display:flex;align-items:center;padding:56px 0}
.packing-copy{max-width:470px}
.packing-copy h2{color:#223040;font-size:34px;line-height:1.15;margin:12px 0 14px}
.packing-copy p{color:#5c6b76;line-height:1.75;margin-bottom:22px}
@media(max-width:900px){
  .packing-banner{min-height:0;padding:44px 0;
    background:linear-gradient(180deg,#fffffff2 55%,#ffffffd9 100%),url("/static/company-assets/packing-loading.jpg") center 30%/cover no-repeat}
  .packing-copy h2{font-size:26px}
}

/* 首页：Banner 自动轮播 */
.banner-slider{position:relative;max-width:1280px;margin:30px auto 0;padding:0 24px}
.banner-track{position:relative;aspect-ratio:1920/650;border-radius:10px;overflow:hidden;
  background:#fff;border:1px solid #e5e7e9}
.banner-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:left center;opacity:0;transition:opacity .7s ease}
.banner-track img.on{opacity:1}
.banner-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;z-index:2}
.banner-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid #a9352f;
  background:#ffffffb8;cursor:pointer}
.banner-dots button.on{background:#a9352f}
@media(max-width:700px){
  .banner-slider{margin-top:18px;padding:0 16px}
  .banner-track{aspect-ratio:16/7}
  .banner-dots{bottom:8px}
}
@media(prefers-reduced-motion:reduce){.banner-track img{transition:none}}

/* 询价单主线（2026-09-24）：表单复选行 */
.checkline{display:flex;align-items:center;gap:8px;margin:10px 0;color:var(--ink,#2b3a42);font-size:13px;cursor:pointer}
.checkline input{width:auto;accent-color:#1f6f54}

/* 网站询价表单（2026-09-24）：Get a Quote */
.quote-section{background:#f2f5f8;border-top:1px solid #e0e5e7;padding:56px 0}
.quote-section h2{margin:0 0 8px;font-size:30px;color:#1c2b33}
.quote-sub{margin:0 0 28px;color:#5a6b74;max-width:640px}
.quote-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.quote-section label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#33454e;text-align:left}
.quote-section .opt{font-weight:400;color:#8a99a1}
.quote-section input,.quote-section textarea{border:1px solid #ccd6da;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#1c2b33}
.quote-section input:focus,.quote-section textarea:focus{outline:2px solid #1f6f54;border-color:#1f6f54}
.quote-msg{margin-top:14px}
.quote-hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.quote-actions{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.quote-btn{background:#1f6f54;color:#fff;border:0;border-radius:8px;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer}
.quote-btn:hover{background:#185a43}
.quote-btn:disabled{opacity:.6;cursor:wait}
.quote-alt{font-size:13px;color:#5a6b74}
.quote-alt a{color:#1f6f54;font-weight:600}
.quote-tip{margin-top:14px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600}
.quote-tip.ok{background:#e2f3ea;color:#1f6f54;border:1px solid #9fd4b9}
.quote-tip.err{background:#fdeaea;color:#b3372f;border:1px solid #f0b9b5}
@media(max-width:700px){.quote-grid{grid-template-columns:1fr}.quote-section{padding:44px 0}.quote-section h2{font-size:25px}}

/* 客户进度查询页（2026-09-24 Next）：/track */
.track-shell{padding:64px 0;max-width:760px}
.track-shell h1{margin:6px 0 10px;font-size:34px;color:#1c2b33}
.track-sub{color:#5a6b74;margin:0 0 26px}
.track-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.track-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#33454e;text-align:left}
.track-form input{border:1px solid #ccd6da;border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit;background:#fff;color:#1c2b33;min-width:200px}
.track-form input:focus{outline:2px solid #1f6f54;border-color:#1f6f54}
.track-card{margin-top:28px;background:#fff;border:1px solid #e0e5e7;border-radius:14px;padding:26px 28px;box-shadow:0 6px 24px rgba(28,43,51,.06)}
.track-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;font-size:18px}
.track-steps{list-style:none;margin:18px 0 6px;padding:0;display:grid;gap:0}
.track-steps li{position:relative;display:flex;align-items:flex-start;gap:14px;padding:0 0 26px 0}
.track-steps li:last-child{padding-bottom:0}
.track-steps li::before{content:'';position:absolute;left:9px;top:20px;bottom:0;width:2px;background:#e0e5e7}
.track-steps li:last-child::before{display:none}
.track-dot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid #ccd6da;background:#fff;box-sizing:border-box;margin-top:1px}
.track-steps li.done .track-dot{background:#1f6f54;border-color:#1f6f54;box-shadow:inset 0 0 0 4px #fff}
.track-steps li.cur .track-dot{border-color:#1f6f54;background:#e2f3ea;animation:trackPulse 1.6s ease-in-out infinite}
.track-steps li b{font-size:14px;color:#33454e}
.track-steps li.done b,.track-steps li.cur b{color:#1c2b33}
.track-steps li.cur b::after{content:' · in progress';color:#1f6f54;font-weight:600}
@keyframes trackPulse{0%,100%{box-shadow:0 0 0 0 rgba(31,111,84,.25)}50%{box-shadow:0 0 0 7px rgba(31,111,84,0)}}
@media(prefers-reduced-motion:reduce){.track-steps li.cur .track-dot{animation:none}}
.small{font-size:12px}
@media(max-width:700px){.track-form{grid-template-columns:1fr}.track-shell{padding:44px 0}.track-shell h1{font-size:27px}.track-card{padding:20px}}

/* 网站标价直下单（2026-09-24 Next）：商品页 Order now */
.order-btn{background:#1f6f54;color:#fff;border:0;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer}
.order-btn:hover{background:#185a43}
.order-modal{position:fixed;inset:0;background:rgba(15,25,30,.55);display:none;align-items:center;justify-content:center;z-index:60;padding:16px}
.order-modal.open{display:flex}
.order-card{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:26px 28px;max-height:90vh;overflow:auto}
.order-card h3{margin:0 0 4px;font-size:20px;color:#1c2b33}
.order-card .order-part{color:#5a6b74;font-size:13px;margin:0 0 16px}
.order-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#33454e;margin-bottom:12px;text-align:left}
.order-card input,.order-card textarea{border:1px solid #ccd6da;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:#1c2b33}
.order-card input:focus,.order-card textarea:focus{outline:2px solid #1f6f54;border-color:#1f6f54}
.order-price-row{display:flex;justify-content:space-between;align-items:center;background:#f2f5f8;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:14px}
.order-price-row b{font-size:17px;color:#1f6f54}
.order-close{float:right;border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#8a99a1}

/* 车型品牌网格（2026-09-24 流程优化）：点击品牌=筛选目录 */
.brand-section{padding-top:74px;padding-bottom:20px}
.brand-head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:26px}
.brand-head h2{font-size:34px;line-height:1.15;color:#223040;margin:12px 0}
.brand-head p{color:#6f7b84;line-height:1.7;max-width:560px;margin:0}
.brand-count{color:#a9352f;font-weight:700;font-size:14px;white-space:nowrap;padding-bottom:6px}
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.brand-chip{display:flex;flex-direction:column;gap:3px;align-items:flex-start;background:#fff;border:1px solid #dfe4e7;border-radius:8px;padding:14px 16px;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}
.brand-chip b{font-size:13px;color:#2b3946;letter-spacing:.02em}
.brand-chip span{font-size:11px;color:#8a949c}
.brand-chip:hover{border-color:#a9352f;box-shadow:0 4px 14px #a9352f14;transform:translateY(-1px)}
@media(max-width:800px){.brand-head{grid-template-columns:1fr;gap:12px}.brand-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}

/* ============================================================
   2026-09-27 YIQIDA 品牌化改版 v2 —— 按设计稿 730260808790641 重做
   VI：碳黑 #212121 / 赛道红橙 #FF4800 / 米白 #F6F5F1 / 线 #E5E2DC
   字体：Barlow Condensed（标题）+ Inter（正文），自托管 /static/fonts
   ============================================================ */
@font-face{font-family:"Barlow Condensed";src:url("/static/fonts/BarlowCondensed-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/static/fonts/BarlowCondensed-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("/static/fonts/BarlowCondensed-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("/static/fonts/Inter-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/static/fonts/Inter-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("/static/fonts/Inter-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("/static/fonts/Inter-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{--brand-ink:#212121;--brand-accent:#FF4800;--brand-accent-dark:#E03E00;--brand-link:#D63E00;
  --brand-cream:#F6F5F1;--brand-line:#E5E2DC;--brand-gray:#6E6E6E;--brand-soft:#B5B5B5;
  --font-head:"Barlow Condensed","Arial Narrow","Microsoft YaHei",sans-serif;
  --font-body:"Inter","Segoe UI","Microsoft YaHei",sans-serif}

/* --- 基础排版 --- */
.catalog-page{font-family:var(--font-body);color:var(--brand-ink)}
.catalog-page h1,.catalog-page h2,.catalog-page .panel-number,.catalog-page .step-num,.catalog-page .stat b{font-family:var(--font-head);font-weight:700;letter-spacing:.01em}
.catalog-page .eyebrow,#product-page .eyebrow{color:var(--brand-accent);font-weight:600;font-size:12px;letter-spacing:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-color:var(--brand-accent)}

/* --- 顶部：语言条 + 联系条（碳黑一体） --- */
.language-switcher{background:#171717;padding:7px 16px;font-size:11px;gap:14px}
.language-switcher a{color:#9A9A9A;text-decoration:none}
.language-switcher a:hover{color:#FFFFFF}
.contact-bar{background:var(--brand-ink);color:var(--brand-soft);font-size:12px;letter-spacing:.04em}
.contact-bar a{color:#FFFFFF}
.support-float a{background:var(--brand-accent)}

/* --- 导航 --- */
.parts-header{border-bottom:1px solid var(--brand-line)}
.catalog-page .company-logo{height:46px;width:auto}
.parts-header nav a{color:var(--brand-ink);font-weight:500;font-size:15px}
.nav-contact,.hero-search button,.enquire-btn,.quote-btn,.order-btn,.quality-option button{background:var(--brand-accent);border-radius:4px;font-family:var(--font-body);font-weight:600}
.nav-contact:hover,.hero-search button:hover,.enquire-btn:hover,.quote-btn:hover,.order-btn:hover,.quality-option button:hover{background:var(--brand-accent-dark)}

/* --- Hero（碳黑 + 右侧主视觉 + 横向数据卡） --- */
.parts-hero{background:var(--brand-ink);border-bottom-color:var(--brand-ink)}
.parts-hero h1{color:#FFFFFF;font-size:64px;line-height:1.02;margin:14px 0 18px}
.parts-hero h1 em{color:var(--brand-accent);font-style:normal}
.parts-hero p{color:var(--brand-soft)}
.hero-search{background:#FFFFFF;border:1px solid #FFFFFF;border-radius:6px}
.hero-search input{font-family:var(--font-body)}
.hero-search span{color:var(--brand-accent)}
.hero-notes{color:#E8E8E8}
.hero-notes b{color:var(--brand-accent);font-family:var(--font-head);font-size:17px}
.hero-visual{display:grid;gap:16px;align-self:center}
.hero-visual>img{width:100%;aspect-ratio:28/23;object-fit:cover;border-radius:8px;display:block;margin:0}
.hero-panel{background:#2E2E2E;border-radius:8px;display:flex;align-items:center;gap:20px;padding:20px 24px;box-shadow:none}
.hero-panel .panel-label,.hero-panel .panel-line,.hero-panel .panel-small{display:none}
.hero-panel .panel-number{font-size:46px;line-height:1;color:var(--brand-accent)}
.hero-panel .panel-number span{color:var(--brand-accent)}
.hero-panel p{margin:0;color:#E8E8E8;font-size:14px;line-height:1.5}
.hero-panel p br{display:none}
@media(max-width:800px){.hero-visual>img{display:none}.parts-hero h1{font-size:44px}}

/* --- 信任条（红橙细条） --- */
.trust-strip{background:var(--brand-accent);color:#FFFFFF}
.trust-strip .parts-shell{display:flex;justify-content:space-between;gap:12px 24px;padding-top:15px;padding-bottom:15px;font-size:13px;font-weight:600}
@media(max-width:800px){.trust-strip .parts-shell{font-size:11px}}

/* --- 品牌区（米白 full-bleed） --- */
.brand-section{background:var(--brand-cream);box-shadow:0 0 0 100vmax var(--brand-cream);clip-path:inset(0 -100vmax);padding-top:64px;padding-bottom:64px}
.brand-head h2,.directory-heading h2,.capability-copy h2{font-family:var(--font-head);font-size:42px;line-height:1.1;color:var(--brand-ink);margin:10px 0}
.brand-head p,.directory-heading p{color:var(--brand-gray)}
.brand-count,.directory-count{color:var(--brand-ink);font-weight:600;font-size:13px;padding-bottom:6px}
.brand-chip{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:6px;padding:16px 22px}
.brand-chip b{font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--brand-ink)}
.brand-chip span{font-size:11px;color:#8A8A8A}
.brand-chip:hover{border-color:var(--brand-accent);box-shadow:0 4px 14px #FF480014;transform:translateY(-1px)}

/* --- 产品目录（卡片化） --- */
.directory{padding-top:64px;padding-bottom:40px}
.filter-box{background:var(--brand-cream);border:0;border-radius:8px;padding:12px;gap:12px}
.filter-box select,.filter-box input{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:4px;font-family:var(--font-body)}
#clear-filters{background:var(--brand-ink);color:#FFFFFF;border-radius:4px;font-weight:600;border:0}
.results-bar{color:#8A8A8A}
.part-row{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:8px;padding:14px 18px;align-items:center}
.part-row:hover{box-shadow:0 6px 18px #21212114;border-color:#D8D4CC}
.part-image img{border-radius:6px}
.part-code{color:var(--brand-ink)}
.part-main h3{font-size:15px;font-weight:600;color:var(--brand-ink)}
.part-main p{color:var(--brand-gray)}
.part-brand span,.part-brand small{color:#8A8A8A}
.part-price strong,.quote-price{color:var(--brand-accent);font-weight:600}
.part-price small{color:#8A8A8A}
.quality-option span{color:var(--brand-accent)}

/* --- 能力区（碳黑 full-bleed + 三张事实卡） --- */
.capability{display:grid;grid-template-columns:1fr 560px;gap:40px 56px;align-items:center;
  background:var(--brand-ink);box-shadow:0 0 0 100vmax var(--brand-ink);clip-path:inset(0 -100vmax);
  padding-top:64px;padding-bottom:64px;color:#FFFFFF;margin-top:40px}
.capability-copy h2{color:#FFFFFF}
.capability-copy p{color:var(--brand-soft)}
.capability-copy a{color:var(--brand-accent);font-weight:600}
.capability-side{display:block}
.capability-side>img{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:8px;display:block;margin:0}
.capability .capability-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.capability-facts>div{background:#2E2E2E;border-radius:8px;padding:24px;display:block}
.capability-facts b{color:#FFFFFF;font-size:17px;font-weight:600;display:block;margin-bottom:8px;text-align:left}
.capability-facts span{display:block;text-align:left;color:var(--brand-soft);font-size:13px;line-height:1.6}
@media(max-width:900px){.capability{grid-template-columns:1fr}.capability .capability-facts{grid-template-columns:1fr}}

/* --- CTA 红条 --- */
.cta-band{background:var(--brand-accent);color:#FFFFFF}
.cta-band .parts-shell{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:52px;padding-bottom:52px}
.cta-band h2{color:#FFFFFF;font-size:44px;line-height:1.05;margin:0 0 10px}
.cta-band p{margin:0;color:#FFE1D6;font-size:15px;font-weight:500}
.cta-actions{display:flex;gap:14px;flex-shrink:0;flex-wrap:wrap}
.cta-btn-white{background:#FFFFFF;color:var(--brand-ink);border-radius:4px;padding:16px 28px;font-weight:600;font-size:15px;text-decoration:none}
.cta-btn-ghost{border:1.5px solid #FFFFFF;color:#FFFFFF;border-radius:4px;padding:15px 27px;font-weight:600;font-size:15px;text-decoration:none}
@media(max-width:800px){.cta-band .parts-shell{flex-direction:column;align-items:flex-start}}

/* --- 询价表单（米白 full-bleed） --- */
.quote-section{background:var(--brand-cream);box-shadow:0 0 0 100vmax var(--brand-cream);clip-path:inset(0 -100vmax)}
.quote-section h2{font-size:38px;color:var(--brand-ink)}
.quote-section input,.quote-section textarea{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:4px;font-family:var(--font-body)}
.quote-section input:focus,.quote-section textarea:focus,
.track-form input:focus,.order-card input:focus,.order-card textarea:focus{outline-color:var(--brand-accent)}
.quote-alt a{color:var(--brand-link)}
.checkline input{accent-color:var(--brand-accent)}

/* --- 页脚（多列富页脚） --- */
body>footer{background:var(--brand-ink);color:#8A8A8A}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:40px;padding-top:56px;padding-bottom:40px}
.footer-grid img{height:40px;width:auto;display:block;margin-bottom:16px}
.footer-grid p{font-size:13px;line-height:1.7;margin:0;color:#8A8A8A}
.footer-grid h4{color:#FFFFFF;font-size:14px;font-weight:600;margin:0 0 14px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-grid ul a{color:#8A8A8A;font-size:13px;text-decoration:none}
.footer-grid ul a:hover{color:#FFFFFF}
.footer-div{border-top:1px solid #3A3A3A}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;font-size:12px;color:#8A8A8A}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr}}

/* --- 公司页 --- */
.company-hero{background:var(--brand-ink)}
.company-hero .parts-shell{display:grid;grid-template-columns:1fr 560px;gap:56px;align-items:center;padding-top:64px;padding-bottom:64px}
.company-hero h1{color:#FFFFFF;font-size:52px;line-height:1.08;margin:14px 0 18px}
.company-hero p{color:var(--brand-soft);font-size:15px;line-height:1.75;margin:0}
.company-hero img{width:100%;aspect-ratio:14/9;object-fit:cover;border-radius:8px;display:block}
.stats-band{background:var(--brand-accent)}
.stats-band .parts-shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}
.stats-band .stat b{display:block;font-size:38px;line-height:1;color:#FFFFFF;margin-bottom:6px}
.stats-band .stat span{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#FFE1D6}
.steps-section{background:var(--brand-cream);box-shadow:0 0 0 100vmax var(--brand-cream);clip-path:inset(0 -100vmax);padding-top:56px;padding-bottom:56px}
.steps-section h2,.scope-section h2,.gallery-section h2{font-size:38px;color:var(--brand-ink);margin:10px 0 8px}
.section-sub{color:var(--brand-gray);font-size:15px;margin:0 0 32px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step-card{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:8px;padding:24px}
.step-num{font-size:28px;color:var(--brand-accent);display:block;margin-bottom:8px;line-height:1}
.step-card b{display:block;font-size:15px;font-weight:600;color:var(--brand-ink);margin-bottom:6px}
.step-card p{font-size:12px;color:var(--brand-gray);line-height:1.6;margin:0}
.scope-section,.gallery-section{padding-top:56px;padding-bottom:56px}
.scope-chips{display:flex;flex-wrap:wrap;gap:12px}
.scope-chips span{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:6px;padding:14px 26px;font-size:14px;font-weight:600;letter-spacing:.05em;color:var(--brand-ink)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery-grid figure{margin:0}
.gallery-grid img{width:100%;aspect-ratio:7/5;object-fit:cover;border-radius:8px;display:block}
.gallery-grid figcaption{font-size:12px;color:var(--brand-gray);font-weight:500;margin-top:10px}
.contact-band{background:var(--brand-ink);box-shadow:0 0 0 100vmax var(--brand-ink);clip-path:inset(0 -100vmax);color:#FFFFFF;margin-bottom:56px}
.contact-band .band-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:48px;padding-bottom:48px}
.contact-band h2{color:#FFFFFF;font-size:38px;margin:0 0 10px}
.contact-band p{color:var(--brand-soft);font-size:14px;margin:0}
.band-btn{background:var(--brand-accent);color:#FFFFFF;border-radius:4px;padding:16px 30px;font-weight:600;font-size:15px;text-decoration:none;flex-shrink:0}
.band-btn:hover{background:var(--brand-accent-dark)}
@media(max-width:900px){.company-hero .parts-shell{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}}

/* --- 商品详情页 --- */
#product-page{max-width:1180px;margin:0 auto;padding:0 24px}
.breadcrumbs{font-size:12px;color:var(--brand-gray);padding:18px 0}
.breadcrumbs a{color:var(--brand-link)}
.product-hero{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:8px;padding:36px;margin:0 auto 24px}
.product-copy h1{font-size:42px;line-height:1.08;color:var(--brand-ink);margin:10px 0 12px}
.product-copy .lead{color:var(--brand-gray)}
.facts>div{background:var(--brand-cream);border-radius:6px;padding:12px 14px}
.facts b{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8A8A8A}
.facts span{color:var(--brand-ink);font-weight:500}
.option-list h2{font-size:30px;color:var(--brand-ink)}
.product-option{border:1px solid var(--brand-line);border-radius:6px;padding:14px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.product-option b{font-size:16px;font-weight:600;color:var(--brand-ink)}
.product-option span{color:var(--brand-accent);font-weight:600;margin-left:auto}
.product-option .enquire-btn{background:var(--brand-ink);border-radius:4px}
.product-option .order-btn{border-radius:4px}
.primary-btn{background:var(--brand-accent);border-radius:4px}
.primary-btn:hover{background:var(--brand-accent-dark)}
.secondary-btn{border-color:var(--brand-ink);color:var(--brand-ink);border-radius:4px}
.product-image-wrap img{border-radius:8px;border:1px solid var(--brand-line)}
.product-image-wrap small{color:#8A8A8A}
.detail-section h2{font-size:30px;color:var(--brand-ink)}
.product-guarantees{max-width:1180px;margin:0 auto 48px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.guarantee-card{background:#FFFFFF;border:1px solid var(--brand-line);border-radius:8px;padding:24px}
.guarantee-card .step-num{font-size:26px}
.guarantee-card b{display:block;font-size:16px;font-weight:600;color:var(--brand-ink);margin-bottom:6px}
.guarantee-card p{font-size:13px;color:var(--brand-gray);line-height:1.6;margin:0}
@media(max-width:900px){.product-guarantees{grid-template-columns:1fr}}

.language-switcher a.on{color:#fff;font-weight:500;border-bottom:1px solid #bada8d}

/* WhatsApp multiple numbers: region tag in the footer list */
.wa-area{font-style:normal;font-size:10px;opacity:.62;margin-left:5px;letter-spacing:.04em}
.footer-row a{color:#cad2d7;text-decoration:none}
.footer-row a:hover{color:#fff}
.part-alt{margin:5px 0 0;font-size:12px;color:#7a8a94}.part-alt span{color:#5d6d78;letter-spacing:.3px}

/* ===== 品牌聚合页 /parts/<brand>（2026-09-29 新增）=====
   服务端渲染的车系目录页，样式沿用 catalog 页的变量与节奏，不引入新配色。 */
.brand-parts-head{padding:46px 0 10px}
.brand-parts-head h1{font-size:34px;margin:10px 0 12px;color:var(--brand-ink,#1d2b36);letter-spacing:-.01em}
.brand-parts-head p{max-width:760px;color:#5d6d78;line-height:1.7}
.brand-parts-list{padding:26px 0 10px}
.brand-parts-list h2{font-size:20px;margin:0 0 16px;color:var(--brand-ink,#1d2b36)}
.brand-part-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.brand-part-item a{display:flex;align-items:baseline;gap:8px;padding:9px 12px;background:#fff;border:1px solid #e3e8ea;border-radius:6px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.brand-part-item a:hover{border-color:#a9352f;box-shadow:0 3px 10px #a9352f12}
.brand-part-item b{font-size:12.5px;color:#2b3946;letter-spacing:.01em;flex:0 0 auto}
.brand-part-item span{font-size:11.5px;color:#8a949c;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-part-item em{font-size:11.5px;font-style:normal;color:#5d6d78;flex:0 0 auto}
/* 商品页「同车型其他零件」内链块（2026-10-02 seo2）：复用品牌页清单的视觉，
   它是一块独立 section，需要自己的上下留白与标题层级。 */
.related-parts{padding:30px 0 10px}
.related-parts h2{font-size:19px;margin:0 0 6px}
.related-parts-lead{color:#5d6d78;margin:0 0 16px;font-size:13px}
.related-parts-grid{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.related-parts-grid .related-part-item a{display:flex;align-items:baseline;gap:8px;padding:9px 12px;background:#fff;border:1px solid #e3e8ea;border-radius:6px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.related-parts-grid .related-part-item a:hover{border-color:#a9352f;box-shadow:0 3px 10px #a9352f12}
.related-parts-grid .related-part-item b{font-size:12.5px;color:#2b3946;flex:0 0 auto}
.related-parts-grid .related-part-item span{font-size:11.5px;color:#8a949c;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-parts-grid .related-part-item em{font-size:11.5px;font-style:normal;color:#5d6d78;flex:0 0 auto}
.brand-parts-cta{padding:34px 0}
.brand-parts-cta h2{font-size:20px;margin:0 0 8px}
.brand-parts-cta p{color:#5d6d78;margin:0 0 16px}
.brand-others{padding:6px 0 46px}
.brand-others h2{font-size:16px;margin:0 0 12px;color:#5d6d78;font-weight:600}
.brand-chips{display:flex;flex-wrap:wrap;gap:8px}
.brand-chips a{font-size:12px;padding:6px 12px;border:1px solid #dfe4e7;border-radius:999px;text-decoration:none;color:#2b3946;background:#fff}
.brand-chips a:hover{border-color:#a9352f;color:#a9352f}
/* 目录页品牌卡片里的「品牌页」链接：走文档流，排在「N parts」下方。
   曾用绝对定位贴右下角，但卡片没给底部预留空间 —— 宽数字（1410 parts）或长文案时
   与 parts 行叠字（2026-10-01 真机截图发现）。改回流式布局后任何文案长度都不叠。 */
.brand-chip .brand-page-link{font-size:10.5px;color:#a9352f;text-decoration:none;opacity:.85;margin-top:5px;line-height:1.4}
.brand-chip .brand-page-link:hover{opacity:1;text-decoration:underline}
/* ===== 目录页爬虫索引（2026-09-29）=====
   服务端渲染的内链索引，收在 <details> 里默认折叠：买家看到的是目录页原样，
   搜索引擎不执行 JS 也能顺着这些链接走到全部商品页。 */
.crawl-index{padding:22px 0 8px}
.crawl-index details{border:1px solid #e3e8ea;border-radius:8px;background:#fff}
.crawl-index summary{padding:12px 16px;font-size:12.5px;color:#5d6d78;cursor:pointer;letter-spacing:.02em}
.crawl-index summary:hover{color:#a9352f}
.crawl-index h3{margin:16px 16px 8px;font-size:12px;color:#8a949c;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.crawl-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px}
.crawl-chips a{font-size:12px;padding:5px 11px;border:1px solid #dfe4e7;border-radius:999px;text-decoration:none;color:#2b3946}
.crawl-chips a em{font-style:normal;color:#a0a8ae;margin-left:5px;font-size:10.5px}
.crawl-chips a:hover{border-color:#a9352f;color:#a9352f}
.crawl-nums{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 16px 18px;max-height:340px;overflow:auto}
.crawl-nums a{font-size:11.5px;color:#5d6d78;text-decoration:none;font-family:ui-monospace,Menlo,Consolas,monospace}
.crawl-nums a:hover{color:#a9352f;text-decoration:underline}

/* ===== 转化入口补强（2026-10-01 conv1）=====
   背景：站内 8 天 277 个会话、首页占 52% 浏览、留联系方式 0 / 询价单 0。
   首屏过去只有「搜索零件号」一个动作，询价表单压在页面 93% 处，搜不到零件时更是死胡同。
   这里补三处直接询价通道：首屏按钮、常驻悬浮按钮、空结果按钮。 */
.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}
.hero-quote-btn{display:inline-block;background:var(--brand-accent);color:#fff;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:5px;box-shadow:0 8px 18px #a9352f26}
.hero-quote-btn:hover{background:var(--brand-accent-dark)}
.hero-cta span{color:#c3cdd4;font-size:12px;line-height:1.55;max-width:360px}
/* 悬浮组件原有 WhatsApp/Email 已是品牌红，询价用深色区分优先级 */
.support-float a.sf-quote{background:#1f2d3a;border-color:#1f2d3a;color:#fff}
.support-float a.sf-quote span{color:#fff}
.support-float a.sf-quote:hover{background:#14202b}
.empty-state p{margin:0}
.empty-state .empty-cta{display:inline-block;margin-top:16px;background:var(--brand-accent);color:#fff;text-decoration:none;font-weight:600;padding:12px 22px;border-radius:5px}
.empty-state .empty-cta:hover{background:var(--brand-accent-dark)}
/* ==========================================================================
   内容层：/guides · /guides/<slug> · /faq（2026-10-01 guides1）
   背景：站上 2130 件商品过去只有「首页→品牌页→商品页」一条内链，没有任何承载长尾
   搜索的内容页。这一层为「按零件号/按问题」检索的买家提供落点，并作为 AI 引用的
   结构化素材。样式沿用品牌变量，与商品页视觉同源。
   ========================================================================== */
.guide-hero{background:var(--brand-cream);border-bottom:1px solid var(--brand-line)}
.guide-hero .parts-shell{display:block;padding:26px 0 40px;max-width:980px}
.guide-hero .eyebrow{margin:4px 0 14px}
.guide-hero h1{font-family:var(--font-head);font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-.01em;margin:0 0 14px;color:var(--brand-ink)}
.guide-lead{font-size:17px;line-height:1.62;color:#4a4a4a;max-width:760px;margin:0 0 12px}
.guide-meta{font-size:12px;letter-spacing:.06em;color:var(--brand-soft);text-transform:uppercase;margin:0}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start;padding-top:44px;padding-bottom:52px}
.guide-content{max-width:760px;min-width:0;font-size:16px;line-height:1.75;color:#2c2c2c}
.guide-content>p:first-of-type{font-size:17.5px;color:#333}
.guide-content h2{font-family:var(--font-head);font-size:27px;line-height:1.2;letter-spacing:-.01em;margin:44px 0 14px;color:var(--brand-ink)}
.guide-content h3{font-size:17px;margin:26px 0 8px;color:var(--brand-ink)}
.guide-content p{margin:0 0 16px}
.guide-content ul,.guide-content ol{margin:0 0 18px;padding-left:22px}
.guide-content li{margin-bottom:9px}
.guide-content a{color:var(--brand-link);text-decoration:underline;text-underline-offset:2px}
.guide-content a:hover{color:var(--brand-accent)}
.guide-content strong{color:var(--brand-ink)}
.guide-content code{background:#f0efe9;border:1px solid var(--brand-line);border-radius:3px;padding:1px 6px;font-size:13.5px;font-family:Consolas,monospace}
.guide-table{width:100%;max-width:100%;border-collapse:collapse;margin:12px 0 24px;font-size:14.5px;background:#fff}
.guide-table th{background:var(--brand-cream);text-align:left;padding:12px 14px;border:1px solid var(--brand-line);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#5b5b5b}
.guide-table td{padding:13px 14px;border:1px solid var(--brand-line);vertical-align:top;line-height:1.6;overflow-wrap:break-word}
/* 列宽比例提示：auto 布局下列宽按内容膨胀曾把表格撑出正文、压到侧栏下面（2026-10-01 真机截图发现）。
   根因是站点全局表格样式给 th/td 设了 white-space:nowrap —— 内容全部单行 → 表格被撑到 1880px。
   必须显式恢复 normal；固定布局又会让 Chrome 单元格文字叠印，故用百分比列宽提示。 */
.guide-table th,.guide-table td{white-space:normal}
.guide-table th:first-child{width:17%}
.guide-table th:nth-child(2){width:33%}
.guide-table th:nth-child(3){width:26%}
.guide-table th:nth-child(4){width:24%}
.guide-table td b{color:var(--brand-ink)}
.guide-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
.guide-toc,.guide-side-card{border:1px solid var(--brand-line);border-radius:8px;background:#fff;padding:18px 20px}
.guide-toc>b,.guide-side-card>b{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;margin-bottom:12px}
.guide-toc ol{margin:0;padding-left:18px;font-size:13.5px;line-height:1.7}
.guide-toc a{color:#444;text-decoration:none}
.guide-toc a:hover{color:var(--brand-accent)}
.guide-part-list,.guide-related{list-style:none;margin:0;padding:0;font-size:13.5px}
.guide-part-list li,.guide-related li{border-top:1px solid #f1efe9;padding:9px 0}
.guide-part-list li:first-child,.guide-related li:first-child{border-top:0;padding-top:0}
.guide-part-list a{display:flex;flex-direction:column;gap:2px;text-decoration:none}
.guide-part-list a b{font-family:Consolas,monospace;font-size:13px;color:var(--brand-link)}
.guide-part-list a span{color:#5f5f5f;font-size:12.5px;line-height:1.45}
.guide-related a{color:var(--brand-link);text-decoration:none;line-height:1.5}
.guide-related a:hover{color:var(--brand-accent)}
.guide-side-note{margin:12px 0 0;font-size:12px;color:#8a8a8a;line-height:1.5}
.guide-intro{max-width:760px;margin-bottom:30px}
.guide-intro p{font-size:17px;line-height:1.65;color:#444;margin:0}
.guide-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.guide-card{background:#fff;border:1px solid var(--brand-line);border-radius:10px;transition:border-color .15s,box-shadow .15s}
.guide-card:hover{border-color:var(--brand-accent);box-shadow:0 10px 26px #0000000d}
.guide-card a{display:block;height:100%;padding:22px 22px 20px;text-decoration:none;color:inherit}
.guide-card em{display:block;font-style:normal;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--brand-accent);margin-bottom:10px}
.guide-card b{display:block;font-family:var(--font-head);font-size:22px;line-height:1.18;color:var(--brand-ink);margin-bottom:9px}
.guide-card span{display:block;font-size:14px;line-height:1.6;color:#5f5f5f}
.guide-card .guide-more{display:block;margin-top:14px;font-size:12.5px;font-weight:600;color:var(--brand-link);letter-spacing:.02em}
.guide-next{padding:48px 0 8px;border-top:1px solid var(--brand-line)}
.guide-next h2{font-family:var(--font-head);font-size:30px;margin:0 0 10px;color:var(--brand-ink)}
.guide-next>p{font-size:15.5px;color:#555;max-width:640px;margin:0 0 22px}
.guide-next .guide-grid{margin-top:8px}
.guide-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.faq-item{border:1px solid var(--brand-line);border-radius:8px;background:#fff;margin-bottom:12px;overflow:hidden}
.faq-item summary{cursor:pointer;padding:17px 22px;font-size:16px;font-weight:600;color:var(--brand-ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";color:var(--brand-accent);font-size:20px;line-height:1;flex:none}
.faq-item[open] summary:after{content:"–"}
.faq-answer{padding:0 22px 18px}
.faq-answer p{margin:0;font-size:15px;line-height:1.72;color:#3d3d3d}
/* 商品页 / 品牌页底部的内容层出口（pill 链接组） */
.product-guides{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.product-guides li a{display:inline-block;border:1px solid var(--brand-line);border-radius:20px;padding:8px 16px;font-size:13.5px;text-decoration:none;color:var(--brand-link);background:#fff}
.product-guides li a:hover{border-color:var(--brand-accent);color:var(--brand-accent)}
.brand-guides{padding-top:34px}
@media (max-width:980px){
  .guide-layout{grid-template-columns:1fr;gap:30px;padding-top:32px;padding-bottom:36px}
  .guide-side{position:static}
  .guide-hero h1{font-size:30px}
  .guide-content{max-width:none}
}

/* 月份筛选条（sales1，2026-10-05）：订单/询价/采购/费用台账页共用。
   用 CSS 变量取色，兼容后台默认主题与 navy 主题两套变量。 */
.monthbar{display:flex;flex-wrap:wrap;gap:8px}
.monthbar .mchip{border:1px solid var(--line,#dce5df);background:#fff;color:var(--ink,#1c2929);border-radius:20px;padding:7px 14px;font-size:13px;line-height:1}
.monthbar .mchip:hover{background:var(--hover,#eef3f9)}
.monthbar .mchip.active{background:var(--navy,#173e32);border-color:var(--navy,#173e32);color:#fff;font-weight:600}
.monthbar .mchip.active b{color:var(--accent,#bada8d)}
.monthbar .mchip b{font-weight:600;opacity:.7;margin-left:2px}

/* 社媒入口（social1，2026-10-05）：页脚 {{SOCIAL_LINKS}} 注入。
   独立一行置于页脚导航与版权行之间；沿用页脚深色底配色（白字/灰字）。
   未配置任何社媒时该容器不渲染，不留空行。 */
.social-links{padding:4px 0 30px}
.social-links h4{color:#FFFFFF;font-size:14px;font-weight:600;margin:0 0 14px}
.social-row{display:flex;flex-wrap:wrap;gap:10px}
.social-row a{display:inline-flex;align-items:center;gap:8px;color:#8A8A8A;font-size:13px;
  text-decoration:none;border:1px solid #333;border-radius:999px;padding:8px 16px;transition:.15s}
.social-row a:hover{color:#FFFFFF;border-color:#8A8A8A}
.social-row a:before{content:"";width:7px;height:7px;border-radius:50%;background:#8A8A8A;flex:none}
.social-row a:hover:before{background:#FFFFFF}
@media(max-width:700px){.social-links{padding:4px 0 22px}}

/* 商品页分享行（social1，2026-10-05）：{{SHARE}} 注入，位于 #product-page 之外。
   买家把零件链接转给同事/采购团队确认 —— 每次分享都是一次带链接的站外曝光。 */
.share-row{padding-top:34px}
.share-row h2{font-size:20px;letter-spacing:-.4px;margin-bottom:8px}
.share-lead{color:#6b7a76;font-size:14px;margin-bottom:16px;max-width:640px}
.share-links{display:flex;flex-wrap:wrap;gap:10px}
.share-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe6e3;border-radius:8px;
  padding:9px 18px;font-size:14px;color:#26786a;text-decoration:none;background:#fff;transition:.15s}
.share-links a:hover{border-color:#26786a;background:#f2f8f6}
.share-links a:before{content:"";width:8px;height:8px;border-radius:50%;background:#26786a;flex:none}

/* 信任承诺页（trust1，2026-10-09）：质保 / 付款 / 物流 / 诚信四个专页 + 首页客户评价 */
.policy-page{max-width:860px;padding-top:34px;padding-bottom:8px}
.policy-page .breadcrumbs{max-width:none;margin:0 0 18px;color:var(--muted);font-size:13px}
.policy-page .breadcrumbs a{color:var(--muted);text-decoration:none}
.policy-page .breadcrumbs a:hover{color:var(--accent)}
.policy-page .eyebrow{color:var(--accent);margin-bottom:12px}
.policy-page h1{font-size:34px;line-height:1.2;color:var(--navy);margin:0 0 14px}
.policy-lead{font-size:17px;line-height:1.6;color:var(--muted);margin:0;max-width:700px}
.policy-body{margin-top:26px;color:var(--ink)}
.policy-body h2{font-size:21px;line-height:1.3;color:var(--navy);margin:32px 0 10px}
.policy-body h3{font-size:15px;color:var(--navy);margin:20px 0 8px}
.policy-body p{margin:0 0 12px;line-height:1.7}
.policy-body ul,.policy-body ol{margin:0 0 16px;padding-left:22px}
.policy-body li{margin:0 0 7px;line-height:1.65}
.policy-body b{color:var(--navy)}
.policy-nav{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0 4px;padding-top:24px;border-top:1px solid var(--line)}
.policy-nav-link{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:8px;font-size:13px;text-decoration:none;color:var(--ink);transition:.15s}
.policy-nav-link:hover{border-color:var(--accent);color:var(--accent)}
.policy-nav-link.is-current{background:var(--navy);color:#fff;border-color:var(--navy)}
/* 首页客户评价（trust1）：真实买家评价，标注来源 Alibaba.com */
.reviews-section{margin:8px 0 4px}
.reviews-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:6px}
.reviews-head h2{font-size:26px;color:var(--navy);margin:0}
.reviews-score{font-size:13px;color:var(--muted)}
.reviews-score b{color:var(--accent);font-size:15px}
.reviews-lead{color:var(--muted);margin:0 0 22px;max-width:680px;line-height:1.6}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.review-card{border:1px solid var(--line);border-radius:12px;padding:18px 20px;background:#fff;display:flex;flex-direction:column;gap:10px}
.review-stars{color:#f5a623;font-size:13px;letter-spacing:1px}
.review-text{color:var(--ink);line-height:1.6;font-size:14px;flex:1}
.review-meta{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.review-meta b{color:var(--navy)}
.reviews-source{margin-top:16px;font-size:12px;color:var(--muted)}
.reviews-source a{color:var(--accent);text-decoration:none}
/* 首页实力数字（trust1） */
.facts-band{margin:0 0 6px}
.facts-band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.fact-cell{border-left:3px solid var(--accent);padding:2px 0 2px 16px}
.fact-cell b{display:block;font-size:26px;color:var(--navy);line-height:1.1}
.fact-cell span{font-size:13px;color:var(--muted)}
/* 分页导航（seo2，2026-10-10） */
.pagination{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin:24px 0;padding:16px 0;border-top:1px solid var(--line)}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--navy);text-decoration:none;background:#fff;transition:border-color .15s}
.pagination a:hover{border-color:var(--accent);color:var(--accent)}
.pagination .pager-current{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:500}
.pagination .pager-prev,.pagination .pager-next{font-weight:500}