/* Siho technical website — European industrial editorial x precision materials */
:root{color-scheme: light;
  --font-sans:"IBM Plex Sans","Manrope","Helvetica Neue",Arial,sans-serif;
  --font-display:"IBM Plex Sans Condensed","Manrope","Arial Narrow","IBM Plex Sans",sans-serif;
  --font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
  --canvas:#e9eef0;--paper:#fbfcfc;--paper-2:#f2f5f5;--paper-3:#e7edef;
  --ink:#092531;--ink-2:#173944;--muted:#58717c;--faint:#81949c;
  --line:rgba(16,53,66,.14);--line-strong:rgba(16,53,66,.28);
  --navy:#061e29;--navy-2:#0a3140;--teal:#1596aa;--teal-bright:#78d3de;--teal-soft:#dff2f4;
  --blue:#6d9fc5;--green:#0c684b;--amber:#b96522;--warning:#ad681d;--warning-soft:#fff2dd;
  --inverse:#f3fafb;--inverse-muted:#b9d2d8;--inverse-line:rgba(213,241,245,.2);
  --shadow:0 24px 70px rgba(8,33,44,.08);--shadow-deep:0 34px 90px rgba(3,20,29,.2);
  --content:1260px;--gutter:clamp(18px,4vw,58px);--page-pad:clamp(34px,6.5vw,92px);
  --flow:clamp(56px,5.4vw,76px);--flow-compact:clamp(34px,3.2vw,44px);
  --section:var(--flow);--section-tight:var(--flow-compact);--ease:cubic-bezier(.2,.7,.2,1);
  --radius-xl:32px;--radius-lg:22px;--radius-md:14px;--radius-pill:999px;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;--canvas:#07141b;--paper:#0c2029;--paper-2:#102a34;--paper-3:#173540;
  --ink:#edf6f7;--ink-2:#d2e5e9;--muted:#a6bdc3;--faint:#76939b;
  --line:rgba(209,239,244,.12);--line-strong:rgba(209,239,244,.24);
  --navy:#03151e;--navy-2:#092d3b;--teal:#58c3d1;--teal-bright:#8fdee6;--teal-soft:#123a43;
  --blue:#91bad8;--green:#48a784;--amber:#d98947;--warning:#e5ad62;--warning-soft:#402f1b;
  --shadow:0 26px 70px rgba(0,0,0,.28);--shadow-deep:0 36px 100px rgba(0,0,0,.42);
}}:root[data-theme="dark"]{color-scheme:dark;--canvas:#07141b;--paper:#0c2029;--paper-2:#102a34;--paper-3:#173540;
  --ink:#edf6f7;--ink-2:#d2e5e9;--muted:#a6bdc3;--faint:#76939b;
  --line:rgba(209,239,244,.12);--line-strong:rgba(209,239,244,.24);
  --navy:#03151e;--navy-2:#092d3b;--teal:#58c3d1;--teal-bright:#8fdee6;--teal-soft:#123a43;
  --blue:#91bad8;--green:#48a784;--amber:#d98947;--warning:#e5ad62;--warning-soft:#402f1b;
  --shadow:0 26px 70px rgba(0,0,0,.28);--shadow-deep:0 36px 100px rgba(0,0,0,.42);}*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;background:var(--canvas)}body:not(.home){margin:0;min-width:0;overflow-x:clip;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 34%,transparent),transparent 560px),var(--canvas);color:var(--ink);font:400 16px/1.64 var(--font-sans);letter-spacing:.002em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:not(.home) img, body:not(.home) video{display:block;max-width:100%}body:not(.home) picture{display:block}body:not(.home) video{background:var(--paper-3)}body:not(.home) a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}a:hover{color:var(--teal)}a:focus-visible, button:focus-visible{outline:2px solid var(--teal-bright);outline-offset:4px}body:not(.home) h1, body:not(.home) h2, body:not(.home) h3, body:not(.home) p, body:not(.home) dl, body:not(.home) dd, body:not(.home) figure{margin-top:0}body:not(.home) h1, body:not(.home) h2, body:not(.home) h3{font-family:var(--font-display);font-weight:500;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}body:not(.home) h1{max-width:13ch;margin-bottom:26px;font-size:clamp(45px,4.1vw,56px)}body:not(.home) h2{max-width:16ch;margin-bottom:22px;font-size:clamp(32px,3vw,40px)}body:not(.home) h3{margin-bottom:14px;font-size:clamp(23px,2vw,26px)}body:not(.home) ul{padding-left:1.15em}/* shell */
