Files
cms-SiteForge/examples/V8_31_1_汽车主题性能与语义化图标_离线演示.html
浅念 8884e100f9 upgrade: adopt V8.31.1 (theme 1.3/1.4 redesigns, editor deep-canvas, guided launch, component library)
Overlay 190 upstream items (V8.22→8.31) preserving trade-pro theme,
registry tests, and design docs. Re-applied full patch set on identical
anchors (discovery/env_for/blocks.css/type-mapping/locale-override/
theme_color/frontend entries/test_theme_pro_v3 mods) plus compose pins.

Verified: theme suites 35/35; dual-baseline full run 415 passed vs
pristine 386+29 ours, FAILED-set diff EMPTY (same 10 Windows env fails).
Live: container 8.31.1-dev.1 healthy, hesupipe 192 entries intact,
trade-pro build 203 pages 0 errors.

Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-10-26 09:43:17 +08:00

622 lines
121 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>首页</title><meta name="description" content="探索更广阔的出行可能"><meta property="og:type" content="website"><meta property="og:title" content="首页"><meta property="og:description" content="探索更广阔的出行可能"><meta property="og:url" content="https://automotive.example.test/"><meta name="theme-color" content="#0e1c2c"><meta name="robots" content="index,follow"><link rel="canonical" href="https://automotive.example.test/"><style>:root{--accent:#ecb75c;--ink:#f6f7fa;--body:#101318}*{box-sizing:border-box}body{margin:0;background:#f7f7f7;color:#1b232c;font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;object-fit:cover}.utility{height:32px;display:flex;justify-content:space-between;align-items:center;background:#090d13;color:#919da8;padding:0 5%;font-size:10px;letter-spacing:2px}.header{height:90px;background:#121922;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px}.brand{font-size:22px;font-weight:780;display:flex;align-items:center;gap:14px;line-height:1.15}.brand small{display:block;font-size:9px;color:#9ba4b4;letter-spacing:2.5px;margin-top:5px}.mark{background:var(--accent);border-radius:3px;color:#111;padding:10px;font-size:19px}.header nav{display:flex;flex-wrap:wrap;gap:26px;font-size:12px;letter-spacing:1px}.header nav a:hover{color:var(--accent)}.nav-cta{border:1px solid #505a62;padding:12px 17px;color:#e6c893;font-size:11px;letter-spacing:1px}.hero{background:radial-gradient(circle at 80% 55%,#2d4359 0%,#141e2c 34%,#0b121b 75%);color:white;min-height:580px}.hero-inner{max-width:1450px;margin:auto;padding:70px 5% 50px;display:grid;grid-template-columns:51% 49%;align-items:center;min-height:520px}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#e9b962}.glow{display:inline-block;width:8px;height:8px;background:#efbf6e;border-radius:100%;margin-right:12px;box-shadow:0 0 16px #edc36d}.hero h1{font-size:clamp(54px,7.2vw,116px);font-weight:850;letter-spacing:-6px;line-height:.95;margin:29px 0}.hero p{font-size:17px;color:#b6c4d1;max-width:470px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 23px;background:#d5a962;color:#12181d;font-size:12px;font-weight:850;letter-spacing:.8px}.hero-hint{color:#89929b;font-size:12px}.hero-visual{height:330px;position:relative;display:flex;align-items:center;justify-content:center}.hero-visual img{max-height:360px;width:100%;object-fit:contain;filter:drop-shadow(0 16px 23px #0008)}.hero-no{position:absolute;right:0;bottom:-70px;color:#fff6;font-size:10px;letter-spacing:3px}.car-shape{height:220px;width:100%;position:relative;filter:drop-shadow(0 28px 16px #0007)}.car-body{position:absolute;inset:45px 0 24px;border-radius:90px 130px 36px 35px;background:linear-gradient(170deg,#c7d0d9,#60788a 37%,#142433 48%,#202d3d 70%);clip-path:polygon(0 70%,13% 47%,31% 38%,47% 6%,75% 6%,88% 39%,100% 56%,98% 95%,3% 95%)}.wheel{position:absolute;width:80px;height:80px;bottom:0;border-radius:100%;background:radial-gradient(circle,#71808b 0 25%,#101722 28% 50%,#354355 54% 61%,#0a0d13 64%)}.wheel-one{left:19%}.wheel-two{right:13%}.hero-bottom{border-top:1px solid #344052;padding:18px 5%;display:flex;justify-content:space-between;color:#9fa9b5;font-size:10px;letter-spacing:2px}.inner-hero{background:linear-gradient(110deg,#0d1925,#2a3f50);color:white;padding:100px 6% 90px}.inner-hero h1{font-size:clamp(40px,6vw,84px);line-height:1.1;letter-spacing:-2px;margin:16px 0}.inner-hero p{color:#c0ccd7}.container{max-width:1220px;margin:auto;padding:0 24px}.main{padding:75px 0 110px}.section-title{display:flex;align-items:end;gap:20px;justify-content:space-between;margin:30px 0 28px}.section-title span{font-size:11px;letter-spacing:2px;color:#9f7844}.section-title h2{font-size:37px;letter-spacing:-1.5px;flex:1;margin:0}.section-title a{font-size:12px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.model-card{background:#fff;transition:transform .2s,box-shadow .2s;min-width:0}.model-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #15273822}.card-visual{height:210px;background:linear-gradient(120deg,#dae2e8,#abbcc7);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-visual img{height:100%;width:100%;object-fit:contain}.card-monogram{font-size:75px;font-weight:900;letter-spacing:-8px;color:#ffffff77}.card-copy{padding:24px}.card-copy span{color:#ae854c;font-size:10px;letter-spacing:2px}.card-copy h3{font-size:24px;margin:8px 0}.card-copy p{font-size:13px;color:#73808b}.card-copy b{font-size:11px;letter-spacing:1px;color:#a6793f}.detail-media{margin:40px auto;text-align:center;max-height:600px}.detail-media img{max-height:600px}.rich-content{margin-bottom:55px}.prose{max-width:860px}.rich-content p{color:#596574}.section{padding:45px 0}.section-heading h2{font-size:38px}.block-hero{padding:60px 0}.block-hero h1{font-size:52px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:26px;background:white}.feature-mark{color:#b08756;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat strong{display:block;font-size:35px}.stat span{color:#71808c}.cta{background:#19283a;color:white;padding:55px}.cta p{color:#b8c8d6}footer{background:#0d151f;color:white;padding:70px 5% 25px}.footer-brand{font-size:25px;font-weight:750}.footer-brand span{font-size:11px;font-weight:400;color:#aeb8c2}footer p{color:#8593a2}.footer-bottom{border-top:1px solid #30404c;padding-top:25px;margin-top:65px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#8995a3}@media(max-width:860px){.utility{font-size:8px}.header{height:auto;padding:18px 5%;align-items:flex-start;flex-wrap:wrap}.header nav{order:3;width:100%;gap:18px}.nav-cta{display:none}.hero-inner{grid-template-columns:1fr;padding-top:55px}.hero h1{letter-spacing:-3px}.hero-visual{height:210px}.hero-no{bottom:0}.card-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.card-grid,.feature-grid,.stats{grid-template-columns:1fr}.hero h1{font-size:56px}.hero-actions{flex-wrap:wrap}.section-title{align-items:start;flex-direction:column}.inner-hero{padding:75px 6%}.hero-bottom{font-size:8px}}
/* V8.29 baseline: accessible touch/focus and reduced motion */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid currentColor;outline-offset:3px}@media(max-width:560px){img{max-width:100%;height:auto}body{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}
/* Portable SiteForge blocks, loaded with every theme (all styles scoped to sf-). */
.sf-section{background:var(--sf-bg,transparent);color:var(--sf-fg,inherit);padding:var(--sf-pad,82px) 0;margin:0}.sf-section:nth-of-type(even){background:var(--sf-bg,#f4f6f9)}.sf-container{max-width:1200px;margin:auto;padding:0 32px}.sf-section h1,.sf-section h2,.sf-section h3,.sf-section p{color:inherit;line-height:1.3}.sf-section h1{font-size:clamp(38px,5vw,76px);font-weight:790;letter-spacing:-.052em}.sf-section h2{font-size:clamp(27px,3.2vw,44px);font-weight:760;letter-spacing:-.037em}.sf-kicker{display:block;font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:740;color:var(--accent,#3569d3);margin-bottom:18px}.sf-hero-grid,.sf-image-text{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.sf-hero-copy p{font-size:18px;line-height:1.75;max-width:520px;opacity:.75}.sf-hero-img,.sf-image-side{overflow:hidden;border-radius:9px;min-height:380px;background:linear-gradient(130deg,#d5e1ee,#eef3f9);display:grid;place-items:center}.sf-hero-img img,.sf-image-side img{width:100%;height:100%;max-height:580px;object-fit:cover}.sf-hero-abstract{font-size:110px;color:#a7bdd4}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--accent,#315ee2);color:white!important;padding:16px 26px;border-radius:6px;font-size:14px;text-decoration:none;font-weight:720;margin-top:24px}.sf-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:24px}.sf-section-head h2{margin:0}.sf-section-head>a,.sf-link{color:var(--accent,#3569d3);font-weight:700;text-decoration:none}.sf-prose{font-size:16px;line-height:1.85;max-width:930px}.sf-prose p{line-height:1.85}.sf-features,.sf-collection,.sf-stats{display:grid;gap:20px}.sf-features{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-feature{border:1px solid #e0e6eb;padding:32px 28px;border-radius:8px;background:#fff;color:#253247}.sf-feature>span{font-size:12px;font-weight:800;color:var(--accent,#346add)}.sf-feature h3{font-size:22px;margin:30px 0 8px}.sf-feature p{font-size:14px;line-height:1.7;color:#647181}.sf-stats{grid-template-columns:repeat(4,1fr);padding:40px 0;border-top:1px solid #b7c0cd66;border-bottom:1px solid #b7c0cd66}.sf-stats>div{display:flex;flex-direction:column;gap:8px}.sf-stats strong{font-size:clamp(28px,4vw,53px);letter-spacing:-.04em}.sf-stats span{font-size:12px;opacity:.65;letter-spacing:.04em}.sf-collection{grid-template-columns:repeat(var(--sf-cols,3),minmax(0,1fr))}.sf-item{display:block;text-decoration:none;color:#233044;background:#fff;border:1px solid #e8edf1;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.sf-item:hover{transform:translateY(-4px);box-shadow:0 18px 38px #344d7018}.sf-item-img{height:210px;overflow:hidden;background:#e4eaf0}.sf-item-img img{height:100%;width:100%;object-fit:cover}.sf-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:190px;background:linear-gradient(130deg,#e2eaf2,#c9d7e6);font-size:72px;color:#8399b2;font-weight:800}.sf-large{min-height:360px}.sf-item-copy{padding:25px}.sf-item-copy small{text-transform:uppercase;letter-spacing:.13em;color:var(--accent,#376edc)}.sf-item-copy h3{font-size:22px;margin:12px 0 7px}.sf-item-copy p{font-size:14px;line-height:1.6;color:#7a8796;min-height:42px}.sf-item-copy span{font-size:12px;color:var(--accent,#376edc);font-weight:800}.sf-image-text>div>p{font-size:17px;line-height:1.8;max-width:520px;opacity:.7}.sf-reverse>div:first-child{order:2}.sf-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sf-gallery img{width:100%;height:230px;object-fit:cover;border-radius:6px}.sf-faq{max-width:920px}.sf-faq details{border-bottom:1px solid #dce3eb;padding:22px 0}.sf-faq summary{font-size:17px;cursor:pointer;font-weight:700}.sf-faq p{color:#647181;line-height:1.75}.sf-cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.sf-cta-wrap h2{margin:0}.sf-cta-wrap p{font-size:16px;opacity:.75}.sf-section a{cursor:pointer}.sf-muted{opacity:.65}
@media(max-width:820px){.sf-container{padding:0 20px}.sf-section{padding:50px 0}.sf-hero-grid,.sf-image-text{grid-template-columns:1fr;gap:26px}.sf-reverse>div:first-child{order:initial}.sf-hero-img,.sf-image-side{min-height:250px}.sf-features,.sf-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-stats{grid-template-columns:repeat(2,1fr)}.sf-cta-wrap{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.sf-features,.sf-collection,.sf-gallery{grid-template-columns:1fr}.sf-section-head{display:block}.sf-section-head>a{display:block;margin-top:13px}.sf-item-img{height:220px}.sf-hero-grid{gap:22px}.sf-hero-copy p{font-size:16px}.sf-stats{gap:28px}}
.sf-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #e5eaf0}.sf-attribute{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #e5eaf0;padding:19px 10px;font-size:14px}.sf-attribute span{color:#748497}.sf-attribute strong{font-weight:720;text-align:right}@media(max-width:640px){.sf-attributes{grid-template-columns:1fr}}
/* SiteForge responsive no-code grid container */
.sf-layout-grid{display:grid;grid-template-columns:var(--sf-layout-cols,1fr 1fr);gap:var(--sf-layout-gap,24px);align-items:stretch}
.sf-layout-column{min-width:0}.sf-layout-column>.sf-section{padding:0;margin:0 0 18px}.sf-layout-column .sf-container{width:100%;padding:0}
.sf-layout-column>.sf-section:last-child{margin-bottom:0}
@media(max-width:820px){.sf-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:540px){.sf-layout-grid{grid-template-columns:minmax(0,1fr)!important}}
/* V8.6: accessible, script-free commercial design blocks */
.sf-slides{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 18px;scrollbar-width:thin}
.sf-slide{flex:0 0 min(78%,720px);min-width:220px;margin:0;scroll-snap-align:start}
.sf-slide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.sf-slide figcaption{padding:10px 2px;opacity:.7;font-size:14px}
.sf-video{aspect-ratio:16/9;max-width:1000px;background:#ebf0f5;border-radius:10px;overflow:hidden}
.sf-video iframe{width:100%;height:100%;border:0}
.sf-tab{padding:19px 0;border-bottom:1px solid #dde4ec;max-width:960px}
.sf-tab summary{font-size:18px;font-weight:700;cursor:pointer}.sf-tab p{max-width:850px;line-height:1.8}
.sf-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.sf-price{padding:28px;background:#fff;border:1px solid #dee5ef;border-radius:10px;color:#29394b}
.sf-price strong{display:block;font-size:27px;margin:14px 0}.sf-price li{margin:11px 0}.sf-price ul{padding-left:19px}
.sf-map-address{font-style:normal;font-size:18px;white-space:pre-line;line-height:1.8}
@media (prefers-reduced-motion:reduce){.sf-slides{scroll-behavior:auto}.sf-item{transition:none}}
@media(max-width:540px){.sf-slide{flex-basis:92%}}
/* SiteForge trusted global shell. Site themes remain visually independent. */
:root{--sf-shell:#12243d;--sf-shell-accent:#dcae71;--sf-shell-soft:#edf2f8;--sf-shell-fg:#173049}
html{scroll-behavior:smooth}body{overflow-x:hidden}body>.header,body>.utility,body>.top,body>header,body>footer{display:none!important}
.sf-theme-industrial{--sf-shell:#114e79;--sf-shell-accent:#92d5ed;--sf-shell-soft:#ebf6fa;--sf-shell-fg:#0c4267}
.sf-theme-corporate{--sf-shell:#232d62;--sf-shell-accent:#b8bdff;--sf-shell-soft:#f3f3fa;--sf-shell-fg:#333468}
.sf-theme-minimal{--sf-shell:#1e1e1c;--sf-shell-accent:#ded6c5;--sf-shell-soft:#f6f4ef;--sf-shell-fg:#252520}
.sf-site-head{position:relative;z-index:25;background:var(--sf-shell);color:#fff;font-family:system-ui,-apple-system,sans-serif}
.sf-head-inner{max-width:1240px;margin:0 auto;min-height:78px;padding:0 28px;display:flex;align-items:center;gap:28px}
.sf-logo{display:flex;align-items:center;gap:11px;font-size:18px;text-decoration:none!important;color:#fff!important;white-space:nowrap}
.sf-logo-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--sf-shell-accent);color:var(--sf-shell);font-size:22px;font-weight:900;border-radius:9px}
.sf-primary-links{display:flex;gap:23px;margin-left:auto;align-items:center}
.sf-primary-links a,.sf-mega a{color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:650;white-space:nowrap}
.sf-primary-links a:hover{color:var(--sf-shell-accent)!important}
.sf-head-cta{font-size:13px;font-weight:750;text-decoration:none;background:var(--sf-shell-accent);color:var(--sf-shell)!important;padding:13px 18px;border-radius:4px;white-space:nowrap}
.sf-menu-toggle{display:none;margin-left:auto;color:white;border:1px solid #ffffff55;background:none;border-radius:4px;padding:8px 12px;font-size:19px;cursor:pointer}
.sf-mega{display:flex;gap:18px;max-width:1240px;margin:auto;padding:0 28px 9px;overflow-x:auto}
.sf-mega a{display:block;min-width:120px;border-top:1px solid #ffffff2e;padding:12px 8px}.sf-mega small{display:block;color:#ffffff99;max-width:160px;overflow:hidden;text-overflow:ellipsis;font-size:10px;margin-top:6px}
.sf-site-foot{background:var(--sf-shell);color:white!important;font:14px/1.7 system-ui,-apple-system,sans-serif;padding:72px 28px 26px}
.sf-foot-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.sf-foot-grid h2{font-size:25px;color:white;margin:0 0 17px}.sf-foot-grid h4{font-size:13px;color:var(--sf-shell-accent);letter-spacing:.07em;margin:0 0 17px}.sf-foot-grid p{color:#ffffffae;max-width:380px}.sf-foot-grid a{display:block;width:fit-content;color:#fff!important;text-decoration:none;margin-bottom:8px}.sf-foot-lower{border-top:1px solid #ffffff33;max-width:1200px;margin:45px auto 0;padding-top:20px;display:flex;justify-content:space-between;color:#ffffff9e;font-size:12px}
.sf-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 30px}.sf-filters input,.sf-filters select{padding:11px 13px;border-radius:6px;border:1px solid #cfd9e4;background:#fff;color:#263a51;max-width:280px}.sf-filter-empty{padding:22px;color:#778598}
.sf-search-page{min-height:76vh;max-width:1060px;padding:90px 24px;margin:auto;font-family:system-ui,sans-serif;color:var(--sf-shell-fg)}.sf-search-page h1{font-size:clamp(35px,5vw,62px);margin:20px 0}.sf-search-page>label{display:block;margin:18px 0 8px}.sf-search-page input{display:block;width:100%;padding:17px;font-size:18px;border:1px solid #b7c6d7;border-radius:8px}.sf-search-page #sf-search-count{margin:22px 0;color:#607589}.sf-search-result{padding:22px 0;border-bottom:1px solid #dae1ea}.sf-search-result a{color:var(--sf-shell-fg);font-size:21px;font-weight:750;text-decoration:none}.sf-search-result small{display:block;color:#7992a7}.sf-search-result p{margin:7px 0;color:#657487}
@media(max-width:1050px){.sf-head-inner{gap:13px}.sf-primary-links{gap:12px}.sf-primary-links a{font-size:12px}.sf-head-cta{padding:10px}}
@media(max-width:850px){.sf-head-inner{min-height:68px}.sf-menu-toggle{display:block}.sf-head-cta{display:none}.sf-primary-links{display:none;position:absolute;top:68px;left:0;right:0;margin:0;background:var(--sf-shell);padding:20px 28px;flex-direction:column;align-items:stretch;box-shadow:0 20px 24px #0002}.sf-primary-links.is-open{display:flex}.sf-mega{display:none}.sf-foot-grid{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:560px){.sf-foot-grid{grid-template-columns:1fr}.sf-foot-lower{display:block}.sf-site-foot{padding-top:48px}.sf-head-inner{padding:0 16px}}
.sf-page-intro{padding:80px 28px;background:var(--sf-shell-soft);color:var(--sf-shell-fg);font-family:system-ui,sans-serif}.sf-page-intro>div{max-width:1200px;margin:auto}.sf-page-intro p{font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase;color:var(--sf-shell-fg);opacity:.58}.sf-page-intro h1{font-size:clamp(38px,5vw,67px);letter-spacing:-.04em;line-height:1.08;margin:13px 0}.sf-page-intro span{font-size:16px;opacity:.72}
.sf-item[hidden]{display:none!important}
/* SiteForge V3 professional theme primitives. Each commercial theme adds its own art direction. */
:root{--pro-text:#19283a;--pro-muted:#687587;--pro-border:#dfe5ea;--pro-background:#fff;--pro-surface:#f5f7fa;--pro-accent:#365cb7;--pro-hero:#15263d;--pro-hero-fg:#fff;--pro-radius:12px;--pro-headings:system-ui,-apple-system,sans-serif;--pro-font:system-ui,-apple-system,sans-serif;--pro-wide:1270px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pro-background);color:var(--pro-text);font-family:var(--pro-font);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{color:var(--pro-accent)}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--pro-headings);line-height:1.09}h1{letter-spacing:-.052em}h2{letter-spacing:-.042em}h3{letter-spacing:-.028em}p{line-height:1.72}.pro-wrap{max-width:var(--pro-wide);margin:0 auto;padding-left:32px;padding-right:32px}.pro-skip{position:absolute;left:-9999px;z-index:90;background:#fff;color:#000;padding:12px}.pro-skip:focus{left:10px;top:10px}.pro-eyebrow{font-weight:750;font-size:11px;letter-spacing:.17em;text-transform:uppercase;display:block;line-height:1.6;color:var(--pro-accent)}.pro-muted{opacity:.7}.pro-utility{min-height:30px;background:var(--pro-hero);color:#c5d2db;font-size:10px;letter-spacing:.16em}.pro-utility .pro-wrap{display:flex;justify-content:space-between;padding-block:8px}.pro-utility i{font-style:normal;color:var(--pro-accent)}.pro-header{background:var(--pro-background);color:var(--pro-text);border-bottom:1px solid var(--pro-border);position:relative;z-index:35}.pro-head-inner{min-height:84px;display:flex;align-items:center;gap:28px}.pro-logo{display:flex;align-items:center;gap:12px;min-width:170px}.pro-logo-symbol{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.07em;color:var(--pro-accent)}.pro-logo-name{max-width:220px;font-weight:820;font-size:17px;line-height:1.1;letter-spacing:-.035em}.pro-logo-name small{display:block;font-weight:650;font-size:9px;letter-spacing:.19em;margin-top:7px;color:var(--pro-muted)}.pro-navigation{display:flex;align-items:center;gap:24px;margin-left:auto}.pro-navigation a{font-size:13px;font-weight:650;white-space:nowrap;transition:opacity .2s}.pro-navigation a:hover{opacity:.6}.pro-header-cta,.pro-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--pro-accent);color:#fff!important;border-radius:var(--pro-radius);font-size:13px;letter-spacing:.01em;font-weight:750;padding:16px 24px;white-space:nowrap;transition:transform .2s,background .2s}.pro-header-cta:hover,.pro-button:hover{transform:translateY(-2px)}.pro-mobile-toggle{display:none}.pro-mega{display:flex;align-items:center;gap:22px;min-height:37px;border-top:1px solid var(--pro-border);padding-block:10px;font-size:11px}.pro-mega>span{font-weight:750;color:var(--pro-muted);white-space:nowrap}.pro-mega>div{display:flex;gap:16px;overflow:auto;scrollbar-width:none}.pro-mega a{white-space:nowrap;font-weight:650}.pro-search-link{font-size:19px!important}.pro-home-hero{position:relative;overflow:hidden}.pro-home-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5%;min-height:580px;padding-top:85px;padding-bottom:85px}.pro-hero-copy{position:relative;z-index:2}.pro-hero-copy h1{font-size:clamp(48px,6.2vw,91px);line-height:1.03;margin:20px 0 25px;max-width:730px}.pro-hero-copy h1 em{font-style:normal;display:block;color:var(--pro-accent)}.pro-hero-copy p{font-size:17px;max-width:495px;color:var(--pro-muted)}.pro-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:34px}.pro-outline-button{font-weight:700;border-bottom:1px solid currentColor;padding:12px 0}.pro-hero-art{width:100%;height:435px;position:relative;overflow:hidden;border-radius:var(--pro-radius)}.pro-hero-art>img{width:100%;height:100%;object-fit:cover}.pro-hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;padding-block:22px;border-top:1px solid #ffffff32}.pro-section{padding:106px 0}.pro-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.pro-section-head h2{font-size:clamp(36px,4vw,57px);margin:12px 0 0}.pro-text-link{font-size:13px;font-weight:750;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid;padding-bottom:7px;color:var(--pro-accent)}.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.pro-card{display:block;min-width:0;background:var(--pro-background);color:var(--pro-text);border:1px solid var(--pro-border);overflow:hidden;border-radius:var(--pro-radius);transition:transform .25s,box-shadow .25s}.pro-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px #0f25431b}.pro-card-cover{width:100%;height:244px;overflow:hidden;background:var(--pro-surface)}.pro-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pro-card:hover .pro-photo{transform:scale(1.045)}.pro-art{width:100%;height:100%;overflow:hidden;display:grid;place-items:center;position:relative;background:linear-gradient(130deg,#d8e1ed,#f3f6f9)}.pro-art-ring{width:55%;aspect-ratio:1;border:28px solid #ffffff5f;border-radius:50%;box-shadow:0 0 0 42px #ffffff30;transform:rotate(-25deg)}.pro-art-center{position:absolute;font-family:var(--pro-headings);font-weight:800;font-size:76px;letter-spacing:-.08em;color:#45647d90}.pro-art-label{position:absolute;bottom:16px;left:18px;letter-spacing:.16em;font-size:9px;color:#435773}.pro-card-body{padding:25px 25px 28px}.pro-card-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--pro-accent)}.pro-card h3{font-size:23px;margin:14px 0 9px}.pro-card p{font-size:13px;color:var(--pro-muted);margin-bottom:24px;min-height:44px}.pro-card-link{font-size:12px;font-weight:800;display:flex;justify-content:space-between;color:var(--pro-text);padding-top:14px;border-top:1px solid var(--pro-border)}.pro-empty{grid-column:1/-1;padding:45px;border:1px dashed var(--pro-border);background:var(--pro-surface);color:var(--pro-muted)}.pro-statement{background:var(--pro-surface)}.pro-statement-layout{display:grid;grid-template-columns:1fr 2fr;gap:60px}.pro-statement h2{font-size:clamp(36px,4.5vw,63px);max-width:760px}.pro-statement p{max-width:520px;color:var(--pro-muted)}.pro-brand-pills{display:flex;flex-wrap:wrap;gap:12px}.pro-brand-pills a{padding:18px 28px;border:1px solid var(--pro-border);border-radius:var(--pro-radius);font-weight:750}.pro-brand-pills a:hover{border-color:var(--pro-accent)}.pro-inner-hero{background:var(--pro-surface);padding:92px 0 65px;position:relative;overflow:hidden}.pro-inner-hero h1{max-width:870px;font-size:clamp(43px,6vw,85px);margin:18px 0}.pro-inner-hero p{max-width:650px;color:var(--pro-muted);font-size:17px}.pro-breadcrumb{font-size:12px;color:var(--pro-muted);margin-top:25px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pro-breadcrumb strong{color:var(--pro-text)}.pro-list-section{padding:65px 0 110px}.pro-filter-panel{display:grid;grid-template-columns:minmax(220px,2fr) 1fr 1fr auto;align-items:end;gap:14px;margin-bottom:35px}.pro-filter-panel label>span{display:block;font-size:11px;margin-bottom:8px;color:var(--pro-muted);font-weight:750}.pro-filter-panel input,.pro-filter-panel select{display:block;width:100%;padding:14px 15px;border-radius:var(--pro-radius);border:1px solid var(--pro-border);background:var(--pro-background);color:var(--pro-text);outline-offset:2px}.pro-filter-count{font-size:12px;padding-bottom:17px;color:var(--pro-muted)}.pro-filter-scope .pro-card[hidden]{display:none}.pro-product-layout{padding-top:38px}.pro-product-layout .pro-breadcrumb{margin-bottom:38px}.pro-product-hero{display:grid;grid-template-columns:1.18fr .82fr;gap:6%;align-items:center}.pro-product-media{height:460px;overflow:hidden;background:var(--pro-surface);border-radius:var(--pro-radius)}.pro-product-media .pro-photo{height:100%}.pro-product-summary h1{font-size:clamp(45px,5vw,72px);margin:16px 0}.pro-product-summary p{font-size:16px;color:var(--pro-muted)}.pro-product-brand{font-weight:700;color:var(--pro-text)!important}.pro-detail-layout{border-top:1px solid var(--pro-border);display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:80px;padding-top:55px}.pro-detail-layout h2{font-size:32px;margin-top:13px}.pro-specs{margin-top:25px}.pro-specs>div{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px 0;border-bottom:1px solid var(--pro-border)}.pro-specs span{color:var(--pro-muted)}.pro-rich{line-height:1.85;font-size:16px;overflow-wrap:anywhere}.pro-rich img{border-radius:var(--pro-radius);margin:25px 0}.pro-rich a{text-decoration:underline}.pro-rich h2{margin-top:30px}.pro-lead{font-size:20px;color:var(--pro-muted)}.pro-brand-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.pro-brand-media{height:300px;overflow:hidden;border-radius:var(--pro-radius)}.pro-article-hero{text-align:center;padding:110px 0 75px;background:var(--pro-surface)}.pro-article-width{max-width:900px}.pro-article-hero h1{font-size:clamp(40px,5vw,75px);margin:15px 0 25px}.pro-article-hero p{color:var(--pro-muted);font-size:18px}.pro-article-hero time{font-size:12px;color:var(--pro-muted)}.pro-article-content{max-width:930px;padding-top:70px;padding-bottom:90px}.pro-article-cover{width:100%;max-height:530px;object-fit:cover;margin-bottom:40px;border-radius:var(--pro-radius)}.pro-article-content>.pro-text-link{margin-top:35px}.pro-case-detail{max-width:1020px}.pro-case-detail>img{width:100%;max-height:620px;object-fit:cover}.pro-case-meta{display:flex;gap:35px;margin:35px 0;color:var(--pro-muted);font-size:13px}.pro-case-meta strong{display:block;color:var(--pro-text);font-size:18px;margin-top:7px}.pro-info-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.pro-info-grid h2{font-size:clamp(31px,4.5vw,54px);margin-top:15px}.pro-contact-email{font-size:20px;color:var(--pro-accent);font-weight:750;word-break:break-word}.pro-info-photo{max-height:450px;object-fit:cover;margin-top:35px;border-radius:var(--pro-radius)}.pro-custom-content .sf-section{background:transparent}.pro-custom-content .sf-section:nth-of-type(even){background:var(--pro-surface)}.pro-end-cta{padding:76px 0;background:var(--pro-hero);color:#fff}.pro-end-cta .pro-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.pro-end-cta h2{font-size:clamp(32px,4vw,53px);margin:13px 0}.pro-end-cta p{color:#c5c9d1}.pro-end-cta a{background:var(--pro-accent);color:#fff;font-weight:800;padding:19px 30px;border-radius:var(--pro-radius);white-space:nowrap}.pro-404{text-align:center;padding-block:125px}.pro-404>span{font-size:12px;letter-spacing:.3em}.pro-404 h1{font-size:clamp(150px,20vw,320px);margin:10px 0;letter-spacing:-.08em}.pro-404 p{font-size:18px;color:var(--pro-muted)}.pro-404 a{margin-top:22px}.pro-footer{background:#15212d;color:#fff;padding:75px 0 22px}.pro-footer-top{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:55px}.pro-footer h2{font-size:32px;margin:12px 0}.pro-footer p{max-width:350px;font-size:13px;color:#afbbc8}.pro-footer .pro-eyebrow{color:#b6c3d2}.pro-footer-links ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px}.pro-footer-links a{font-size:13px;color:#d6e0e8}.pro-footer-bottom{border-top:1px solid #ffffff29;margin-top:60px;padding-top:20px;font-size:10px;letter-spacing:.12em;color:#adb9c3;display:flex;justify-content:space-between}.pro-anchor{display:block;height:0}.pro-category-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pro-category-tiles a{padding:35px 28px;min-height:155px;background:var(--pro-surface);display:flex;flex-direction:column;justify-content:space-between}.pro-category-tiles span{font-size:11px;color:var(--pro-muted)}.pro-category-tiles strong{font-size:24px}.pro-category-tiles b{align-self:end}.sf-site-head .sf-head-inner,.sf-site-head .sf-primary-links{display:none}
@media(max-width:1100px){.pro-head-inner{gap:17px}.pro-navigation{gap:14px}.pro-navigation a{font-size:12px}.pro-home-grid{min-height:500px}.pro-hero-copy h1{font-size:60px}.pro-hero-art{height:350px}}
@media(max-width:860px){.pro-wrap{padding-left:22px;padding-right:22px}.pro-utility{display:none}.pro-head-inner{min-height:70px;flex-wrap:wrap;gap:12px}.pro-mobile-toggle{display:block;margin-left:auto;border:1px solid var(--pro-border);padding:8px 12px;background:transparent;color:var(--pro-text);border-radius:5px}.pro-navigation{display:none;order:10;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:12px}.pro-navigation.is-open{display:flex}.pro-navigation a{padding:11px 2px;border-bottom:1px solid var(--pro-border)}.pro-header-cta{display:none}.pro-mega{display:none}.pro-home-grid{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.pro-hero-art{height:350px}.pro-hero-copy h1{font-size:clamp(45px,9vw,73px)}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-product-hero,.pro-detail-layout,.pro-info-grid,.pro-brand-hero-grid{grid-template-columns:1fr;gap:35px}.pro-product-media{height:380px}.pro-filter-panel{grid-template-columns:1fr 1fr}.pro-filter-panel label:first-child{grid-column:1/-1}.pro-end-cta .pro-wrap{align-items:start;flex-direction:column}.pro-section{padding:72px 0}.pro-footer-top{grid-template-columns:1fr 1fr}.pro-footer-top>div:first-child{grid-column:1/-1}.pro-category-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pro-wrap{padding-left:18px;padding-right:18px}.pro-logo-name{font-size:15px}.pro-hero-copy h1{font-size:43px}.pro-hero-art{height:255px}.pro-hero-bottom{display:none}.pro-home-grid{min-height:0}.pro-grid{grid-template-columns:1fr}.pro-section-head{align-items:start;flex-direction:column}.pro-section-head h2{font-size:37px}.pro-card-cover{height:230px}.pro-filter-panel{grid-template-columns:1fr}.pro-filter-panel label:first-child{grid-column:auto}.pro-filter-count{padding-bottom:4px}.pro-statement-layout,.pro-footer-top{grid-template-columns:1fr;gap:25px}.pro-footer-top>div:first-child{grid-column:auto}.pro-footer-bottom{flex-direction:column;gap:8px}.pro-inner-hero{padding:60px 0}.pro-product-media{height:270px}.pro-product-summary h1{font-size:43px}.pro-category-tiles{grid-template-columns:1fr}.pro-end-cta h2{font-size:38px}.pro-minimal-meta{display:block!important}}
/* V2 compatibility stylesheet hides direct headers/footers; full themes restore their own. */
body>header.sf-site-head.pro-header,body>footer.sf-site-foot.pro-footer{display:block!important}
/* Accessible desktop mega-navigation and mobile disclosure */
.pro-catalog-toggle{font-size:12px;font-weight:750;border:1px solid var(--pro-border);background:transparent;color:inherit;border-radius:var(--pro-radius);padding:10px 14px;white-space:nowrap}
.pro-mega[hidden]{display:none!important}.pro-mega.is-open{display:flex}.pro-mega>div{padding-block:3px}
@media(max-width:1060px){.pro-catalog-toggle{display:none}}
@media(max-width:860px){.pro-mega.is-open{display:block!important}.pro-mega.is-open>div{display:flex;flex-wrap:wrap;gap:14px;padding:12px 0}.pro-mega>span{white-space:normal}}
/* V4: responsive nested navigation, gallery and opt-in inquiry integration */
.pro-nav-group{position:relative;display:flex;align-items:center;gap:3px}.pro-nav-disclose{border:0;background:none;color:inherit;font-size:12px;padding:8px}.pro-nav-children[hidden]{display:none!important}.pro-nav-children{position:absolute;left:0;top:100%;z-index:45;min-width:230px;max-width:360px;padding:10px;background:var(--pro-background);border:1px solid var(--pro-border);box-shadow:0 18px 35px #0002;border-radius:var(--pro-radius);display:flex;flex-direction:column}.pro-nav-children a{padding:10px 12px;white-space:nowrap}.pro-nav-children .pro-nav-leaf{padding-left:28px;color:var(--pro-muted)}
.pro-product-gallery{min-width:0}.pro-gallery-thumbs{display:flex;gap:8px;margin-top:12px;overflow:auto;scrollbar-width:thin;padding-bottom:5px}.pro-gallery-thumbs button{flex:0 0 86px;height:67px;border:2px solid transparent;padding:3px;border-radius:8px;background:var(--pro-surface)}.pro-gallery-thumbs button:focus-visible,.pro-gallery-thumbs button[aria-pressed=true]{border-color:var(--pro-accent)}.pro-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}.pro-gallery-lightbox{position:fixed;inset:0;background:rgba(10,16,30,.92);z-index:1000;display:grid;place-items:center;padding:6vw}.pro-gallery-lightbox[hidden]{display:none}.pro-gallery-lightbox img{max-width:92vw;max-height:80vh;object-fit:contain}.pro-gallery-lightbox button{position:absolute;right:25px;top:25px;border:1px solid #fff8;background:#222;color:#fff;padding:10px 15px;border-radius:5px}
.pro-inquiry-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px}.pro-inquiry{display:grid;gap:17px}.pro-inquiry label{display:grid;gap:7px;font-weight:650}.pro-inquiry input,.pro-inquiry textarea{padding:13px;border:1px solid var(--pro-border);border-radius:var(--pro-radius);background:var(--pro-background);color:var(--pro-text);width:100%}.pro-inquiry textarea{min-height:140px}.pro-inquiry .pro-honeypot{position:absolute;left:-10000px;width:1px;height:1px}.pro-inquiry p{font-size:12px;color:var(--pro-muted)}
@media(max-width:860px){.pro-nav-group{display:block}.pro-nav-children{position:static;max-width:none;width:100%;box-shadow:none;border:0;border-left:2px solid var(--pro-accent);padding-left:8px}.pro-nav-group>a{display:inline-block}.pro-inquiry-wrap{grid-template-columns:1fr;gap:20px}}
:root{--pro-text:#1c2a3b;--pro-muted:#718094;--pro-border:#e2e8ef;--pro-background:#fff;--pro-surface:#f2f5f9;--pro-accent:#bb8d50;--pro-hero:#0c1b2e;--pro-radius:5px;--pro-headings:'Arial Narrow',Arial,sans-serif;--pro-wide:1320px}
.pro-header{background:#0e1e30;color:#fff;border-color:#26374b}.pro-logo-symbol{color:#e0ae6c}.pro-logo-symbol span{color:#fff}.pro-logo-name small{color:#b3bfcf}.pro-header-cta{background:#c59b63;color:#0f1a26!important}.pro-navigation a:hover{color:#dfb97d}.pro-mega{background:#13263b;border-color:#2a4058;color:#c2d0de}.pro-mega>span{color:#d5aa72}.pro-mobile-toggle{color:#fff}
.pro-auto-hero{background:radial-gradient(circle at 68% 50%,#243b54 0%,#112539 34%,#081728 100%);color:#fff}.pro-auto-hero .pro-eyebrow{color:#d5a366}.pro-auto-hero .pro-hero-copy h1 em{color:#d2a16b}.pro-auto-hero .pro-hero-copy p{color:#b9c7d6}.pro-auto-hero .pro-button{color:#0d1b2d!important;background:#d8ad72}.pro-link-light{color:#d8e4ec;font-size:13px;font-weight:750}.pro-auto-hero .pro-hero-art{background:linear-gradient(160deg,#243e59,#0f2033);border:1px solid #ffffff25;box-shadow:0 50px 80px #0005;border-radius:3px;overflow:visible}.pro-abstract-car{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#45648599,transparent 63%)}.pro-abstract-car:before{content:'';position:absolute;left:10%;right:9%;bottom:29%;height:29%;border:3px solid #d3dfefad;border-radius:53% 49% 10% 12%;transform:skewX(-9deg);box-shadow:0 23px 15px #05121f88,0 0 0 3px #182c41 inset}.pro-abstract-car:after{content:'';position:absolute;left:23%;right:23%;bottom:56%;height:17%;border:3px solid #d3dfef72;border-radius:85% 85% 0 0;transform:skewX(-20deg)}.pro-abstract-car>span{position:absolute;top:26px;right:22px;font-size:10px;letter-spacing:.2em;color:#ccd9e5}.auto-wheel{position:absolute;bottom:18%;width:16%;aspect-ratio:1;border-radius:50%;border:11px solid #6f8499;background:#111e2c;box-shadow:0 0 0 4px #111a25}.auto-wheel.a{left:19%}.auto-wheel.b{right:17%}.pro-hero-art>b{position:absolute;bottom:-31px;right:0;font-size:11px;letter-spacing:.2em;color:#bdcde0}.pro-featured{background:#f4f6f8}.pro-featured .pro-card{border:0;box-shadow:0 7px 30px #0f2e4710}.pro-featured .pro-card-cover{background:#d9e2eb}.pro-featured .pro-art{background:linear-gradient(140deg,#dce5ed,#a9baca)}.pro-featured .pro-art-ring{border-color:#eef3f8bb}.pro-statement{background:#12243b;color:#fff}.pro-statement .pro-eyebrow{color:#d3a975}.pro-statement p{color:#aebfd3}.pro-statement h2{font-size:clamp(42px,5vw,70px);max-width:700px}.pro-statement .pro-text-link{color:#dfba83}.pro-brand-section{background:white}.pro-brand-pills a{min-width:150px;text-align:center;background:#f5f7fa}.pro-inner-hero{background:linear-gradient(120deg,#101e31,#273b51);color:#fff}.pro-inner-hero .pro-eyebrow{color:#d0a46b}.pro-inner-hero p,.pro-inner-hero .pro-breadcrumb{color:#c9d1df}.pro-inner-hero .pro-breadcrumb strong{color:#fff}.pro-article-hero{background:#14243a;color:#fff}.pro-article-hero p{color:#bed0df}.pro-footer{background:#071421}.pro-footer-bottom{color:#98aebf}.pro-end-cta{background:#1a324b}.pro-end-cta a{background:#d4a56d;color:#132339!important}.pro-404 h1{color:#b8905c}
/* SiteForge V5 commercial signature */
.pro-auto-hero .pro-hero-art{background-image:url("./visual/hero.svg")!important;background-position:center;background-size:cover;}
.pro-auto-hero{background:linear-gradient(117deg,#081729 0%,#102a43 100%)}.pro-auto-hero .pro-hero-art{border:1px solid #52667a55;border-radius:3px;box-shadow:0 30px 90px #0004;transform:translateX(0)}.pro-auto-hero .pro-hero-art .pro-abstract-car{opacity:0}.pro-hero-bottom{border-top:1px solid #ffffff1c}.pro-brand-pills a{transition:background .2s}.pro-brand-pills a:hover{background:#d6a974;color:#10233a}.pro-card{border-color:#e0e6ee;border-radius:5px}.pro-card-cover{background:linear-gradient(135deg,#edf1f6,#dbe4eb)}.pro-art{background:linear-gradient(130deg,#e0e8ee,#c4d0dc);color:#37536b}.pro-featured{background:#f8fafc}.pro-statement{background:#0d2134;color:white}.pro-statement p{color:#c6d0dd}.pro-statement .pro-text-link{color:#f0b870}.pro-section-head h2{font-weight:800}.pro-footer{background:#08182a;color:#e5e9ed}
/* V8.29 presentation refinement: automotive. Preserve per-theme design language. */
body.pro-automotive{--pro-studio-ring:rgba(209,161,99,.28);--pro-focus-color:#d1a163;--pro-interact-radius:6px}
body.pro-automotive .pro-wrap{max-width:100%;min-width:0}
body.pro-automotive .pro-hero-copy,body.pro-automotive .pro-card-body,body.pro-automotive .pro-card-copy{min-width:0;overflow-wrap:anywhere}
body.pro-automotive .pro-hero-copy h1{font-size:clamp(2.45rem,5.15vw,5.6rem);line-height:1.08;max-width:18ch;text-wrap:balance}
body.pro-automotive .pro-section-head h2{font-size:clamp(1.85rem,3vw,3.25rem);text-wrap:balance}
body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
@media(hover:hover){body.pro-automotive .pro-card:hover,body.pro-automotive .pro-product-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px var(--pro-studio-ring)}}
body.pro-automotive :where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--pro-focus-color);outline-offset:3px}
body.pro-automotive img{max-width:100%;height:auto}
body.pro-automotive .pro-card-cover img,body.pro-automotive .pro-gallery-main img{object-fit:cover;max-height:100%}
body.pro-automotive .pro-mobile-toggle,body.pro-automotive .pro-nav-disclose{min-height:44px;min-width:44px}
@media(max-width:860px){body.pro-automotive .pro-home-grid,body.pro-automotive .pro-product-layout,body.pro-automotive .pro-inquiry-wrap{min-width:0}body.pro-automotive .pro-card-grid,body.pro-automotive .pro-grid{gap:clamp(12px,3vw,23px)}}
@media(max-width:560px){body.pro-automotive .pro-wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}body.pro-automotive .pro-hero-copy h1{font-size:clamp(2rem,9vw,3.2rem)}body.pro-automotive .pro-section-head h2{font-size:clamp(1.75rem,7vw,2.5rem)}body.pro-automotive .pro-section{padding-block:clamp(34px,9vw,60px)}body.pro-automotive .pro-card-cover{height:auto;aspect-ratio:4/3}body.pro-automotive .pro-card-cover img{width:100%;height:100%;object-fit:cover}}
@media(prefers-reduced-motion:reduce){body.pro-automotive .pro-card,body.pro-automotive .pro-product-card{transition:none!important;transform:none!important}}
/* V8.30 REAL PAGE COMPOSITION. Built-in theme version 1.3.0 only.
Content-driven sections do not invent client names, certifications or KPIs. */
.pro-v30-page{--v30-ink:var(--pro-text);--v30-secondary:var(--pro-muted);--v30-line:var(--pro-border);--v30-panel:var(--pro-surface);--v30-max:1180px;color:var(--v30-ink);overflow:clip}
.pro-v30-page .pro-wrap{max-width:var(--v30-max);min-width:0}
.pro-v30-page h1,.pro-v30-page h2{overflow-wrap:anywhere;text-wrap:balance;line-height:1.11}
.pro-v30-page h1{font-size:clamp(2.55rem,5.2vw,5.6rem);margin:18px 0 22px;letter-spacing:-.035em}
.pro-v30-page h2{font-size:clamp(1.8rem,3.3vw,3rem);margin:16px 0 26px;letter-spacing:-.02em}
.pro-v30-page p{line-height:1.75;overflow-wrap:anywhere}
.pro-v30-page img{max-width:100%}
.pro-v30-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8vw;align-items:end}
.pro-v30-page-intro{padding:clamp(68px,10vw,128px) 0 clamp(55px,8vw,94px);background:var(--v30-panel)}
.pro-v30-intro-main>p{max-width:610px;font-size:clamp(16px,2vw,21px);color:var(--v30-secondary)}
.pro-v30-intro-aside{border-left:1px solid var(--v30-line);padding-left:27px;display:grid;gap:8px;align-content:end;min-height:120px}
.pro-v30-overline,.pro-v30-caption{font-size:11px;letter-spacing:.12em;color:var(--v30-secondary)}
.pro-v30-index-number{font-size:64px;line-height:1;font-weight:650;letter-spacing:-.08em}
.pro-v30-index-toolbar{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}
.pro-v30-index-body{background:var(--pro-background)}
.pro-v30-index-body .pro-section-head,.pro-v30-index-toolbar h2{margin:8px 0}
.pro-v30-subtle-link,.pro-v30-text-action{display:inline-flex;gap:10px;text-decoration:none;font-weight:750;font-size:13px;align-items:center;min-height:44px}
.pro-v30-subtle-link:hover,.pro-v30-text-action:hover{text-decoration:underline}
.pro-v30-results{margin-top:clamp(28px,5vw,54px)}
.pro-v30-product-top{padding:26px 0 clamp(60px,8vw,110px);background:var(--v30-panel)}
.pro-v30-crumb{display:flex;flex-wrap:wrap;gap:11px;align-items:center;font-size:12px;color:var(--v30-secondary);margin:8px 0 46px}
.pro-v30-crumb a{text-decoration:underline;text-underline-offset:4px}
.pro-v30-product-head{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(30px,6vw,90px)}
.pro-v30-product-intro>p{font-size:clamp(16px,2vw,19px);color:var(--v30-secondary);max-width:48ch}
.pro-v30-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.pro-v30-tags span{padding:8px 13px;border:1px solid var(--v30-line);font-size:12px;border-radius:2px}
.pro-v30-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px}
.pro-v30-main-media{background:var(--pro-surface);aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;border-radius:var(--pro-radius)}
.pro-v30-main-media .pro-photo{width:100%;height:100%;object-fit:contain}
.pro-v30-product-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:clamp(30px,7vw,104px)}
.pro-v30-details-main .pro-rich{max-width:760px}.pro-v30-details-side{align-self:start;border-top:3px solid var(--pro-accent);padding-top:25px}
.pro-v30-details-side .pro-specs>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px}.pro-v30-details-side .pro-specs strong{overflow-wrap:anywhere}
.pro-v30-reading-head{padding:clamp(50px,8vw,100px) 0 clamp(60px,8vw,100px);background:var(--v30-panel)}
.pro-v30-reading-title{max-width:940px;margin:auto}.pro-v30-reading-title>p{font-size:clamp(16px,2.1vw,22px);max-width:65ch;color:var(--v30-secondary)}
.pro-v30-reading-title time{display:block;margin-top:24px;font-size:13px;color:var(--v30-secondary)}
.pro-v30-reading-layout{display:grid;grid-template-columns:180px minmax(0,750px);gap:clamp(35px,7vw,110px);padding-block:clamp(55px,8vw,110px)}
.pro-v30-reading-aside{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:30px;font-size:13px}
.pro-v30-reading-rule{height:1px;background:var(--v30-line)}
.pro-v30-reading-content{min-width:0}.pro-v30-reading-content figure{margin:0 0 45px}.pro-v30-reading-content figure img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}
.pro-v30-reading-content .pro-rich{line-height:1.9;font-size:clamp(16px,1.75vw,18px)}.pro-v30-reading-content .pro-rich>*+*{margin-top:1.3em}
.pro-v30-about-opening{padding:clamp(75px,10vw,130px) 0;background:var(--v30-panel)}
.pro-v30-about-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:9%;align-items:end}.pro-v30-about-heading>p{font-size:clamp(17px,2vw,23px);color:var(--v30-secondary);padding-bottom:12px}
.pro-v30-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,8vw,120px);align-items:center}
.pro-v30-about-media{min-height:360px;aspect-ratio:5/4;background:var(--v30-panel);overflow:hidden}.pro-v30-about-media img{width:100%;height:100%;object-fit:cover}
.pro-v30-media-placeholder{height:100%;min-height:360px;display:grid;place-items:center;color:var(--v30-secondary);letter-spacing:.18em;font-size:12px;border:1px solid var(--v30-line)}
.pro-v30-about-copy .pro-rich{max-width:620px}.pro-v30-about-cases{background:var(--v30-panel)}
.pro-v30-contact-header{background:var(--v30-panel);padding:clamp(75px,10vw,135px) 0}.pro-v30-contact-header p{font-size:clamp(17px,2vw,21px);max-width:58ch;color:var(--v30-secondary)}
.pro-v30-contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,8vw,120px)}
.pro-v30-contact-channel{display:grid;gap:10px;margin-top:45px;border-top:1px solid var(--v30-line);padding-top:25px}.pro-v30-contact-channel span{font-size:12px;color:var(--v30-secondary)}.pro-v30-contact-channel a{font-size:clamp(15px,2vw,24px);overflow-wrap:anywhere;font-weight:650}
.pro-v30-contact-form-wrap{padding:clamp(22px,4vw,48px);background:var(--v30-panel);min-width:0}
.pro-v30-contact-form-wrap .pro-inquiry{margin-top:22px}.pro-v30-contact-form-wrap .pro-inquiry input,.pro-v30-contact-form-wrap textarea{background:var(--pro-background)}
.pro-v30-contact-note{display:grid;align-content:space-between;min-height:270px;gap:24px}.pro-v30-decorative-number{font-size:90px;line-height:1;justify-self:end;color:var(--pro-accent)}
.pro-v30-home-editorial{background:var(--pro-surface)}
.pro-v30-page :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--pro-accent);outline-offset:3px}
@media(max-width:950px){.pro-v30-product-head,.pro-v30-product-details,.pro-v30-about-grid,.pro-v30-contact-layout{grid-template-columns:1fr;gap:38px}.pro-v30-product-visual{order:-1}.pro-v30-about-heading{grid-template-columns:1fr;gap:4px}.pro-v30-about-media{max-height:430px}.pro-v30-reading-layout{grid-template-columns:1fr;gap:24px}.pro-v30-reading-aside{position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.pro-v30-reading-rule{display:none}}
@media(max-width:600px){.pro-v30-page .pro-wrap{padding-inline:max(18px,env(safe-area-inset-left));}.pro-v30-page h1{font-size:clamp(2.2rem,9.2vw,3.4rem)}.pro-v30-intro-layout{grid-template-columns:1fr;gap:18px}.pro-v30-intro-aside{display:none}.pro-v30-index-toolbar{align-items:start;flex-direction:column;gap:0}.pro-v30-crumb{margin-bottom:24px}.pro-v30-product-top{padding-bottom:42px}.pro-v30-main-media{aspect-ratio:5/4}.pro-v30-product-details{gap:45px}.pro-v30-reading-title{margin:0}.pro-v30-reading-content figure{margin-bottom:22px}.pro-v30-about-media,.pro-v30-media-placeholder{min-height:220px}.pro-v30-contact-form-wrap{padding:20px}.pro-v30-contact-layout{gap:30px}}
@media(prefers-reduced-motion:reduce){.pro-v30-page *{scroll-behavior:auto!important}}
/* Theme-specific editorial composition */
.pro-v30-product-automotive .pro-v30-main-media{background:linear-gradient(155deg,#eaf0f5,#d8e4ed)}.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:.7fr 1.3fr}.pro-v30-article-automotive .pro-v30-reading-head{background:linear-gradient(145deg,#0d2339,#213a55);color:#fff}.pro-v30-article-automotive .pro-v30-reading-title>p,.pro-v30-article-automotive .pro-v30-crumb{color:#d9e4ed}.pro-v30-vehicle-index .pro-v30-page-intro{background:#11283d;color:#f7f9fb}.pro-v30-vehicle-index .pro-v30-intro-main>p,.pro-v30-vehicle-index .pro-v30-intro-aside{color:#cbd6e0}.pro-v30-vehicle-index .pro-v30-intro-aside{border-color:#ffffff39}.pro-v30-vehicle-index .pro-eyebrow{color:#e2b47b}.pro-v30-product-automotive .pro-v30-product-intro h1{letter-spacing:-.055em}
@media(max-width:950px){.pro-v30-product-automotive .pro-v30-product-head{grid-template-columns:1fr}}
/* Retain existing gallery runtime behavior with re-composed product layout. */
.pro-v30-page .pro-product-media{height:auto;min-height:0}
/* SiteForge V8.31 – Magic Bridge inspired, data-driven automotive export storefront.
All selectors scoped to the automotive theme. Preserves existing platform navigation
drawer, optional mobile Tabs, gallery, URL/SEO and client-side catalog filtering. */
body.pro-automotive{--pro-text:#13263b;--pro-muted:#67788d;--pro-border:#e7edf3;--pro-background:#fff;--pro-surface:#f5f7fa;--pro-accent:#ea733e;--pro-hero:#f5f7fa;--pro-radius:12px;--pro-wide:1280px;--pro-headings:Inter,Arial,'Microsoft YaHei',sans-serif;color:#14273c;background:#fff}
body.pro-automotive .pro-wrap{max-width:min(1280px,100%);padding-inline:clamp(18px,3.7vw,50px)}
body.pro-automotive .pro-utility{background:#122840;color:#deebf7;border:0;font-size:11px;letter-spacing:.075em}
body.pro-automotive .pro-utility .pro-wrap{min-height:34px;gap:16px}
body.pro-automotive .auto31-header{background:#fff;color:#142b43;border-bottom:1px solid #e9eef4;position:relative;z-index:20;box-shadow:0 5px 22px #14304808}
body.pro-automotive .auto31-head-inner{min-height:85px;gap:clamp(12px,2vw,30px)}
body.pro-automotive .pro-logo{color:#12283d;flex-shrink:1;min-width:0}
body.pro-automotive .pro-logo-symbol{background:#eb733e;color:#fff;border-radius:12px;padding:5px 10px;font-size:24px}
body.pro-automotive .pro-logo-symbol span{color:#fff}
body.pro-automotive .pro-logo-name{font-weight:850;font-size:clamp(14px,1.4vw,19px)}
body.pro-automotive .pro-logo-name small{color:#7a8998;letter-spacing:.12em;font-size:9px}
body.pro-automotive .pro-brand-logo{object-fit:contain;max-height:51px;width:auto}
body.pro-automotive .pro-navigation{gap:clamp(9px,1.3vw,22px)}
body.pro-automotive .pro-navigation a{color:#263c53;font-size:13px;font-weight:690}
body.pro-automotive .pro-navigation a:hover,body.pro-automotive .pro-navigation a[aria-current=page]{color:#db6632}
body.pro-automotive .pro-nav-disclose{color:#344456}
body.pro-automotive .pro-header-cta{background:#ef743c;color:#fff!important;border-radius:8px;padding:13px 20px;white-space:nowrap;box-shadow:none;font-size:12px;font-weight:760}
body.pro-automotive .pro-header-cta:hover{background:#c85627}
body.pro-automotive .pro-catalog-toggle{background:#f4f7fa!important;color:#223950!important;border:1px solid #dfe6ed;border-radius:8px;padding:13px 13px;font-size:12px;font-weight:750;white-space:nowrap}
body.pro-automotive .auto31-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);max-width:min(1160px,calc(100vw - 32px));z-index:40;display:grid;grid-template-columns:minmax(195px,.85fr) minmax(280px,1.5fr) minmax(170px,.78fr);padding:34px;gap:34px;color:#19314a;background:white;border:1px solid #e6edf4;border-radius:0 0 18px 18px;box-shadow:0 24px 70px #0d263922}
body.pro-automotive .auto31-mega[hidden]{display:none!important}
body.pro-automotive .auto31-mega-lead{padding:15px 22px 12px 5px;border-right:1px solid #e8eef5}
body.pro-automotive .auto31-mega-lead>h2{font-size:26px;margin:12px 0}
body.pro-automotive .auto31-mega-lead p{color:#7d8997;font-size:13px;line-height:1.7}
body.pro-automotive .auto31-mega-lead a{display:inline-block;margin-top:22px;font-size:13px;color:#df6a34;font-weight:750}
body.pro-automotive .auto31-mega-column>strong{font-size:13px;display:block;margin-bottom:20px}
body.pro-automotive .auto31-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
body.pro-automotive .auto31-mega-links a{padding:9px 0;color:#42536a!important;text-decoration:none;font-size:12px;display:flex;justify-content:space-between;gap:5px;align-items:center}
body.pro-automotive .auto31-mega-links a:hover{color:#eb7138!important}
body.pro-automotive .auto31-mega-links a span{opacity:.35}
body.pro-automotive .auto31-mega-categories .auto31-mega-links{grid-template-columns:1fr}
body.pro-automotive .auto31-mega-contact{display:block;margin-top:20px;color:#e16a32;font-size:12px;font-weight:700}
body.pro-automotive .auto31-muted{color:#8997a5;font-size:12px}
.auto31-home{color:#1a3047}.auto31-home .pro-eyebrow,.auto31-detail .pro-eyebrow,.auto31-brand .pro-eyebrow,.auto31-catalog .pro-eyebrow{color:#eb733d;font-size:11px;letter-spacing:.135em;font-weight:800}
.auto31-hero{background:linear-gradient(115deg,#f8fafc,#edf3f8);padding:60px 0 0;position:relative;overflow:hidden}
.auto31-hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(20px,4vw,65px);min-height:500px;align-items:center}
.auto31-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#e57239}
.auto31-kicker span{height:8px;width:8px;border-radius:50%;background:#ee7138}
.auto31-hero-copy{padding:20px 0 65px;min-width:0}.auto31-hero-copy h1{font-size:clamp(42px,5vw,76px);font-weight:850;line-height:1.11;letter-spacing:-.048em;margin:24px 0;color:#102942;max-width:12ch;overflow-wrap:anywhere}
.auto31-hero-copy p{color:#687b8d;line-height:1.75;font-size:clamp(15px,1.5vw,18px);max-width:47ch}
.auto31-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:32px}
.auto31-primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#ea733e!important;color:white!important;padding:13px 24px;text-decoration:none;border-radius:8px;font-weight:760;font-size:13px;min-height:49px;white-space:normal}
.auto31-primary:hover{background:#cd5928!important}.auto31-secondary{display:inline-flex;gap:12px;align-items:center;justify-content:center;color:#203e5a!important;font-size:13px;font-weight:800;text-decoration:none;min-height:44px}
.auto31-hero-media{position:relative;align-self:stretch;min-height:360px;display:grid;place-items:center}
.auto31-hero-media>img{width:100%;max-height:510px;object-fit:contain;filter:drop-shadow(0 24px 18px #173a571c)}
.auto31-car-placeholder{width:100%;height:100%;min-height:330px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:50px;gap:12px;background:radial-gradient(ellipse at 75% 80%,#c5d5e7 0%,transparent 52%),linear-gradient(130deg,#e3ebf3,#f6f9fc);color:#72859a;border-radius:18px}
.auto31-car-placeholder strong{font-size:clamp(26px,3vw,45px);line-height:1.1;color:#9caec0}.auto31-car-placeholder span{font-weight:800;letter-spacing:.2em;font-size:11px}.auto31-car-placeholder small{font-size:12px}
.auto31-hero-stamp{position:absolute;bottom:26px;right:15px;background:#112d48;color:#fff;padding:13px 17px;border-radius:8px;font-size:11px;letter-spacing:.1em}.auto31-hero-stamp span{color:#ed8f62;margin-left:15px}
.auto31-quick-wrap{position:relative;z-index:2;transform:translateY(31px)}
.auto31-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:#fff;padding:14px 16px 14px 30px;border:1px solid #e5edf4;border-radius:12px;box-shadow:0 15px 45px #173a5515}
.auto31-search>label{font-size:14px;font-weight:800;white-space:nowrap}.auto31-search-field{display:flex;align-items:center;gap:12px;background:#f5f7fa;padding:0 16px;border-radius:7px;color:#95a2ae;min-width:0}
.auto31-search-field input{width:100%;font-size:14px;background:transparent;border:none;outline:none;min-height:44px;color:#152c40;min-width:0}.auto31-search button{border:0;background:#132e49;color:#fff;border-radius:7px;padding:13px 21px;font-weight:800;cursor:pointer;white-space:nowrap;min-height:44px}
.auto31-brand-strip{background:white;padding:77px 0 39px}.auto31-strip-inner{display:flex;gap:24px;align-items:center}.auto31-strip-inner>span{font-size:11px;font-weight:800;white-space:nowrap;color:#8d98a5;letter-spacing:.1em}.auto31-brand-list{display:flex;gap:10px;overflow:auto;scrollbar-width:thin;min-width:0;flex:1}.auto31-brand-list a{background:#f4f6f8;color:#3a5063;border-radius:6px;white-space:nowrap;font-size:12px;font-weight:750;padding:11px 17px}.auto31-brand-list a:hover{background:#e8eff6}.auto31-all{white-space:nowrap;font-size:12px;color:#e77340;font-weight:800}
.auto31-featured,.auto31-news{background:#fff}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.auto31-section-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:34px}.auto31-section-heading h2{font-size:clamp(29px,3.1vw,45px);line-height:1.2;letter-spacing:-.035em;margin:13px 0}.auto31-section-heading p{color:#81909e;max-width:65ch}.auto31-section-heading>a{white-space:nowrap;font-size:13px;font-weight:770;color:#e36b35}
.auto31-heading-mark{color:#ea763b}.auto31-home .pro-card,.auto31-catalog .pro-card,.auto31-brand .pro-card{border:1px solid #edf0f4;border-radius:11px;overflow:hidden;box-shadow:0 8px 30px #13314909;background:#fff}
.auto31-home .pro-card-cover,.auto31-catalog .pro-card-cover,.auto31-brand .pro-card-cover{background:#f2f5f8;aspect-ratio:4/3;overflow:hidden;height:auto}
.auto31-home .pro-card-cover img,.auto31-catalog .pro-card-cover img,.auto31-brand .pro-card-cover img{width:100%;height:100%;object-fit:contain;padding:8px}
.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:19px 20px 21px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:18px;line-height:1.35;margin:10px 0 8px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{color:#83909b;line-height:1.6;font-size:12px}.auto31-home .pro-card-meta,.auto31-catalog .pro-card-meta{color:#ea773f;font-size:11px}.auto31-home .pro-card-link,.auto31-catalog .pro-card-link,.auto31-brand .pro-card-link{color:#df6b39;font-size:12px;font-weight:800}
.auto31-double-feature{padding:32px 0 88px;background:#fff}.auto31-double-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.auto31-feature-tile{display:flex;min-height:265px;gap:12px;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(25px,4vw,49px);background:#eaf2f9;color:#1b3146!important;border-radius:13px;text-decoration:none}.auto31-feature-tile-alt{background:#183650;color:#fff!important}.auto31-feature-tile>span{font-size:11px;letter-spacing:.12em;font-weight:750;opacity:.7}.auto31-feature-tile h2{font-size:clamp(25px,3vw,39px);margin:5px 0;line-height:1.3}.auto31-feature-tile p{font-size:13px;max-width:42ch;opacity:.8}.auto31-feature-tile strong{font-size:13px;margin-top:12px;color:#e7743d}
.auto31-company{background:#f4f7fa}.auto31-company-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}.auto31-company h2{font-size:clamp(28px,4vw,57px);margin:15px 0;line-height:1.15}.auto31-company p{color:#74889a;font-size:17px;line-height:1.7;max-width:45ch;margin-bottom:23px}.auto31-company-panel{background:white;padding:clamp(22px,4vw,42px);border-radius:15px;box-shadow:0 11px 34px #122b450c}.auto31-company-panel>span{font-size:11px;letter-spacing:.12em;color:#e1733e;font-weight:800}.auto31-company-panel>div{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:15px;padding:19px 0;border-bottom:1px solid #ecf1f5}.auto31-company-panel>div:last-child{border:0}.auto31-company-panel b{color:#eb7e48}.auto31-company-panel strong{font-size:15px}.auto31-company-panel small{color:#8895a3;font-size:11px;text-align:right}
.auto31-news{background:#fff}
.auto31-page-banner{padding:clamp(50px,6vw,90px) 0;background:linear-gradient(120deg,#f5f8fb,#edf3f8);color:#102940}.auto31-banner-grid{display:flex;justify-content:space-between;align-items:end;gap:30px}.auto31-page-banner h1{font-size:clamp(39px,4.7vw,66px);margin:14px 0}.auto31-page-banner p{color:#697d8d;max-width:62ch;font-size:17px}.auto31-crumb{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;font-size:12px;color:#7d8b98}.auto31-crumb a{color:#567187;text-decoration:none}.auto31-banner-stat{display:flex;flex-direction:column;align-items:center;min-width:150px;border-left:1px solid #d6e1ea;padding-left:28px}.auto31-banner-stat strong{font-size:70px;font-weight:800;line-height:1}.auto31-banner-stat span{font-size:11px;color:#90a0ad}
.auto31-catalog-section{background:white}.auto31-catalog-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.auto31-catalog-head h2{font-size:33px;margin:8px 0}.auto31-catalog-head>a{color:#df6b39;font-size:13px;font-weight:800}
.auto31-catalog .pro-filter-panel,.auto31-category .pro-filter-panel{background:#f7f9fc;border:1px solid #edf1f5;padding:19px;border-radius:12px;gap:16px;margin-bottom:28px}.auto31-catalog .pro-filter-panel label{min-width:0}.auto31-catalog .pro-filter-panel input,.auto31-catalog .pro-filter-panel select{background:white;border-color:#dfe7ef;border-radius:8px;min-height:44px}.auto31-vehicle-results{margin:0}
.auto31-brand-banner{background:#f3f7fb}.auto31-brand-intro{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:45px}.auto31-brand-photo{aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#e7eff6}.auto31-brand-photo img{width:100%;height:100%;object-fit:contain}.auto31-brand-intro .auto31-primary{margin-top:18px}.auto31-brand-products{background:#fff}.auto31-brand-story{background:#f6f8fb}.auto31-story-grid{display:grid;grid-template-columns:.6fr 1fr;gap:60px}.auto31-story-grid h2{font-size:35px;margin:14px 0}.auto31-story-grid .pro-rich{line-height:1.85}
.auto31-detail-head{padding:26px 0 75px;background:#f7f9fc}.auto31-detail-head .auto31-crumb{margin-bottom:40px}.auto31-detail-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:31px}.auto31-detail-title h1{font-size:clamp(36px,4.4vw,64px);margin:14px 0 6px}.auto31-model-tags{display:flex;gap:8px;flex-wrap:wrap}.auto31-model-tags span{border-radius:30px;border:1px solid #d9e3ed;padding:6px 12px;color:#587086;font-size:11px}.auto31-detail-main{background:#edf2f7;border-radius:14px;overflow:hidden;aspect-ratio:16/8;display:grid;place-items:center}.auto31-detail-main .pro-photo{height:100%;width:100%;object-fit:contain;padding:15px}.auto31-detail-gallery{max-width:1180px;margin:auto}.auto31-thumbnails{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.auto31-thumbnails button{border-radius:8px;background:white;border:1px solid #dbe5ef;padding:5px;cursor:pointer}.auto31-thumbnails button[aria-pressed=true]{border-color:#e5723e}.auto31-thumbnails img{width:98px;height:64px;object-fit:contain}
.auto31-detail-columns{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(30px,7vw,90px)}.auto31-detail-copy h2,.auto31-spec-panel h2{font-size:clamp(27px,3vw,40px);margin:14px 0 22px}.auto31-detail-summary{color:#698094;font-size:18px;line-height:1.8}.auto31-detail-copy .pro-rich{line-height:1.9}.auto31-spec-panel{border:1px solid #e6edf4;background:#f9fbfd;border-radius:14px;padding:clamp(22px,3vw,35px);align-self:start}.auto31-spec-panel .pro-specs>div{grid-template-columns:1fr 1fr;gap:10px}.auto31-spec-panel .auto31-secondary{margin-top:24px;color:#e4723e!important}
body.pro-automotive .pro-end-cta{background:#193650;color:#fff}body.pro-automotive .pro-end-cta a{background:#ef7840!important;color:white!important;border-radius:8px}
body.pro-automotive .pro-footer{background:#0b2137;color:#eaf3fb}body.pro-automotive .pro-footer-bottom{color:#9aaec1}
@media(max-width:1180px){body.pro-automotive .pro-navigation{gap:8px}body.pro-automotive .auto31-head-inner{gap:10px}body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1024px){body.pro-automotive .pro-header{z-index:30}body.pro-automotive .pro-mobile-toggle{color:#19344e!important;background:#edf3f8;border-radius:8px}body.pro-automotive .pro-navigation{background:#fff!important;color:#182e45!important}body.pro-automotive .pro-navigation a{color:#1b344c!important}body.pro-automotive .auto31-menu-trigger{display:none!important}body.pro-automotive .auto31-hero-grid{grid-template-columns:1fr 1fr}.auto31-hero-copy h1{font-size:clamp(34px,4.8vw,58px)}}
@media(max-width:850px){.auto31-hero-grid,.auto31-company-grid,.auto31-brand-intro,.auto31-detail-columns,.auto31-story-grid{grid-template-columns:1fr}.auto31-hero{padding-top:35px}.auto31-hero-copy{padding:20px 0}.auto31-hero-media{min-height:300px;max-height:420px}.auto31-hero-media>img{max-height:410px}.auto31-strip-inner{flex-wrap:wrap}.auto31-brand-list{order:3;flex-basis:100%}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auto31-company-panel>div{grid-template-columns:35px 1fr auto}}
@media(max-width:600px){body.pro-automotive .pro-wrap{padding-inline:max(17px,env(safe-area-inset-left)) max(17px,env(safe-area-inset-right))}.auto31-hero-copy h1{font-size:clamp(34px,9vw,49px);max-width:14ch}.auto31-hero-copy p{font-size:15px}.auto31-hero-media{min-height:220px}.auto31-car-placeholder{min-height:230px;padding:23px}.auto31-hero-stamp{display:none}.auto31-quick-wrap{transform:translateY(18px)}.auto31-search{grid-template-columns:1fr;gap:11px;padding:16px}.auto31-search>label{font-size:13px}.auto31-search button{width:100%}.auto31-brand-strip{padding-top:48px}.auto31-featured .pro-grid,.auto31-catalog .pro-grid,.auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.auto31-home .pro-card-body,.auto31-catalog .pro-card-body,.auto31-brand .pro-card-body{padding:13px}.auto31-home .pro-card h3,.auto31-catalog .pro-card h3,.auto31-brand .pro-card h3{font-size:14px}.auto31-home .pro-card-body p,.auto31-catalog .pro-card-body p,.auto31-brand .pro-card-body p{font-size:11px}.auto31-section-heading,.auto31-catalog-head{align-items:flex-start;flex-direction:column}.auto31-section-heading h2{font-size:29px}.auto31-double-grid{grid-template-columns:1fr}.auto31-feature-tile{min-height:190px}.auto31-company-panel>div{grid-template-columns:28px 1fr}.auto31-company-panel small{grid-column:2;text-align:left}.auto31-banner-stat{display:none}.auto31-page-banner h1{font-size:38px}.auto31-detail-title{align-items:flex-start;flex-direction:column}.auto31-detail-main{aspect-ratio:5/4}.auto31-spec-panel{padding:21px}.auto31-catalog .pro-filter-panel{grid-template-columns:1fr 1fr}.auto31-thumbnails img{width:65px;height:49px}}
@media(prefers-reduced-motion:reduce){.auto31-home *,.auto31-brand *,.auto31-catalog *,.auto31-detail *{transition:none!important;scroll-behavior:auto!important}}
/* V8.31 mobile layout: override the broader tablet rule with a deliberate, single-column hero. */
@media(max-width:850px){
body.pro-automotive .auto31-hero .auto31-hero-grid{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0}
body.pro-automotive .auto31-hero .auto31-hero-copy{padding:26px 0 12px}
body.pro-automotive .auto31-hero .auto31-hero-copy h1{max-width:17ch;overflow-wrap:normal}
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:230px;max-height:450px}
}
@media(max-width:600px){
body.pro-automotive .auto31-hero{padding-top:16px}
body.pro-automotive .auto31-hero .auto31-hero-copy h1{font-size:clamp(34px,9vw,44px);max-width:15ch}
body.pro-automotive .auto31-hero .auto31-hero-media{min-height:215px;max-height:300px}
body.pro-automotive .auto31-hero .auto31-car-placeholder{min-height:215px}
}
/* V8.31 phone catalogue: override the higher-specificity tablet three-column rule. */
@media(max-width:600px){body.pro-automotive .auto31-featured .pro-grid,body.pro-automotive .auto31-catalog .pro-grid,body.pro-automotive .auto31-brand-products .pro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
/* V8.31.1 semantics and light rendering: no external icon/font dependencies. */
body.pro-automotive .auto-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.17em;flex-shrink:0;stroke:currentColor;fill:none}
body.pro-automotive .auto31-hero-stamp .auto-icon{margin-right:.5em}
body.pro-automotive .pro-navigation a .auto-icon{width:1.05em;height:1.05em;color:#d97545}
body.pro-automotive .auto31-mega-links a{justify-content:flex-start}
body.pro-automotive .auto31-mega-links a .auto-icon{color:#db7445}
body.pro-automotive .auto31-primary,body.pro-automotive .auto31-secondary,body.pro-automotive .pro-header-cta,body.pro-automotive .pro-catalog-toggle{gap:9px}
body.pro-automotive .auto31-feature-tile strong .auto-icon,body.pro-automotive .auto31-section-heading>a .auto-icon{margin-right:6px}
body.pro-automotive .auto31-search-field .auto-icon{width:19px;height:19px}
body.pro-automotive .auto31-search button .auto-icon{margin-right:7px}
body.pro-automotive .pro-card-link .auto-icon{margin-left:5px}
body.pro-automotive .pro-mobile-toggle .auto-icon{height:24px;width:24px}
@media(max-width:1024px){body.pro-automotive .pro-navigation a .auto-icon{width:18px;height:18px}}
/* SiteForge commercial theme UX layer: accessibility, layout rhythm, media, responsive navigation. */
:root{--sf-shadow:0 20px 55px rgba(17,33,55,.08);--sf-shadow-hover:0 26px 65px rgba(17,33,55,.15)}
html{scroll-padding-top:104px}body{font-feature-settings:"kern";text-rendering:optimizeLegibility}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pro-accent);outline-offset:4px}
.pro-wrap{width:100%;max-width:min(var(--pro-wide),100%)}.pro-header{isolation:isolate;box-shadow:0 1px 0 rgba(15,35,60,.035)}.pro-head-inner{gap:clamp(15px,2vw,29px)}.pro-logo{min-width:0;flex-shrink:0;gap:12px}.pro-brand-logo{max-width:155px;max-height:46px;width:auto;height:auto;object-fit:contain}.pro-logo-name{overflow-wrap:anywhere}.pro-navigation{gap:clamp(11px,1.6vw,24px)}.pro-header-cta{white-space:nowrap}
.pro-mobile-toggle,.pro-catalog-toggle,.pro-nav-disclose{border:0;background:transparent;color:inherit;line-height:1.2}
.pro-mobile-toggle{min-height:44px;min-width:44px;border:1px solid currentColor;border-radius:6px;font-size:19px}.pro-nav-group{position:relative;display:flex;align-items:center;gap:2px}
.pro-nav-disclose{padding:9px;font-size:13px}.pro-nav-children{position:absolute;top:100%;left:0;min-width:215px;max-width:330px;display:grid;gap:2px;padding:13px;box-shadow:var(--sf-shadow);border-radius:10px;z-index:45;background:var(--pro-background);border:1px solid var(--pro-border);color:var(--pro-text)}
.pro-nav-children[hidden],.pro-mega[hidden]{display:none!important}.pro-nav-children a{display:block;font-size:13px;white-space:normal;padding:10px;border-radius:5px}.pro-nav-children a:hover{background:var(--pro-surface)}
.pro-catalog-toggle{padding:11px 3px;white-space:nowrap;font-size:12px;font-weight:700}.pro-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(100%,var(--pro-wide));box-shadow:var(--sf-shadow);z-index:41;display:grid;grid-template-columns:215px 1fr;background:var(--pro-background);color:var(--pro-text);border:1px solid var(--pro-border);border-radius:0 0 15px 15px;padding:29px;align-items:start}.pro-mega>span{font-size:12px;letter-spacing:.06em}.pro-mega>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 22px;overflow:visible}.pro-mega>div a{white-space:normal;padding:10px 5px;border-bottom:1px solid var(--pro-border)}
.pro-home-hero{overflow:hidden}.pro-home-hero .pro-home-grid{min-height:660px;gap:5%}.pro-home-hero .pro-hero-copy{position:relative;z-index:2}.pro-home-hero .pro-hero-copy h1{font-size:clamp(46px,5.7vw,92px);line-height:1.06;letter-spacing:-.064em;max-width:15ch}.pro-home-hero .pro-hero-copy h1 em{font-style:normal;display:block}.pro-home-hero .pro-hero-copy p{font-size:clamp(15px,1.3vw,19px);line-height:1.75;max-width:44ch}.pro-home-hero .pro-hero-art{min-width:0;min-height:425px;position:relative;isolation:isolate}.pro-home-hero .pro-hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.pro-hero-art:has(.pro-abstract-car),.pro-hero-art:has(.pro-technical),.pro-hero-art:has(.pro-corporate-shape){background-position:center;background-size:cover;background-repeat:no-repeat}.pro-abstract-car,.pro-technical,.pro-corporate-shape{position:relative;z-index:1;pointer-events:none}
.pro-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.pro-button,.pro-header-cta,.pro-outline-button{min-height:48px;transition:transform .24s ease,box-shadow .24s ease,opacity .24s ease}.pro-button:hover,.pro-header-cta:hover,.pro-outline-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.10)}
.pro-section{padding-top:clamp(76px,7vw,112px)!important;padding-bottom:clamp(76px,7vw,112px)!important}.pro-section-head{gap:16px}.pro-section-head h2{font-size:clamp(32px,3.5vw,53px);max-width:22ch}.pro-section-head .pro-text-link{align-self:end}
.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pro-card{min-width:0;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease;border:1px solid var(--pro-border);background:var(--pro-background);overflow:hidden}.pro-card:hover{transform:translateY(-6px);box-shadow:var(--sf-shadow-hover)}.pro-card-cover{aspect-ratio:1.42;overflow:hidden;background:var(--pro-surface);position:relative}.pro-card-cover .pro-photo{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.pro-card:hover .pro-photo{transform:scale(1.045)}.pro-card-body{display:flex;flex-direction:column;flex:1}.pro-card-body h3{font-size:clamp(19px,1.6vw,24px);line-height:1.26}.pro-card-body p{font-size:14px}.pro-card-link{margin-top:auto;padding-top:14px;font-size:13px;font-weight:700}
.pro-art{min-height:100%;width:100%;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.pro-art-ring{width:60%;aspect-ratio:1;border:1px solid currentColor;opacity:.13;border-radius:50%;transform:rotate(20deg);box-shadow:0 0 0 23px #ffffff10,0 0 0 57px #ffffff07}.pro-art-center{font-size:clamp(38px,5vw,80px);position:absolute;font-weight:800;letter-spacing:-.065em;opacity:.65}.pro-art-label{position:absolute;bottom:19px;left:22px;font-size:10px;letter-spacing:.22em;opacity:.7}
.pro-breadcrumb{display:flex;gap:11px;flex-wrap:wrap;font-size:12px;align-items:center}.pro-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.pro-product-hero{align-items:start;gap:clamp(28px,5vw,80px)}.pro-product-media{aspect-ratio:1.12;background:var(--pro-surface);overflow:hidden}.pro-product-media>img,.pro-product-media>.pro-art{width:100%;height:100%;object-fit:contain}.pro-product-summary{padding:clamp(12px,3vw,50px) 0}.pro-product-summary h1{font-size:clamp(36px,4.3vw,72px)}.pro-detail-layout{border-top:1px solid var(--pro-border);padding-top:50px}.pro-specs>div{display:grid;grid-template-columns:minmax(100px,40%) 1fr;gap:10px;align-items:baseline;padding:15px 0;border-bottom:1px solid var(--pro-border)}.pro-specs strong{overflow-wrap:anywhere}.pro-gallery-thumbs button{flex-basis:96px;height:76px}.pro-gallery-lightbox{backdrop-filter:blur(6px)}
.pro-filter-panel{display:flex;align-items:end;flex-wrap:wrap;gap:16px;background:var(--pro-surface);border:1px solid var(--pro-border);padding:20px;margin-bottom:25px;border-radius:var(--pro-radius)}.pro-filter-panel label{display:grid;gap:7px;min-width:180px;flex:1}.pro-filter-panel input,.pro-filter-panel select{width:100%;background:var(--pro-background);border:1px solid var(--pro-border);padding:12px 14px;color:var(--pro-text);border-radius:6px}.pro-filter-count{white-space:nowrap;font-size:13px;padding:12px 0}.pro-card[hidden]{display:none!important}.pro-filter-empty{padding:38px;border:1px dashed var(--pro-border);text-align:center;grid-column:1/-1}
.pro-inquiry input,.pro-inquiry textarea{min-height:46px}.pro-inquiry textarea{min-height:150px}.pro-inquiry-wrap{gap:clamp(32px,7vw,110px)}.pro-inquiry .pro-button{border:0;justify-self:start}.pro-footer-links a{padding-block:5px;display:inline-block}
.pro-end-cta{overflow:hidden}.pro-end-cta h2{font-size:clamp(30px,4vw,64px)}
.pro-rich{line-height:1.85}.pro-rich img{border-radius:var(--pro-radius);margin-block:24px}.pro-rich table{width:100%;display:block;overflow:auto;border-collapse:collapse}.pro-rich td,.pro-rich th{border:1px solid var(--pro-border);padding:10px 14px}.pro-rich a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1025px){.pro-navigation>.pro-nav-group:hover .pro-nav-children:not([hidden]){visibility:visible}}
@media(max-width:1150px){.pro-head-inner{gap:15px}.pro-navigation{gap:12px}.pro-logo-name{font-size:15px}.pro-header-cta{padding:13px 16px}}
@media(max-width:1024px){.pro-head-inner{min-height:72px;flex-wrap:wrap}.pro-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.pro-navigation{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;order:5;margin:0;padding:8px 0 20px;border-top:1px solid var(--pro-border)}.pro-navigation.is-open{display:flex}.pro-navigation>a,.pro-nav-group>a{padding:14px 8px;font-size:15px}.pro-nav-group{display:flex;flex-wrap:wrap;justify-content:space-between}.pro-nav-children{position:static;flex-basis:100%;max-width:none;width:100%;box-shadow:none;border-radius:0;border-left:2px solid var(--pro-accent);margin:0 0 12px 8px}.pro-nav-disclose{min-width:44px;min-height:44px}.pro-catalog-toggle{margin-left:auto}.pro-mega{top:100%;display:block;padding:20px}.pro-mega>div{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.pro-home-hero .pro-home-grid{min-height:560px}.pro-home-hero .pro-hero-art{min-height:325px}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pro-wrap{padding-left:20px;padding-right:20px}.pro-utility{display:none}.pro-head-inner{min-height:66px}.pro-logo-name{max-width:140px;font-size:14px}.pro-brand-logo{max-width:125px}.pro-header-cta{display:none}.pro-catalog-toggle{font-size:11px;padding-inline:7px;margin-left:0}.pro-home-hero .pro-home-grid{display:flex;flex-direction:column;gap:36px;padding-top:48px;padding-bottom:48px}.pro-home-hero .pro-hero-copy h1{font-size:clamp(43px,10vw,68px)}.pro-home-hero .pro-hero-copy p{font-size:15px}.pro-home-hero .pro-hero-art{width:100%;min-height:290px}.pro-home-hero .pro-hero-bottom{display:none}.pro-section{padding-top:68px!important;padding-bottom:68px!important}.pro-section-head{align-items:flex-start}.pro-grid{grid-template-columns:1fr;gap:18px}.pro-card-cover{aspect-ratio:1.45}.pro-product-hero,.pro-detail-layout,.pro-info-grid,.pro-inquiry-wrap{display:grid;grid-template-columns:1fr;gap:30px}.pro-product-summary{padding:0}.pro-specs>div{grid-template-columns:1fr 1fr}.pro-mega{top:100%;max-height:65vh;overflow-y:auto}.pro-mega>div{grid-template-columns:1fr}.pro-filter-panel{display:grid;grid-template-columns:1fr;gap:12px}.pro-filter-panel label{min-width:0}.pro-footer-top{display:grid;grid-template-columns:1fr;gap:27px}.pro-footer-bottom{gap:12px;flex-wrap:wrap}}
@media(max-width:410px){.pro-logo-name{max-width:115px}.pro-logo-symbol{font-size:28px}.pro-catalog-toggle{font-size:10px}.pro-mobile-toggle{min-width:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Accessible static catalogue pagination for large inventories. */
.pro-pages-nav{display:flex;gap:1rem;justify-content:center;align-items:center;margin:2rem 0;flex-wrap:wrap}
.pro-pages-nav a{padding:.7rem 1.1rem;border:1px solid currentColor;border-radius:.4rem;text-decoration:none}
.pro-pages-nav a:focus-visible{outline:3px solid var(--accent,#2563eb);outline-offset:3px}
.pro-pages-nav span{font-size:.875rem}
/* P6 international sites: small, keyboard-operable language switch. */
.sf-language-switch{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 12px;padding:4px;border:1px solid rgba(120,130,145,.22);border-radius:10px;background:rgba(255,255,255,.08)}
.sf-language-switch a{font:inherit;font-size:12px;line-height:1.5;padding:4px 7px;border-radius:6px;color:inherit;text-decoration:none}
.sf-language-switch a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sf-language-switch a:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:640px){.sf-language-switch{margin:6px 0;width:auto}}
/* V8.21.3 — Four-theme unified mobile off-canvas navigation & optional tab bar.
Desktop remains unchanged. Phone / tablet use one accessible drawer. */
.sf-mobile-tabs{display:none!important}
.sf-drawer-header,.sf-mobile-drawer-backdrop,.sf-drawer-extra{display:none}
@media(max-width:1024px){
.pro-head-inner{flex-wrap:nowrap!important;gap:12px!important}
.pro-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto!important;flex:0 0 44px;min-width:44px;min-height:44px;position:relative;z-index:3}
.pro-catalog-toggle{display:none!important}
.pro-navigation,.pro-navigation.is-open{display:flex!important;position:fixed!important;inset:0 0 0 auto!important;width:min(88vw,360px)!important;height:100dvh!important;height:100vh;max-height:100dvh!important;flex:unset!important;flex-direction:column!important;align-items:stretch!important;order:unset!important;margin:0!important;padding:0 0 calc(20px + env(safe-area-inset-bottom,0px))!important;overflow-x:hidden;overflow-y:auto!important;background:var(--pro-background,#fff)!important;color:var(--pro-text,#19283c)!important;border:0!important;border-left:1px solid var(--pro-border,#ddd)!important;box-shadow:-15px 0 45px #0002!important;z-index:1201!important;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s ease!important;overscroll-behavior:contain}
.pro-navigation.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.sf-drawer-header{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:20px 18px;border-bottom:1px solid var(--pro-border,#dde3e9);font-size:17px;font-weight:750;position:sticky;top:0;background:var(--pro-background,#fff);z-index:2}
.sf-drawer-close{min-width:44px;min-height:44px;border:1px solid var(--pro-border,#dde3e9);color:inherit;background:transparent;border-radius:10px;font-size:24px;cursor:pointer}
.sf-mobile-drawer-backdrop{display:block;position:fixed;inset:0;z-index:1200;background:#0b1b31a3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}
.sf-mobile-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
body.sf-drawer-open{overflow:hidden!important}
.pro-navigation>a,.pro-navigation .pro-nav-group>a,.pro-navigation .sf-drawer-extra>a{display:flex;align-items:center;min-height:50px;padding:13px 20px!important;font-size:15px!important;color:inherit!important;white-space:normal;border-bottom:1px solid var(--pro-border,#dde3e9)!important;text-decoration:none!important}
.pro-navigation .pro-nav-group{display:flex;position:relative;flex-wrap:wrap!important;width:100%;gap:0;align-items:center;justify-content:space-between}
.pro-navigation .pro-nav-group>a{flex:1;min-width:0}
.pro-navigation .pro-nav-disclose{margin-right:12px;min-width:44px;min-height:44px;border-radius:9px;background:var(--pro-surface,#f4f6f8)}
.pro-navigation .pro-nav-children{position:static!important;width:100%!important;max-width:100%!important;box-shadow:none!important;border-left:3px solid var(--pro-accent,#e77730);border-radius:0!important;margin:0 0 8px 14px!important;flex-basis:calc(100% - 14px)!important;background:var(--pro-surface,#f6f8fa)}
.pro-navigation .pro-nav-children a{padding:12px 16px!important;font-size:14px!important;color:inherit!important;min-height:44px}
.sf-drawer-extra{display:block;padding:12px 0 5px}.sf-drawer-extra strong{display:block;font-size:12px;letter-spacing:.06em;padding:12px 20px;opacity:.65}.sf-drawer-extra a{font-size:14px!important}
.sf-drawer-close:focus-visible,.pro-mobile-toggle:focus-visible,.pro-nav-disclose:focus-visible,.sf-mobile-tab:focus-visible{outline:3px solid var(--pro-accent,#ff8200);outline-offset:2px}
}
@media(max-width:767px){
.pro-header-cta{display:none!important}
.pro-head-inner .pro-logo{min-width:0;max-width:calc(100% - 65px)}
.pro-logo-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-home-hero .pro-home-grid{min-height:0!important}
.pro-home-hero .pro-hero-art{min-height:230px}
.pro-card,.pro-card-cover,.pro-product-media{max-width:100%;min-width:0}
.pro-rich img,.pro-content img,.sf-canvas img{max-width:100%;height:auto}
.pro-rich table{max-width:100%;overflow:auto}
.pro-grid,.pro-footer-top{min-width:0}
.sf-mobile-tabs{display:grid!important;position:fixed;z-index:1100;bottom:0;left:0;right:0;grid-template-columns:repeat(var(--sf-mobile-tab-count,4),minmax(0,1fr));align-items:stretch;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));min-height:63px;background:var(--pro-background,#fff);color:var(--pro-text,#263446);border-top:1px solid var(--pro-border,#dfe4eb);box-shadow:0 -6px 24px #13223914}
.sf-mobile-tab{appearance:none;border:0!important;background:transparent!important;color:inherit!important;text-decoration:none!important;padding:6px 2px;min-height:50px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;border-radius:9px;cursor:pointer;font-family:inherit}
.sf-tab-icon{font-size:23px;line-height:1.15;font-weight:500}
.sf-tab-label{font-size:11px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-mobile-tab[aria-current=page]{color:var(--pro-accent,#e47730)!important;background:var(--pro-surface,#f5f6f8)!important}
body:has(> .sf-mobile-tabs){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:768px){.sf-mobile-tabs{display:none!important}}
@media(prefers-reduced-motion:reduce){.pro-navigation,.sf-mobile-drawer-backdrop{transition:none!important}}
:root{--accent:#315f92;--sf-font:system-ui,-apple-system,sans-serif;--sf-radius:12px;--sf-space:72px;--sf-width:1200px;--sf-heading-scale:1.0;}body{font-family:var(--sf-font)} .sf-canvas .sf-section,.sf-canvas .section{padding-block:var(--sf-space)}.container,.sf-container{max-width:var(--sf-width)}.btn,.primary,.request,.button,.nav-btn{background-color:#315f92;border-radius:12px}body .sf-canvas h1{font-size:clamp(2.5rem,5vw,calc(4.8rem * var(--sf-heading-scale)))}body .pro-utility[hidden]{display:none!important}@media(max-width:1023px){.sf-canvas .sf-section{padding-block:64px}}@media(max-width:767px){.sf-canvas .sf-section{padding-block:40px}.pro-wrap,.sf-container{padding-left:20px;padding-right:20px}body .pro-utility{display:none!important}}</style></head><body data-siteforge-route="8a5edab282632443" class="sf-theme-automotive pro-automotive"><a class="pro-skip" href="#main-content">跳转至正文</a>
<div class="pro-utility"><div class="pro-wrap"><span>AUTOMOTIVE SOURCING · GLOBAL DELIVERY</span><span>探索更广阔的出行可能</span></div></div>
<header class="sf-site-head pro-header auto31-header">
<div class="pro-wrap pro-head-inner auto31-head-inner">
<a class="pro-logo" href="/" aria-label="NOVA MOBILITY 首页"><span class="pro-logo-symbol">M<span>.</span></span><span class="pro-logo-name">NOVA MOBILITY<small> GLOBAL AUTO EXPORT</small></span></a>
<nav id="pro-navigation" class="pro-navigation" aria-label="主导航"><a href="/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#home"></use></svg> 首页</a><a href="/products/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> 产品</a><a href="/brands/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> 品牌</a><a href="/news/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#news"></use></svg> 新闻</a><a href="/cases/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#folder"></use></svg> 案例</a><a href="/about/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#building"></use></svg> 关于</a><a href="/contact/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 联系</a><a class="pro-search-link" href="/search/" aria-label="站内搜索"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#search"></use></svg></a></nav>
<button class="pro-catalog-toggle auto31-menu-trigger" type="button" data-pro-catalog aria-controls="pro-mega-content" aria-expanded="false"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> 品牌与车型 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chevron-down"></use></svg></button>
<a class="pro-header-cta" href="/contact/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 发送询盘</a>
<button class="pro-mobile-toggle" type="button" data-pro-menu aria-controls="pro-navigation" aria-expanded="false" aria-label="打开导航"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#menu"></use></svg></button>
</div>
<div class="pro-mega auto31-mega pro-wrap" data-pro-mega id="pro-mega-content" hidden>
<div class="auto31-mega-lead"><span class="pro-eyebrow">FIND YOUR NEXT VEHICLE</span><h2>探索品牌与系列</h2><p>从已发布的品牌与车型目录中快速找到需要的内容。</p><a href="/products/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> 浏览全部车型</a></div>
<div class="auto31-mega-column"><strong>汽车品牌</strong><div class="auto31-mega-links"><a href="/brands/arc/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> ARC</a><a href="/brands/mono/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> MONO</a><a href="/brands/nova/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> NOVA</a></div></div>
<div class="auto31-mega-column auto31-mega-categories"><strong>车型类别</strong><div class="auto31-mega-links"><a href="/categories/term-8d6647722ef3/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#grid"></use></svg> 专业系列</a><a href="/categories/term-a68a8656a4dc/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#grid"></use></svg> 定制系列</a><a href="/categories/term-79e34764f8ce/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#grid"></use></svg> 旗舰系列</a><a href="/categories/term-95acf900fafc/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#grid"></use></svg> 畅销系列</a></div><a class="auto31-mega-contact" href="/contact/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 需要推荐?联系我们</a></div>
</div>
</header>
<div class="auto31-home">
<section class="pro-home-hero auto31-hero"><div class="pro-wrap auto31-hero-grid">
<div class="auto31-hero-copy"><span class="auto31-kicker"><span></span> GLOBAL VEHICLE SOURCING</span>
<h1>Connecting You to the Right Vehicle</h1>
<p>探索更广阔的出行可能</p>
<div class="auto31-hero-actions"><a class="auto31-primary" href="/products/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> 探索车型</a><a class="auto31-secondary" href="/contact/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 咨询合作</a></div>
</div><div class="auto31-hero-media"><div class="auto31-car-placeholder" aria-label="请在编辑器上传首页车型横幅"><span>FEATURED VEHICLE</span><strong>NOVA MOBILITY</strong><small>添加车型主图即可显示真实产品</small></div><div class="auto31-hero-stamp"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> CAR COLLECTION</div></div>
</div><div class="pro-wrap auto31-quick-wrap"><form class="auto31-search" action="/products/" method="get" role="search"><label for="auto31-home-search">快速查找车型</label><div class="auto31-search-field"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#search"></use></svg><input id="auto31-home-search" name="q" type="search" placeholder="搜索车型名称、品牌或类别" autocomplete="off"></div><button type="submit"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#search"></use></svg> 搜索车型</button></form></div></section>
<section class="auto31-brand-strip"><div class="pro-wrap auto31-strip-inner"><span>POPULAR BRANDS</span><div class="auto31-brand-list"><a href="/brands/arc/">ARC</a><a href="/brands/mono/">MONO</a><a href="/brands/nova/">NOVA</a></div><a class="auto31-all" href="/brands/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#brand"></use></svg> 全部品牌</a></div></section>
<section class="pro-section auto31-featured"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">TOP VEHICLES / DISCOVER</span><h2>精选车型 <span class="auto31-heading-mark">/</span> Featured Vehicles</h2><p>直接从站点已发布车型中呈现,不填入未经验证的库存或价格。</p></div><a href="/products/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> 查看全部车型</a></div><div class="pro-grid pro-grid-vehicle">
<a class="pro-card pro-card-vehicle" href="/products/1/" data-category="旗舰系列" data-brand="NOVA">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>NOVA</span><span>01</span></div>
<h3>Cars Alpha</h3><p>Cars Alpha — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
<a class="pro-card pro-card-vehicle" href="/products/2/" data-category="旗舰系列" data-brand="NOVA">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>NOVA</span><span>02</span></div>
<h3>Cars Beta</h3><p>Cars Beta — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
<a class="pro-card pro-card-vehicle" href="/products/4/" data-category="畅销系列" data-brand="ARC">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>ARC</span><span>03</span></div>
<h3>Cars Delta</h3><p>Cars Delta — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
<a class="pro-card pro-card-vehicle" href="/products/5/" data-category="定制系列" data-brand="MONO">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>MONO</span><span>04</span></div>
<h3>Cars Epsilon</h3><p>Cars Epsilon — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
<a class="pro-card pro-card-vehicle" href="/products/7/" data-category="专业系列" data-brand="NOVA">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>NOVA</span><span>05</span></div>
<h3>Cars Eta</h3><p>Cars Eta — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
<a class="pro-card pro-card-vehicle" href="/products/3/" data-category="畅销系列" data-brand="ARC">
<div class="pro-card-cover">
<div class="pro-art pro-art-vehicle"><span class="pro-art-ring"></span><span class="pro-art-center">Ca</span><span class="pro-art-label">VEHICLE</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>ARC</span><span>06</span></div>
<h3>Cars Gamma</h3><p>Cars Gamma — 针对多样应用的演示产品。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg></span></div>
</a>
</div></div></section>
<section class="auto31-double-feature"><div class="pro-wrap auto31-double-grid"><a href="/products/" class="auto31-feature-tile"><span>01 / VEHICLE COLLECTION</span><h2>丰富的车型选择</h2><p>浏览产品目录,查看车型展示和配置资料。</p><strong><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#car"></use></svg> 浏览车型</strong></a><a href="/contact/" class="auto31-feature-tile auto31-feature-tile-alt"><span>02 / EXPORT SOLUTIONS</span><h2>采购与出口支持</h2><p>告诉我们采购需求,了解可提供的供应及交付服务。</p><strong><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 联系咨询</strong></a></div></section>
<section class="pro-section auto31-company"><div class="pro-wrap auto31-company-grid"><div><span class="pro-eyebrow">WHO WE ARE</span><h2>NOVA MOBILITY</h2><p>探索更广阔的出行可能</p><a class="auto31-primary" href="/about/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#building"></use></svg> 了解我们</a></div><div class="auto31-company-panel"><span>WHY WORK WITH US</span><div><b>01</b><strong>Vehicle Sourcing</strong><small>车型与产品信息</small></div><div><b>02</b><strong>Export Coordination</strong><small>沟通出口与物流需求</small></div><div><b>03</b><strong>Local Support</strong><small>通过实际配置的渠道联系团队</small></div></div></div></section>
<section class="pro-section auto31-news"><div class="pro-wrap"><div class="auto31-section-heading"><div><span class="pro-eyebrow">OUR STORIES / INSIGHTS</span><h2>最新资讯与案例</h2></div><a href="/news/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#news"></use></svg> 更多内容</a></div><div class="pro-grid pro-grid-news">
<a class="pro-card pro-card-news" href="/news/1/" data-category="" data-brand="">
<div class="pro-card-cover">
<div class="pro-art pro-art-news"><span class="pro-art-ring"></span><span class="pro-art-center">企业</span><span class="pro-art-label">NEWS</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>新闻资讯</span><span>01</span></div>
<h3>企业动态 · 01</h3><p>在这里发布新闻资讯与品牌动态。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#news"></use></svg></span></div>
</a>
<a class="pro-card pro-card-news" href="/news/2/" data-category="" data-brand="">
<div class="pro-card-cover">
<div class="pro-art pro-art-news"><span class="pro-art-ring"></span><span class="pro-art-center">企业</span><span class="pro-art-label">NEWS</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>新闻资讯</span><span>02</span></div>
<h3>企业动态 · 02</h3><p>在这里发布新闻资讯与品牌动态。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#news"></use></svg></span></div>
</a>
<a class="pro-card pro-card-news" href="/news/3/" data-category="" data-brand="">
<div class="pro-card-cover">
<div class="pro-art pro-art-news"><span class="pro-art-ring"></span><span class="pro-art-center">企业</span><span class="pro-art-label">NEWS</span></div>
</div>
<div class="pro-card-body"><div class="pro-card-meta"><span>新闻资讯</span><span>03</span></div>
<h3>企业动态 · 03</h3><p>在这里发布新闻资讯与品牌动态。</p><span class="pro-card-link">查看详情 <svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#news"></use></svg></span></div>
</a>
</div></div></section>
</div>
<main id="main-content" class="sf-canvas pro-custom-content" aria-hidden="true"></main>
<section class="pro-end-cta"><div class="pro-wrap"><div><span class="pro-eyebrow">LET'S CONNECT</span><h2>从这里开始下一步。</h2><p>探索更广阔的出行可能</p></div><a href="/contact/"><svg class="auto-icon" aria-hidden="true" focusable="false"><use href="#chat"></use></svg> 联系我们</a></div></section>
<footer class="sf-site-foot pro-footer"><div class="pro-wrap"><div class="pro-footer-top"><div><span class="pro-eyebrow">DRIVEN BY PURPOSE</span><h2>NOVA MOBILITY</h2><p>此为 SiteForge 主题演示网站。公司、产品及内容均为虚构示例。</p></div><div class="pro-footer-links"><ul><li><a href="/">首页</a></li><li><a href="/products/">产品</a></li><li><a href="/brands/">品牌</a></li><li><a href="/news/">新闻</a></li><li><a href="/cases/">案例</a></li><li><a href="/about/">关于</a></li><li><a href="/contact/">联系</a></li></ul></div><div><span class="pro-eyebrow">LET'S TALK</span><p>hello@example.com</p></div></div><div class="pro-footer-bottom"><span>© 2026 NOVA MOBILITY</span><span>SITEFORGE / STATIC SITE</span></div></div></footer>
<script>'use strict';
(()=>{
const $=s=>document.querySelector(s), $$=s=>[...document.querySelectorAll(s)];
const menu=$('.sf-menu-toggle');if(menu){menu.addEventListener('click',()=>{let open=menu.getAttribute('aria-expanded')!=='true';menu.setAttribute('aria-expanded',String(open));$('#sf-primary-links')?.classList.toggle('is-open',open);});}
// Filter actual static content cards, no API is needed at runtime.
$$('.sf-collection').forEach(grid=>{
const cards=$$('.sf-item',grid);
if(cards.length<2)return;
const toolbar=document.createElement('div');toolbar.className='sf-filters';
const search=document.createElement('input');search.type='search';search.placeholder='筛选当前列表';search.setAttribute('aria-label','筛选当前列表');
const status=document.createElement('span');status.setAttribute('aria-live','polite');status.style.fontSize='12px';
const brand=document.createElement('select');brand.setAttribute('aria-label','按品牌筛选');
const category=document.createElement('select');category.setAttribute('aria-label','按分类筛选');
function fill(el,field,all){el.append(new Option(all,''));const vals=[...new Set(cards.map(x=>x.dataset[field]||'').filter(Boolean))].sort();vals.forEach(v=>el.append(new Option(v,v)));if(!vals.length)el.hidden=true;}
fill(brand,'brand','全部品牌');fill(category,'category','全部分类');
toolbar.append(search,brand,category,status);grid.parentNode.insertBefore(toolbar,grid);
function apply(){let val=search.value.trim().toLocaleLowerCase();let visible=0;cards.forEach(card=>{let hit=card.textContent.toLocaleLowerCase().includes(val)&&(!brand.value||card.dataset.brand===brand.value)&&(!category.value||card.dataset.category===category.value);card.hidden=!hit;if(hit)visible++;});status.textContent=`共 ${visible} 项`;}
search.addEventListener('input',apply);brand.addEventListener('change',apply);category.addEventListener('change',apply);apply();
});
const input=$('#sf-search'),root=$('#sf-search-results'),count=$('#sf-search-count');
if(input&&root){
let data=[];const params=new URLSearchParams(location.search);input.value=params.get('q')||'';
let debounce=null;
const render=()=>{let q=input.value.trim().toLocaleLowerCase();let found=q?data.filter(d=>`${d.title} ${d.summary} ${d.brand} ${d.type}`.toLocaleLowerCase().includes(q)).slice(0,100):data.slice(0,30);
root.replaceChildren();count.textContent=`${found.length} 条结果${!q?'(显示前30条)':''}`;
found.forEach(d=>{let article=document.createElement('article'),a=document.createElement('a'),small=document.createElement('small'),p=document.createElement('p');article.className='sf-search-result';a.textContent=d.title;a.href=d.url.replace(/^\//,'');small.textContent=d.type;p.textContent=d.summary;article.append(a,small,p);root.append(article);});
};const base=document.querySelector('base')?.href||location.href;
fetch(new URL('search-index.json',base)).then(r=>{if(!r.ok)throw Error('index unavailable');return r.json();}).then(v=>{data=v;render()}).catch(()=>{count.textContent='搜索索引加载失败,请检查站点文件部署路径';});
input.addEventListener('input',()=>{clearTimeout(debounce);debounce=setTimeout(render,100)});
}
})();
;
'use strict';(()=>{
const menu=document.querySelector('[data-pro-menu]'); const nav=document.querySelector('#pro-navigation');
if(menu&&nav){menu.addEventListener('click',()=>{const open=menu.getAttribute('aria-expanded')!=='true';menu.setAttribute('aria-expanded',String(open));nav.classList.toggle('is-open',open);menu.setAttribute('aria-label',open?'关闭导航':'打开导航');});}
// Drawer navigation. The same markup is used across the four professional themes.
const mobileNav=document.querySelector('#pro-navigation');
let drawerBackdrop=null,drawerClose=null,returnFocus=null;
if(menu&&mobileNav){
const originalParent=mobileNav.parentNode,originalNext=mobileNav.nextSibling;
const heading=document.createElement('div');heading.className='sf-drawer-header';
const title=document.createElement('strong');title.textContent='网站导航';
drawerClose=document.createElement('button');drawerClose.type='button';drawerClose.className='sf-drawer-close';drawerClose.textContent='×';drawerClose.setAttribute('aria-label','关闭网站导航');
heading.append(title,drawerClose);mobileNav.prepend(heading);
drawerBackdrop=document.createElement('div');drawerBackdrop.className='sf-mobile-drawer-backdrop';drawerBackdrop.hidden=false;document.body.append(drawerBackdrop);
function setDrawer(open,focusBack=true){
const isMobile=window.matchMedia('(max-width:1024px)').matches;
open=Boolean(open&&isMobile);
if(open){returnFocus=document.activeElement;document.body.append(mobileNav);}
else if(mobileNav.parentNode!==originalParent){if(originalNext&&originalNext.parentNode===originalParent)originalParent.insertBefore(mobileNav,originalNext);else originalParent.append(mobileNav);}
mobileNav.classList.toggle('is-open',open);drawerBackdrop.classList.toggle('is-open',open);
document.body.classList.toggle('sf-drawer-open',open);
menu.setAttribute('aria-expanded',String(open));menu.setAttribute('aria-label',open?'关闭导航':'打开导航');
mobileNav.setAttribute('aria-hidden',String(!open&&isMobile));
if('inert' in mobileNav)mobileNav.inert=!open&&isMobile;
if(open)drawerClose.focus();
else if(focusBack&&returnFocus instanceof HTMLElement){returnFocus.focus();returnFocus=null;}
}
// Replace the old inline-expansion listener: use capture to stop the old listener.
menu.addEventListener('click',e=>{if(!window.matchMedia('(max-width:1024px)').matches)return;e.stopImmediatePropagation();setDrawer(!mobileNav.classList.contains('is-open'));},true);
drawerClose.addEventListener('click',()=>setDrawer(false));
drawerBackdrop.addEventListener('click',()=>setDrawer(false));
document.querySelectorAll('[data-mobile-open-menu]').forEach(b=>b.addEventListener('click',()=>setDrawer(true)));
mobileNav.addEventListener('click',e=>{if(e.target.closest('a'))setDrawer(false,false)});
document.addEventListener('keydown',e=>{
if(e.key==='Escape'&&mobileNav.classList.contains('is-open')){e.preventDefault();setDrawer(false);}
if(e.key!=='Tab'||!mobileNav.classList.contains('is-open'))return;
const els=[...mobileNav.querySelectorAll('button:not([disabled]),a[href]')].filter(el=>el.getClientRects().length&&!el.closest('[hidden]'));
if(!els.length)return;const first=els[0],last=els[els.length-1];
if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}
else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}
});
window.matchMedia('(max-width:1024px)').addEventListener('change',()=>setDrawer(false,false));
if('inert' in mobileNav&&window.matchMedia('(max-width:1024px)').matches)mobileNav.inert=true;
// Do not strand catalogue links when the old mobile mega-button is hidden.
const megaLinks=document.querySelectorAll('[data-pro-mega] a');
if(megaLinks.length){const wrap=document.createElement('div');wrap.className='sf-drawer-extra';const h=document.createElement('strong');h.textContent='更多分类与系列';wrap.append(h);
[...megaLinks].slice(0,20).forEach(a=>{const clone=a.cloneNode(true);wrap.append(clone);});mobileNav.append(wrap);}
}
const tabbar=document.querySelector('[data-mobile-tabs]');
if(tabbar){tabbar.style.setProperty('--sf-mobile-tab-count',String(tabbar.children.length));}
const megaButton=document.querySelector('[data-pro-catalog]'), mega=document.querySelector('[data-pro-mega]');
if(megaButton&&mega){function setMega(open){mega.hidden=!open;mega.classList.toggle('is-open',open);megaButton.setAttribute('aria-expanded',String(open));}
megaButton.addEventListener('click',()=>setMega(mega.hidden));
document.addEventListener('keydown',e=>{if(e.key==='Escape')setMega(false);});
document.addEventListener('click',e=>{if(!mega.hidden&&!mega.contains(e.target)&&!megaButton.contains(e.target))setMega(false);});
}
document.querySelectorAll('.pro-nav-disclose').forEach(button=>{button.addEventListener('click',()=>{let panel=button.parentElement.querySelector('.pro-nav-children');let visible=button.getAttribute('aria-expanded')==='true';button.setAttribute('aria-expanded',String(!visible));panel.hidden=visible;});});
document.querySelectorAll('.pro-gallery-thumbs').forEach(container=>{const main=container.parentElement.querySelector('.pro-product-media img');const buttons=[...container.querySelectorAll('[data-gallery-image]')];
buttons.forEach(b=>{b.addEventListener('click',()=>{buttons.forEach(x=>x.setAttribute('aria-pressed',String(x===b)));if(main){main.src=b.dataset.galleryImage;main.alt=b.querySelector('img')?.alt||'';}});});
if(!main)return;main.tabIndex=0;main.style.cursor='zoom-in';const open=()=>{const pane=document.createElement('div');pane.className='pro-gallery-lightbox';pane.setAttribute('role','dialog');pane.setAttribute('aria-label','产品大图预览');let img=document.createElement('img');img.src=main.src;img.alt=main.alt;const close=document.createElement('button');close.type='button';close.textContent='关闭 ×';pane.append(img,close);document.body.append(pane);const done=()=>{pane.remove();document.removeEventListener('keydown',esc);main.focus();};const esc=e=>{if(e.key==='Escape')done();};document.addEventListener('keydown',esc);close.addEventListener('click',done);pane.addEventListener('click',e=>{if(e.target===pane)done();});close.focus();};main.addEventListener('click',open);main.addEventListener('keydown',e=>{if(e.key==='Enter')open();});
});
document.querySelectorAll('.pro-filter-scope').forEach(scope=>{
const panel=scope.previousElementSibling;if(!panel||!panel.classList.contains('pro-filter-panel'))return;
const cards=Array.from(scope.querySelectorAll('.pro-card'));
const blank=document.createElement('div');blank.className='pro-filter-empty';blank.hidden=true;blank.textContent='没有找到符合条件的内容,请调整关键词或筛选条件。';scope.append(blank);
const q=panel.querySelector('[data-pro-filter-search]'),b=panel.querySelector('[data-pro-filter-brand]'),c=panel.querySelector('[data-pro-filter-category]'),count=panel.querySelector('[data-pro-filter-count]');
function options(sel,key){const vals=[...new Set(cards.map(x=>x.dataset[key]||'').filter(Boolean))].sort();vals.forEach(x=>sel.add(new Option(x,x)));if(!vals.length)sel.closest('label').hidden=true;}
options(b,'brand');options(c,'category');
// Support shareable searches from automotive homepage without changing page URLs.
const params=new URLSearchParams(window.location.search);
if(q && params.has('q')) q.value=(params.get('q')||'').slice(0,120);
if(b && params.has('brand') && [...b.options].some(o=>o.value===params.get('brand'))) b.value=params.get('brand');
function run(){const str=q.value.trim().toLocaleLowerCase();let visible=0;
cards.forEach(el=>{const hit=el.textContent.toLocaleLowerCase().includes(str)&&(!b.value||el.dataset.brand===b.value)&&(!c.value||el.dataset.category===c.value);el.hidden=!hit;visible+=Number(hit);});count.textContent=`共 ${visible} 条`;blank.hidden=visible!==0;}
[q,b,c].forEach(x=>x.addEventListener(x===q?'input':'change',run));run();
});
})();
;
'use strict';(()=>{document.querySelectorAll('.auto31-search').forEach(form=>{form.addEventListener('submit',()=>{const input=form.querySelector('input[name=q]');if(input)input.value=input.value.trim().slice(0,120);});});})();
</script><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><defs>
<symbol id="car" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 17h14l-1.1-5.1a2 2 0 0 0-1.9-1.5H8a2 2 0 0 0-1.9 1.5L5 17Z"/><path d="M7 10.4 9 6h6l2 4.4"/><path d="M4 17v2h3v-2m10 0v2h3v-2"/><path d="M6 14h2m8 0h2"/></symbol>
<symbol id="search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><path d="m20 20-4-4"/></symbol>
<symbol id="brand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m20 13-7 7a2 2 0 0 1-2.8 0L4 13.8V4h9.8L20 10.2a2 2 0 0 1 0 2.8Z"/><circle cx="8" cy="8" r="1"/></symbol>
<symbol id="chat" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M20 11.5a7.5 7.5 0 0 1-7.5 7.5c-1.3 0-2.5-.3-3.5-.8L4 20l1.7-4.5A7.5 7.5 0 1 1 20 11.5Z"/><path d="M9 11.5h6"/></symbol>
<symbol id="mail" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/></symbol>
<symbol id="phone" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2c0 8.8 7.2 16 16 16a2 2 0 0 0 2-2v-3l-5-2-2.5 2.5a15 15 0 0 1-6-6L10 8 8 3Z"/></symbol>
<symbol id="file" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M7 3h7l5 5v13H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z"/><path d="M14 3v6h5M9 13h6m-6 4h6"/></symbol>
<symbol id="globe" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c-5 5-5 13 0 18 5-5 5-13 0-18Z"/></symbol>
<symbol id="truck" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h11v10H3zM14 10h4l3 3v4h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="18" cy="18" r="2"/></symbol>
<symbol id="grid" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></symbol>
<symbol id="building" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 21V5l7-3 7 3v16M2 21h20M9 8h1m4 0h1M9 12h1m4 0h1m-4 9v-5h4v5"/></symbol>
<symbol id="news" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M7 8h6v5H7zm9 0h2m-2 4h2M7 17h11"/></symbol>
<symbol id="shield" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3 8 4v5c0 5-3 8-8 10-5-2-8-5-8-10V7l8-4Z"/><path d="m9 12 2 2 4-4"/></symbol>
<symbol id="settings" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 8h16M4 16h16"/><circle cx="9" cy="8" r="2"/><circle cx="15" cy="16" r="2"/></symbol>
<symbol id="menu" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16M4 12h16M4 18h16"/></symbol>
<symbol id="chevron-down" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></symbol>
<symbol id="home" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m3 11 9-8 9 8v10H3V11Z"/><path d="M9 21v-7h6v7"/></symbol>
<symbol id="image" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="16" rx="2"/><circle cx="8" cy="9" r="1"/><path d="m3 17 6-6 4 4 3-3 5 5"/></symbol>
<symbol id="info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 11v6m0-10h.01"/></symbol>
<symbol id="list" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01"/></symbol>
<symbol id="download" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12m-4-4 4 4 4-4M4 17v4h16v-4"/></symbol>
<symbol id="arrow-left" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7M5 12h14"/></symbol>
<symbol id="arrow-right" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="m12 5 7 7-7 7M19 12H5"/></symbol>
<symbol id="folder" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7h7l2 2h9v11H3V7Z"/><path d="M3 7V5h7l2 2"/></symbol>
</defs></svg>
<aside style="position:fixed;left:12px;bottom:12px;z-index:100;border-radius:8px;padding:9px 12px;background:#e3f1f9;color:#132c42;font:12px system-ui;box-shadow:0 2px 12px #0002">本地演示 · 虚构内容 · 不连接真实后台</aside></body></html>