/* 全站内页视觉层；以 .ml-inner 隔离，首页布局保持原样。 */
.ml-inner { --si-dark:#17191c; --si-red:#cc121c; --si-gray:#f3f3f3; --si-muted:#666; --si-line:#dedede; --si-gutter:22px; --si-width:1240px; color:var(--si-dark); background:#fff; }
.ml-inner h1,.ml-inner h2,.ml-inner h3,.ml-inner p { color:inherit; }
.ml-inner h1,.ml-inner h2,.ml-inner h3 { letter-spacing:-.035em; }
.ml-inner a { text-decoration:none; }
.ml-inner img { display:block; max-width:100%; }
.ml-inner button { font:inherit; cursor:pointer; }
.ml-inner [hidden] { display:none; }
.ml-inner :focus-visible { outline:3px solid var(--si-red); outline-offset:5px; }
.ml-inner .si-container,.ml-inner .mh-container { width:min(var(--si-width),calc(100% - var(--si-gutter)*2)); margin-inline:auto; }
.ml-inner .mh-skip { position:fixed; top:-100px; left:20px; padding:12px 20px; z-index:100; background:#fff; }
.ml-inner .mh-skip:focus { top:10px; }
.ml-inner main { scroll-margin-top:72px; }
.ml-inner main:focus { outline:none; }
.ml-inner #location { scroll-margin-top:90px; }
.ml-inner .ml-header { background:var(--si-dark); border:0; }
.ml-inner .ml-header__inner { height:72px; gap:22px; }
.ml-inner .ml-header__logo img { width:126px; height:42px; }
.ml-inner .ml-header__nav { gap:30px; }
.ml-inner .ml-header__nav-link { font-size:14px; font-weight:500; }
.ml-inner .ml-header__nav-link--active::after { background:var(--si-red); height:3px; bottom:-22px; }
.ml-inner .ml-header__cta { border:0; font-size:13px; padding:0; white-space:nowrap; background:transparent; }
.ml-inner .ml-header__cta:hover { background:transparent; color:#fff; text-decoration:underline; }
.ml-inner .ml-header__drawer { inset:72px 0 0; background:var(--si-dark); border-color:#555; }
.ml-inner .ml-header__drawer-link { color:#fff; border-color:#38393c; }
.ml-inner .ml-header__drawer-cta { display:inline-block; margin-top:28px; color:#fff; }
.ml-inner .si-hero { background:var(--si-gray); padding:42px 0 50px; }
.ml-inner .si-hero--dark { color:#fff; background:radial-gradient(ellipse at 80% 100%,#3c424a,#17191c 70%); }
.ml-inner .si-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:11px; color:var(--si-muted); margin:0 0 28px; }
.ml-inner .si-breadcrumb a { color:inherit; }
.ml-inner .si-hero--dark .si-breadcrumb { color:#bfc3c8; }
.ml-inner .si-kicker { color:var(--si-muted); font-size:11px; letter-spacing:.17em; margin:0 0 14px; }
.ml-inner .si-hero--dark .si-kicker { color:#bfc3c8; }
.ml-inner .si-hero h1 { font-size:clamp(34px,5vw,64px); line-height:1.25; font-weight:600; max-width:900px; margin:0 0 18px; }
.ml-inner .si-hero__desc { font-size:14px; line-height:1.9; max-width:700px; margin:0; }
.ml-inner .si-section { padding:56px 0; }
.ml-inner .si-section--gray { background:var(--si-gray); }
.ml-inner .si-heading { margin-bottom:32px; }
.ml-inner .si-heading__en { font-size:28px; line-height:1.25; margin:0 0 8px; }
.ml-inner .si-heading h2 { font-size:24px; line-height:1.4; margin:0; font-weight:550; }
.ml-inner .si-heading--center { text-align:center; }
.ml-inner .si-heading--center::after { content:""; display:block; width:42px; height:3px; background:var(--si-red); margin:22px auto 0; }
.ml-inner .si-muted { color:var(--si-muted); font-size:13px; line-height:1.9; }
.ml-inner .si-button { display:inline-flex; align-items:center; justify-content:center; gap:28px; min-height:44px; padding:12px 24px; border-radius:40px; border:1px solid var(--si-dark); color:var(--si-dark); font-size:13px; transition:background .2s,color .2s; }
.ml-inner .si-button--dark { background:var(--si-dark); color:#fff; }
.ml-inner .si-button:hover { color:#fff; background:var(--si-red); border-color:var(--si-red); }
.ml-inner .si-text-link { display:inline-flex; justify-content:space-between; gap:45px; color:inherit; font-size:13px; padding:8px 0; border-bottom:1px solid #888; }
.ml-inner .si-text-link:hover { color:var(--si-red); }
.ml-inner .si-category-grid { display:grid; grid-template-columns:1fr; gap:18px; }
.ml-inner .si-category { position:relative; display:flex; flex-direction:column; color:var(--si-dark); background:var(--si-gray); padding:30px 26px; }
.ml-inner .si-category__visual { height:170px; width:100%; display:grid; place-items:center; margin:10px 0 24px; }
.ml-inner .si-category__visual svg { width:240px; height:150px; max-width:100%; color:#73787d; }
.ml-inner .si-category__visual img { width:250px; height:170px; object-fit:contain; filter:drop-shadow(0 15px 8px #0002); }
.ml-inner .si-category h3 { font-size:25px; margin:0 0 10px; font-weight:550; }
.ml-inner .si-category p { margin:0 0 25px; }
.ml-inner .si-category__link { display:flex; justify-content:space-between; font-size:12px; margin-top:auto; }
.ml-inner .si-category:hover .si-category__link { color:var(--si-red); }
.ml-inner .si-catalog-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }
.ml-inner .si-catalog-head .si-heading { margin:0; }
.ml-inner .si-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 25px; }
.ml-inner .si-filter { background:transparent; border:1px solid #ccc; border-radius:30px; padding:9px 18px; min-height:42px; font-size:13px; }
.ml-inner .si-filter[aria-pressed="true"] { background:var(--si-dark); border-color:var(--si-dark); color:#fff; }
.ml-inner .si-grid { display:grid; grid-template-columns:1fr; gap:24px; }
.ml-inner .si-card { display:flex; flex-direction:column; color:var(--si-dark); min-width:0; }
.ml-inner .si-card[hidden] { display:none; }
.ml-inner .si-card__visual { position:relative; display:grid; place-items:center; height:255px; background:#e7e7e5; overflow:hidden; }
.ml-inner .si-card__visual img { width:80%; height:83%; object-fit:contain; transition:transform .3s; filter:drop-shadow(0 16px 10px #0002); }
.ml-inner .si-card:hover img { transform:translateY(-5px); }
.ml-inner .si-card__visual svg { width:75%; max-width:250px; height:130px; color:#85898c; }
.ml-inner .si-card__badge { position:absolute; left:16px; top:16px; color:#666; font-size:10px; letter-spacing:.08em; }
.ml-inner .si-card__body { position:relative; width:92%; margin-top:-24px; padding:19px 18px; background:#fff; flex:1; }
.ml-inner .si-card h3 { font-size:17px; line-height:1.65; font-weight:550; margin:0 0 10px; overflow-wrap:anywhere; }
.ml-inner .si-card__meta { font-size:12px; color:var(--si-muted); margin:0 0 13px; }
.ml-inner .si-card__link { display:flex; justify-content:space-between; color:var(--si-red); font-size:12px; }
.ml-inner .si-detail { padding:32px 0 56px; }
.ml-inner .si-detail__grid { display:grid; grid-template-columns:1fr; gap:32px; }
.ml-inner .si-detail__visual { position:relative; background:#e5e5e3; min-height:310px; display:grid; place-items:center; padding:38px 20px; }
.ml-inner .si-detail__visual img { width:90%; max-height:440px; object-fit:contain; filter:drop-shadow(0 24px 16px #0002); }
.ml-inner .si-detail__visual svg { width:85%; max-width:400px; color:#85898c; }
.ml-inner .si-detail__note { position:absolute; bottom:16px; left:20px; font-size:11px; color:var(--si-muted); }
.ml-inner .si-detail h1 { font-size:clamp(28px,3.2vw,44px); line-height:1.4; font-weight:550; margin:14px 0 25px; overflow-wrap:anywhere; }
.ml-inner .si-detail__suffix { display:inline-block; white-space:nowrap; }
.ml-inner .si-facts { margin:0 0 25px; }
.ml-inner .si-facts div { display:grid; grid-template-columns:75px 1fr; gap:15px; padding:12px 0; border-bottom:1px solid var(--si-line); font-size:13px; }
.ml-inner .si-facts dt { color:var(--si-muted); }
.ml-inner .si-facts dd { margin:0; overflow-wrap:anywhere; }
.ml-inner .si-actions { display:flex; flex-wrap:wrap; gap:12px; }
.ml-inner .si-table-wrap { overflow-x:auto; margin-top:26px; }
.ml-inner .si-spec-table { width:100%; border-collapse:collapse; font-size:13px; }
.ml-inner .si-spec-table caption { text-align:left; font-size:20px; font-weight:550; padding:0 0 20px; }
.ml-inner .si-spec-table th,.ml-inner .si-spec-table td { text-align:left; padding:15px 12px; border-bottom:1px solid var(--si-line); white-space:nowrap; }
.ml-inner .si-spec-table th { background:var(--si-gray); font-weight:500; }
.ml-inner .si-missing { color:var(--si-muted); font-size:12px; }
.ml-inner .si-split { display:grid; grid-template-columns:1fr; gap:32px; }
.ml-inner .si-copy h2 { font-size:clamp(27px,3.5vw,42px); line-height:1.5; font-weight:550; margin:0 0 25px; }
.ml-inner .si-copy p { font-size:14px; line-height:2; margin:0 0 20px; }
.ml-inner .si-copy .si-muted { color:var(--si-muted); }
.ml-inner .si-image-panel { display:grid; place-items:center; min-height:300px; background:#e3e2df; padding:40px; }
.ml-inner .si-image-panel img { width:90%; max-height:330px; object-fit:contain; filter:drop-shadow(0 18px 12px #0002); }
.ml-inner .si-stat { background:var(--si-dark); color:#fff; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:45px; }
.ml-inner .si-stat strong { font-size:clamp(65px,8vw,120px); font-weight:300; line-height:1.2; }
.ml-inner .si-stat p { margin-top:20px; font-size:28px; }
.ml-inner .si-steps { display:grid; grid-template-columns:1fr; gap:30px; list-style:none; margin:35px 0 0; padding:0; }
.ml-inner .si-steps li { border-top:1px solid var(--si-line); padding:24px 0 0; }
.ml-inner .si-steps span { font-size:32px; color:#888; font-weight:300; }
.ml-inner .si-steps h3 { font-size:20px; margin:16px 0 10px; }
.ml-inner .si-steps p { font-size:13px; line-height:1.9; color:var(--si-muted); }
.ml-inner .si-banner { background:var(--si-red); color:#fff; padding:45px 0; }
.ml-inner .si-banner__inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px; }
.ml-inner .si-banner h2 { font-size:clamp(27px,3.3vw,42px); font-weight:500; margin:0 0 12px; }
.ml-inner .si-banner p { font-size:13px; margin:0; }
.ml-inner .si-banner .si-button { color:#fff; border-color:#fff; }
.ml-inner .si-banner .si-button:hover { background:#fff; color:var(--si-red); }
.ml-inner .si-empty { text-align:center; padding:60px 20px; border-block:1px solid var(--si-line); }
.ml-inner .si-empty__mark { font-size:60px; font-weight:300; color:#bbb; margin-bottom:18px; }
.ml-inner .si-empty h2 { font-size:25px; margin-bottom:15px; }
.ml-inner .si-contact-card { background:var(--si-gray); padding:30px 25px; min-width:0; }
.ml-inner .si-contact-card h2 { font-size:23px; margin:20px 0; }
.ml-inner .si-contact-card a { color:var(--si-dark); font-size:18px; display:block; line-height:2.2; overflow-wrap:anywhere; }
.ml-inner .si-contact-card p { font-size:13px; line-height:1.9; }
.ml-inner .si-location { background:var(--si-dark); color:#fff; padding:40px 30px; }
.ml-inner .si-location h2 { font-size:30px; line-height:1.4; margin:0 0 18px; }
.ml-inner .si-location p { font-size:14px; line-height:2; }
.ml-inner .si-location .si-button { color:#fff; border-color:#fff; margin-top:15px; }
.ml-inner .si-form { display:grid; gap:18px; }
.ml-inner .si-form [hidden] { display:none; }
.ml-inner .si-form-grid { display:grid; grid-template-columns:1fr; gap:20px; }
.ml-inner .si-form label { display:block; font-size:13px; margin-bottom:9px; }
.ml-inner .si-form input,.ml-inner .si-form textarea,.ml-inner .si-form select { display:block; width:100%; min-height:46px; padding:12px; border:1px solid #bbb; background:#fff; color:var(--si-dark); border-radius:0; font:inherit; font-size:14px; }
.ml-inner .si-form textarea { min-height:150px; resize:vertical; }
.ml-inner .si-form textarea:focus,.ml-inner .si-form input:focus { outline-color:var(--si-red); }
.ml-inner .si-form .ml-form-error { font-size:12px; color:#a01920; }
.ml-inner .si-form-status { padding:12px 16px; background:var(--si-gray); font-size:13px; line-height:1.9; }
.ml-inner .si-form-status--error { color:#a01920; }
.ml-inner .si-form-status--success { color:#236138; }
.ml-inner .mh-footer { color:#b7b8ba; background:var(--si-dark); padding:48px 0 22px; }
.ml-inner .mh-footer__grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 18px; }
.ml-inner .mh-footer__brand { grid-column:1 / -1; }
.ml-inner .mh-footer__brand img { width:144px; height:48px; object-fit:contain; }
.ml-inner .mh-footer__brand p { font-size:12px; line-height:1.9; margin-top:20px; }
.ml-inner .mh-footer h2 { color:#fff; font-size:14px; font-weight:500; margin-bottom:18px; }
.ml-inner .mh-footer a { display:block; color:#b7b8ba; font-size:12px; line-height:2.2; }
.ml-inner .mh-footer a:hover { color:#fff; }
.ml-inner .mh-footer__bottom { border-top:1px solid #38393c; margin-top:38px; padding-top:22px; display:flex; flex-direction:column; gap:8px; font-size:10px; color:#929497; }
.ml-inner .ml-fab { right:14px; bottom:18px; }
.ml-inner .ml-fab__btn { width:40px; height:40px; border-radius:50%; background:var(--si-dark); color:#fff; border:1px solid #ffffff55; }
.ml-inner .ml-fab__btn--primary { background:var(--si-red); border:0; }
@media (max-width:639px) { .ml-inner .ml-header__cta span { display:none; } .ml-inner .ml-header__inner { gap:14px; } }
@media (min-width:640px) {
  .ml-inner { --si-gutter:36px; }
  .ml-inner .si-grid,.ml-inner .si-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ml-inner .si-section { padding-block:70px; }
  .ml-inner .si-hero { padding-block:45px 60px; }
  .ml-inner .si-heading__en { font-size:36px; }
  .ml-inner .si-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ml-inner .mh-footer__grid { grid-template-columns:1.6fr 1fr 1fr; }
  .ml-inner .mh-footer__brand { grid-column:auto; }
  .ml-inner .mh-footer__bottom { flex-direction:row; justify-content:space-between; }
}
@media (min-width:1024px) {
  .ml-inner { --si-gutter:50px; }
  .ml-inner .ml-header__inner { height:82px; }
  .ml-inner .ml-header__drawer { inset:82px 0 0; }
  .ml-inner main { scroll-margin-top:82px; }
  .ml-inner .ml-header__nav-link--active::after { bottom:-27px; }
  .ml-inner .si-section { padding-block:85px; }
  .ml-inner .si-hero { padding-block:50px 75px; }
  .ml-inner .si-category-grid,.ml-inner .si-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
  .ml-inner .si-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
  .ml-inner .si-detail__grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:65px; align-items:center; }
  .ml-inner .si-detail { padding-block:40px 75px; }
  .ml-inner .si-detail__visual { min-height:520px; }
  .ml-inner .si-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:65px; align-items:center; }
  .ml-inner .si-copy { max-width:510px; }
}
@media (min-width:1280px) { .ml-inner .si-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; } }
@media (prefers-reduced-motion:reduce) { .ml-inner *,.ml-inner *::before,.ml-inner *::after { animation:none; transition:none; scroll-behavior:auto; } }