.site-head{position:sticky;top:14px;z-index:50;width:min(calc(100% - (var(--gutter)*2)),var(--content));min-height:78px;margin:14px auto 0;padding:10px 12px 10px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 12px 34px rgba(3,25,34,.1);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}body:not(.home) .brand{flex:0 0 auto;display:inline-flex;align-items:center;gap:11px;min-height:46px;padding:0 12px;color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-1.2px;text-decoration:none}body:not(.home) .brand::before{content:"";width:9px;height:30px;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--teal-bright),var(--teal));box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 10%,transparent)}.site-head nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:7px}.site-head-right{min-width:0;display:flex;align-items:center;gap:7px}.nav-toggle{display:none}.nav-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #0a7385;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0a7385,#075667);box-shadow:0 9px 22px rgba(7,86,103,.24);font-size:12px;font-weight:600;letter-spacing:.015em;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}a.nav-cta::after{content:"\2192";margin-left:9px;font-size:16px;line-height:1;transition:transform .2s var(--ease)}a.nav-cta:hover{border-color:var(--teal-bright);color:#fff;background:linear-gradient(135deg,#0b8497,#096478);box-shadow:0 12px 28px rgba(7,86,103,.32);transform:translateY(-1px)}a.nav-cta:hover::after{transform:translateX(3px)}span.nav-cta[aria-current="page"]{padding-left:34px;border-color:#0b8295;background:linear-gradient(135deg,#0b8295,#075667)}span.nav-cta[aria-current="page"]::before{content:"";position:absolute;left:14px;width:7px;height:7px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 0 4px rgba(120,211,222,.12)}.site-head nav>a, .site-head nav>span[aria-current="page"]{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:color-mix(in srgb,var(--paper-2) 78%,transparent);font-size:12px;font-weight:600;letter-spacing:.015em;line-height:1.2;text-decoration:none;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.site-head nav>span[aria-current="page"]{padding-left:31px;border-color:#163f4c;color:#fff;background:linear-gradient(135deg,#123945,#092a36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 8px 22px rgba(4,27,36,.18)}.site-head nav>span[aria-current="page"]::before{content:"";position:absolute;left:14px;width:7px;height:7px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 0 4px rgba(120,211,222,.12)}.site-head nav>a:hover{border-color:var(--line-strong);color:var(--ink);background:var(--paper);box-shadow:0 8px 20px rgba(6,35,46,.08);transform:translateY(-1px)}.site-foot{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:38px auto 0;padding:32px 0 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.site-foot p{margin:0}.site-foot p:first-child{color:var(--ink)}/* shared copy */
.lede{max-width:750px;color:var(--muted);font-size:clamp(18px,1.45vw,20px);line-height:1.66;letter-spacing:-.006em}.meta, .n{color:var(--teal);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.45;text-transform:uppercase}.n{display:block;margin:0 0 14px}.pending{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid var(--warning);background:var(--warning-soft);color:var(--warning);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;line-height:1.25;vertical-align:middle}.note{max-width:850px;padding:18px 0 18px 20px;border-left:2px solid var(--line-strong);color:var(--muted);font-size:13px;line-height:1.72}body:not(.home) /* home hero */
.hero{position:relative;width:min(calc(100% - (var(--gutter)*2)),var(--content));min-height:610px;margin:24px auto 0;padding:clamp(48px,5.6vw,78px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);gap:clamp(42px,5.5vw,74px);align-items:center;overflow:hidden;border:1px solid rgba(213,241,245,.14);border-radius:var(--radius-xl);color:var(--inverse);background:linear-gradient(rgba(120,211,224,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,211,224,.07) 1px,transparent 1px),radial-gradient(circle at 78% 15%,rgba(21,150,170,.18),transparent 28%),linear-gradient(135deg,#03141e,#082f3e 64%,#071b24);background-size:58px 58px,58px 58px,auto,auto;box-shadow:var(--shadow-deep)}body:not(.home) .hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:6px;background:linear-gradient(90deg,var(--blue) 0 39%,var(--green) 39% 70%,var(--amber) 70% 100%)}.hero-copy{min-width:0}.hero-copy .meta{display:flex;align-items:center;gap:13px;margin-bottom:58px;color:#a8c8d1}.hero-copy .meta::before{content:"";width:52px;height:1px;background:var(--teal-bright)}body:not(.home) .hero h1{max-width:11ch;color:#f8fcfd;font-size:clamp(47px,4.2vw,56px);line-height:.98}body:not(.home) .hero .lede{max-width:590px;color:#c6d9de;font-size:clamp(18px,1.45vw,20px);line-height:1.62}body:not(.home) .hero-media{position:relative;width:min(100%,620px);justify-self:end;overflow:hidden;isolation:isolate;transform:translateZ(0);border:1px solid rgba(213,241,245,.22);border-radius:var(--radius-lg);background:#0d2732;aspect-ratio:15/7;box-shadow:0 28px 64px rgba(0,0,0,.32)}body:not(.home) .hero-media::after{content:"Precision coating / real factory footage";position:absolute;left:14px;bottom:14px;padding:7px 10px;border:1px solid rgba(213,241,245,.2);border-radius:9px;color:#d8ecef;background:rgba(3,22,30,.78);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}body:not(.home) .hero-media img, body:not(.home) .hero-media video{width:100%;height:100%;object-fit:cover}/* technical facts */
.facts{position:relative;z-index:2;width:min(calc(100% - (var(--gutter)*2) - 64px),calc(var(--content) - 64px));margin:-48px auto 58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);gap:1px;box-shadow:0 22px 60px rgba(3,25,34,.16)}.facts>div{min-width:0;min-height:150px;padding:clamp(24px,3vw,34px);background:var(--paper)}.facts dt{margin-bottom:20px;color:var(--faint);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.facts dd{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(27px,2.8vw,38px);font-weight:500;line-height:1.03;letter-spacing:-.025em;font-variant-numeric:tabular-nums}/* product overview */
.lines{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(26px,4vw,54px);border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--teal-soft) 18%,transparent),transparent 42%),var(--paper);box-shadow:var(--shadow)}.lines>.card{grid-column:span 6}.lines>.card:first-child{grid-column:span 5;align-self:end}.lines>.card:nth-child(2){grid-column:6/span 7}.lines>.card:nth-child(3){grid-column:3/span 8}.card{min-width:0}.card>a{display:block;height:100%;padding:14px 14px 24px;border:1px solid transparent;border-radius:var(--radius-lg);color:inherit;background:color-mix(in srgb,var(--paper-2) 72%,transparent);text-decoration:none;transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease)}.card>a:hover, .card>a:focus-visible{border-color:var(--line-strong);background:var(--paper);box-shadow:0 18px 48px rgba(6,35,46,.12);transform:translateY(-5px)}.card-media{position:relative;overflow:hidden;margin-bottom:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper-3);aspect-ratio:16/10}.lines>.card:first-child .card-media{max-height:340px}.card-media::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.card-media img, .card-media video{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease)}.card:hover .card-media img, .card:hover .card-media video{transform:scale(1.02)}.card h2, .card h3{max-width:18ch;margin-bottom:13px}.card h2{font-size:clamp(29px,2.5vw,36px)}.card h2::after, .card h3::after{content:"\2197";display:inline-grid;width:29px;height:29px;margin-left:10px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;font-family:var(--font-sans);font-size:14px;vertical-align:.14em;transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.card>a:hover h2::after, .card>a:hover h3::after{color:#fff;background:var(--teal);transform:translate(2px,-2px)}.card p{max-width:58ch;margin-bottom:0;color:var(--muted)}.card:nth-child(1) .n{color:var(--blue)}.card:nth-child(2) .n{color:var(--green)}.card:nth-child(3) .n{color:var(--amber)}/* application scenes */
.application-page{position:relative;width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);overflow:hidden;border:1px solid rgba(213,241,245,.12);border-radius:var(--radius-xl);color:var(--inverse);background:linear-gradient(rgba(120,211,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,211,224,.055) 1px,transparent 1px),var(--navy);background-size:58px 58px;box-shadow:var(--shadow-deep)}.application-page>.meta{margin-bottom:18px;color:var(--teal-bright)}.application-page>h2{max-width:none;margin-bottom:54px;color:#f5fbfc;font-size:clamp(34px,3vw,40px)}.process-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;background:transparent}.process-card{--scene-accent:var(--teal-bright);position:relative;grid-column:span 6;min-width:0;min-height:540px;overflow:hidden;isolation:isolate;contain:paint;border:1px solid rgba(213,241,245,.16);border-radius:var(--radius-lg);background:transparent;box-shadow:0 18px 46px rgba(0,0,0,.18);transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}.process-card:last-child:nth-child(odd){grid-column:3/span 8}.process-card:hover, .process-card:focus-within{border-color:color-mix(in srgb,var(--scene-accent) 64%,transparent);box-shadow:0 26px 60px rgba(0,0,0,.28);transform:translateY(-5px)}.app-battery{--scene-accent:#82b9d8}.app-pcb{--scene-accent:#d48a48}.app-semiconductor{--scene-accent:#78d3de}.app-coating{--scene-accent:#68b28f}.process-media, .process-media::after{position:absolute;inset:0}.process-media{z-index:0;overflow:hidden;background:#0b2935;transition:transform 0s}.process-media::after{content:"";background:linear-gradient(90deg,rgba(2,17,24,.97),rgba(2,17,24,.87) 47%,rgba(2,17,24,.18) 82%),linear-gradient(0deg,rgba(2,17,24,.72),transparent 55%)}.process-media img, .process-media video{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .8s var(--ease)}.process-card:hover .process-media img{transform:scale(1.025);filter:saturate(1.05)}.illus{position:absolute;z-index:2;top:16px;right:16px;padding:7px 9px;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#e1edf0;background:rgba(2,20,28,.72);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;line-height:1.2;text-transform:uppercase;backdrop-filter:blur(8px)}.process-copy{position:relative;z-index:1;width:64%;min-height:560px;padding:38px;display:flex;flex-direction:column;align-items:flex-start;color:#f4fafb}.process-copy::before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--scene-accent)}.process-copy .n{color:var(--scene-accent)}.process-copy h3{max-width:15ch;margin-top:22px;color:#f6fbfc;font-size:clamp(24px,2vw,26px);line-height:1.08}.process-copy ul{margin:22px 0 28px;padding:0;color:#c8d9dd;font-size:13px;line-height:1.55;list-style:none}.process-copy li{padding:9px 0;border-bottom:1px solid rgba(216,240,244,.14)}.process-copy li::before{content:"";display:inline-block;width:4px;height:4px;margin:0 9px 3px 0;background:var(--scene-accent)}.uses{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:7px}.uses a{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(220,241,244,.28);border-radius:var(--radius-pill);color:#dcecef;background:rgba(4,29,38,.64);font-size:11px;font-weight:500;line-height:1.25;text-decoration:none;backdrop-filter:blur(7px);transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.uses a::after{content:"\2197";margin-left:6px;font-size:10px}.uses a:hover{border-color:var(--scene-accent);color:#061e29;background:var(--scene-accent);transform:translateY(-1px)}/* capability and customer evidence */
.cap, .customers{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.cap>h2{max-width:14ch}.cap>ul{margin:36px 0 54px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--line);gap:1px;list-style:none}.cap>ul li{min-height:110px;padding:22px;display:flex;align-items:flex-end;background:var(--paper-2);color:var(--ink-2);font-size:13px;line-height:1.45}.cap-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent}.cap-media figure{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:15/7;margin:0;overflow:hidden;isolation:isolate;transform:translateZ(0);border-radius:16px;background:var(--paper-3)}.cap-media figure:first-child{grid-column:1/-1}.cap-media img, .cap-media video{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .7s var(--ease)}.cap-media figure:hover img{transform:scale(1.025);filter:saturate(1.06)}.cap-media figcaption, body:not(.home) .process figcaption{position:absolute;right:0;bottom:0;left:0;padding:15px 17px;color:#f0f8f9;background:linear-gradient(0deg,rgba(3,21,29,.92),rgba(3,21,29,.12));font-size:12px}.customers>:first-child{max-width:850px}.logos{margin:42px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);list-style:none}.logos>*{min-width:0;min-height:108px;padding:18px;display:grid;place-items:center;background:var(--paper-2);color:var(--ink-2);font-family:var(--font-display);font-size:20px;text-align:center}.ticker{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:0 auto;padding:24px 0;border-top:1px solid var(--line);color:var(--faint);font-size:12px}/* product pages */
.line{--line-accent:var(--teal);width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:24px auto var(--flow);padding:var(--page-pad);overflow:hidden;border:1px solid var(--line);border-top:5px solid var(--line-accent);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.line[data-line="silicone-pet-protective-film"]{--line-accent:var(--blue)}.line[data-line="green-polyester-masking-tape"]{--line-accent:var(--green)}.line[data-line="polyimide-tape"]{--line-accent:var(--amber)}.line[data-line="acrylic-pet-protective-film"]{--line-accent:var(--teal)}.line>.application-page{width:100%;margin:var(--flow) 0}.line>.ask{margin:var(--flow) 0}.line>.meta:first-child{display:inline-block;margin-bottom:20px;color:var(--line-accent)}.line>h1{max-width:12ch}.line>.lede{margin-bottom:0}.line-hero{position:relative;width:100%;min-height:420px;max-height:720px;margin:var(--flow) 0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-3);box-shadow:0 18px 46px rgba(6,35,46,.12)}.line-hero::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.line-hero img, .line-hero video{width:100%;height:100%;min-height:inherit;max-height:inherit;object-fit:cover;transition:transform .8s var(--ease)}.line-hero:hover img{transform:scale(1.015)}.line[data-line="silicone-pet-protective-film"] .line-hero, .line[data-line="acrylic-pet-protective-film"] .line-hero{width:min(78%,860px);min-height:360px;margin-left:auto}.highlight{position:relative;margin:var(--flow) 0;padding:clamp(34px,5vw,56px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--line-accent) 13%,transparent),transparent 62%),var(--paper-2)}.highlight::before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--line-accent)}.highlight::after{content:"";position:absolute;right:36px;bottom:34px;width:min(34%,340px);height:24px;opacity:.45;background:linear-gradient(var(--line-accent),var(--line-accent)) left center/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--line-accent) 0 1px,transparent 1px 24px)}.highlight h2, .highlight h3{max-width:18ch;margin-bottom:15px}.highlight p{position:relative;z-index:1;max-width:700px}.highlight p:last-child{margin-bottom:0}.callout{margin:var(--flow) 0;padding:clamp(40px,6vw,72px);overflow:hidden;border-radius:var(--radius-lg);color:#f6fbfc;background:linear-gradient(rgba(120,211,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,211,224,.055) 1px,transparent 1px),linear-gradient(135deg,#071f2a,#0a3341);background-size:58px 58px,58px 58px,auto;box-shadow:var(--shadow-deep)}.callout .meta{color:#d89a62}.callout h2{color:#f7fbfc}.callout>.note{border-left-color:rgba(255,255,255,.25);color:#bcd1d6}.perf{margin:44px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--inverse-line);border-bottom:1px solid var(--inverse-line)}.perf>div{min-width:0;padding:clamp(30px,4vw,48px);border-left:1px solid var(--inverse-line)}.perf>div:first-child{padding-left:0;border-left:0}.perf dt{margin-bottom:14px;color:#b6cbd0;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}/* 数据来源标注：竞品普遍不写来源，我们写，这是可信度也是被 AI 引用的理由 */
.perf .src{max-width:34ch;margin:14px 0 0;color:#8ea8af;font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none}.perf dd{margin:0;color:#fff;font-family:var(--font-display);font-size:clamp(48px,4.6vw,62px);font-weight:500;line-height:.98;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.apps{margin:var(--flow) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent}.app{min-width:0;padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--paper-2)}.app h3{max-width:20ch}.app ul{margin-bottom:0;color:var(--muted)}.testcond{margin:var(--flow) 0;padding-top:var(--flow-compact);border-top:1px solid var(--line-strong)}.testcond>.meta{color:var(--line-accent)}.testcond>h2{max-width:18ch}.testcond>.kv{margin:var(--flow-compact) 0}.testcond>.note{margin-bottom:0}.pending-block{padding:clamp(30px,4vw,46px);border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-left:4px solid var(--teal);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--teal-soft) 52%,var(--paper)),var(--paper))}.pending-block>.meta{color:var(--teal)}.pending-block>.lede{max-width:880px}.pending-block>.note{max-width:900px;border-left-color:var(--teal);color:var(--ink-2)}body:not(.home) .process{margin:var(--flow) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:transparent}body:not(.home) .process>h2{grid-column:1/-1;width:100%;max-width:none;margin:0;padding:0 0 20px;background:var(--paper)}body:not(.home) .process figure{position:relative;width:100%;min-width:0;min-height:0;aspect-ratio:15/7;margin:0;overflow:hidden;isolation:isolate;transform:translateZ(0);border-radius:16px;background:var(--paper-3)}body:not(.home) .process img, body:not(.home) .process video{width:100%;height:100%;object-fit:cover}body:not(.home) .process video, .cap-media video, body:not(.home) .hero-media video{transform:translateZ(0);will-change:transform;backface-visibility:hidden}/* ==== 技术问答页（18 页统一模板）====
   沿用既有设计语言：.line 的外框、.callout 的深色带、.perf 的大数字、
   .apps/.app 的卡片、.ask 的转化区。不另起一套视觉。 */
.guide{--line-accent:var(--teal);width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:24px auto var(--flow);padding:var(--page-pad);overflow:hidden;border:1px solid var(--line);border-top:5px solid var(--line-accent);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}/* 首屏：文案与媒体并排 */
.guide-head{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,3.4vw,56px);align-items:center}/* 问答页标题是长问句（53–67 字符），产品页标题是短名称（约 28 字符）。
   同一个展示级字号套不了两种长度，这里单独降一档，形成「落地页 vs 文章页」的层级。 */
.guide-head-copy h1{max-width:21ch;margin-bottom:18px;font-size:clamp(32px,2.85vw,41px);line-height:1.1;letter-spacing:-.022em}.guide-head-copy .lede{max-width:54ch;margin-bottom:0}.guide-head-media{position:relative;min-width:0;margin:0;aspect-ratio:4/3;overflow:hidden;isolation:isolate;contain:paint;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-3);box-shadow:0 18px 46px rgba(6,35,46,.12)}.guide-head-media img, .guide-head-media video{display:block;width:100%;height:100%;object-fit:cover}.guide-head-media figcaption, .guide-fig figcaption{position:absolute;right:0;bottom:0;left:0;padding:14px 16px;color:#f0f8f9;background:linear-gradient(0deg,rgba(3,21,29,.93),rgba(3,21,29,.1));font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}/* 硬证据：深色带 + 大数字 */
.guide-facts{margin:var(--flow) 0;padding:clamp(30px,4vw,50px) clamp(28px,3.6vw,52px);overflow:hidden;border-radius:var(--radius-lg);color:#f6fbfc;background:linear-gradient(rgba(120,211,224,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,211,224,.055) 1px,transparent 1px),linear-gradient(135deg,#071f2a,#0a3341);background-size:58px 58px,58px 58px,auto;box-shadow:var(--shadow-deep)}.guide-facts .perf{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));border:0}.guide-facts .perf>div{min-width:0;padding:0 clamp(14px,1.6vw,24px);border-left:1px solid var(--inverse-line)}.guide-facts .perf>div:first-child{padding-left:0;border-left:0}.guide-facts .perf dd{font-size:clamp(26px,2.5vw,38px)}/* 正文：图文左右交替 */
.guide-body:not(.home){margin-top:var(--flow)}.guide-sec{margin:var(--flow) 0}.guide-sec.has-media{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(26px,3vw,50px);align-items:start}.guide-sec.has-media.flip .guide-sec-copy{order:2}.guide-sec h2{max-width:19ch;margin-bottom:18px}.guide-sec p{max-width:62ch;color:var(--ink-2)}.guide-sec p+p{margin-top:14px}.guide-points{margin:24px 0 0;padding:0;display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line);list-style:none}.guide-points li{padding:15px 18px;background:var(--paper-2);color:var(--ink-2);font-size:14px;line-height:1.5}.guide-sec-media{display:grid;gap:12px;min-width:0}.guide-fig{position:relative;min-width:0;margin:0;aspect-ratio:15/10;overflow:hidden;isolation:isolate;contain:paint;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-3)}.guide-fig img{display:block;width:100%;height:100%;object-fit:cover}/* 直答区与相关档位复用 .apps/.app，仅补间距 */
.guide-faq, .guide-related{margin:var(--flow) 0}.guide-faq h2, .guide-related h2{max-width:20ch}.guide-faq .apps, .guide-related .apps{margin:26px 0 0}.guide-faq .app h3{max-width:26ch;margin-bottom:10px;font-size:18px}.guide-faq .app p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.6}.guide-related .app h3 a{color:var(--ink);text-decoration:none}.guide-related .app h3 a:hover{color:var(--teal)}/* ★ 本页专属转化区——每一页都要能直接导向询盘 */
.guide-cta{position:relative;margin:var(--flow) 0 0;padding:clamp(38px,5vw,62px);overflow:hidden;scroll-margin-top:120px;border:1px solid rgba(213,241,245,.14);border-radius:var(--radius-xl);color:#eff8fa;background:radial-gradient(circle at 88% 18%,rgba(120,211,224,.14),transparent 30%),linear-gradient(135deg,#071f2a,#0a3442);box-shadow:var(--shadow-deep)}.guide-cta>.meta{color:var(--teal-bright)}.guide-cta h2{max-width:18ch;color:#f5fbfc}.guide-cta .lede{max-width:60ch;color:#e1eef0;font-family:var(--font-display);font-size:clamp(19px,1.6vw,20px);line-height:1.55}.cta-send{margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--inverse-line);border-radius:14px;background:var(--inverse-line);list-style:none}.cta-send li{padding:16px 18px;background:rgba(255,255,255,.03);color:#dceaed;font-size:14px;line-height:1.5}.cta-promise{margin:22px 0 0;color:var(--teal-bright);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:22px;padding:0 26px;border:1px solid var(--teal-bright);border-radius:13px;color:#06202a;background:linear-gradient(135deg,#a1e8ee,var(--teal-bright));box-shadow:0 12px 30px rgba(120,211,222,.18);font-size:14px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease)}.cta-button::after{content:"\2192";margin-left:10px;font-size:17px;transition:transform .2s var(--ease)}.cta-button:hover{color:#06202a;transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 36px rgba(120,211,222,.28)}.cta-button:hover::after{transform:translateX(3px)}/* tables */
.tbl-wrap{width:100%;max-width:100%;margin:var(--flow) 0;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line-strong);border-radius:16px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;box-shadow:0 12px 32px rgba(6,35,46,.07)}.tbl-wrap::-webkit-scrollbar{height:8px}.tbl-wrap::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--line-strong)}.tbl-wrap table{width:100%;min-width:820px;border-collapse:collapse;border-spacing:0;background:var(--paper);font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}.tbl-wrap caption{padding:14px 14px 12px;border-bottom:1px solid var(--line);color:var(--muted);background:var(--paper-2);font-size:12px;text-align:left}.tbl-wrap th, .tbl-wrap td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.tbl-wrap th{position:sticky;top:0;z-index:2;color:var(--muted);background:var(--paper-2);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.tbl-wrap td:first-child{color:var(--ink);font-family:var(--font-mono);font-weight:600}.tbl-wrap td:not(:first-child){font-variant-numeric:tabular-nums}.tbl-wrap tbody tr{transition:background .16s ease}.tbl-wrap tbody tr:hover{background:var(--paper-2)}.tbl-wrap tbody tr:last-child td{border-bottom:0}.tbl-wrap tr.low-tack{background:color-mix(in srgb,var(--blue) 13%,var(--paper))}.tbl-wrap tr.low-tack td:first-child{box-shadow:inset 3px 0 0 var(--blue)}.tbl-wrap tr.low-tack:hover{background:color-mix(in srgb,var(--blue) 20%,var(--paper))}.low-tack strong, .low-tack b{color:var(--blue)}/* samples and value grids */
.supply{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.supply>.lede{margin-bottom:48px}.kv{margin:var(--section-tight) 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.kv>*{min-width:0;min-height:142px;padding:clamp(24px,3vw,34px);background:var(--paper-2)}.kv strong, .kv b{display:block;margin-bottom:10px;color:var(--ink);font-family:var(--font-display);font-size:clamp(23px,2.3vw,34px);font-weight:500;line-height:1.08;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kv p{margin:0;color:var(--muted);font-size:12px}.certs-wrap{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.certs-wrap>h2{max-width:none}.certs{margin:var(--flow-compact) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:transparent}.certs>*{min-width:0;min-height:156px;padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}.certs strong{display:block;margin-bottom:9px;color:var(--ink);font-family:var(--font-display);font-size:21px;line-height:1.12}.certs p{margin-bottom:16px;color:var(--muted);font-size:13px;line-height:1.55}/* sample request */
body:not(.home) main>h1{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto 0}.request{width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:var(--page-pad);scroll-margin-top:120px;border:1px solid var(--line);border-top:5px solid var(--teal);border-radius:var(--radius-xl);background:linear-gradient(145deg,color-mix(in srgb,var(--teal-soft) 24%,transparent),transparent 38%),var(--paper);box-shadow:var(--shadow)}.request>.meta{margin-bottom:14px}.request>h2{max-width:none;margin-bottom:var(--flow-compact)}.req-form{display:grid;gap:18px}.req-form label{display:block;color:var(--ink-2);font-size:14px;font-weight:600;line-height:1.45}.req-form>.f-row:nth-of-type(-n+2){padding:22px;border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--teal-soft) 62%,var(--paper))}.req-form>.f-row:nth-of-type(-n+2) label{font-family:var(--font-display);font-size:clamp(18px,1.55vw,21px);font-weight:500;letter-spacing:-.012em}.f-row, .f-grid{min-width:0}.f-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.req{display:inline;color:var(--teal);font-weight:700}.hp{display:none!important}.req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea{display:block;width:100%;min-width:0;margin-top:9px;border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);background:color-mix(in srgb,var(--paper) 94%,transparent);font:500 .9375rem/1.45 var(--font-sans);letter-spacing:0;outline:0;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.req-form input:not([type="hidden"]):not([type="checkbox"]){min-height:52px;padding:0 15px}.req-form>.f-row:nth-of-type(-n+2) input{min-height:58px;font-size:16px}.req-form textarea{min-height:126px;padding:14px 15px;resize:vertical}.req-form input::placeholder, .req-form textarea::placeholder{color:var(--faint);font-weight:400}.req-form input:focus, .req-form textarea:focus{border-color:var(--teal);background:var(--paper);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 14%,transparent)}.req-form button[type="submit"]{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:56px;margin-top:4px;padding:0 24px;border:1px solid #0a7385;border-radius:13px;color:#fff;background:linear-gradient(135deg,#0a7385,#075667);box-shadow:0 12px 28px rgba(7,86,103,.24);font:700 14px/1.2 var(--font-sans);letter-spacing:.005em;cursor:pointer;transition:transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease)}.req-form button[type="submit"]::after{content:"\2192";margin-left:11px;font-size:17px;transition:transform .2s var(--ease)}.req-form button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(7,86,103,.32)}.req-form button[type="submit"]:hover::after{transform:translateX(3px)}.req-form>.meta{margin:2px 0 0;color:var(--faint);font-size:11px;letter-spacing:.09em}/* confirmation page */
.thanks{position:relative;width:min(calc(100% - (var(--gutter)*2)),var(--content));min-height:min(620px,calc(100svh - 190px));margin:24px auto var(--flow);padding:clamp(48px,7vw,92px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid rgba(213,241,245,.14);border-radius:var(--radius-xl);color:#eff8fa;background:linear-gradient(rgba(120,211,224,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,211,224,.06) 1px,transparent 1px),radial-gradient(circle at 82% 18%,rgba(120,211,222,.16),transparent 30%),linear-gradient(135deg,#061e29,#0a3442);background-size:58px 58px,58px 58px,auto,auto;box-shadow:var(--shadow-deep)}.thanks::after{content:"";position:absolute;right:clamp(34px,6vw,76px);top:clamp(34px,6vw,76px);width:84px;height:84px;border:1px solid rgba(120,211,222,.3);border-radius:50%;background:radial-gradient(circle,var(--teal-bright) 0 4px,transparent 5px)}.thanks>.meta{margin-bottom:18px;color:var(--teal-bright)}.thanks>h1{max-width:none;margin-bottom:20px;color:#fff}.thanks>.lede{max-width:670px;margin-bottom:26px;color:#cbe0e4}.thanks>.note{margin-bottom:26px;border-left-color:var(--teal-bright);color:#bed3d8}.thanks p:last-child{margin-bottom:0}.thanks a[role="button"]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--teal-bright);border-radius:12px;color:#06202a;background:var(--teal-bright);font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s var(--ease),filter .2s var(--ease)}.thanks a[role="button"]::after{content:"\2192";margin-left:10px;font-size:17px}.thanks a[role="button"]:hover{color:#06202a;transform:translateY(-2px);filter:brightness(1.07)}/* ask */
.ask{position:relative;width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:var(--flow) auto;padding:clamp(44px,6vw,74px);overflow:hidden;border:1px solid rgba(213,241,245,.14);border-radius:var(--radius-xl);color:#eff8fa;background:radial-gradient(circle at 88% 18%,rgba(120,211,224,.14),transparent 30%),linear-gradient(135deg,#071f2a,#0a3442);box-shadow:var(--shadow-deep)}.line>.ask, .supply>.ask{width:100%}.ask::before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--teal-bright)}.ask h2, .ask h3{max-width:16ch;color:#fff}.ask .lede{max-width:850px;color:#e1eef0;font-family:var(--font-display);font-size:clamp(19px,1.6vw,20px);line-height:1.55}.ask p{max-width:850px}.ask a[role="button"], .ask button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin-top:12px;padding:0 24px;border:1px solid var(--teal-bright);border-radius:13px;color:#06202a;background:linear-gradient(135deg,#a1e8ee,var(--teal-bright));box-shadow:0 12px 30px rgba(120,211,222,.18);font-size:14px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease)}.ask a[role="button"]::after, .ask button::after{content:"\2192";margin-left:10px;font-size:17px;transition:transform .2s var(--ease)}.ask a[role="button"]:hover, .ask button:hover{color:#06202a;transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 36px rgba(120,211,222,.28)}.ask a[role="button"]:hover::after, .ask button:hover::after{transform:translateX(3px)}.fallback{margin-top:26px;padding-top:18px;border-top:1px solid var(--inverse-line);color:#b7ced3;font-size:13px}.ask>.meta:last-child{margin:22px 0 0;color:#8fb7c0}

@media(prefers-reduced-motion:no-preference){.hero-copy>*{animation:site-rise .72s both}.hero-copy>*:nth-child(2){animation-delay:.07s}.hero-copy>*:nth-child(3){animation-delay:.14s}body:not(.home) .hero-media{animation:site-reveal .86s .1s both}.facts{animation:site-rise .75s .18s both}.certs>*{transition:transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease)}.certs>*:hover{transform:translateY(-3px);box-shadow:var(--shadow)}@keyframes site-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes site-reveal{from{opacity:0;transform:translate3d(0,24px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}}

/* responsive */
@media(max-width:1040px){.req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea, .req-form select{font-size:16px}.site-head{top:10px}.site-head nav{gap:6px}.site-head nav>a, .site-head nav>span[aria-current="page"]{padding-right:11px;padding-left:11px;font-size:11px}.site-head nav>span[aria-current="page"]{padding-left:28px}body:not(.home) .hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:820px}body:not(.home) .hero-media{width:min(100%,760px);justify-self:start;transform:translateZ(0)}.cap>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.logos{grid-template-columns:repeat(2,minmax(0,1fr))}.kv, .certs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){:root{--page-pad:clamp(28px,7vw,56px)}.site-head{min-height:68px}.site-head .site-nav{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;color:var(--ink);background:color-mix(in srgb,var(--paper-2) 78%,transparent);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.015em;line-height:1.2;cursor:pointer}.nav-toggle:hover{border-color:var(--teal);color:var(--teal)}body[data-nav-open]{overflow:hidden}/* ⚠️ 顶栏的 backdrop-filter 会给 position:fixed 的后代造出新的包含块，
     菜单会被锁死在顶栏那个小方框里盖不住全屏。菜单打开时必须先摘掉它。 */
  body[data-nav-open] .site-head{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border-color:transparent;box-shadow:none}body[data-nav-open] .site-head .site-nav{display:flex;position:fixed;inset:0;z-index:40;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:112px 26px 40px;background:var(--navy);overflow-y:auto;overscroll-behavior:contain}body[data-nav-open] .site-head .site-nav>a, body[data-nav-open] .site-head .site-nav>span[aria-current="page"]{display:flex;min-height:60px;align-items:center;justify-content:flex-start;padding:0 2px;border:0;border-bottom:1px solid rgba(213,241,245,.16);border-radius:0;color:var(--inverse);background:transparent;font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.35;white-space:normal;box-shadow:none}body[data-nav-open] .site-head .site-nav>span[aria-current="page"]{padding-left:20px;color:var(--teal-bright)}body[data-nav-open] .site-head .site-nav>span[aria-current="page"]::before{left:0}body:not(.home) body[data-nav-open] .brand, body[data-nav-open] .nav-toggle, body[data-nav-open] .nav-cta{position:relative;z-index:41}body:not(.home) /* 覆盖层是深色，品牌和按钮必须转成浅色，否则深字压深底看不见 */
  body[data-nav-open] .brand{color:var(--inverse)}body[data-nav-open] .nav-toggle{border-color:rgba(213,241,245,.34);color:var(--inverse);background:rgba(213,241,245,.08)}body[data-nav-open] .nav-toggle:hover{border-color:var(--teal-bright);color:var(--teal-bright)}.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.lines{grid-template-columns:repeat(2,minmax(0,1fr))}.lines>.card, .lines>.card:first-child, .lines>.card:nth-child(2), .lines>.card:nth-child(3){grid-column:auto}.lines>.card:nth-child(3){grid-column:1/-1;width:min(76%,680px);justify-self:end}.guide-facts .perf{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.guide-facts .perf>div:nth-child(odd){padding-left:0;border-left:0}.process-card, .process-card:last-child:nth-child(odd){grid-column:1/-1}.cap-media{grid-template-columns:1fr 1fr}.cap-media figure:first-child{grid-column:1/-1}.line[data-line="silicone-pet-protective-film"] .line-hero, .line[data-line="acrylic-pet-protective-film"] .line-hero{width:100%}
}
@media(max-width:620px){:root{--gutter:10px;--page-pad:24px;--flow:40px;--flow-compact:28px;--radius-xl:22px;--radius-lg:16px}body:not(.home){font-size:15px}body:not(.home) h1{font-size:clamp(42px,11.5vw,45px)}body:not(.home) h2{font-size:clamp(32px,8.8vw,38px)}body:not(.home) .brand{min-height:44px;padding:0 5px;gap:8px;font-size:20px}body:not(.home) .brand::before{width:7px;height:26px}.site-head{top:8px;width:calc(100% - 20px);min-height:60px;padding:7px 8px;flex-direction:row;align-items:center;gap:8px}.site-head nav>a, .site-head nav>span[aria-current="page"]{min-height:44px;padding-right:12px;padding-left:12px;font-size:12px}.site-head nav>span[aria-current="page"]{padding-left:29px}.nav-cta{min-height:44px;padding:0 14px;font-size:12px}span.nav-cta[aria-current="page"]{padding-left:30px}body:not(.home) .hero, .facts, .line, .guide, .thanks, .site-foot{width:calc(100% - 20px)}.guide{padding:30px 22px}.guide-head{grid-template-columns:1fr;gap:26px}.guide-head-copy h1{max-width:none;font-size:clamp(27px,7.4vw,31px)}.guide-head-media{aspect-ratio:15/10}.guide-sec.has-media{grid-template-columns:1fr;gap:24px}.guide-sec.has-media.flip .guide-sec-copy{order:0}.guide-facts{padding:28px 22px}.guide-facts .perf{grid-template-columns:1fr;row-gap:26px}.guide-facts .perf>div{padding:0;border-left:0}.cta-send{grid-template-columns:1fr}.guide-cta{padding:34px 24px}.cta-button{width:100%}body:not(.home) .hero{margin-top:12px;margin-bottom:0}.line, .thanks{margin-top:12px;margin-bottom:var(--flow)}.lines, .application-page, .cap, .customers, .supply, .ask, .request, .certs-wrap{width:calc(100% - 20px);margin-top:var(--flow);margin-bottom:var(--flow)}.line>.application-page, .line>.ask{width:100%}.site-foot{margin-top:var(--flow)}body:not(.home) main>h1{width:calc(100% - 20px);margin-top:var(--flow)}body:not(.home) .hero{padding:36px 22px 38px;gap:32px}.hero-copy .meta{margin-bottom:32px}body:not(.home) .hero h1{font-size:clamp(42px,11.5vw,45px)}body:not(.home) .hero-media{aspect-ratio:15/7;transform:translateZ(0)}body:not(.home) .hero-media::after{right:10px;left:10px;bottom:10px;width:max-content;max-width:calc(100% - 20px);font-size:12px}.facts{width:calc(100% - 36px);margin:-22px auto 30px;grid-template-columns:1fr}.facts>div{min-height:120px}.lines{display:block}.lines>.card, .lines>.card:nth-child(3){width:100%;margin-bottom:28px}.lines>.card:last-child{margin-bottom:0}.application-page>h2{margin-bottom:36px}.process-grid{display:block;background:transparent}.process-card{min-height:560px;margin-bottom:4px}.process-card:last-child{margin-bottom:0}.process-media::after{background:linear-gradient(0deg,rgba(2,17,24,.98),rgba(2,17,24,.9) 48%,rgba(2,17,24,.2) 78%,rgba(2,17,24,.04))}.process-copy{width:100%;min-height:560px;padding:30px 24px;justify-content:flex-end}.process-copy h3{max-width:15ch}.process-copy ul{margin-bottom:24px}.illus{top:12px;right:12px;font-size:12px}.pending{font-size:12px}.uses a{min-height:44px;font-size:12px}.cap>ul{grid-template-columns:1fr}.cap>ul li{min-height:86px}.cap-media{grid-template-columns:1fr}.cap-media figure, .cap-media figure:first-child{grid-column:auto;width:100%;min-height:0;aspect-ratio:15/7}.logos, .kv, .certs{grid-template-columns:1fr}.line{padding:30px 22px}.line-hero{min-height:280px}.line-hero img, .line-hero video{min-height:280px}.highlight{padding:30px 24px 72px}.highlight::after{right:24px;bottom:28px;left:24px;width:auto}.callout{padding:32px 24px}.perf{grid-template-columns:1fr}.perf>div, .perf>div:first-child{padding:30px 0;border-left:0}.perf>div+div{border-top:1px solid var(--inverse-line)}.perf dd{font-size:clamp(46px,12.8vw,58px)}.apps, body:not(.home) .process{grid-template-columns:1fr}body:not(.home) .process figure{width:100%;min-height:200px;aspect-ratio:15/7}.tbl-wrap table{min-width:760px;font-size:14px}.tbl-wrap th, .tbl-wrap td{padding:14px 12px}.tbl-wrap th:first-child, .tbl-wrap td:first-child{position:sticky;left:0}.tbl-wrap th:first-child{z-index:4;background:var(--paper-2);box-shadow:1px 0 0 var(--line-strong)}.tbl-wrap td:first-child{z-index:1;background:var(--paper);box-shadow:1px 0 0 var(--line-strong)}.tbl-wrap tbody tr:hover td:first-child{background:var(--paper-2)}.request, .certs-wrap{padding:32px 22px}.req-form{gap:14px}.req-form>.f-row:nth-of-type(-n+2){padding:18px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.f-grid{grid-template-columns:1fr;padding:18px 0}.req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea, .req-form select{width:100%;min-width:0;font-size:16px}.req-form button[type="submit"]{width:100%;padding:0 16px}.thanks{min-height:560px;padding:44px 24px}.thanks::after{right:24px;top:24px;width:58px;height:58px}.ask{padding:36px 24px}.ask .lede{font-size:20px}.site-foot{grid-template-columns:1fr;padding:28px 0 34px}
}
@media(max-width:414px){body:not(.home) .hero, .lines, .application-page, .cap, .customers{padding-right:20px;padding-left:20px}.process-copy{padding-right:20px;padding-left:20px}}
@media print{:root{--canvas:#fff;--paper:#fff;--paper-2:#f3f5f5;--paper-3:#e9eeee;--ink:#102b35;--ink-2:#23414b;--muted:#4c626b;--faint:#71848b}body:not(.home){background:#fff;color:#102b35}.site-head, .site-foot, .ask{break-inside:avoid}body:not(.home) .hero, .lines, .application-page, .cap, .customers, .line, .supply{width:100%;margin:0;box-shadow:none}.tbl-wrap{overflow:visible}.tbl-wrap table{min-width:0;font-size:9px}.tbl-wrap th{position:static}
}/* ===== 新版首页（Codex 效果稿 2026-09-10 移植，道道确认）=====
   全部规则加了 .home 作用域，不影响其余 14 个页面的既有样式。
   改视觉请回效果稿改后重新移植，不要在这里手改。 */
.home{--ink:#071b23;--ink-2:#0c2b34;--teal:#087f86;--aqua:#62d7d2;
      --paper:#f5f7f7;--white:#fff;--line:#ccd7d8;--muted:#52666b;--amber:#d49545;
      --max:1240px;}.home *{box-sizing:border-box}.home{scroll-behavior:smooth}.home{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.58;overflow-x:hidden}.home a{color:inherit;text-decoration:none}.home img{display:block;width:100%;height:100%;object-fit:cover}.home .wrap{width:min(var(--max),calc(100% - 64px));margin:auto}.home .eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}.home .nav{height:86px;background:rgba(245,247,247,.94);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(7,27,35,.12);backdrop-filter:blur(16px)}.home .nav .wrap{height:100%;display:flex;align-items:center;gap:32px}.home .brand{font-size:1.55rem;font-weight:800;letter-spacing:-.05em;margin-right:auto}.home .brand i{display:inline-block;width:8px;height:26px;border-radius:5px;background:linear-gradient(var(--aqua),var(--teal));margin-right:12px;vertical-align:-4px}.home .navlinks{display:flex;gap:30px;font-size:.94rem;font-weight:650}.home .navcta, .home .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);color:#fff;padding:13px 20px;border-radius:5px;font-size:.94rem;font-weight:750}.home .button.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42)}.home .hero{background:var(--ink);color:#fff;min-height:620px;padding:0;position:relative;overflow:hidden}.home .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(98,215,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(98,215,210,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 78%)}.home .hero .wrap{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;min-height:620px;padding:50px 0}.home .hero h1{font-size:clamp(2.5rem,3.75vw,3.65rem);letter-spacing:-.052em;line-height:1.04;max-width:720px;margin:15px 0 20px;font-weight:680}.home .hero h1 em{font-style:normal;color:var(--aqua)}.home .hero p{max-width:650px;color:#c6d4d6;font-size:1.05rem;margin:0 0 22px}.home .actions{display:flex;gap:12px;flex-wrap:wrap}.home .hero-proof{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.17)}.home .hero-proof>span{display:block;color:#9fb5b9;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.home .hero-clients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.home .hero-client{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;min-width:0}.home .hero-client b{font-size:.88rem;white-space:nowrap}.home .hero-client small{color:#afc2c5;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home .hero-media{position:relative;height:390px}.home .factory-frame{height:390px;border-radius:7px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 65px rgba(0,0,0,.35);position:relative}.home .factory-frame video{display:block;width:100%;height:100%;object-fit:cover}.home .factory-frame:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 56%,rgba(7,27,35,.54));pointer-events:none}.home .factory-frame:after{content:"REAL COATING LINE · TAICANG";position:absolute;right:18px;top:28px;background:rgba(7,27,35,.88);padding:9px 12px;border-left:3px solid var(--aqua);font-size:.74rem;letter-spacing:.12em;font-weight:800}.home .video-note{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.02em}.home .video-note b{display:block;color:var(--aqua);font-size:.74rem;letter-spacing:.12em;margin-bottom:3px}.home .proof{background:#fff;border-bottom:1px solid var(--line)}.home .proof .wrap{display:grid;grid-template-columns:repeat(4,1fr)}.home .fact{padding:22px 24px;border-left:1px solid var(--line)}.home .fact:last-child{border-right:1px solid var(--line)}.home .fact b{display:block;font-size:1.12rem}.home .fact span{display:block;font-size:.8rem;letter-spacing:.03em;color:var(--muted);margin-top:2px}.home section{padding:96px 0}.home .section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end;margin-bottom:46px}.home .section-head h2{font-size:clamp(2.05rem,3.3vw,3.25rem);letter-spacing:-.045em;line-height:1.06;margin:12px 0 0;font-weight:680}.home .section-head p{color:var(--muted);max-width:560px;margin:0 0 8px;font-size:1rem}.home .customer-proof{background:#fff;padding:82px 0}.home .customer-proof-head{display:grid;grid-template-columns:.86fr 1.14fr;gap:76px;align-items:end}.home .customer-proof h2{font-size:clamp(2.05rem,3.25vw,3.15rem);line-height:1.06;letter-spacing:-.045em;margin:12px 0 0}.home .customer-proof-head p{color:var(--muted);max-width:600px;margin:0 0 5px;font-size:1rem}.home .brand-wall{display:grid;grid-template-columns:repeat(5,1fr);margin:38px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home .brand-wall span{min-height:104px;display:flex;align-items:center;justify-content:center;text-align:center;padding:18px 14px;border-left:1px solid var(--line)}.home .brand-wall span:last-child{border-right:1px solid var(--line)}.home .brand-wall img{width:auto;height:auto;max-width:86%;max-height:54px;object-fit:contain}.home .customer-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home .customer-scene{position:relative;min-height:245px;overflow:hidden;border-radius:7px;background:var(--ink);color:#fff}.home .customer-scene img{position:absolute;inset:0;filter:saturate(.8)}.home .customer-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,27,35,.08),rgba(7,27,35,.92))}.home .customer-scene div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}.home .customer-scene small{color:var(--aqua);font-size:.76rem;font-weight:800;letter-spacing:.11em}.home .customer-scene b{display:block;font-size:1.16rem;line-height:1.2;margin:7px 0}.home .customer-scene p{color:#e0e9ea;font-size:.9rem;line-height:1.48;margin:0}.home .materials{background:var(--paper);padding:78px 0 88px}.home .materials-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:end;margin-bottom:30px}.home .materials h2{font-size:clamp(2.05rem,3.2vw,3.1rem);line-height:1.06;letter-spacing:-.045em;margin:12px 0 0}.home .materials-head p{max-width:590px;color:var(--muted);margin:0 0 6px;font-size:1rem}.home .material-gallery{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:repeat(2,275px);gap:14px}.home .material{position:relative;min-width:0;overflow:hidden;border-radius:7px;background:var(--ink);color:#fff;isolation:isolate}.home .material:first-child{grid-row:1 / 3}.home .material img{position:absolute;inset:0;transition:transform .6s ease;filter:saturate(.94) contrast(1.03)}.home .material:hover img{transform:scale(1.025)}.home .material:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,27,35,.04) 24%,rgba(7,27,35,.9) 100%)}.home .material:first-child:after{background:linear-gradient(90deg,rgba(7,27,35,.9) 0%,rgba(7,27,35,.18) 70%),linear-gradient(180deg,transparent 45%,rgba(7,27,35,.72) 100%)}.home .material-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px}.home .material:first-child .material-copy{padding:38px;max-width:500px}.home .material-no{display:block;color:var(--aqua);font-size:.76rem;letter-spacing:.13em;font-weight:800;margin-bottom:9px}.home .material b{display:block;font-size:1.28rem;line-height:1.18;letter-spacing:-.02em;margin-bottom:8px}.home .material:first-child b{font-size:1.72rem}.home .material p{font-size:.92rem;line-height:1.5;color:#e0e9ea;margin:0 0 12px;max-width:440px}.home .material-use{display:inline-flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.28);padding-top:10px;color:#fff;font-size:.84rem;font-weight:720}.home .material-use:after{content:"→";color:var(--aqua)}.home .voice-note{background:#fff;padding:0}.home .voice-note .wrap{display:grid;grid-template-columns:165px 1fr;gap:32px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:26px;padding-bottom:26px}.home .voice-note img{width:148px;height:148px;object-position:center 33%;border-radius:50%;border:5px solid var(--paper)}.home .voice-note blockquote{margin:0;font-size:1.24rem;line-height:1.45;letter-spacing:-.015em;max-width:850px}.home .voice-note small{display:block;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.1em;margin-bottom:10px}.home .voice-note cite{display:block;margin-top:12px;font-style:normal;color:var(--muted);font-size:.88rem}.home .solutions{background:#fff}.home .solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.home .solution{min-height:380px;position:relative;overflow:hidden;border-radius:7px;background:#111;color:#fff}.home .solution img{position:absolute;inset:0;filter:saturate(.85)}.home .solution:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,26,.05) 20%,rgba(4,20,26,.93) 92%)}.home .solution-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}.home .solution small{font-size:.76rem;letter-spacing:.12em;color:var(--aqua);font-weight:800}.home .solution h3{font-size:1.48rem;margin:7px 0 6px}.home .solution p{font-size:1rem;color:#e0e9ea;margin:0 0 14px;max-width:500px}.home .textlink{font-size:.88rem;font-weight:800;border-bottom:1px solid var(--aqua);padding-bottom:5px}.home .real{background:var(--ink);color:#fff}.home .real .section-head p{color:#c7d5d7}.home .real-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:14px;height:410px}.home .real-grid figure{margin:0;position:relative;overflow:hidden;border-radius:6px}.home .real-grid figcaption{position:absolute;left:18px;bottom:18px;background:rgba(7,27,35,.86);border-left:3px solid var(--aqua);padding:9px 12px;font-size:.82rem;font-weight:700}.home .real-note{margin-top:26px;color:#c7d5d7;font-size:1rem;display:flex;gap:38px;flex-wrap:wrap}.home .real-note b{color:#fff}.home .person{background:#eaf0f0}.home .person-grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:590px;background:#fff;border:1px solid var(--line)}.home .portrait{position:relative;overflow:hidden;min-height:590px}.home .person-copy{padding:72px;display:flex;flex-direction:column;justify-content:center}.home .person-copy h2{font-size:clamp(2.1rem,3.5vw,3.4rem);line-height:1.06;letter-spacing:-.045em;margin:15px 0 26px}.home .quote{font-size:1.18rem;border-left:3px solid var(--teal);padding-left:22px;margin:8px 0 28px;color:#294149}.home .person-copy p{color:var(--muted);max-width:650px;font-size:1rem}.home .signature{font-weight:800;margin-top:12px}.home .signature span{display:block;color:var(--muted);font-size:.88rem;font-weight:500}.home .process{background:#fff}.home .steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home .step{padding:34px 30px 42px;border-left:1px solid var(--line)}.home .step:last-child{border-right:1px solid var(--line)}.home .step b{color:var(--teal);font-size:.8rem;letter-spacing:.1em}.home .step h3{font-size:1.12rem;margin:28px 0 10px}.home .step p{font-size:.96rem;color:var(--muted);margin:0}.home .cta{padding:82px 0;background:var(--ink-2);color:#fff}.home .cta .wrap{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.home .cta h2{font-size:clamp(2.05rem,3.3vw,3.2rem);line-height:1.06;letter-spacing:-.045em;margin:0}.home .cta p{color:#c7d5d7;margin:16px 0 0;font-size:1rem}.home .footer{padding:35px 0;background:#051419;color:#a9bdc0;font-size:.84rem}.home .footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
@media(max-width:900px){.home .wrap{width:min(calc(100% - 36px),var(--max))}.home .navlinks{display:none}.home .nav{height:72px}.home .hero .wrap{grid-template-columns:1fr;padding:34px 0 40px}.home .hero-media{height:350px}.home .factory-frame{height:350px}.home .proof .wrap{grid-template-columns:repeat(2,1fr)}.home .fact{border-bottom:1px solid var(--line)}.home .customer-proof-head, .home .materials-head, .home .section-head, .home .person-grid{grid-template-columns:1fr;gap:24px}.home .brand-wall{grid-template-columns:repeat(6,1fr)}.home .brand-wall span{grid-column:span 2;border-bottom:1px solid var(--line)}.home .brand-wall span:nth-child(4){grid-column:2 / span 2}.home .customer-scenes{grid-template-columns:1fr}.home .customer-scene{min-height:285px}.home .material-gallery{grid-template-columns:1fr 1fr;grid-template-rows:430px 280px}.home .material:first-child{grid-column:1 / 3;grid-row:auto}.home .solution-grid{grid-template-columns:1fr}.home .voice-note .wrap{grid-template-columns:110px 1fr}.home .voice-note img{width:100px;height:100px}.home .real-grid{grid-template-columns:1fr;height:auto}.home .real-grid figure{width:100%;height:260px}.home .portrait{width:100%;min-height:520px}.home .person-copy{padding:42px 28px}.home .steps{grid-template-columns:1fr 1fr}.home .cta .wrap{grid-template-columns:1fr}.home .cta .navcta{justify-self:start}}
@media(max-width:520px){.home .hero h1{font-size:2.35rem}.home .hero-media{height:300px}.home .factory-frame{height:300px}.home .hero-clients{grid-template-columns:1fr}.home .proof .wrap, .home .steps{grid-template-columns:1fr}.home .brand-wall{grid-template-columns:repeat(2,1fr)}.home .brand-wall span, .home .brand-wall span:nth-child(4){grid-column:auto}.home .brand-wall span:last-child{grid-column:1 / -1}.home .brand-wall span{min-height:88px}.home .brand-wall img{max-height:46px}.home .material-gallery{display:block}.home .material{min-height:320px;margin-bottom:12px}.home .material:first-child{min-height:430px}.home .material:first-child .material-copy{padding:28px}.home .voice-note .wrap{grid-template-columns:72px 1fr;gap:18px}.home .voice-note img{width:68px;height:68px}.home .voice-note blockquote{font-size:1rem}.home .section-head h2{font-size:2.15rem}.home .solution{min-height:340px}.home .person-copy h2{font-size:2.2rem}.home .navcta{padding:11px 14px}.home .fact, .home .material{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}}.home .eyebrow, .home .hero-proof>span, .home .factory-frame:after, .home .video-note b, .home .customer-scene small, .home .material-no, .home .solution small, .home .voice-note small, .home .step b{font-size:.84rem}.home .hero-client{padding:7px 10px;border-radius:4px;background:rgba(255,255,255,.055);border-left:2px solid rgba(98,215,210,.58)}.home .hero-client small{font-size:.82rem}.home .fact span{font-size:.86rem}.home .video-note{font-size:.9rem}.home .section-head, .home .customer-proof-head, .home .materials-head{display:block;max-width:870px;margin-bottom:40px}.home .customer-proof-head{margin-bottom:0}.home .section-head h2, .home .customer-proof h2, .home .materials h2, .home .person-copy h2, .home .cta h2{font-size:clamp(1.95rem,2.65vw,2.75rem);line-height:1.09;letter-spacing:-.038em}.home .customer-scene small, .home .material-no, .home .solution small{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid rgba(98,215,210,.42);border-radius:4px;background:rgba(7,27,35,.5);letter-spacing:.08em}.home .customer-scene b{margin-top:12px}.home .customer-scene p, .home .material p, .home .solution p{font-size:1rem;line-height:1.52}.home .textlink, .home .material-use{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid rgba(98,215,210,.48);border-radius:4px;background:rgba(7,27,35,.42);font-size:.9rem;font-weight:780}.home .textlink{border-bottom:1px solid rgba(98,215,210,.48)}.home .material-use{border-top:1px solid rgba(98,215,210,.48)}.home .step b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:4px;background:#e4f1f1;letter-spacing:0}.home .step h3{margin:20px 0 10px}.home .step p{font-size:1rem;line-height:1.52}.home .real-note span{padding:13px 16px;border:1px solid rgba(98,215,210,.24);border-radius:4px;background:rgba(255,255,255,.045)}.home .cta{padding:70px 0}.home .cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0;align-items:stretch;min-height:300px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:linear-gradient(115deg,#0c2b34 0%,#0c2b34 60%,#0a222b 100%)}.home .cta-copy{align-self:center;padding:48px 56px}.home .cta-copy .eyebrow{color:var(--aqua);margin-bottom:13px}.home .cta .navcta{margin-top:26px}.home .cta-portrait{position:relative;min-height:300px;overflow:hidden}.home .cta-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,43,52,.52),transparent 42%);pointer-events:none}.home .cta-portrait img{object-position:center 30%;filter:saturate(.92) contrast(1.03)}
@media(max-width:900px){.home section{padding:80px 0}.home .section-head, .home .customer-proof-head, .home .materials-head{max-width:100%}.home .button, .home .navcta, .home .textlink, .home .material-use{min-height:48px}.home .cta .wrap{grid-template-columns:minmax(0,1fr) 250px}.home .cta-copy{padding:40px 34px}}
@media(max-width:700px){.home .cta .wrap{grid-template-columns:1fr}.home .cta-portrait{min-height:320px}.home .cta-copy{padding:38px 28px}.home .cta-portrait:after{background:linear-gradient(180deg,rgba(12,43,52,.35),transparent 35%)}}
@media(max-width:520px){.home .wrap{width:min(calc(100% - 28px),var(--max))}.home section{padding:66px 0}.home .customer-proof{padding:66px 0}.home .materials{padding:64px 0 70px}.home .actions .button{flex:1 1 100%;justify-content:center}.home .portrait{min-height:420px}.home .real-note span{width:100%}.home .section-head h2, .home .customer-proof h2, .home .materials h2, .home .person-copy h2, .home .cta h2{font-size:2rem}.home .customer-scene small, .home .material-no, .home .solution small{font-size:.82rem}.home .customer-scene p, .home .material p, .home .solution p, .home .step p{font-size:.96rem}}/* 落地修正（Claude Code 2026-09-11，效果稿未覆盖的两处）：
   ① 834px iPad 竖屏：person-grid 单列后人物图溢出 21px —— 原稿只在 900px 断点下调了栅格，
      没给图片本身封顶，导致 796px 的图冲出 834px 视口；
   ② 触控高度：textlink 实测 43px，交接书第十五节要求不低于 44px。
   两处都在 .home 作用域内，不影响其余 14 页。 */
.home figure{margin:0}/* figure 默认带左右 40px 外边距，900px 断点下 width:100% 会因此撑破视口 */
.home .portrait, .home .portrait img{max-width:100%;height:auto}.home .person-grid{min-width:0}.home .person-grid>*{min-width:0}.home .textlink{display:inline-flex;align-items:center;min-height:44px}

/* 字体必须和效果稿一致（2026-09-11）：
   移植时我把 Inter 换成了站内 Manrope，字宽不同 → h1 从 4 行断成 5 行、
   eyebrow 从 2 行变 1 行，视觉就和 Codex 的稿子对不上了。
   首页一律用 Inter，并显式覆盖旧站 h1/h2/h3 的 --font-display。 */
.home,.home h1,.home h2,.home h3,.home .brand,.home .eyebrow,
.home .button,.home .navcta,.home b,.home strong{
  font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif}

/* 旧站 h1/h2/h3 的 max-width 限宽（13ch/16ch）会漏进新首页，
   把标题压窄 → 多断一两行 → 整段高度和效果稿对不上。
   首页标题的宽度由效果稿自己的规则决定，这里解除旧限制。 */
.home h1,.home h2,.home h3{max-width:none}
.home .hero h1{max-width:720px}

/* 旧站 h3 的行高会漏进 .step h3（18.28 vs 效果稿 28.31），
   导致流程四步整块矮 10px。这里按效果稿的 1.58 行高还原。 */
.home .step h3{line-height:1.58}

/* 区块接缝（道道 2026-09-11 指出）：
   效果稿里 .proof / .customer-proof / .solutions 三块连着都是白底，
   customer-proof 下 82px ＋ solutions 上 96px ＝ 178px 纯白，
   两个模块之间看不出边界，像是多出一大片空白。
   处理：同底色相邻的接缝加一条细灰线（用效果稿已有的 --line 变量，不引入新颜色）。
   深浅底色交替的接缝本来就有对比，不加线。 */
.home .customer-proof{border-top:1px solid var(--line)}
.home .solutions{border-top:1px solid var(--line)}

/* ==========================================================================
   应用总页与场景页（V2 §7、§8）｜2026-09-14
   规矩：只用效果稿那 10 个变量；圆角 7px；靠留白和 1px 线分区，不用框和阴影；
   每个模块都是「眉标 → 大标题 → 一句副文 → 内容网格」这一个语法的变体。
   首页 (.home 不带 .inner) 一个字节都不受影响。
   ========================================================================== */

/* ---- 内页顶栏：和首页同一条 .nav，但要有移动端菜单和当前页状态 ---- */
.home .nav-toggle{display:none}
.home.inner .navlinks span[aria-current]{color:var(--teal);font-weight:800}
.home.inner .navlinks a:hover{color:var(--teal)}

/* ---- 面包屑 ---- */
.home .crumb{background:var(--white);border-bottom:1px solid var(--line)}
.home .crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:14px 0;list-style:none;font-size:.84rem;color:var(--muted)}
.home .crumb li{display:flex;align-items:center;gap:8px;min-height:24px}
.home .crumb li+li:before{content:"/";color:var(--line);font-weight:700}
.home .crumb a{color:var(--muted);border-bottom:1px solid transparent;padding:2px 0}
.home .crumb a:hover{color:var(--teal);border-bottom-color:var(--aqua)}
.home .crumb span[aria-current]{color:var(--ink);font-weight:700}

/* ---- 页面 Hero：深底，文案在左、真实画面在右 ---- */
.home .page-hero{background:var(--ink);color:#fff;padding:0;position:relative;overflow:hidden}
.home .page-hero:before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(98,215,210,.055) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(98,215,210,.055) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 78%)}
.home .page-hero .wrap{position:relative;display:grid;grid-template-columns:1.04fr .96fr;
  gap:52px;align-items:center;min-height:472px;padding:64px 0}
/* 09-28 道道：首屏标题字号太大，不超过三行（BOARD-20260928-013）；逐页自检.py 用字数估算守门 */
.home .page-hero h1{font-size:clamp(1.75rem,2.5vw,2.4rem);letter-spacing:-.035em;
  line-height:1.1;margin:15px 0 18px;font-weight:680;max-width:none}
.home .page-hero p{max-width:620px;color:#c6d4d6;font-size:1.05rem;margin:0 0 24px}
.home .page-hero-media{margin:0;height:376px;border-radius:7px;overflow:hidden;
  border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 65px rgba(0,0,0,.35);position:relative}
.home .page-hero-media:after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(7,27,35,.42));pointer-events:none}
.home .hero-video-shell .hero-video-fallback{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .25s ease}
.home .hero-video-shell video{position:relative;z-index:1}
.home .hero-video-shell.video-is-playing .hero-video-fallback{opacity:0;pointer-events:none}
.home .hero-video-shell:after{z-index:3}
.home .hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;margin:26px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}
.home .hero-facts>div{padding-right:20px}
.home .hero-facts>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.17)}
.home .hero-facts dt{font-size:1.06rem;font-weight:800;letter-spacing:-.02em}
.home .hero-facts dd{margin:3px 0 0;color:#9fb5b9;font-size:.79rem;line-height:1.4}

/* ---- 总页：场景卡（复用 .solution 语法）---- */
.home .scenes{background:var(--white)}
.home .scenes .solution{min-height:340px}
.home .scenes .solution h3{font-size:1.36rem}

/* ---- 总页：从你知道的开始 ---- */
.home .start{background:var(--paper);border-top:1px solid var(--line)}
.home .start-grid{display:grid;grid-template-columns:1fr 1fr .96fr;gap:0;
  border-top:1px solid var(--line)}
.home .start-primary{padding:34px 32px 38px;border-left:1px solid var(--line)}
.home .start-primary:first-child{border-left:0;padding-left:0}
.home .start-primary b{display:block;color:var(--teal);font-size:.8rem;
  letter-spacing:.1em;font-weight:800}
.home .start-primary h3{font-size:1.16rem;margin:24px 0 10px;letter-spacing:-.02em}
.home .start-primary p{font-size:.96rem;color:var(--muted);margin:0}
.home .start-secondary{padding:34px 0 38px 32px;border-left:1px solid var(--line)}
.home .start-secondary .lead{font-size:.92rem;color:var(--muted);margin:0 0 14px}
.home .start-secondary ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.home .start-secondary li{position:relative;padding-left:18px;font-size:.94rem;line-height:1.5}
.home .start-secondary li:before{content:"";position:absolute;left:0;top:.62em;
  width:7px;height:2px;background:var(--aqua)}
.home .start-secondary .fallback{margin:18px 0 0;padding-top:14px;
  border-top:1px solid var(--line);font-size:.96rem;color:var(--ink);font-style:italic}

/* ---- 总页：场景矩阵（宽表在自己容器里横滚，绝不顶破页面）---- */
.home .matrix{background:var(--white);border-top:1px solid var(--line)}
.home .matrix-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px;
  -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.home .matrix-wrap:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.home .matrix table{width:100%;min-width:880px;border-collapse:collapse;font-size:.92rem}
.home .matrix th,.home .matrix td{text-align:left;vertical-align:top;
  padding:16px 18px;border-bottom:1px solid var(--line)}
.home .matrix thead th{background:var(--paper);font-size:.74rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);font-weight:800;white-space:nowrap}
.home .matrix tbody th{font-weight:750;width:180px;color:var(--ink)}
.home .matrix tbody th a{border-bottom:1px solid var(--aqua);padding-bottom:2px}
.home .matrix tbody th a:hover{color:var(--teal)}
.home .matrix td{color:var(--muted);line-height:1.5}
.home .matrix tbody tr:last-child th,.home .matrix tbody tr:last-child td{border-bottom:0}
.home .matrix-foot{margin:18px 0 0;font-size:.86rem;color:var(--muted);max-width:900px}

/* ---- 总页：客户所在行业 ---- */
.home .industries{background:var(--white);border-top:1px solid var(--line)}
.home .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:6px}
.home .ind{padding:28px 30px 0;border-left:1px solid var(--line)}
.home .ind:first-child{border-left:0;padding-left:0}
.home .ind h3{font-size:1.1rem;margin:0 0 9px;letter-spacing:-.02em}
.home .ind p{font-size:.94rem;color:var(--muted);margin:0}

