/* 全站统一规则 v3(2026-10-31):间距两档 · 标题字号一套 · 最小字 12px · 产品目录菜单 · 落单卡片。
   落地页的 V2_CSS 排在本文件之后,所以规则都带 html body 前缀。 */

/* —— 间距:普通版块 64,主要版块 96;手机 48 / 64 —— */
html body .mk-sec,html body .mk-faq,html body .mk-std,html body .v2-capsec,html body .v2-dlsec,html body .pl-why,html body .pl-apps,html body .pl-band,html body .network,html body .faq,html body .certs-display,html body .sk-oem{padding-top:64px;padding-bottom:64px}
html body section.pl-why{padding-top:64px!important;padding-bottom:64px!important}
html body .contact,html body .products,html body .markets,html body .applications,html body .factory-showcase,html body .why,html body .process,html body .about-section,html body .about-cta,html body .about-hero{padding-top:96px;padding-bottom:96px}
@media(max-width:720px){
  html body .mk-sec,html body .mk-faq,html body .mk-std,html body .v2-capsec,html body .v2-dlsec,html body .pl-why,html body .pl-apps,html body .pl-band,html body .network,html body .faq,html body .certs-display,html body .sk-oem{padding-top:48px;padding-bottom:48px}
  html body .contact,html body .products,html body .markets,html body .applications,html body .factory-showcase,html body .why,html body .process,html body .about-section,html body .about-cta,html body .about-hero{padding-top:64px;padding-bottom:64px}
}

/* —— 标题字号:一级最大 64,二级最大 38 —— */
html body .hero h1,html body .about-hero h1,html body .news-hero h1{font-size:clamp(36px,4.4vw,64px)}
html body section>.wrap>h2,html body .heading h2,html body .section-header h2,html body .cta-inner h2,html body .fs-title,html body .process-title,html body .faq-title,html body .cd-title,html body .network-title,html body .contact-info h2{font-size:clamp(27px,2.7vw,38px)!important}
html body section>.wrap>h2.v2-rel-h{font-size:clamp(22px,2vw,28px)!important}

/* —— 最小字 12px —— */
html body .form-field label,html body .base-tag,html body .form-field-hint,html body .lbl,html body .ch-label,html body .v2-rel small,html body .tag,html body .pl-gal-tag,html body .wa-label,html body .nc-meta,html body .footer-subhead,html body .badge-custom,html body .prod-series,html body .sb-code,html body .util-left,html body .util-left span,html body figcaption,html body .sk-iso,html body .sk-opt,html body .pl-photo-tag,html body .market-tags span,html body .line-badge,html body .app-line-tag,html body .config-tab strong,html body .section-eyebrow,html body .local,html body .cert-zoom,html body .cert-status,html body .trust-tag,html body .role,html body .ob-eyebrow,html body .sb-eyebrow,html body .prod-code,html body .location-tag,html body .form-alt-divider span,html body .stat .lbl,html body .wa-label,html body .local,html body .sk-oem-eyebrow,html body .network-eyebrow,html body .cct-eyebrow,html body .arrow,html body .hero-photo-caption span,html body .hero-photo-caption{font-size:12px!important}

html body .sk-caret{font-size:12px}
html body .logo-text .tag{font-size:10px!important;white-space:nowrap}
html body h3>small{font-size:12px!important}

html body .prod-code{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}

