:root { --orange:#ff5100; --navy:#1b1d2e; --ink:#1f1f1f; --gray:#f2f2f2; --line:#ddd; --muted:#747474; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--orange); }
button,input,select,textarea { font:inherit; }
button,.button { border:0; background:var(--orange); color:#fff; cursor:pointer; padding:13px 25px; display:inline-flex; justify-content:center; align-items:center; font-size:16px; }
button:hover,.button:hover { background:#dc4700; color:#fff; }
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid #176fda; outline-offset:3px; }
button:disabled { opacity:.5; cursor:default; }
.container { width:calc(100% - 128px); max-width:1400px; margin:0 auto; }
.topbar { background:#101010; color:white; font-size:12px; min-height:28px; }
.topbar .container { display:flex; justify-content:space-between; gap:15px; align-items:center; min-height:28px; }
.topbar .container > span { font-weight:bold; }
.topbar .container > div { display:flex; gap:30px; }
.site-header { background:var(--navy); color:#fff; position:relative; z-index:10; }
.nav-wrap { display:flex; align-items:center; justify-content:space-between; min-height:94px; }
.brand { display:flex; align-items:center; flex-shrink:0; }
.brand-logo { display:block; height:76px; width:auto; }
.footer-brand .footer-logo { display:block; height:56px; width:auto; margin:0 auto 18px; }
.brand strong { font-size:23px; letter-spacing:1px; line-height:1; color:#fff; }
.brand span { display:block; font-size:9px; letter-spacing:4px; margin-top:7px; color:#f6a077; }
nav#navigation { display:flex; align-items:stretch; min-height:68px; }
#navigation > a,#navigation > .nav-group > a,.language { display:flex; align-items:center; padding:0 20px; font-size:14px; }
#navigation [aria-current=page] { color:var(--orange); }
#navigation .quote { background:var(--orange); padding:0 38px; color:#fff; }
.language { font-size:12px; }
.nav-group { position:relative; display:flex; }
.dropdown { display:none; position:absolute; top:100%; left:0; min-width:210px; background:var(--navy); padding:10px 0; box-shadow:0 8px 20px #0003; }
.dropdown a { display:block; padding:9px 20px; font-size:13px; }
.category-dropdown { min-width:420px; columns:2; }
.nav-group:hover .dropdown,.nav-group:focus-within .dropdown { display:block; }
.menu-toggle { display:none; }
.preview-notice { font-size:11px; text-align:center; color:#65442c; background:#fff1e6; padding:5px 16px; }
.skip { position:absolute; top:-100px; left:10px; z-index:100; padding:12px; background:#fff; }
.skip:focus { top:10px; }
.hero { min-height:652px; display:flex; align-items:center; background:radial-gradient(ellipse at 80% 20%,#2d3a52,transparent 65%),linear-gradient(115deg,#101626,#202a3e); color:#fff; }
.hero-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding:90px 0; }
.hero h1 { font-size:52px; font-weight:400; line-height:1.15; margin:24px 0; }
.hero p { font-size:18px; max-width:520px; color:#d3dae5; }
.hero .button { margin-top:18px; }
.eyebrow { letter-spacing:3px; color:#ffac83; }
.hero-link { margin-left:24px; }
.truck-drawing { border-bottom:1px solid #79849a; color:#8390a8; }
.truck-drawing svg { width:100%; fill:none; stroke:#a9b5ca; stroke-width:3; }
.truck-drawing span { display:block; text-align:center; font-size:10px; letter-spacing:2px; padding:15px; }
.home-more { text-align:center; margin:46px 0 0; }
.hero-photo { margin:0; }
.hero-photo img { display:block; width:100%; height:auto; border-radius:2px; box-shadow:0 26px 60px rgba(0,0,0,.45); }
.section-title { font-size:40px; line-height:1.5; font-weight:400; text-align:center; margin:0; }
.orange-line { width:64px; height:3px; background:var(--orange); margin:4px auto 18px; }
.section-subtitle { text-align:center; color:#666; font-size:16px; margin-bottom:32px; }
.section-pad { padding-top:80px; padding-bottom:80px; }
.category-showcase { padding:52px 0; background:#fafafa; }
.category-showcase .section-title { font-size:30px; }
.home-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.home-categories > a { display:grid; grid-template-columns:34px 1fr; align-items:center; gap:3px 12px; background:#fff; padding:14px 18px; border:1px solid #ececec; }
.category-mark { grid-row:span 2; font-size:30px; color:var(--orange); }
.home-categories strong { font-size:14px; font-weight:400; }
.home-categories a > span:last-child { font-size:11px; color:#888; }
.about-home { text-align:center; max-width:1184px; padding-top:64px; padding-bottom:64px; }
.about-home > p:not(.section-subtitle) { max-width:1060px; margin:30px auto; font-size:16px; color:#444; }
.company-stats { display:flex; justify-content:center; margin-top:42px; }
.company-stats > div { display:flex; flex-direction:column; padding:12px 35px; width:30%; border-right:1px solid var(--line); }
.company-stats > div:last-child { border:0; }
.company-stats strong { font-weight:400; font-size:48px; color:var(--orange); }
.company-stats span { font-size:16px; }
.service-band { background:linear-gradient(100deg,#282b37,#454958); min-height:360px; display:flex; align-items:flex-end; color:#fff; }
.service-band > div { display:grid; grid-template-columns:repeat(4,1fr); padding-top:120px; padding-bottom:65px; gap:30px; }
.service-band a { font-size:20px; }
.service-band a:before { content:''; display:block; width:64px; height:3px; background:var(--orange); margin-bottom:24px; }
.featured,.catalog-area { background:var(--gray); }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.product-grid.home-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.product-card { background:#fff; box-shadow:0 4px 12px #00000008; display:flex; flex-direction:column; min-width:0; }
.card-image { display:block; padding:10px; }
/* 商品实拍图：卡片与聚光灯共用。此前只有占位块，图片从未渲染，所以一直缺这条规则。 */
.product-image { display:block; width:100%; height:auto; max-width:100%; }
.card-image .product-image,.spotlight-slide > a .product-image { aspect-ratio:1; object-fit:contain; background:#fbfbfb; border:1px solid #f0f0f0; }
.media-placeholder { min-width:0; aspect-ratio:1; background:#fbfbfb; color:#969696; display:flex; flex-direction:column; justify-content:center; align-items:center; border:1px solid #f0f0f0; padding:15px; text-align:center; }
.media-placeholder svg { width:32%; max-width:112px; fill:none; stroke:#d6d9dd; stroke-width:2; }
.card-content { padding:0 10px 10px; display:flex; flex:1; flex-direction:column; }
.card-content h2 { font-size:16px; font-weight:400; line-height:1.4; margin:12px 0 5px; height:68px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.record-state { display:block; font-size:10px; color:#777; margin-bottom:10px; }
.card-content .button { margin-top:auto; font-size:16px; padding:9px 8px; }
.full { display:flex; width:100%; }
.news-teasers { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-top:60px; }
.news-teasers > a { border-top:1px solid var(--line); padding-top:25px; }
.news-teasers h3 { font-size:20px; font-weight:400; }
.news-teasers p { color:#777; }
.news-teasers span { color:var(--orange); }
.page-banner { background:radial-gradient(ellipse at 25% 70%,#24314d,transparent 45%),repeating-linear-gradient(163deg,transparent 0 90px,#ffffff03 91px 92px),#0b101e; color:#fff; min-height:240px; }
.page-banner h1 { text-align:center; font-weight:400; font-size:40px; line-height:1.2; margin:0; padding-top:70px; }
.page-banner h1.detail-h1 { overflow-wrap:anywhere; }
.page-banner .banner-kicker { text-align:center; font-weight:400; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:#93a4bd; margin:12px 0 0; }
.page-banner .orange-line { margin-top:14px; }
.breadcrumbs { display:flex; gap:7px; font-size:14px; padding-top:36px; padding-bottom:18px; }
.catalog-area { padding:24px 0 70px; }
.two-column { display:grid; grid-template-columns:264px minmax(0,1fr); gap:30px; }
.main-column,.sidebar,.contact-grid > *,.hero-inner > * { min-width:0; }
.gallery,.detail-summary { min-width:0; }
.side-box { margin-bottom:16px; background:#fff; }
.side-box h2 { background:var(--navy); color:#fff; font-size:20px; font-weight:400; margin:0; padding:9px 24px; }
.side-links { padding:10px 24px; }
.side-links > a { display:block; font-size:16px; line-height:1.5; padding:11px 0; }
.side-links a[aria-current] { color:var(--orange); }
.side-contact { padding:8px 24px 18px; font-size:14px; }
.side-box .full { padding:15px 10px; font-size:18px; }
.catalog-search { display:grid; grid-template-columns:minmax(140px,2fr) minmax(110px,1fr) minmax(125px,1.2fr) auto; gap:10px; background:#fff; padding:15px; align-items:end; }
label { display:block; font-size:12px; }
input,select,textarea { display:block; width:100%; background:#fff; border:1px solid var(--line); padding:11px; color:#333; border-radius:0; }
input,select { min-height:43px; }
.catalog-search button { height:43px; padding:8px 16px; }
.catalog-summary { display:flex; justify-content:space-between; gap:15px; margin:16px 0 10px; font-size:12px; }
.catalog-summary a { color:var(--orange); }
.data-notice { border-left:3px solid #e6a87b; background:#fff7f0; color:#75583f; padding:12px 15px; font-size:12px; line-height:1.6; }
.pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:60px; }
.pagination a { background:#fff; box-shadow:0 1px 6px #ddd; border-radius:50%; height:36px; min-width:36px; display:flex; align-items:center; justify-content:center; padding:5px; }
.pagination [aria-current] { background:var(--orange); color:#fff; }
.pagination .page-gap { display:flex; align-items:center; justify-content:center; min-width:36px; height:36px; color:#94a0ad; }
.page-count { text-align:center; font-size:12px; color:#777; }
.empty-state { padding:60px 25px; background:#fff; text-align:center; }
.empty-state h2 { font-size:24px; font-weight:400; }
.product-detail { display:grid; grid-template-columns:46% minmax(0,1fr); gap:30px; background:#fff; padding:20px; margin-bottom:30px; }
.detail-image { width:100%; aspect-ratio:1; }
.gallery-controls { display:flex; align-items:center; justify-content:space-between; margin-top:12px; gap:10px; }
.gallery-controls button { padding:3px 15px; background:#f2f2f2; color:#555; font-size:23px; }
.gallery-controls p { font-size:12px; margin:0; }
.thumbnails { display:flex; gap:8px; margin-top:12px; overflow-x:auto; padding-bottom:8px; }
.thumbnail { min-width:53px; height:58px; display:flex; flex-direction:column; background:#fafafa; color:#bbb; border:1px solid #ddd; padding:4px; }
.thumbnail small { font-size:9px; }
.thumbnail.active { border:2px solid var(--orange); background:#fff7f3; color:var(--orange); }
.media-note { font-size:11px; }
.gallery-main { width:100%; }
.gallery-slide { display:none; width:100%; aspect-ratio:1; object-fit:contain; background:#fff; border:1px solid #f0f0f0; }
.gallery-slide.active { display:block; }
.thumbnail img { flex:1; min-height:0; width:100%; object-fit:cover; display:block; border-radius:2px; }
.detail-summary h2 { font-size:20px; font-weight:400; line-height:1.4; margin-top:0; }
.product-record { font-size:11px; color:#777; }
.spec-table { width:100%; border-collapse:collapse; font-size:14px; table-layout:fixed; }
.spec-table th,.spec-table td { padding:9px 13px; text-align:left; vertical-align:top; font-weight:400; border:1px solid #fff; }
.spec-table tr:nth-child(odd) { background:#f5f5f5; }
.spec-table tr:nth-child(even) { background:#fff; }
.spec-table th { width:30%; }
.detail-information { background:#fff; padding:0 22px 25px; }
.detail-tabs { display:flex; gap:0; border-bottom:1px solid #ddd; margin:0 -22px 25px; }
.detail-tabs a { padding:15px 22px; background:var(--navy); color:#fff; font-size:16px; }
.detail-tabs a:first-child { background:var(--orange); }
.detail-information h2 { font-size:22px; font-weight:400; padding-top:18px; }
details { border:1px solid var(--line); padding:16px; margin:25px 0; }
summary { cursor:pointer; color:var(--orange); }
.source-citation { font-size:11px; color:#777; }
.related-heading { font-size:24px; font-weight:400; margin:40px 0 22px; }
.company-heading { font-size:40px; color:var(--orange); line-height:1.25; font-weight:400; margin:0 0 24px; }
.company-image { width:100%; height:280px; aspect-ratio:auto; margin-bottom:25px; min-height:0; }
.company-image svg { width:85px; }
.orange-heading { font-weight:400; font-size:20px; color:var(--orange); border-bottom:1px solid var(--line); padding-bottom:8px; margin-top:30px; }
.company-content { padding-bottom:35px; }
.contact-grid { display:grid; grid-template-columns:40% 1fr; gap:60px; background:#fff; padding:40px; }
.contact-details h2 { font-size:26px; line-height:1.35; font-weight:400; color:var(--orange); }
dl dt { margin-top:25px; color:#888; }
dl dd { margin:7px 0 0; font-size:16px; }
.contact-form h2 { font-size:26px; font-weight:400; margin-top:0; }
.contact-form label { margin:18px 0; font-size:14px; }
.contact-form label span { color:var(--orange); }
.contact-form input,.contact-form textarea { margin-top:8px; }
.inquiry-context { border:1px solid #ddd; padding:12px 18px; background:#fafafa; font-size:12px; }
.inquiry-context p { margin:5px 0; }
.error { background:#ffeded; color:#922d2d; padding:15px; border:1px solid #e5b8b8; }
.success { background:#eafaee; color:#245b33; padding:15px; border:1px solid #b8d9bf; }
.muted { color:var(--muted); }
.paper { padding:30px; background:#fff; }
.paper h2 { font-size:26px; font-weight:400; }
.paper h3 { font-size:22px; font-weight:400; }
.paper hr { border:0; border-top:1px solid var(--line); margin:40px 0; }
.text-page { min-height:400px; }
.sitemap-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px 30px; }
.not-found { text-align:center; padding:70px 0 100px; }
.not-found > strong { font-size:100px; color:var(--orange); font-weight:400; }
.site-footer { background:var(--navy); color:#d9d9df; padding:55px 0 0; }
.footer-brand { text-align:center; font-size:24px; color:white; }
.footer-caption { text-align:center; color:#aaaab2; margin-bottom:40px; }
.footer-columns { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:70px; text-align:center; padding-bottom:50px; }
.footer-columns h2 { color:var(--orange); font-size:20px; font-weight:400; }
.footer-columns a:not(.button) { display:block; margin:12px 0; }
.footer-columns p { font-size:13px; color:#aaaab2; }
.footer-columns .button { margin-top:15px; }
.copyright { border-top:1px solid #393b4a; padding:20px 0; font-size:11px; display:flex; justify-content:space-between; gap:20px; color:#999aa5; }
.floating-enquiry { position:fixed; bottom:35px; right:15px; background:var(--orange); color:#fff; padding:12px 15px; box-shadow:0 3px 10px #0002; z-index:12; }
.floating-enquiry:hover { background:#dc4700; color:white; }
@media (min-width:1600px) { .container { width:1400px; } }
@media (min-width:1201px) { .catalog-area .product-grid { gap:32px; } }
@media (max-width:1200px) { .container { width:calc(100% - 64px); } #navigation > a,#navigation > .nav-group > a,.language { padding:0 12px; } #navigation .quote { padding:0 22px; } .two-column { grid-template-columns:230px minmax(0,1fr); gap:24px; } .catalog-search { grid-template-columns:1fr 1fr; } .hero h1 { font-size:42px; } .product-grid { gap:18px; } .home-grid .card-content .button { font-size:13px; } }
@media (max-width:900px) { .container { width:calc(100% - 40px); } .menu-toggle { display:block; background:transparent; padding:10px; } nav#navigation { display:none; position:absolute; top:68px; left:0; right:0; background:var(--navy); padding:10px 20px; min-height:0; flex-wrap:wrap; } #navigation.open { display:flex; } #navigation > a,#navigation > .nav-group > a,.language { padding:14px; } .dropdown { display:none!important; } .hero-inner { gap:20px; } .hero h1 { font-size:38px; } .two-column { grid-template-columns:200px minmax(0,1fr); gap:20px; } .side-links,.side-contact { padding-left:16px; padding-right:16px; } .side-links a { font-size:14px; } .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-categories { grid-template-columns:repeat(3,minmax(0,1fr)); } .product-grid.home-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .product-detail { grid-template-columns:1fr; } .contact-grid { grid-template-columns:1fr 1.3fr; gap:25px; padding:25px; } .footer-columns { gap:25px; } }
@media (max-width:600px) { .container { width:calc(100% - 32px); } .topbar { font-size:10px; } .topbar .container { flex-direction:column; gap:1px; padding:5px 0; } .topbar .container > div { gap:15px; } .nav-wrap { min-height:62px; } nav#navigation { top:62px; } #navigation > a,#navigation > .nav-group,.language { width:50%; } .nav-group > a { width:100%; } #navigation .quote { justify-content:center; } .brand strong { font-size:20px; } .preview-notice { font-size:9px; padding:5px 15px; } .hero { min-height:560px; } .hero-inner { grid-template-columns:1fr; padding:45px 0 30px; gap:25px; } .hero h1 { font-size:34px; margin:18px 0; } .hero p { font-size:15px; } .truck-drawing svg { max-height:150px; } .truck-drawing span { font-size:8px; } .eyebrow { font-size:10px; } .section-title { font-size:28px; } .section-pad,.about-home { padding-top:45px; padding-bottom:45px; } .category-showcase { padding:30px 0; } .category-showcase .section-title { font-size:24px; } .home-categories { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .home-categories > a { display:block; padding:12px; } .category-mark { display:none; } .home-categories strong { font-size:12px; display:block; } .home-categories a > span:last-child { font-size:10px; display:block; margin-top:8px; } .company-stats > div { padding:6px 10px; width:33.333%; } .company-stats strong { font-size:28px; } .company-stats span { font-size:11px; } .service-band { min-height:250px; } .service-band > div { grid-template-columns:1fr 1fr; gap:25px 10px; padding:45px 0; } .service-band a { font-size:13px; } .service-band a:before { width:40px; margin-bottom:14px; } .product-grid,.product-grid.home-grid { gap:12px; } .card-image { padding:6px; } .card-content { padding:0 8px 8px; } .card-content h2 { font-size:13px; height:72px; -webkit-line-clamp:4; } .card-content .button,.home-grid .card-content .button { padding:8px 3px; font-size:11px; } .record-state { font-size:9px; } .media-placeholder { padding:6px; } .media-placeholder small { font-size:6px; letter-spacing:0; } .media-placeholder span { font-size:10px; } .news-teasers { grid-template-columns:1fr; gap:25px; margin-top:35px; } .page-banner { min-height:165px; } .page-banner h1 { font-size:30px; padding-top:38px; } .breadcrumbs { font-size:11px; padding-top:18px; padding-bottom:12px; } .two-column { display:flex; flex-direction:column; gap:20px; } .sidebar { width:100%; } .sidebar .side-box:not(:first-child) { display:none; } .sidebar .side-box:first-child { margin-bottom:0; } .side-box h2 { font-size:17px; padding:9px 14px; } .side-links { display:flex; overflow-x:auto; white-space:nowrap; gap:18px; padding:8px 14px; } .side-links a { font-size:12px; padding:6px 0; } .side-links span { display:inline; } .main-column { width:100%; } .catalog-search { padding:12px; gap:10px; } .catalog-search .search-field { grid-column:1 / -1; } .catalog-search button { grid-column:1 / -1; } .catalog-search label { font-size:10px; } input,select,textarea { font-size:14px; } .catalog-summary { font-size:11px; } .pagination { gap:8px; margin-top:30px; } .pagination a { min-width:29px; height:29px; font-size:12px; } .data-notice { font-size:11px; } .detail-summary h2 { font-size:21px; } .product-detail { padding:14px; gap:20px; } .detail-image { padding:30px; } .detail-tabs { flex-wrap:wrap; } .detail-tabs a { flex:1; padding:12px 8px; font-size:12px; text-align:center; } .detail-information { padding:0 14px 20px; } .detail-tabs { margin:0 -14px 20px; } .spec-table { font-size:12px; } .spec-table th,.spec-table td { padding:8px; } .spec-table th { width:34%; } .company-heading { font-size:28px; } .company-image { min-height:170px; } .contact-grid { grid-template-columns:1fr; gap:30px; padding:22px; } .contact-details h2 { font-size:23px; } .paper { padding:20px; } .sitemap-links { grid-template-columns:1fr 1fr; gap:10px; font-size:12px; } .footer-columns { grid-template-columns:1fr; gap:20px; } .footer-brand { font-size:20px; } .site-footer { padding-top:35px; } .footer-columns section:first-child { display:none; } .copyright { flex-direction:column; text-align:center; gap:8px; padding-bottom:60px; } .floating-enquiry { font-size:12px; padding:9px 12px; bottom:15px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.category-toggle { display:none; }
.product-spotlight { background:#e9e9ec; padding:45px 0 25px; min-height:533px; }
.spotlight-slide { display:grid; grid-template-columns:46% 1fr; gap:60px; align-items:center; }
.spotlight-slide[hidden] { display:none; }
.spotlight-slide > a { display:block; max-width:410px; width:100%; margin:0 auto; }
.spotlight-slide h2 { font-weight:400; font-size:28px; line-height:1.4; }
.spotlight-slide .eyebrow { color:#a54821; font-size:11px; }
.spotlight-controls { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:20px; }
.spotlight-controls button { padding:3px 18px; font-size:24px; }
.spotlight-controls span { font-size:12px; }
@media (max-width:600px) {
  .product-spotlight { min-height:0; padding:25px 0; }
  .spotlight-slide { grid-template-columns:1fr; gap:15px; }
  .spotlight-slide > a { max-width:220px; }
  .spotlight-slide h2 { font-size:21px; }
  .company-image { height:170px; min-height:0; }
  .two-column { display:grid; grid-template-columns:minmax(0,1fr); }
  .sidebar { display:contents; }
  .sidebar .side-box:first-child { order:0; }
  .sidebar .side-box:not(:first-child) { display:block; order:2; margin-bottom:0; }
  .main-column { order:1; }
  .category-toggle { display:flex; width:100%; justify-content:space-between; padding:9px 14px; background:var(--navy); color:#fff; font-size:14px; }
  .category-box > h2 { display:none; }
  .category-box .side-links { display:none; white-space:normal; }
  .category-box.mobile-open .side-links { display:block; max-height:300px; overflow-y:auto; }
}

/* 首页首屏双图横幅（紧接 hero）：左整车、右配件总览，等高并排 */
.home-banners { padding:34px 0 58px; background:#fff; }
.home-banners .container { width:calc(100% - 64px); max-width:1560px; }
.banner-pair { display:grid; grid-template-columns:minmax(0,1.97fr) minmax(0,1fr); gap:26px; }
.banner-pair figure { margin:0; min-width:0; overflow:hidden; background:#fff; border:1px solid #e2e4e7; box-shadow:0 12px 30px rgba(0,0,0,.09); }
.banner-pair figure:first-child { aspect-ratio:1600 / 542; }
.banner-pair figure:last-child { aspect-ratio:1200 / 800; }
.banner-pair img { display:block; width:100%; max-width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.banner-pair figure:hover img { transform:scale(1.02); }
@media (max-width:900px) { .banner-pair { display:block; } .banner-pair figure { width:100%; margin:0 0 16px; } .banner-pair figure:last-child { margin-bottom:0; } .home-banners { padding:22px 0 40px; } }
@media (max-width:600px) { .home-banners .container { width:calc(100% - 32px); } .banner-pair figure { aspect-ratio:auto; } .banner-pair img { height:auto; } }
@media (prefers-reduced-motion:reduce) { .banner-pair img { transition:none; } .banner-pair figure:hover img { transform:none; } }

/* ---- 语言切换 ---- */
.lang-switch { align-items:center; }
.lang-switch .dropdown { min-width:150px; }
.lang-switch .language { cursor:default; white-space:nowrap; }
.lang-switch .dropdown a[aria-current="true"] { color:var(--orange); }
.lang-mobile { display:none; }
@media (max-width:900px) { .lang-mobile { display:flex; flex-wrap:wrap; gap:8px 16px; width:100%; padding:12px 14px; margin-top:6px; border-top:1px solid #ffffff1f; } .lang-mobile a { font-size:13px; color:#d9d9df; } .lang-mobile a[aria-current="true"] { color:var(--orange); } }

/* ---- 阿拉伯语 RTL ---- */
html[dir="rtl"] .dropdown { left:auto; right:0; }
html[dir="rtl"] .hero-link { margin-left:0; margin-right:24px; }
html[dir="rtl"] .breadcrumbs span { display:inline-block; transform:scaleX(-1); }
html[dir="rtl"] .card-content h2, html[dir="rtl"] .detail-summary, html[dir="rtl"] .paper { text-align:right; }
@media (max-width:1200px) { .brand-logo { height:66px; } .nav-wrap { min-height:84px; } }
@media (max-width:900px) { .brand-logo { height:52px; } .nav-wrap { min-height:70px; } }
@media (max-width:600px) { .brand-logo { height:44px; } .nav-wrap { min-height:62px; } .footer-brand .footer-logo { height:44px; margin-bottom:12px; } }
/* WhatsApp 直达入口 */
.float-whatsapp { position:fixed; bottom:35px; left:15px; width:50px; height:50px; border-radius:50%; background:#25d366; color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 14px #0003; z-index:12; transition:background .2s, transform .2s; }
.float-whatsapp:hover { background:#1eb85a; color:#fff; transform:translateY(-2px); }
.float-whatsapp .wa-icon { width:27px; height:27px; fill:#fff; }
.whatsapp-link { display:inline-flex; align-items:center; gap:8px; font-weight:700; color:#0f8a5f; }
.whatsapp-link .wa-icon { width:18px; height:18px; fill:#25d366; flex:none; }
.whatsapp-link:hover { color:#0b6b4a; }