/* ---- 场景页：工艺流程图 ---- */
.home .flow{background:var(--white)}
.home .flowmap{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home .flowstep{position:relative;padding:44px 18px 30px;border-left:1px solid var(--line);min-width:0}
.home .flowstep:last-child{border-right:1px solid var(--line)}
.home .flowstep.on{background:var(--paper)}
.home .flowstep.on:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--aqua)}
.home .flowstep.mark:after{background:var(--teal)}
.home .flowno{display:block;color:var(--muted);font-size:.74rem;letter-spacing:.1em;font-weight:800}
.home .flowstep.on .flowno{color:var(--teal)}
.home .flowmark{position:absolute;top:14px;left:18px;right:18px;
  color:var(--teal);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}
.home .flowstep b{display:block;font-size:1rem;line-height:1.25;letter-spacing:-.018em;margin:12px 0 7px}
.home .flowd{display:block;font-size:.86rem;line-height:1.46;color:var(--muted)}
.home .flownote{margin:22px 0 0;font-size:1rem;color:var(--ink);max-width:840px;
  padding-left:16px;border-left:3px solid var(--teal)}

/* ---- 场景页：风险 ---- */
.home .risks{background:var(--paper);border-top:1px solid var(--line)}
.home .risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.home .risk{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:30px 30px 26px}
.home .riskno{display:block;color:var(--amber);font-size:.76rem;letter-spacing:.13em;font-weight:800}
.home .risk h3{font-size:1.2rem;margin:14px 0 9px;letter-spacing:-.022em}
.home .risk p{font-size:.96rem;line-height:1.55;color:var(--muted);margin:0}
.home .riskfact{margin-top:14px !important;padding-top:14px;border-top:1px solid var(--line);
  color:var(--ink) !important;font-size:.92rem !important}