/* —— 灰字加深 —— */
html body .v2-rel small,html body figcaption,html body .line-card p,html body .trust-card p,html body .timeline-item p,html body .location-facts li,html body .line-card .line-badge,html body .fs-cat-sub,html body .location-province{color:#5f6368}
html body .mk-note,html body .mk-note b{color:#5a5a5a}
html body .footer-legal a,html body .footer-bottom>div{color:#a0a3a8}
html body .footer-legal span{color:#6a6a6a}
html body .footer-subhead,html body .pl-crumb,html body .cat-num{color:#ef5a50}
html body .v2-dl-ico{background:#5f6368}

/* —— 介绍句和下面的卡片留出距离 —— */
html body .v2-capsec .mk-intro,html body .v2-dlsec .mk-intro,html body .v2-comsec .mk-intro{margin-bottom:24px}

/* —— 手机上尺寸表:型号列固定,提示可左右滑 —— */
@media(max-width:720px){
  html body .mk-table.v2-spec{font-size:13px;min-width:760px}
  html body .mk-table.v2-spec th,html body .mk-table.v2-spec td{padding:9px 8px}
  html body .mk-table.v2-spec th:first-child,html body .mk-table.v2-spec td:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:1px 0 0 #e5e0d8}
  html body .mk-table.v2-spec th:first-child{background:#0a0a0a}
  html body .mk-table-scroll:has(>.v2-spec)::before{content:'Swipe to see all columns \2192';display:block;position:sticky;left:0;padding:0 0 8px;font:600 12px/1.2 Manrope,sans-serif;color:#5f6368}
}

/* —— 页脚列宽全站一致 —— */
@media(min-width:1101px){html body .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px}}

/* —— 询价区左栏跟着表单走,不留大块空白 —— */
@media(min-width:1025px){html body .contact-info{position:sticky;top:130px}}

/* —— 落单卡片 —— */
@media(min-width:1101px){html body .v2-dlgrid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
@media(min-width:901px) and (max-width:1100px){html body .v2-dlgrid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px){
  html body .v2-capgrid:has(>:nth-child(7):last-child),html body .lines-grid:has(>:nth-child(7):last-child),html body .markets-grid.mk7{display:flex;flex-wrap:wrap;justify-content:center}
  html body .v2-capgrid:has(>:nth-child(7):last-child)>*{flex:0 1 calc(25% - 14px)}
  html body .lines-grid:has(>:nth-child(7):last-child)>*,html body .markets-grid.mk7>*{flex:0 1 calc(25% - 24px)}
}
@media(min-width:901px){html body .pl-why-grid:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}}
@media(min-width:561px){html body .v2-relgrid>:nth-child(13):last-child{grid-column:1/-1}}
@media(max-width:720px){html body .bases{display:grid;grid-template-columns:1fr 1fr;gap:8px}}

/* —— 平板竖屏落单 —— */
@media(min-width:561px) and (max-width:900px){
  html body .v2-trust-row>:nth-child(5):last-child,html body .markets-grid.mk7>:nth-child(7):last-child{grid-column:1/-1}
  html body .stats-grid{grid-template-columns:repeat(2,1fr)}
  html body .fs-grid--3{grid-template-columns:repeat(3,1fr)!important}
}
@media(min-width:721px) and (max-width:1100px){
  html body .footer-grid{grid-template-columns:repeat(4,1fr);gap:32px}
  html body .footer-brand{grid-column:1/-1}
}

/* —— 产品目录菜单 —— */
@media(min-width:1025px){
  html body li.has-mega{position:static}
  html body .submenu.mega{left:50%;right:auto;width:min(1040px,calc(100vw - 48px));transform:translate(-50%,8px);padding:26px 30px;display:grid;grid-template-columns:1.25fr 1fr 1.1fr 1.1fr;gap:26px;background:#faf8f4;border:1px solid var(--fog,#e7e1d6);box-shadow:0 18px 44px rgba(0,0,0,.14)}
  html body li.has-mega:hover .submenu.mega,html body li.has-mega:focus-within .submenu.mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
  html body .submenu.mega{transition:opacity .18s ease .15s,transform .18s ease .15s,visibility 0s linear .33s}
  html body li.has-mega:hover .submenu.mega,html body li.has-mega:focus-within .submenu.mega{transition:opacity .15s ease,transform .15s ease,visibility 0s}
  html body .submenu.mega::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:40px}
  html body .mega-h{pointer-events:none}
  html body .mega-h::after{display:none}
}
html body .mega-col ul{display:block;list-style:none;margin:0;padding:0}
html body .mega-h{display:block;width:100%;background:none;border:0;padding:0 0 10px;margin:0;text-align:left;font:600 12px/1.2 'JetBrains Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:#b3261e}
html body .submenu.mega a{display:block;padding:6px 0;font-size:14px;line-height:1.35;white-space:normal}
@media(max-width:1024px){
  html body header.nav-open nav{max-height:calc(100vh - 90px);overflow-y:auto}
  html body header.nav-open .submenu.mega{display:block;padding:0}
  html body .mega-h{position:relative;padding:13px 32px 13px 52px;font-size:13px;cursor:pointer}
  html body .mega-h::after{content:'+';position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:18px}
  html body .mega-col.open .mega-h::after{content:'\2212'}
  html body header.nav-open nav .mega-col ul{display:none;padding:0}
  html body header.nav-open nav .mega-col.open ul{display:block}
  html body header.nav-open .submenu.mega a{padding:11px 32px 11px 68px;font-size:15px}
}

/* —— 问答版块(产品三页原本没有这套样式)—— */
html body .mk-faq{background:#f4f1ec}
html body .mk-faq .wrap{max-width:1400px;margin:0 auto;padding:0 32px}
html body .mk-faq h2{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:1px;margin:0 0 26px;color:#0a0a0a}
html body .mk-faq-item{background:#fff;border:1px solid #e5e0d8;border-left:3px solid #d63027;border-radius:4px;padding:20px 22px;margin-bottom:14px}
html body .mk-faq-item h3{font-size:16.5px;color:#0a0a0a}
html body .mk-faq-item p{font-size:14.5px;line-height:1.65;color:#444;margin-bottom:0}

/* —— 试点页折叠(菲律宾、尺寸页)—— */
html body details.mk-faq-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
html body details.mk-faq-item>summary::-webkit-details-marker{display:none}
html body details.mk-faq-item>summary h3{margin:0}
html body details.mk-faq-item>summary::after{content:'+';flex-shrink:0;font-size:24px;line-height:1;font-weight:300;color:#d63027}
html body details.mk-faq-item[open]>summary::after{content:'\2212'}
html body details.mk-faq-item>p{margin-top:10px}
html body .fold-btn{display:none}
@media(max-width:720px){
  html body .fold-m.is-folded>:nth-child(n+2){display:none}
  html body .fold-btn{display:block;width:100%;margin-top:14px;padding:13px;background:#fff;border:1px solid #d63027;color:#d63027;font:600 14px/1 Manrope,sans-serif;border-radius:3px;cursor:pointer}
  html body .swipe-m{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;-webkit-overflow-scrolling:touch;padding-bottom:10px}
  html body .swipe-m>*{flex:0 0 84%;scroll-snap-align:start}
}