/* ---- 场景页：怎么缩范围 ---- */
.home .approach{background:var(--white);border-top:1px solid var(--line)}
.home .dim-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.home .dim{display:grid;grid-template-columns:76px 1fr;gap:24px;
  padding:26px 0;border-bottom:1px solid var(--line)}
.home .dimno{color:var(--teal);font-size:.8rem;letter-spacing:.1em;font-weight:800;padding-top:5px}
.home .dim h3{font-size:1.2rem;margin:0 0 8px;letter-spacing:-.022em}
.home .dimq{margin:0 0 8px;font-size:1rem;color:var(--ink);max-width:760px}
.home .dimwhy{margin:0;font-size:.94rem;color:var(--muted);line-height:1.55;max-width:820px}

/* ---- 场景页：材料卡（深色岛，整站节奏的锚点）---- */
.home .matcards{background:var(--ink);color:#fff}
.home .matcards .section-head h2{color:#fff}
.home .matcards .section-head p{color:#c7d5d7}
.home .matcard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.home .matcard{background:var(--ink-2);border:1px solid rgba(255,255,255,.14);
  border-radius:7px;padding:30px;display:flex;flex-direction:column}
.home .matcard-head{display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}
.home .matcard h3{font-size:1.24rem;margin:0;letter-spacing:-.024em;line-height:1.2}
.home .matcard h3 a{border-bottom:1px solid var(--aqua);padding-bottom:2px}
.home .matcard h3 a:hover{color:var(--aqua)}
.home .matcount{color:var(--aqua);font-size:.76rem;letter-spacing:.1em;
  font-weight:800;white-space:nowrap}
.home .matcard dl{margin:18px 0 0}
.home .matcard dt{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}
.home .matcard dt.best{color:var(--aqua)}
.home .matcard dt.notfor{color:var(--amber);margin-top:16px}
.home .matcard dd{margin:7px 0 0;font-size:.94rem;line-height:1.52;color:#dbe7e9}
.home .matmeta{margin:18px 0 14px;font-size:.82rem;color:#9fb5b9;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.home .matcard .textlink{margin-top:auto;align-self:flex-start;color:#fff}

/* ---- 场景页：典型路径 ---- */
.home .pattern{background:var(--white)}
.home .pattern-steps{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home .pattern-steps li{padding:30px 26px 34px;border-left:1px solid var(--line)}
.home .pattern-steps li:first-child{border-left:0;padding-left:0}
.home .pattern-steps b{display:block;color:var(--teal);font-size:.78rem;
  letter-spacing:.1em;font-weight:800;margin-bottom:14px}
.home .pattern-steps p{margin:0;font-size:.96rem;line-height:1.55;color:var(--muted)}

/* ---- 场景页：上线前自己验什么 ---- */
.home .verify{background:var(--paper);border-top:1px solid var(--line)}
.home .verify-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.home .verify-list li{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;
  padding:22px 0;border-bottom:1px solid var(--line)}
.home .verify-list b{font-size:1.02rem;letter-spacing:-.018em;font-weight:750}
.home .verify-list span{font-size:.96rem;line-height:1.55;color:var(--muted)}
.home .verify-list li.pending b{color:var(--muted)}
.home .verify-list .tag{display:inline-block;margin-left:8px;padding:2px 8px;
  border:1px solid var(--amber);border-radius:999px;color:var(--amber);
  font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;vertical-align:2px}

/* ---- 场景页：证据条 ---- */
.home .evnote{background:var(--white);padding:46px 0}
.home .evnote p{margin:12px 0 0;font-size:1rem;line-height:1.6;color:var(--muted);max-width:960px}
.home .evlinks{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:18px !important;
  padding-top:16px;border-top:1px solid var(--line)}
.home .evlinks span{font-size:.84rem;color:var(--muted)}
.home .evlinks b{color:var(--ink);font-weight:750}

/* ---- 场景页：相关技术问答 ---- */
.home .answers{background:var(--paper);border-top:1px solid var(--line)}
.home .answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home .answer{display:flex;flex-direction:column;background:var(--white);
  border:1px solid var(--line);border-radius:7px;padding:28px}
.home .answer:hover{border-color:var(--teal)}
.home .answer h3{font-size:1.12rem;margin:0 0 10px;letter-spacing:-.022em;line-height:1.28}
.home .answer p{margin:0 0 18px;font-size:.92rem;line-height:1.5;color:var(--muted)}
.home .answer .textlink{margin-top:auto;align-self:flex-start}
.home .decision-next{position:relative;overflow:hidden;background:#edf2f2}
.home .decision-next:before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(18,102,104,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,102,104,.045) 1px,transparent 1px);background-size:52px 52px}
.home .decision-next .wrap{position:relative}
.home .decision-next .answer{min-height:285px;border-top:3px solid var(--teal);box-shadow:0 16px 42px rgba(7,27,35,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.home .decision-next .answer:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(7,27,35,.12)}
.home .decision-no{display:inline-flex;align-items:center;align-self:flex-start;min-height:31px;padding:5px 9px;border-radius:3px;background:#e1eeee;color:var(--teal);font-size:.73rem;font-weight:800;letter-spacing:.08em}
.home .decision-next .answer h3{margin-top:24px;font-size:1.23rem}
.home .decision-next .answer p{font-size:.96rem}
.home .decision-next .textlink{color:#fff;background:var(--ink);border-color:var(--ink);gap:10px}
.home .decision-next .textlink b{color:var(--aqua);font-size:1.02rem}

/* ---- 内页人物模块的按钮 ---- */
.home .person-cta{margin:22px 0 10px}
.home .person-copy .meta{margin:0;font-size:.86rem;color:var(--muted)}

/* ---- ≤900px：平板与手机 ---- */
@media(max-width:900px){
  /* 内页汉堡菜单。首页 (.home 不带 .inner) 不受影响。 */
  .home.inner .nav-toggle{display:inline-flex;align-items:center;justify-content:center;
    min-height:44px;min-width:44px;padding:0 14px;margin-left:12px;
    background:transparent;border:1px solid var(--line);border-radius:5px;
    color:var(--ink);font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}
  .home.inner .nav>.wrap>.navcta{display:none}
  .home.inner .navlinks{display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;background:rgba(245,247,247,.985);
    border-bottom:1px solid var(--line);backdrop-filter:blur(16px);
    padding:6px 0 10px;box-shadow:0 22px 40px rgba(7,27,35,.14)}
  body.inner[data-nav-open] .navlinks{display:flex}
  .home.inner .navlinks a,.home.inner .navlinks span[aria-current]{
    display:flex;align-items:center;min-height:48px;
    padding:0 max(18px,calc((100vw - var(--max))/2 + 18px));
    font-size:1rem;border-top:1px solid var(--line)}
  .home.inner .nav .wrap{position:relative}

  .home .page-hero .wrap{grid-template-columns:1fr;padding:38px 0 44px;min-height:0;gap:30px}
  .home .page-hero-media{height:300px}
  .home .hero-facts{grid-template-columns:1fr;gap:0}
  .home .hero-facts>div{padding:12px 0}
  .home .hero-facts>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.17)}

  .home .start-grid{grid-template-columns:1fr;border-top:0}
  .home .start-primary,.home .start-secondary{border-left:0;padding:26px 0;
    border-top:1px solid var(--line)}
  .home .start-primary:first-child{padding-top:26px}

  .home .flowmap{grid-template-columns:1fr;border-bottom:0}
  .home .flowstep{border-left:0;border-bottom:1px solid var(--line);padding:38px 0 24px}
  .home .flowstep:last-child{border-right:0}
  .home .flowstep.on{background:transparent}
  .home .flowstep.on:after{left:0;right:auto;top:0;bottom:0;width:3px;height:auto}
  .home .flowmark{left:0;right:auto;top:12px}
  .home .flowstep.on{padding-left:16px}

  .home .risk-grid,.home .matcard-grid{grid-template-columns:1fr}
  .home .ind-grid{grid-template-columns:1fr}
  .home .ind{border-left:0;padding:22px 0 0}
  .home .dim{grid-template-columns:1fr;gap:8px}
  .home .dimno{padding-top:0}
  .home .pattern-steps{grid-template-columns:1fr;border-bottom:0}
  .home .pattern-steps li{border-left:0;border-bottom:1px solid var(--line);padding:26px 0}
  .home .verify-list li{grid-template-columns:1fr;gap:7px}
  .home .answer-grid{grid-template-columns:1fr}
  .home .matrix table{min-width:760px}
}

/* 产品页的下一步不是普通“相关文章”列表，而是三个采购判断。 */
.home.product-page .evaluation-path{
  position:relative;overflow:hidden;padding:92px 0 98px;color:#f5fbfc;
  background:radial-gradient(circle at 88% 12%,rgba(var(--product-accent-rgb),.18),transparent 28%),linear-gradient(rgba(var(--product-accent-rgb),.055) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--product-accent-rgb),.055) 1px,transparent 1px),linear-gradient(132deg,#071c24 0%,#0a2b35 58%,var(--product-deep) 125%);
  background-size:auto,58px 58px,58px 58px,auto;
}
.home.product-page .evaluation-path:after{content:"";position:absolute;right:-160px;bottom:-230px;width:520px;height:520px;border:1px solid rgba(var(--product-accent-rgb),.18);border-radius:50%;box-shadow:0 0 0 82px rgba(var(--product-accent-rgb),.025),0 0 0 164px rgba(var(--product-accent-rgb),.015);pointer-events:none}
.home.product-page .evaluation-path .wrap{position:relative;z-index:1}
.home.product-page .evaluation-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:60px;align-items:end;margin-bottom:38px}
.home.product-page .evaluation-label{display:inline-flex;align-items:center;min-height:32px;padding:6px 11px;border:1px solid rgba(var(--product-accent-rgb),.42);border-radius:999px;color:var(--product-accent);background:rgba(5,24,31,.48);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home.product-page .evaluation-head h2{max-width:16ch;margin:17px 0 0;color:#fff;font-size:clamp(2.05rem,3.25vw,3.2rem);line-height:1.05;letter-spacing:-.045em}
.home.product-page .evaluation-head p{max-width:520px;margin:0 0 4px;color:#bfd0d4;font-size:1rem;line-height:1.62}
.home.product-page .evaluation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home.product-page .evaluation-card{position:relative;display:flex;min-width:0;min-height:330px;flex-direction:column;padding:30px 28px 27px;overflow:hidden;border:1px solid rgba(220,241,244,.16);border-top:3px solid var(--product-accent);border-radius:9px;color:#f6fbfc;background:linear-gradient(154deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 20px 50px rgba(0,0,0,.16);backdrop-filter:blur(8px);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.home.product-page .evaluation-card:after{content:"";position:absolute;right:-40px;bottom:-54px;width:150px;height:150px;border:1px solid rgba(var(--product-accent-rgb),.16);border-radius:50%}
.home.product-page .evaluation-card:hover{color:#fff;border-color:rgba(var(--product-accent-rgb),.62);background:linear-gradient(154deg,rgba(var(--product-accent-rgb),.15),rgba(255,255,255,.035));transform:translateY(-4px)}
.home.product-page .evaluation-no{color:var(--product-accent);font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.home.product-page .evaluation-card h3{max-width:17ch;margin:33px 0 15px;color:#fff;font-size:1.28rem;line-height:1.24;letter-spacing:-.025em}
.home.product-page .evaluation-card p{margin:0;color:#bfd0d4;font-size:.93rem;line-height:1.58}
.home.product-page .evaluation-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(220,241,244,.14);color:#fff;font-size:.86rem;font-weight:780}
.home.product-page .evaluation-link b{color:var(--product-accent);font-size:1.15rem}
@media(max-width:900px){
  .home.product-page .evaluation-head{grid-template-columns:1fr;gap:20px}
  .home.product-page .evaluation-grid{grid-template-columns:1fr}
  .home.product-page .evaluation-card{min-height:250px}
}
@media(max-width:620px){
  .home.product-page .evaluation-path{padding:68px 0 72px}
  .home.product-page .evaluation-head{margin-bottom:28px}
  .home.product-page .evaluation-head h2{font-size:2.18rem}
  .home.product-page .evaluation-card{min-height:0;padding:25px 22px 23px}
  .home.product-page .evaluation-card h3{margin:24px 0 12px;font-size:1.17rem}
  .home.product-page .evaluation-link{margin-top:24px}
}

/* ---- ≤520px：手机 ---- */
@media(max-width:520px){
  .home .page-hero .wrap{padding:30px 0 36px}
  .home .page-hero h1{font-size:clamp(1.35rem,6.2vw,1.5rem);max-width:none}
  .home .page-hero-media{height:238px}
  .home .matrix h2,.home .start h2,.home .risks h2,.home .approach h2,
  .home .matcards h2,.home .pattern h2,.home .verify h2,.home .answers h2,
  .home .flow h2,.home .scenes h2,.home .industries h2{font-size:2rem}
  .home .risk,.home .matcard,.home .answer{padding:24px 22px}
  .home .crumb ol{font-size:.8rem}
}

/* ---- 应用页收尾修正（2026-09-14 九档实测查出来的三处）------------------
   ① .matcard 在 375 档比容器宽 37px：grid/flex 子项默认 min-width:auto，
      内容最小宽度顶破轨道。和之前 .person-grid 栽的是同一个坑。
   ② 面包屑和材料卡标题链接在手机上只有 25–26px 高，够不着 44px 触控线。
      用 padding + 负 margin 把热区撑到 44，不改视觉位置。
   ③ 材料卡原来只有字，和「图文并茂」的要求不符，补了产品实拍。 */
.home .matcard,.home .matcard-grid>*,.home .risk-grid>*,.home .answer-grid>*{min-width:0}
.home .matcard>*{min-width:0}
.home .matcard-media{margin:0 0 22px;height:172px;border-radius:5px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14)}
.home .matcard-media img{transition:transform .6s ease}
.home .matcard:hover .matcard-media img{transform:scale(1.02)}

@media(max-width:900px){
  .home.inner .brand{display:inline-flex;align-items:center;min-height:44px}
  .home .crumb ol{padding:4px 0}
  .home .crumb li{min-height:44px}
  .home .crumb a,.home .crumb span[aria-current]{display:inline-flex;align-items:center;min-height:44px}
  .home .matcard h3 a,.home .matrix tbody th a{display:inline-block;padding:10px 0;margin:-10px 0}
  .home .matcard-media{height:196px}
}

/* ---- 老站页面（产品页／问答页）上的场景入口：把客户送回「从你的工艺开始」----
   老站 14 页不走 .home 设计系统，所以这一块用老站的变量和语言写，不是首页模块的复制。 */
body:not(.home) .scenelinks{margin:var(--flow) 0}
body:not(.home) .scenelink-list{list-style:none;margin:22px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
body:not(.home) .scenelink-list a{display:flex;flex-direction:column;gap:6px;
  min-height:44px;height:100%;padding:20px 22px;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--radius-md);text-decoration:none}
body:not(.home) .scenelink-list a:hover{border-color:var(--teal);background:var(--paper-2)}
body:not(.home) .scenelink-list b{font-size:17px;line-height:1.3;color:var(--ink)}
body:not(.home) .scenelink-list span{font-size:14px;line-height:1.5;color:var(--muted)}

/* ---- Factory & Quality（V2 §11）---------------------------------------- */
.home .capability{background:var(--white)}
.home .capcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home .capcard{padding:30px 28px 34px;border-left:1px solid var(--line);min-width:0}
.home .capcard:nth-child(3n+1){border-left:0;padding-left:0}
.home .capcard:nth-child(n+4){border-top:1px solid var(--line)}
.home .capcard-k{display:block;color:var(--teal);font-size:.76rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:800}
.home .capcard b{display:block;font-size:1.16rem;line-height:1.28;letter-spacing:-.022em;margin:14px 0 9px}
.home .capcard p{margin:0;font-size:.94rem;line-height:1.55;color:var(--muted)}

.home .lab{background:var(--paper);border-top:1px solid var(--line)}
.home .cond-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home .cond-list>div{padding:22px 24px;border-left:1px solid var(--line);min-width:0}
.home .cond-list>div:nth-child(3n+1){border-left:0;padding-left:0}
.home .cond-list>div:nth-child(n+4){border-top:1px solid var(--line)}
.home .cond-list dt{color:var(--muted);font-size:.74rem;letter-spacing:.11em;
  text-transform:uppercase;font-weight:800}
.home .cond-list dd{margin:8px 0 0;font-size:1.04rem;font-weight:750;letter-spacing:-.018em}
.home .cond-note{margin:20px 0 0;font-size:.94rem;color:var(--muted);max-width:900px}
.home .pending-box{margin-top:30px;padding:26px 28px;background:var(--white);
  border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:7px}
.home .pending-box h3{margin:0 0 12px;font-size:1.02rem;letter-spacing:-.018em}
.home .pending-box ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.home .pending-box li{position:relative;padding-left:18px;font-size:.94rem;color:var(--muted)}
.home .pending-box li:before{content:"";position:absolute;left:0;top:.62em;
  width:7px;height:2px;background:var(--amber)}

.home .certboard{background:var(--ink);color:#fff}
.home .certboard .section-head h2{color:#fff}
.home .certboard .section-head p{color:#c7d5d7}
.home .cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home .cert{background:var(--ink-2);border:1px solid rgba(255,255,255,.14);
  border-radius:7px;padding:26px 26px 22px;min-width:0}
.home .cert h3{font-size:1.12rem;margin:0 0 8px;letter-spacing:-.022em;line-height:1.25}
.home .certnote{margin:0 0 16px;font-size:.88rem;line-height:1.5;color:#c7d5d7}
.home .cert dl{margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.home .cert dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:6px 0}
.home .cert dt{color:var(--aqua);font-size:.68rem;letter-spacing:.11em;
  text-transform:uppercase;font-weight:800;padding-top:3px}
.home .cert dd{margin:0;font-size:.88rem;line-height:1.45;color:#dbe7e9;word-break:break-word}

.home .capability .factory-frame,.home .lab .factory-frame{height:auto}
.home .real .factory-frame{height:420px;margin-bottom:14px}

@media(max-width:900px){
  .home .capcard-grid,.home .cond-list,.home .cert-grid{grid-template-columns:1fr}
  .home .capcard,.home .cond-list>div{border-left:0;padding-left:0;padding-right:0;
    border-top:1px solid var(--line)}
  .home .capcard:first-child,.home .cond-list>div:first-child{border-top:0}
  .home .capcard-grid,.home .cond-list{border-bottom:0}
  .home .real .factory-frame{height:260px}
}
@media(max-width:520px){
  .home .capability h2,.home .lab h2,.home .certboard h2{font-size:2rem}
  .home .cert{padding:22px}
  .home .cert dl>div{grid-template-columns:1fr;gap:2px}
}

/* ---- 诊断式询盘页（V2 §12）----------------------------------------------
   表单是成交体验的一部分，不能像后台表格：分组清楚、标签可读、每个难答的字段
   都有帮助文字、触控 ≥48px、手机上单列且不缩小字号。 */
.home .terms{background:var(--white)}
.home .terms-list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.home .terms-list li{padding:30px 26px 34px;border-left:1px solid var(--line);min-width:0}
.home .terms-list li:first-child{border-left:0;padding-left:0}
.home .terms-list b{display:block;color:var(--teal);font-size:.78rem;
  letter-spacing:.1em;font-weight:800;margin-bottom:14px}
.home .terms-list p{margin:0;font-size:.96rem;line-height:1.55;color:var(--muted)}

.home .reqpanel{background:var(--paper);border-top:1px solid var(--line)}
.home .dform{max-width:860px}
.home .intent-pick{border:0;margin:0;padding:4px 0 34px}
.home .intent-pick legend{padding:0;font-size:1.38rem;font-weight:780;letter-spacing:-.025em}
.home .intent-pick>p{max-width:660px;margin:9px 0 20px;color:var(--muted);font-size:.96rem}
.home .intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home .intent-card{position:relative;display:flex;gap:13px;min-height:108px;padding:18px;
  border:1px solid var(--line);border-radius:6px;background:var(--white);cursor:pointer}
.home .intent-card:first-child{grid-column:1/-1;min-height:0}
.home .intent-card:has(input:checked){border-color:var(--teal);box-shadow:0 0 0 1px var(--teal);background:#f3fbfb}
.home .intent-card input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--teal)}
.home .intent-card span{display:flex;flex-direction:column;gap:5px}
.home .intent-card b{font-size:1rem;line-height:1.3}
.home .intent-card small{color:var(--muted);font-size:.88rem;line-height:1.45}
.home .fstep{border:0;border-top:1px solid var(--line);margin:0;padding:30px 0 34px}
.home .fstep legend{display:flex;align-items:baseline;gap:12px;padding:0;
  font-size:1.24rem;font-weight:750;letter-spacing:-.024em}
.home .fno{color:var(--teal);font-size:.8rem;letter-spacing:.1em;font-weight:800}
.home .fstep-d{margin:10px 0 22px;font-size:.96rem;color:var(--muted);max-width:640px}
.home .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.home .field{display:flex;flex-direction:column;min-width:0}
.home .field.wide{grid-column:1 / -1}
.home .field label{font-size:.98rem;font-weight:700;letter-spacing:-.012em;margin-bottom:5px}
.home .field .req{color:var(--amber);margin-left:2px}
.home .fhelp{font-size:.86rem;color:var(--muted);line-height:1.45;margin-bottom:9px}
.home .field input,.home .field textarea{
  font:inherit;font-size:1rem;width:100%;min-width:0;min-height:52px;
  padding:13px 15px;background:var(--white);color:var(--ink);
  border:1px solid var(--line);border-radius:5px;-webkit-appearance:none}
.home .field textarea{min-height:96px;resize:vertical;line-height:1.5}
.home .field input::placeholder,.home .field textarea::placeholder{color:#93a5aa}
.home .field input:focus,.home .field textarea:focus{
  outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.home .field input:user-invalid,.home .field textarea:user-invalid{
  border-color:var(--amber);background:#fffaf2}
.home .fcheck{display:flex;align-items:flex-start;gap:12px;margin-top:20px;
  min-height:48px;padding:12px 0;cursor:pointer}
.home .fcheck input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--teal);flex:none}
.home .fcheck span{font-size:.96rem;line-height:1.5}
.home .dform button[type=submit]{
  margin-top:28px;min-height:56px;padding:0 30px;font:inherit;font-size:1rem;font-weight:750;
  background:var(--teal);color:#fff;border:0;border-radius:5px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center}
.home .dform button[type=submit]:hover{background:var(--ink-2)}
.home .dform button[type=submit]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.home .fform-foot{margin:16px 0 0;font-size:.9rem;color:var(--muted);max-width:640px}
.home .hpot{position:absolute;left:-9999px}
.home .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 样品页 hero 的人物照：完整露脸，不裁到下巴（V2 §3）*/
.home .samples-portrait img,.home .page-hero-media img{object-position:center 22%}

@media(max-width:900px){
  .home .terms-list{grid-template-columns:1fr;border-bottom:0}
  .home .terms-list li{border-left:0;border-bottom:1px solid var(--line);padding:26px 0}
  .home .fgrid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .home .terms h2,.home .reqpanel h2{font-size:2rem}
  .home .fstep legend{font-size:1.12rem}
  .home .intent-grid{grid-template-columns:1fr}
  .home .intent-card,.home .intent-card:first-child{grid-column:auto;min-height:0}
}

/* 老站问答页/产品页里「相关材料」卡的标题链接，手机上只有 32px 高，够不着触控线。
   用 padding + 负 margin 撑热区，不改视觉位置。（2026-09-14 九档实测查出） */
@media(max-width:900px){
  body:not(.home) .guide-related .app h3 a,
  body:not(.home) .apps .app h3 a,
  body:not(.home) .scenelink-list a{display:inline-block;padding:11px 0;margin:-11px 0}
  body:not(.home) .scenelink-list a{display:flex;padding:20px 22px;margin:0}
}
.home .cta-note{margin:14px 0 0;font-size:.86rem;color:#9fb5b9}

/* ---- 表单错误提示（道道 2026-09-14 定的二选一规则）---------------------- */
.home .ferr-summary{margin:0 0 26px;padding:18px 20px;background:#fff6ea;
  border:1px solid var(--amber);border-left:3px solid var(--amber);border-radius:5px;font-size:.96rem}
.home .ferr-summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.home .ferr-summary strong{display:block;margin-bottom:8px}
.home .ferr-summary ul{margin:0;padding-left:20px;display:grid;gap:5px}
.home .ferr{display:block;margin-top:7px;font-size:.88rem;line-height:1.45;color:#a35a13;font-weight:650}
.home .field.has-error input,.home .field.has-error textarea{
  border-color:var(--amber);background:#fffaf2}
.home .field.has-error label{color:#a35a13}

/* 老站页面上的面包屑（新加，用老站语言写，不是首页模块的复制） */
body:not(.home) .crumb{margin:14px 0 0}
body:not(.home) .crumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  width:min(calc(100% - (var(--gutter)*2)),var(--content));margin:0 auto;padding:0;
  list-style:none;font-size:13px;color:var(--muted)}
body:not(.home) .crumb li{display:flex;align-items:center;gap:8px;min-height:44px}
body:not(.home) .crumb li+li:before{content:"/";color:var(--line-strong)}
body:not(.home) .crumb a{display:inline-flex;align-items:center;min-height:44px;
  color:var(--muted);text-decoration:none}
body:not(.home) .crumb a:hover{color:var(--teal)}
body:not(.home) .crumb span[aria-current]{color:var(--ink);font-weight:600}

/* ---- AI 示意图的可见标识（facts._aiIllustrations）------------------------
   和真实车间照的 REAL FACTORY FOOTAGE 用不同位置和不同色，一眼能分开：
   真实照＝左下角、青色重点条；AI 示意＝右上角、中性灰底。 */
.home .illus-tag{position:absolute;right:14px;top:14px;z-index:3;
  padding:6px 10px;border-radius:4px;background:rgba(7,27,35,.82);
  color:#cfe0e3;font-size:.66rem;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;backdrop-filter:blur(6px);pointer-events:none}
.home .page-hero-media,.home .solution,.home .matcard-media,.home .real-grid figure{position:relative}
.home .solution .illus-tag{right:16px;top:16px}
@media(max-width:520px){.home .illus-tag{right:10px;top:10px;font-size:12px;letter-spacing:.06em;padding:5px 9px}}

/* ==========================================================================
   全站统一顶栏与页脚（V2 §16 Phase B 第 7 项）｜2026-09-14
   为什么要提出 .home 作用域：场景页点进产品页，顶栏整个变样、导航也变了，
   那条客户路径在视觉上是断的。
   实现约束：
     ① 新旧两套设计系统的 --ink / --teal / --paper 取值不同，所以这里的颜色和
        字体**全部写死**，不继承任何一套变量，两边渲染才一致；
     ② 首页 (.home) 已有更高优先级的 `.home .nav` 等规则，本段不影响它；
     ③ 老站的 `body:not(.home) .brand` 有 6 条规则会打到新顶栏上，
        用 `.nav .brand`（同优先级、位置更靠后）压住。
   ========================================================================== */
.nav{height:86px;background:rgba(245,247,247,.94);position:sticky;top:0;z-index:20;
  border-bottom:1px solid rgba(7,27,35,.12);backdrop-filter:blur(16px);
  font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
  letter-spacing:normal;-webkit-font-smoothing:auto;text-rendering:auto}
.nav .wrap{width:min(1240px,calc(100% - 64px));margin:auto;height:100%;
  display:flex;align-items:center;gap:32px;position:relative}
.nav a{color:#071b23;text-decoration:none}
/* ⚠️ 老站是 `body:not(.home) .brand`，优先级 (0,2,1)，比 `.nav .brand` (0,2,0) 高——
   :not() 按它的参数算权重，这一点第一次写的时候算错了，结果品牌标记出现两条竖杠
   （老站 ::before 一条 ＋ 新的 <i> 一条）。这里用 (0,3,1) 压死。 */
body .nav .brand,body:not(.home) .nav .brand{display:inline-flex;align-items:center;min-height:54px;
  flex:0 0 auto;margin-right:auto;padding:0;gap:11px;
  font-size:1.55rem;font-weight:800;letter-spacing:-.05em;color:#071b23;background:none}
body:not(.home) .nav .brand::before{content:none;display:none}
body .nav .brand i,body:not(.home) .nav .brand i{display:none}
.nav .brand-mark{display:block;width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.nav .brand-copy{display:flex;flex-direction:column;gap:1px;line-height:1;white-space:nowrap}
.nav .brand-copy b{font-size:1.47rem;line-height:1;font-weight:800;letter-spacing:.015em;color:#071b23}
.nav .brand-copy small{font-size:.56rem;line-height:1.2;font-weight:800;letter-spacing:.095em;color:#4e666d}
.nav .navlinks{display:flex;gap:30px;font-size:.94rem;font-weight:650;min-width:0}
.nav .navlinks a:hover{color:#087f86}
.nav .navlinks span[aria-current]{color:#087f86;font-weight:800}
.nav .navcta{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:44px;background:#087f86;color:#fff;padding:0 20px;border-radius:5px;
  font-size:.94rem;font-weight:750;white-space:nowrap}
.nav .navcta:hover{background:#0c2b34;color:#fff}
.nav .nav-toggle{display:none}
body[data-nav-open] .nav .brand{color:#071b23}

.footer{padding:35px 0;background:#051419;color:#a9bdc0;font-size:.84rem;
  font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
  letter-spacing:normal;-webkit-font-smoothing:auto;text-rendering:auto}
.footer .wrap{width:min(1240px,calc(100% - 64px));margin:auto;
  display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}

@media(max-width:900px){
  .nav{height:72px}
  .nav .wrap{width:min(1240px,calc(100% - 36px))}
  .nav .nav-toggle{display:inline-flex;align-items:center;justify-content:center;
    min-height:44px;min-width:44px;padding:0 14px;margin-left:auto;
    background:transparent;border:1px solid #ccd7d8;border-radius:5px;color:#071b23;
    font:inherit;font-size:.9rem;font-weight:750;cursor:pointer}
  .nav .navcta{display:none}
  .nav .navlinks{display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;gap:0;background:rgba(245,247,247,.985);
    border-bottom:1px solid #ccd7d8;backdrop-filter:blur(16px);
    padding:6px 0 10px;box-shadow:0 22px 40px rgba(7,27,35,.14)}
  body[data-nav-open] .nav .navlinks{display:flex}
  .nav .navlinks a,.nav .navlinks span[aria-current]{
    display:flex;align-items:center;min-height:48px;padding:0 18px;
    font-size:1rem;border-top:1px solid #ccd7d8}
  .footer .wrap{width:min(1240px,calc(100% - 36px))}
}
@media(max-width:520px){
  .nav .wrap{width:min(1240px,calc(100% - 28px))}
  .nav .brand-mark{width:42px;height:42px}
  .nav .brand-copy b{font-size:1.3rem}
  .nav .brand-copy small{font-size:.5rem;letter-spacing:.07em}
  .footer .wrap{width:min(1240px,calc(100% - 28px))}
}
@media(max-width:390px){
  .nav .brand-copy small{display:none}
}

/* ==========================================================================
   场景页去模板化（Codex P2）｜2026-09-14
   四页各一张与本工艺匹配的判断图；道道模块每页一次、内容各不相同；
   结尾 CTA 改签名式，不再重复同一张大头像。
   ========================================================================== */
.home .graphic{background:var(--white);border-top:1px solid var(--line)}
.home .graphic-foot{margin:24px 0 0;font-size:.88rem;color:var(--muted);max-width:920px;
  padding-left:16px;border-left:2px solid var(--line)}

/* ① 粘着力梯子（模切页）—— 对数刻度 */
.home .ladder{padding-top:34px;border-top:1px solid var(--line)}
.home .ladder-scale{position:relative;height:20px;margin-bottom:10px}
.home .ladder-scale span{position:absolute;transform:translateX(-50%);
  font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.home .ladder-row{display:grid;grid-template-columns:210px 1fr;gap:20px 24px;
  align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.home .ladder-label b{display:block;font-size:1.06rem;letter-spacing:-.02em}
.home .ladder-label span{display:block;color:var(--teal);font-size:.76rem;
  letter-spacing:.1em;font-weight:800;margin-top:4px}
.home .ladder-track{position:relative;height:44px;background:var(--paper);
  border:1px solid var(--line);border-radius:5px}
.home .ladder-band{position:absolute;top:5px;bottom:5px;border-radius:4px;
  background:linear-gradient(90deg,var(--aqua),var(--teal));
  display:flex;align-items:center;justify-content:center;min-width:64px}
.home .ladder-band em{font-style:normal;font-size:.76rem;font-weight:800;color:var(--ink);
  white-space:nowrap;padding:0 8px}
.home .ladder-note{grid-column:2;margin:0;font-size:.9rem;color:var(--muted)}

/* ② 温度×停留时间（PCB 页） */
.home .dwell{border-top:1px solid var(--line)}
.home .dwell-row{display:grid;grid-template-columns:250px 1fr 280px;gap:24px;
  align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.home .dwell-label b{display:block;font-size:1.02rem;letter-spacing:-.02em}
.home .dwell-label span{display:block;color:var(--amber);font-size:.84rem;font-weight:800;margin-top:3px}
.home .dwell-track{height:42px;background:var(--paper);border:1px solid var(--line);border-radius:5px}
.home .dwell-bar{display:flex;align-items:center;height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--teal),var(--ink-2));color:#fff;
  font-size:.8rem;font-weight:750;padding:0 12px;white-space:nowrap;min-width:110px}
.home .dwell-claim b{display:block;font-size:.92rem;letter-spacing:-.015em}
.home .dwell-claim span{display:block;font-size:.8rem;color:var(--muted);margin-top:3px}

/* ③ 数据状态表（电池页） */
.home .datastate-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:7px}
.home .datastate-wrap:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.home .datastate{width:100%;min-width:760px;border-collapse:collapse;font-size:.92rem}
.home .datastate th,.home .datastate td{text-align:left;vertical-align:top;
  padding:15px 18px;border-bottom:1px solid var(--line)}
.home .datastate thead th{background:var(--paper);font-size:.72rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);font-weight:800;white-space:nowrap}
.home .datastate tbody th{font-weight:700;width:290px}
.home .datastate td{color:var(--muted)}
.home .datastate tbody tr:last-child th,.home .datastate tbody tr:last-child td{border-bottom:0}
.home .pill{display:inline-block;padding:4px 11px;border-radius:999px;
  font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;white-space:nowrap}
.home .pill-published{background:#dff0ea;color:#0c684b}
.home .pill-pending{background:#fdf0dc;color:#8a4f12}
.home .pill-gap{background:#e7edef;color:#41585f}
.home .pill-yours{background:#dceef1;color:#0b5a63}

/* ④ 烘烤周期（涂装页） */
.home .cycle{display:flex;list-style:none;margin:0;padding:0;gap:3px;
  border-top:1px solid var(--line);padding-top:30px}
.home .cycle li{padding:18px 16px 20px;border-radius:5px;min-width:0}
.home .cycle b{display:block;font-size:.96rem;letter-spacing:-.018em;margin-bottom:7px}
.home .cycle span{display:block;font-size:.84rem;line-height:1.45}
.home .cycle .cy-cold{background:var(--paper);border:1px solid var(--line);color:var(--ink)}
.home .cycle .cy-cold span{color:var(--muted)}
.home .cycle .cy-heat{background:#fdf0dc;border:1px solid var(--amber);color:#7a4a14}
.home .cycle .cy-heat span{color:#8a5a22}
.home .cycle .cy-peak{background:var(--ink);border:1px solid var(--ink);color:#fff}
.home .cycle .cy-peak span{color:#c7d5d7}

/* ⑤ 道道判断模块：拒绝什么 ＋ 下一步要什么 */
.home .quote.refuse{border-left-color:var(--amber);margin-bottom:22px}
.home .refuse-tag,.home .need-tag{display:block;color:var(--amber);font-size:.7rem;
  letter-spacing:.12em;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.home .need{margin:0 0 20px;padding:18px 20px;background:var(--paper);
  border:1px solid var(--line);border-radius:5px}
.home .need-tag{color:var(--teal)}
.home .need ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.home .need li{position:relative;padding-left:18px;font-size:.94rem;line-height:1.5;color:var(--ink)}
.home .need li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:2px;background:var(--aqua)}

/* ⑥ 签名式 CTA：小头像，不再重复整张大人像 */
.home .signcta .wrap{grid-template-columns:1fr auto;align-items:end}
.home .signblock{display:flex;align-items:center;gap:14px;padding-bottom:4px}
.home .signavatar{display:block;width:56px;height:56px;border-radius:50%;overflow:hidden;
  border:2px solid rgba(255,255,255,.28);flex:none}
.home .signavatar img{object-position:center 24%}
.home .signname{font-size:.96rem;font-weight:750;color:#fff;line-height:1.3}
.home .signname small{display:block;font-size:.8rem;font-weight:400;color:#9fb5b9;margin-top:2px}

@media(max-width:900px){
  .home .ladder-row{grid-template-columns:1fr;gap:12px}
  .home .ladder-note{grid-column:1}
  .home .ladder-scale{display:none}
  .home .dwell-row{grid-template-columns:1fr;gap:12px}
  .home .cycle{flex-direction:column}
  .home .cycle li{flex:none !important}
  .home .signcta .wrap{grid-template-columns:1fr}
  .home .signblock{padding-top:10px}
}
@media(max-width:520px){
  .home .graphic h2{font-size:2rem}
  .home .datastate{min-width:600px}
}
/* 09-30 她「所有页面的行间距都要好好检查改好」：旧版产品页／问答页卡片里最后一块的下外边距（76px）叠在卡片下内边距（92px）上，卡片底部空出 167px；最后一块不要下外边距 */
.line>:last-child,.guide>:last-child{margin-bottom:0}

/* ========================================================================== 
   广告落地页视觉验收版｜2026-10-13
   只作用于两条当前投放产品页；不改内容事实，不影响首页和其他页面。
   目标：让两种材料在首屏就有不同的视觉身份，并把数据证据、行动按钮、
   产品画面做成一个完整的中高端工业材料界面，而不是同模板换文字。
   ========================================================================== */
.home.product-page{
  --product-accent:var(--aqua);
  --product-accent-strong:var(--teal);
  --product-accent-rgb:98,215,210;
  --product-deep:#0b313b;
  --product-wash:#e8f4f3;
  background:#f5f7f7;
}
.home.product-polyimide-tape{
  --product-accent:#e9ad69;
  --product-accent-strong:#c8772e;
  --product-accent-rgb:233,173,105;
  --product-deep:#3a2419;
  --product-wash:#f7eee4;
}
.home.product-green-polyester-masking-tape{
  --product-accent:#66d6a4;
  --product-accent-strong:#17875f;
  --product-accent-rgb:102,214,164;
  --product-deep:#0a352c;
  --product-wash:#e5f3ed;
}

/* 首屏：产品色只做光与证据线，不把页面染成廉价大色块。 */
.home.product-page .page-hero{
  isolation:isolate;
  border-bottom:1px solid rgba(var(--product-accent-rgb),.25);
  background:
    radial-gradient(circle at 78% 18%,rgba(var(--product-accent-rgb),.20),transparent 31%),
    radial-gradient(circle at 18% 105%,rgba(var(--product-accent-rgb),.10),transparent 35%),
    linear-gradient(116deg,#071b23 0%,#0a2a34 57%,var(--product-deep) 118%);
}
.home.product-page .page-hero:before{
  opacity:.78;
  background-image:
    linear-gradient(rgba(var(--product-accent-rgb),.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--product-accent-rgb),.06) 1px,transparent 1px);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.4) 58%,transparent 92%);
}
.home.product-page .page-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  right:-140px;
  top:-210px;
  border:1px solid rgba(var(--product-accent-rgb),.16);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(var(--product-accent-rgb),.025),0 0 0 140px rgba(var(--product-accent-rgb),.018);
}
.home.product-page .page-hero .wrap{
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
  gap:clamp(42px,5vw,76px);
  min-height:590px;
  padding:66px 0 72px;
}
.home.product-page .page-hero-copy{
  position:relative;
  min-width:0;
  padding-left:24px;
}
.home.product-page .page-hero-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:4px;
  width:3px;
  border-radius:8px;
  background:linear-gradient(180deg,var(--product-accent),rgba(var(--product-accent-rgb),0));
}
.home.product-page .page-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  margin:0 0 6px;
  padding:6px 11px;
  border:1px solid rgba(var(--product-accent-rgb),.34);
  border-radius:999px;
  color:var(--product-accent);
  background:rgba(5,24,31,.48);
  font-size:.72rem;
  letter-spacing:.12em;
  line-height:1.35;
}
.home.product-page .page-hero h1{
  max-width:13ch;
  margin:18px 0 20px;
  color:#fff;
  font-size:clamp(2.25rem,3.45vw,3.5rem);
  font-weight:690;
  line-height:1.02;
  letter-spacing:-.05em;
}
.home.product-page .page-hero-copy>p:not(.cta-note){
  max-width:585px;
  margin-bottom:26px;
  color:#cbdadd;
  font-size:1.04rem;
  line-height:1.62;
}
.home.product-page .page-hero .actions{gap:10px}
.home.product-page .page-hero .button{
  min-height:50px;
  padding:13px 19px;
  border-radius:5px;
  background:var(--product-accent-strong);
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.08);
}
.home.product-page .page-hero .button:hover{
  color:#fff;
  background:color-mix(in srgb,var(--product-accent-strong) 86%,#fff);
  transform:translateY(-2px);
}
.home.product-page .page-hero .button.secondary{
  border-color:rgba(var(--product-accent-rgb),.42);
  color:#f5fbfc;
  background:rgba(255,255,255,.035);
  box-shadow:none;
}
.home.product-page .page-hero .button.secondary:hover{
  border-color:var(--product-accent);
  background:rgba(var(--product-accent-rgb),.10);
}
.home.product-page .page-hero .cta-note{
  position:relative;
  max-width:590px;
  margin:14px 0 0;
  padding-left:23px;
  color:#adc1c5;
  font-size:.82rem;
  line-height:1.5;
}
.home.product-page .page-hero .cta-note:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--product-accent);
  font-weight:800;
}
.home.product-page .hero-facts{
  gap:8px;
  margin-top:27px;
  padding-top:0;
  border-top:0;
}
.home.product-page .hero-facts>div,
.home.product-page .hero-facts>div+div{
  min-width:0;
  min-height:92px;
  padding:14px 13px;
  border:1px solid rgba(var(--product-accent-rgb),.16);
  border-radius:6px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
}
.home.product-page .hero-facts dt{
  color:#fff;
  font-size:.98rem;
  line-height:1.15;
}
.home.product-page .hero-facts dd{
  margin-top:7px;
  color:#aabfc3;
  font-size:.73rem;
  line-height:1.35;
}
.home.product-page .page-hero-media{
  height:auto;
  aspect-ratio:16/10 !important;
  border-color:rgba(var(--product-accent-rgb),.34);
  border-radius:12px;
  background:#061820;
  box-shadow:0 34px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04);
}
.home.product-page .page-hero-media:before{
  content:"";
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  height:4px;
  background:linear-gradient(90deg,var(--product-accent),rgba(var(--product-accent-rgb),.12));
  pointer-events:none;
}
.home.product-page .page-hero-media:after{
  z-index:1;
  background:
    linear-gradient(180deg,transparent 54%,rgba(3,20,27,.58)),
    linear-gradient(90deg,rgba(var(--product-accent-rgb),.05),transparent 55%);
}
.home.product-page .page-hero-media video,
.home.product-page .page-hero-media img{
  transform:scale(1.002);
  filter:saturate(.93) contrast(1.055);
}

/* 首屏之后：同一信息架构，换成更清楚的节奏与材料色。 */
.home.product-page .crumb{background:#f5f7f7}
.home.product-page .crumb span[aria-current]{color:var(--product-accent-strong)}
.home.product-page .scenes{border-top:1px solid rgba(11,49,60,.10)}
.home.product-page .scenes:nth-of-type(even){background:linear-gradient(180deg,var(--product-wash),#f5f7f7 72%)}
.home.product-page .section-head h2{max-width:18ch}
.home.product-page .customer-scene,
.home.product-page .solution{
  border:1px solid rgba(8,38,48,.12);
  border-radius:10px;
  box-shadow:0 16px 38px rgba(7,31,40,.08);
}
.home.product-page .customer-scene:after,
.home.product-page .solution:after{
  background:linear-gradient(180deg,rgba(4,20,26,.02) 16%,rgba(4,20,26,.94) 96%);
}
.home.product-page .customer-scene b,
.home.product-page .solution h3{letter-spacing:-.025em}
.home.product-page .customer-scene div,
.home.product-page .solution-copy{border-left:3px solid var(--product-accent);padding-left:20px}
.home.product-page details{box-shadow:0 12px 30px rgba(7,31,40,.06)}
.home.product-page details summary{color:var(--product-accent-strong)}
.home.product-page .person{background:linear-gradient(135deg,var(--product-wash),#eef2f2)}
.home.product-page .person-grid{border-radius:10px;overflow:hidden;box-shadow:0 18px 48px rgba(7,31,40,.08)}
.home.product-page .person-copy .button,
.home.product-page .signcta .navcta{background:var(--product-accent-strong);border-color:var(--product-accent-strong)}
.home.product-page .quote{border-left-color:var(--product-accent-strong)}
.home.product-page .signcta{
  background:linear-gradient(116deg,#08232c 0%,#0b313b 60%,var(--product-deep) 130%);
}

@media(max-width:1040px){
  .home.product-page .page-hero .wrap{
    grid-template-columns:1fr;
    min-height:0;
    padding:54px 0 58px;
  }
  .home.product-page .page-hero-copy{max-width:790px}
  .home.product-page .page-hero-media{width:100%;max-width:820px}
}
@media(max-width:620px){
  .home.product-page .page-hero .wrap{padding:34px 0 42px;gap:30px}
  .home.product-page .page-hero-copy{padding-left:17px}
  .home.product-page .page-hero h1{max-width:11ch;font-size:clamp(2.15rem,10.8vw,2.65rem);line-height:1.01}
  .home.product-page .page-hero-copy>p:not(.cta-note){font-size:.97rem;line-height:1.56}
  .home.product-page .page-hero .actions{display:grid;grid-template-columns:1fr}
  .home.product-page .page-hero .button{width:100%}
  .home.product-page .hero-facts{grid-template-columns:1fr;gap:7px}
  .home.product-page .hero-facts>div,
  .home.product-page .hero-facts>div+div{min-height:0;padding:13px 14px}
  .home.product-page .page-hero-media{border-radius:8px;aspect-ratio:4/3 !important}
  .home.product-page .customer-scene div,
  .home.product-page .solution-copy{left:22px;right:22px;padding-left:16px}
}