:root { --stable-ink:#1e2736; --stable-muted:#8692b0; --stable-paper:#f2f3f5; --stable-surface:#fff; --stable-dark:#12314a; --stable-brand:#409eff; --stable-accent:#f4483c;  --stable-dark-alt:#173d58; --stable-brand-deep:#337ecc; }
body.stable-home { color:var(--stable-ink); background:var(--stable-paper); }
body.stable-home main .section-content { padding-top:0; padding-bottom:0; }
body.stable-home main .stable-hero-content { padding-bottom:112px; }
.nav-header { min-height:88px; }
.nav-header .nav-left { flex-wrap:nowrap; }
.nav-header .nav-left .nav-icon img { width:138px; height:54px; object-fit:contain; margin-right:36px; }
.nav-header .nav-right { margin-left:auto; }
.nav-right { gap:12px; align-items:center; }
.nav-right .no-login { display:inline-flex; align-items:center; gap:10px; }
.nav-right .nav-register {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:10px 28px;
  border:1px solid #0168ec;
  border-radius:3px;
  color:#fff;
  background:#0168ec;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  text-decoration:none;
  white-space:nowrap;
  box-sizing:border-box;
  transition:color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.nav-right .nav-register:hover {
  color:#fff;
  background:#0158c9;
  border-color:#0158c9;
}
.nav-right .nav-login-console {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:10px 28px;
  border:1px solid #0168ec;
  border-radius:3px;
  color:#0168ec;
  background:transparent;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  text-decoration:none;
  white-space:nowrap;
  box-sizing:border-box;
  transition:color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.nav-right .nav-login-console:hover {
  color:#fff;
  background:#0168ec;
  border-color:#0168ec;
}
.nav-header .login-in {
  align-items:center;
  gap:10px;
  height:auto;
  padding:0;
}
.nav-header .login-in::after { display:none; }
.nav-header .login-in .login-menu { top:calc(100% + 8px); }
.nav-header .login-in .login-menu .login-menu-item:hover { color:#0168ec !important; background:rgba(1,104,236,.08); }
.nav-header .login-in .login-menu .login-menu-item .real-name { border-color:#0168ec; color:#0168ec; }
.nav-shadow { position:relative; z-index:50; background:rgba(255,255,255,.8); border-bottom:1px solid #e5e5e5; }
.nav-left { display:flex; align-items:center; }
.nav-menu { display:none; }
.nav-cont { display:none !important; }
.stable-home-nav { display:flex !important; align-items:center; gap:4px; margin-left:28px; position:relative; }
.stable-home-product-menu > button {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:22px 16px;
  color:#060607;
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  white-space:nowrap;
  transition:color 160ms ease;
}
.stable-home-product-menu > button::after {
  content:"";
  display:inline-block;
  width:0;
  height:0;
  margin-left:6px;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  opacity:0.55;
  transform:none;
  transition:transform 180ms ease, opacity 180ms ease;
}
.stable-home-product-menu.is-open > button::after {
  transform:rotate(180deg);
  opacity:1;
}
.stable-home-product-menu > button:hover,
.stable-home-product-menu.is-open > button {
  color:#0168ec !important;
}
.stable-home-product-menu > button:active {
  transform:none;
}

.stable-home-product-menu {
  position:relative;
}

.stable-home-product-dropdown::before {
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
  background:transparent;
}

.stable-home-product-dropdown {
  position:absolute;
  top:100%;
  left:0;
  z-index:60;
  overflow-x:hidden;
  overflow-y:auto;
  max-height:min(72vh, 640px);
  min-width:240px;
  width:max-content;
  max-width:min(850px, calc(100vw - 40px));
  padding:8px 0 10px;
  border:0;
  border-radius:0 0 4px 4px;
  background:#fff;
  box-shadow:0 6px 12px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  scroll-padding-bottom:16px;
  -webkit-overflow-scrolling:touch;
}

.stable-home-product-menu.is-open .stable-home-product-dropdown {
  opacity:1;
  pointer-events:auto;
}

.nav-mega-inner {
  padding:0 4px 2px;
  box-sizing:border-box;
  min-height:0 !important;
}

.stable-home-product-dropdown.nav-mega-split {
  left:0;
  right:auto;
  width:850px;
  max-width:min(850px, calc(100vw - 48px));
  height:300px;
  padding:14px 0 0;
  overflow:hidden;
}

.nav-mega-split .nav-mega-inner {
  padding:0;
  height:100%;
}

.nav-mega-split-layout {
  position:relative;
  height:100%;
}

.stable-home-product-dropdown.nav-mega-split--compact {
  height:auto;
}

.nav-mega-split--compact .nav-mega-inner,
.nav-mega-split--compact .nav-mega-split-layout {
  height:auto;
}

.nav-mega-split--compact .nav-mega-split-pane--full {
  position:relative;
  bottom:auto;
  height:auto;
}

.nav-mega-split-item > .nav-mega-split-title {
  display:block;
  width:145px;
  padding:14px 28px;
  color:#060607;
  font-size:14px;
  font-weight:400;
  line-height:20px;
  text-decoration:none;
  box-sizing:border-box;
  transition:color 160ms ease;
}

.nav-mega-split-item:hover > .nav-mega-split-title,
.nav-mega-split-layout:not(:hover) .nav-mega-split-item.is-default > .nav-mega-split-title {
  color:#0168ec;
}

.nav-mega-split-pane {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:145px;
  z-index:0;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-auto-rows:58px;
  align-content:start;
  gap:10px;
  padding:10px 28px 14px;
  box-sizing:border-box;
  visibility:hidden;
}

.nav-mega-split-pane--rental {
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.nav-mega-split-pane--full {
  left:0;
  visibility:visible;
  z-index:1;
}

.nav-mega-split-layout:not(:hover) .is-default .nav-mega-split-pane,
.nav-mega-split-item:hover .nav-mega-split-pane {
  visibility:visible;
  z-index:1;
}

.nav-mega-card {
  display:flex;
  align-items:center;
  width:auto;
  height:58px;
  margin:0;
  padding:14px;
  border:1px solid #e5e5e5;
  border-radius:3px;
  background:rgba(255,255,255,.5);
  color:#060607;
  font-size:14px;
  font-weight:400;
  line-height:21px;
  text-decoration:none;
  box-sizing:border-box;
  transition:color 160ms ease, border-color 160ms ease;
}

.nav-mega-card:hover {
  color:#0168ec;
  border-color:#0168ec;
}

.nav-mega-inner.is-dropping {
  animation:stableCatalogDrop 360ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
.nav-mega-inner.is-rolling-up {
  animation:navMegaRollUp 360ms cubic-bezier(0.23, 1, 0.32, 1) both;
}
@keyframes navMegaRollUp {
  from { opacity:1; transform:none; }
  to { opacity:0; transform:translateY(-10px); }
}

.nav-mega-cols {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  width:100%;
}

.nav-mega-cols--dense .nav-mega-col {
  flex:1 1 132px;
  max-width:168px;
}

.nav-mega-col {
  flex:1 1 150px;
  min-width:132px;
  max-width:200px;
}

.nav-mega-col h4 {
  margin:0 16px 2px;
  padding:10px 4px 8px;
  border:0;
  border-bottom:1px solid #e8e8e8;
  color:#111;
  font-size:15px;
  font-weight:700;
  line-height:1.35;
}

.nav-mega-col h4 a {
  display:block;
  padding:0;
  color:inherit;
  text-decoration:none;
  transition:color 160ms ease;
}

.nav-mega-col h4 a:hover {
  color:#0168ec;
}

.nav-mega-col > a,
.nav-mega-link {
  display:flex;
  align-items:center;
  width:100%;
  box-sizing:border-box;
  padding:5px 20px;
  color:#4b4d51;
  font-size:13px;
  font-weight:400;
  line-height:20px;
  text-decoration:none;
  transition:color 160ms ease;
}

.nav-mega-cols--links {
  display:grid;
  grid-template-columns:repeat(3, minmax(148px, 1fr));
  min-width:444px;
}

.nav-mega-cols--links .nav-mega-col {
  flex:none;
  min-width:0;
  max-width:none;
}

.nav-mega-cols--links .nav-mega-col h4 {
  margin:0;
  padding:8px 20px;
  border:0;
  font-size:14px;
  font-weight:400;
  line-height:1.4;
}

.nav-mega-cols--compact .nav-mega-col {
  flex:1 1 148px;
  max-width:180px;
}

.nav-mega-col > a:hover,
.nav-mega-link:hover {
  color:#0168ec;
}

@media (prefers-reduced-motion: reduce) {
  .nav-mega-inner.is-dropping,
  .nav-mega-inner.is-rolling-up {
    animation:none;
  }
}

body.stable-home .stable-hero { position:relative; overflow:hidden; color:var(--stable-ink); background:#0b1528; }
body.stable-home .stable-hero-viewport { height:620px; }
body.stable-home .stable-hero-slide { position:relative; height:100%; overflow:hidden; }
body.stable-home .stable-hero-media { position:absolute; inset:0; display:block; z-index:1; cursor:pointer; }
body.stable-home .stable-hero-media--static { cursor:default; }
body.stable-home .stable-hero-media img { width:100%; height:100%; object-fit:cover; object-position:center; transform:none; transition:none; }
body.stable-home .stable-hero-slide.swiper-slide-active .stable-hero-media img { transform:none; }
body.stable-home .stable-hero-media::after,
body.stable-home .stable-hero-media::before,
body.stable-home .stable-hero-slide::after,
body.stable-home .stable-hero-slide::before { display:none !important; content:none !important; background:none !important; opacity:0 !important; }
/* hero content visibility controlled in stable-home-redesign.css */
body.stable-home .stable-hero-copy { max-width:660px; margin:0; text-align:left; }
body.stable-home .stable-hero .section-kicker { color:var(--stable-brand); }
body.stable-home .stable-hero h1 { margin:14px 0 18px; color:#ffffff; font-size:44px; line-height:1.2; font-weight:700; text-shadow:0 2px 10px rgba(0,0,0,.45); }
body.stable-home .stable-hero .hero-lead { max-width:620px; margin:0; color:#e2e8f0; font-size:16px; line-height:1.8; text-shadow:0 1px 6px rgba(0,0,0,.4); }
body.stable-home .hero-actions { display:flex; justify-content:flex-start; gap:12px; }
body.stable-home .hero-actions a { pointer-events:auto; }
body.stable-home .stable-hero-slide .stable-hero-copy > * { opacity:0; transform:translateY(14px); transition:opacity 420ms cubic-bezier(.23,1,.32,1),transform 420ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-hero-slide.swiper-slide-active .stable-hero-copy > * { opacity:1; transform:none; }
body.stable-home .stable-hero-slide.swiper-slide-active .stable-hero-copy > :nth-child(2) { transition-delay:50ms; }
body.stable-home .stable-hero-slide.swiper-slide-active .stable-hero-copy > :nth-child(3) { transition-delay:90ms; }
body.stable-home .stable-hero-slide.swiper-slide-active .stable-hero-copy > :nth-child(4) { transition-delay:130ms; }
body.stable-home .stable-button { display:inline-flex; min-height:44px; align-items:center; padding:0 32px; border:1px solid transparent; border-radius:6px; font-size:14px; font-weight:600; }
body.stable-home .stable-button-primary { color:#fff; background:var(--stable-brand); }
body.stable-home .stable-button-secondary { color:#fff; border-color:rgba(255,255,255,.6); background:rgba(0,0,0,.25); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
body.stable-home .stable-hero-pagination { position:absolute; z-index:6; bottom:56px; left:0; right:0; display:flex; gap:8px; justify-content:center; }
body.stable-home .stable-progress-bullet { position:relative; width:36px; height:4px; border-radius:2px; overflow:hidden; padding:0; border:0; background:rgba(255,255,255,.35); cursor:pointer; }
body.stable-home .stable-progress-bullet span { position:absolute; inset:0; background:var(--stable-brand); transform:translateX(-100%); }
body.stable-home .stable-progress-bullet.swiper-pagination-bullet-active span { animation:stableProgress 5s linear forwards; }
@keyframes stableProgress { from { transform:translateX(-100%); } to { transform:translateX(0); } }
body.stable-home .stable-commitment-band {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  margin-top: -40px;
  padding: 0 35px;
  background: transparent;
  transform: none;
}

body.stable-home .stable-commitment-grid {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  max-width: 1440px;
  margin: 0 auto;
  padding: 28px 35px !important;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
}

body.stable-home .stable-commitment-item {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 0 21px;
  color: #4b4d51;
  text-decoration: none;
  box-sizing: border-box;
}

body.stable-home .stable-commitment-item i {
  display: block;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  margin: 0 14px 0 0;
}

body.stable-home .stable-commitment-item i img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

body.stable-home .stable-commitment-item .item-value {
  display: block;
  margin: 5px 0;
  padding: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 23.1px;
  color: #060607;
}

body.stable-home .stable-commitment-item .item-value .timer {
  display: inline;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}

body.stable-home .stable-commitment-item .item-text {
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: #4b4d51;
}
body.stable-home {
  background-color: #f6f9fc;
  background-image: 
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(56, 189, 248, 0.08) 0%, transparent 60%),
    radial-gradient(circle at 10% 35%, rgba(30, 114, 237, 0.04) 0%, transparent 40%),
    radial-gradient(circle at 90% 70%, rgba(37, 99, 235, 0.04) 0%, transparent 45%),
    radial-gradient(rgba(30, 114, 237, 0.055) 1px, transparent 1px),
    linear-gradient(to right, rgba(226, 232, 240, 0.45) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(226, 232, 240, 0.45) 1px, transparent 1px);
  background-size: 
    auto,
    auto,
    auto,
    32px 32px,
    64px 64px,
    64px 64px;
}

body.stable-home .stable-product-section {
  position: relative;
  padding: 10px 0 96px;
  background: linear-gradient(180deg, rgba(244, 248, 252, 0.7) 0%, rgba(238, 244, 250, 0.85) 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-catalog-section {
  position: relative;
  padding: 76px 0 88px;
  background: linear-gradient(180deg, rgba(238, 244, 250, 0.85) 0%, rgba(246, 250, 254, 0.7) 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-facility-section {
  position: relative;
  padding: 86px 0;
  background: linear-gradient(180deg, rgba(246, 250, 254, 0.7) 0%, rgba(240, 246, 252, 0.85) 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-map-section {
  position: relative;
  padding: 84px 0 96px;
  background: linear-gradient(180deg, rgba(240, 246, 252, 0.85) 0%, #ffffff 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-case-section {
  position: relative;
  padding: 96px 0 108px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(244, 248, 252, 0.75) 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-certificate-section {
  position: relative;
  padding: 88px 0 100px;
  background: linear-gradient(180deg, rgba(244, 248, 252, 0.75) 0%, rgba(238, 244, 250, 0.85) 100%);
  border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}
body.stable-home .stable-news-section {
  position: relative;
  padding: 84px 0 36px;
  background: linear-gradient(180deg, rgba(238, 244, 250, 0.85) 0%, #ffffff 100%);
}
body.stable-home .section-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--stable-brand); font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
body.stable-home .section-kicker::before { content:""; width:20px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--stable-brand),#8cc0ff); }
body.stable-home .stable-section-heading { max-width:760px; margin:0 0 36px; }
body.stable-home .stable-section-heading h2 { margin:12px 0 14px; font-size:40px; line-height:1.2; letter-spacing:.01em; }
body.stable-home .stable-section-heading p { max-width:680px; margin:0; color:#5d6d80; font-size:16px; line-height:1.9; letter-spacing:.02em; }
body.stable-home .reveal { opacity:0; transform:translateY(18px); transition:opacity 420ms cubic-bezier(.23,1,.32,1),transform 420ms cubic-bezier(.23,1,.32,1); }
body.stable-home .reveal.in-view { opacity:1; transform:none; }
body.stable-home .skip-link { position:fixed; z-index:100; top:8px; left:8px; padding:10px 14px; color:#fff; background:var(--stable-brand); transform:translateY(-140%); transition:transform 160ms ease-out; }
/* 全局清除点击时的黑框与默认焦点轮廓 */
body.stable-home *:focus,
body.stable-home button:focus,
body.stable-home a:focus,
body.stable-home .stable-catalog-trigger:focus,
body.stable-home .stable-button:focus { outline: none !important; }

body.stable-home .stable-button:focus-visible,
body.stable-home .stable-catalog-trigger:focus-visible,
body.stable-home .stable-map-places a:focus-visible,
body.stable-home .stable-contact-tool:focus-visible,
body.stable-home .stable-home-nav a:focus-visible { outline: 2px solid rgba(64,158,255,.45) !important; outline-offset: 2px; }
body.stable-home .stable-product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
body.stable-home .stable-product-card { position:relative; display:flex; min-height:390px; flex-direction:column; overflow:hidden; border:1px solid #d4dee6; border-radius:12px; background:rgba(255,255,255,0.92); backdrop-filter:blur(8px); box-shadow:0 4px 18px -4px rgba(15,37,65,0.05); transition:transform 220ms ease-out,box-shadow 220ms ease-out; }
body.stable-home .stable-product-card:hover { transform:translateY(-5px); box-shadow:0 20px 38px rgba(15,43,66,.12); }
body.stable-home .stable-product-tag { position:absolute; top:14px; right:14px; z-index:1; padding:3px 10px; border-radius:2px; color:#fff; background:linear-gradient(135deg,#ff8a2a,#f4483c); font-size:11px; font-weight:600; letter-spacing:1px; box-shadow:0 4px 12px rgba(244,72,60,.32); }
body.stable-home .stable-product-card > div:last-child { display:flex; flex:1; flex-direction:column; padding:32px 30px 26px; }
body.stable-home .stable-product-card span { color:var(--stable-brand); font-size:12px; font-weight:700; }
body.stable-home .stable-product-card h3 { margin:30px 0 10px; font-size:25px; }
body.stable-home .stable-product-card p { min-height:58px; margin:0 0 15px; color:var(--stable-muted); font-size:13px; line-height:1.7; }
body.stable-home .stable-product-specs { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; margin:0 0 14px; padding:13px 0 0; border-top:1px solid #dce5eb; }
body.stable-home .stable-product-specs > span { display:flex; justify-content:space-between; gap:8px; padding:7px 0; border-bottom:1px solid #e5ebef; color:var(--stable-muted); font-size:11px; }
body.stable-home .stable-product-specs b { color:var(--stable-ink); font-weight:650; text-align:right; }
body.stable-home .stable-product-price { display:flex; align-items:baseline; gap:7px; margin:0 0 17px; }
body.stable-home .stable-product-price strong { color:var(--stable-accent); font-size:25px; line-height:1; }
body.stable-home .stable-product-price span { color:#758296; font-size:11px; font-weight:400; }
body.stable-home .stable-product-card b { margin-top:auto; color:var(--stable-brand); font-size:13px; }
body.stable-home .stable-product-card b i { margin-left:6px; font-style:normal; transition:transform 180ms ease-out; }
body.stable-home .stable-product-card:hover b i { display:inline-block; transform:translateX(4px); }
body.stable-home .stable-catalog-head { padding-top:0; }
body.stable-home .stable-product-browser { width:100%; border-top:1px solid rgba(174,194,207,.72); border-bottom:1px solid rgba(174,194,207,.72); background:rgba(249,251,252,.75); backdrop-filter:blur(8px); }
body.stable-home .stable-catalog-row { display:grid; grid-template-columns:repeat(4,1fr); padding-top:0; padding-bottom:0; }
body.stable-home .stable-catalog-row[data-catalog-row="bottom"] { border-top:0; }
body.stable-home .stable-catalog-trigger { position:relative; display:grid; min-height:104px; grid-template-columns:54px 1fr; gap:15px; align-items:center; padding:17px 26px; border:0; color:var(--stable-ink); background:transparent; cursor:pointer; text-align:left; transition:background-color 180ms ease-out,color 180ms ease-out; }
body.stable-home .stable-catalog-trigger > b,
body.stable-home .stable-catalog-trigger .catalog-icon { display:grid; width:52px; height:52px; place-items:center; border-radius:14px; color:var(--stable-brand); border:1px solid #b8c8d4; background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(221,235,245,.74)); box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 18px rgba(30,77,110,.08); font-size:13px; transition:transform 260ms cubic-bezier(.4,0,.2,1),box-shadow 260ms cubic-bezier(.4,0,.2,1),background-color 260ms cubic-bezier(.4,0,.2,1); }
body.stable-home .stable-catalog-trigger .catalog-icon img { width:32px; height:32px; object-fit:contain; }
body.stable-home .stable-catalog-trigger[aria-selected="true"] > b,
body.stable-home .stable-catalog-trigger[aria-selected="true"] .catalog-icon { color:#fff; border-color:var(--stable-brand); background:linear-gradient(145deg,#5cadff,#2f8fe8); box-shadow:0 10px 24px rgba(64,158,255,.28); }
body.stable-home .stable-catalog-trigger:hover .catalog-icon,
body.stable-home .stable-catalog-trigger:hover > b { transform:translateY(-2px); box-shadow:0 12px 22px rgba(64,158,255,.28); }
body.stable-home .stable-catalog-trigger[aria-selected="true"]::after { content:""; position:absolute; right:26px; bottom:0; left:26px; height:3px; border-radius:2px 2px 0 0; background:var(--stable-brand); transform-origin:center; animation:stableCatalogLine 360ms cubic-bezier(.4,0,.2,1); }
body.stable-home .stable-catalog-trigger strong, body.stable-home .stable-catalog-trigger small { display:block; }
body.stable-home .stable-catalog-trigger strong { margin-bottom:5px; font-size:16px; }
body.stable-home .stable-catalog-trigger small { color:var(--stable-muted); font-size:11px; line-height:1.5; }
body.stable-home .stable-catalog-detail { display:grid; grid-template-rows:0px; overflow:hidden; padding:0; color:var(--stable-ink); background:linear-gradient(118deg,#f7fafc,#eef3f8); transition:grid-template-rows 560ms cubic-bezier(0.77, 0, 0.175, 1); }
body.stable-home .stable-catalog-detail.is-active { display:grid; grid-template-rows:var(--catalog-max-h, 0px); }
body.stable-home .stable-catalog-detail.is-instant { transition:none; }
body.stable-home .stable-catalog-detail-clip { min-height:0; overflow:hidden; }
body.stable-home .stable-catalog-detail.is-active .stable-catalog-detail-clip { display:flex; flex-direction:column; justify-content:flex-start; }
body.stable-home .stable-catalog-detail-inner { display:grid; width:100%; grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr); gap:48px; align-items:start; padding:34px max(24px,calc((100% - 1400px) / 2)); box-sizing:border-box; }
body.stable-home .stable-catalog-detail-inner.is-dropping { animation:stableCatalogDrop 360ms cubic-bezier(0.23, 1, 0.32, 1) both; }
body.stable-home .stable-catalog-detail-inner.is-rolling-up { animation:stableCatalogRollUp 200ms cubic-bezier(0.55, 0, 0.55, 1) both; }
body.stable-home .stable-catalog-detail-inner.is-fading-out { animation:stableCatalogFadeOut 240ms cubic-bezier(0.55, 0, 0.55, 1) both; }
body.stable-home .stable-catalog-detail-inner.is-fading-in { animation:stableCatalogFadeIn 420ms cubic-bezier(0.23, 1, 0.32, 1) 140ms both; }
@keyframes stableCatalogDrop { from { opacity:0; transform:translateY(-14px); } to { opacity:1; transform:none; } }
@keyframes stableCatalogRollUp { to { opacity:0; transform:translateY(-14px); } }
@keyframes stableCatalogFadeOut { to { opacity:0; } }
@keyframes stableCatalogFadeIn { from { opacity:0; } to { opacity:1; } }
body.stable-home .stable-product-browser { position:relative; min-height:var(--catalog-browser-h, 0px); }
body.stable-home .stable-catalog-detail-copy .detail-type { color:var(--stable-brand); font-size:12px; font-weight:700; }
body.stable-home .stable-catalog-detail-copy h3 { margin:10px 0 12px; color:var(--stable-ink); font-size:35px; }
body.stable-home .stable-catalog-detail-copy p { max-width:520px; color:var(--stable-muted); font-size:14px; line-height:1.8; }
body.stable-home .stable-catalog-subproducts { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
body.stable-home .stable-catalog-subproduct { display:flex; min-height:200px; flex-direction:column; padding:20px; border:1px solid #e7edf3; border-radius:14px; background:linear-gradient(180deg,#fff 0%,#f6f9fc 100%); box-shadow:0 10px 26px rgba(16,43,76,.07),inset 0 1px 0 rgba(255,255,255,.9); transition:transform 240ms cubic-bezier(.23,1,.32,1),border-color 240ms ease,box-shadow 240ms ease; }
body.stable-home .stable-catalog-subproduct:hover { transform:translateY(-3px); border-color:rgba(64,158,255,.6); box-shadow:0 18px 40px rgba(64,158,255,.14),inset 0 1px 0 #fff; }
body.stable-home .stable-catalog-subproduct-head { display:flex; align-items:baseline; justify-content:space-between; gap:10px; }
body.stable-home .stable-catalog-subproduct-head strong { color:var(--stable-ink); font-size:16px; font-weight:650; }
body.stable-home .stable-catalog-price { color:var(--stable-accent); font-size:15px; font-weight:750; white-space:nowrap; }
body.stable-home .stable-catalog-price.is-quote { color:#8fa6b8; font-size:12px; font-weight:400; }
body.stable-home .stable-catalog-subproduct p { min-height:36px; margin:9px 0 12px; color:var(--stable-muted); font-size:12px; line-height:1.65; }
body.stable-home .stable-catalog-specs { display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; margin:0 0 16px; padding:10px 0 0; border:0; border-top:1px solid #eef2f6; border-radius:0; background:transparent; }
body.stable-home .stable-catalog-specs > div { display:flex; justify-content:space-between; gap:8px; }
body.stable-home .stable-catalog-specs dt { color:var(--stable-muted); font-size:11px; }
body.stable-home .stable-catalog-specs dd { margin:0; color:var(--stable-ink); font-size:11px; font-weight:650; text-align:right; word-break:break-word; }
body.stable-home .stable-catalog-btn { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:999px; color:#fff; background:var(--stable-brand); font-size:12px; font-weight:600; line-height:1; box-shadow:0 8px 18px rgba(64,158,255,.26); transition:background-color 180ms ease,transform 180ms cubic-bezier(.23,1,.32,1),box-shadow 180ms ease; }
body.stable-home .stable-catalog-btn:hover { background:var(--stable-brand-deep); box-shadow:0 10px 22px rgba(64,158,255,.34); transform:translateX(2px); }
body.stable-home .stable-catalog-btn:active { transform:scale(.97); }
@keyframes stableCatalogLine { from { transform:scaleX(.2); opacity:0; } to { transform:scaleX(1); opacity:1; } }
@media (prefers-reduced-motion: reduce) {
  body.stable-home .stable-catalog-detail,
  body.stable-home .stable-catalog-detail.is-active {
    transition: none;
  }
  body.stable-home .stable-catalog-detail-inner.is-dropping,
  body.stable-home .stable-catalog-detail-inner.is-rolling-up,
  body.stable-home .stable-catalog-detail-inner.is-fading-out,
  body.stable-home .stable-catalog-detail-inner.is-fading-in {
    animation: none;
  }
}
body.stable-home .stable-facility-section { color:var(--stable-ink); background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(255,255,255,.86)),url(/web/default/assets/img/index/idc-hosting.jpg) center/cover no-repeat; }
body.stable-home .stable-map-section { color:var(--stable-ink); background:linear-gradient(180deg,#f4f7fb,#eef3f8); }
body.stable-home .stable-map-layout { display:grid; grid-template-columns:.6fr 1.4fr; align-items:start; gap:30px; }
body.stable-home .stable-map-layout > .reveal { display:flex; flex-direction:column; gap:10px; }
body.stable-home .stable-map-layout h2 { margin:0; font-size:52px; line-height:1.12; color:transparent; background:linear-gradient(90deg,#2f8fe8,#6fb3ff 55%,#2f8fe8); -webkit-background-clip:text; background-clip:text; }
body.stable-home .stable-facility-section h2 { margin:10px 0 14px; color:var(--stable-ink); font-size:40px; }
body.stable-home .stable-facility-section p { color:var(--stable-muted); line-height:1.8; }
body.stable-home .stable-map-layout .stable-map-subtitle { margin:8px 0 0; color:var(--stable-brand); font-size:13px; font-weight:600; letter-spacing:2px; text-transform:uppercase; }
body.stable-home .stable-map-layout .stable-map-hint { margin:0; color:var(--stable-muted); font-size:13px; line-height:1.7; }
body.stable-home .stable-map-visual { position:relative; width:100%; aspect-ratio:1000 / 983; }
@supports not (aspect-ratio: 1000 / 983) { body.stable-home .stable-map-visual { height:640px; } }
body.stable-home .stable-map-visual img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
body.stable-home .stable-map-places { position:absolute; inset:0; margin:0; padding:0; list-style:none; }
body.stable-home .stable-map-places li { position:absolute; display:flex; align-items:center; padding:1px; cursor:pointer; z-index:1; }
body.stable-home .stable-map-places li:hover { z-index:2; }
body.stable-home .stable-map-dot { position:relative; width:6px; height:6px; box-sizing:content-box; border:1px solid #fff; border-radius:50%; background:transparent; box-shadow:0 0 8px rgba(255,255,255,.95),0 0 18px rgba(255,255,255,.45); }
body.stable-home .stable-map-dot::after { content:""; position:absolute; top:50%; left:50%; width:44px; height:44px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.18); transform:translate(-50%,-50%) scale(.92); opacity:0; transition:transform 220ms cubic-bezier(.23,1,.32,1),opacity 220ms ease; }
body.stable-home .stable-map-places li:hover .stable-map-dot::after { animation:stableMapRipple 1.5s cubic-bezier(.22,.61,.36,1) infinite; }
@keyframes stableMapRipple { 0% { transform:translate(-50%,-50%) scale(.2); opacity:1; } 100% { transform:translate(-50%,-50%) scale(1); opacity:0; } }
body.stable-home .stable-map-tit { position:absolute; left:100%; margin:0; padding:0 5px; color:#fff; font-size:12px; white-space:nowrap; opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s; }
body.stable-home .stable-map-places li:hover .stable-map-tit, body.stable-home .stable-map-tit.tit-show { opacity:1; visibility:visible; }
body.stable-home .stable-map-tit.map-tit-left { right:100%; left:auto; }
body.stable-home .stable-map-tit.map-tit-bottom { right:0; left:0; bottom:-16px; display:flex; justify-content:center; }
body.stable-home .stable-map-bubble { position:absolute; z-index:6; left:50%; bottom:100%; width:200px; margin-left:-100px; margin-bottom:12px; border-radius:var(--radius-sm, 6px); box-shadow:0 10px 24px rgba(16,43,76,.16); opacity:0; visibility:hidden; transform:translateY(6px) scale(.97); transform-origin:center bottom; transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1),visibility 180ms; }
body.stable-home .stable-map-places li:hover .stable-map-bubble { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
body.stable-home .stable-map-bubble::after { content:""; position:absolute; top:100%; left:50%; width:0; height:0; margin-top:-2px; margin-left:-8px; border:8px dashed transparent; border-top-style:solid; border-top-color:#fff; }
body.stable-home .stable-map-bubble a { display:block; color:inherit; text-decoration:none; }
body.stable-home .stable-map-bubble h6 { margin:0; padding:14px; border-radius:var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0; color:#fff; background:rgba(2,105,237,.8); font-size:14px; }
body.stable-home .stable-map-machine-room { display:flex; align-items:center; justify-content:space-between; padding:14px; border-radius:0 0 var(--radius-sm, 6px) var(--radius-sm, 6px); color:var(--stable-ink); background:#fff; font-size:12px; }
body.stable-home .stable-map-machine-room p { margin:0; }
body.stable-home .stable-map-machine-room span b { color:var(--stable-brand); font-size:16px; }
body.stable-home .stable-case-section, body.stable-home .stable-certificate-section { background:linear-gradient(180deg,#edf2f4,#f5f7f8); }
body.stable-home .stable-center-heading { max-width:none; text-align:center; }
body.stable-home .stable-center-heading p { margin-inline:auto; }
body.stable-home .stable-case-count { color:var(--stable-brand); }
body.stable-home .stable-case-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
body.stable-home .stable-case-grid > .practice-content, body.stable-home .stable-case-grid > .brand-group { display:contents; }
body.stable-home .stable-case-logo { display:grid; min-height:142px; margin:0; place-items:center; padding:10px; border:0; background:transparent; cursor:default; }
body.stable-home .stable-case-logo img { width:96%; max-height:116px; object-fit:contain; mix-blend-mode:multiply; }
body.stable-home .stable-case-logo:hover img { transform:none; }
body.stable-home .practice-box:hover { box-shadow:none; }
body.stable-home .inside-case-marquee-wrap { overflow:visible; padding:0; margin:0; -webkit-mask-image:none; mask-image:none; }
body.stable-home .inside-case-marquee-track { animation:none !important; transform:none !important; width:100%; flex-wrap:wrap; justify-content:center; gap:10px; }
body.stable-home .inside-case-marquee-group { flex-wrap:wrap; justify-content:center; width:100%; gap:10px; }
body.stable-home .inside-case-logo-item { transition:none; }
body.stable-home .inside-case-logo-item:hover { transform:none; box-shadow:none; }
body.stable-home .inside-case-logo-item img { transition:none; filter:none; opacity:1; }
body.stable-home .inside-case-logo-item:hover img { transform:none; filter:none; opacity:1; }
body.stable-home .stable-certificate-track .cert-item img { transition:transform 320ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-certificate-track .cert-item.is-zoomed { position:relative; z-index:10; }
body.stable-home .stable-certificate-track .cert-item.is-zoomed img { transform:scale(1.8); }
body.stable-home .stable-certificate-track:has(.is-zoomed) { animation-play-state:paused; }
body.stable-home .stable-facility-bento { display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:18px; margin:0; padding:0; }
body.stable-home .stable-facility-bento > * { opacity:0; transform:translateY(18px); transition:opacity 560ms cubic-bezier(.23,1,.32,1),transform 560ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-facility-bento.in-view > * { opacity:1; transform:none; }
body.stable-home .stable-facility-bento.in-view > :nth-child(2) { transition-delay:80ms; }
body.stable-home .stable-facility-bento.in-view > :nth-child(3) { transition-delay:150ms; }
body.stable-home .stable-facility-bento.in-view > :nth-child(4) { transition-delay:220ms; }
body.stable-home .stable-facility-bento.in-view > :nth-child(5) { transition-delay:290ms; }
body.stable-home .stable-facility-company { position:relative; grid-column:1; grid-row:1/3; display:flex; flex-direction:column; overflow:hidden; padding:38px 34px; border:1px solid rgba(255,255,255,.95); border-radius:26px; background:linear-gradient(150deg,rgba(255,255,255,.92),rgba(234,243,251,.8)); box-shadow:0 24px 60px rgba(16,43,76,.12); }
body.stable-home .stable-facility-company::before { content:""; position:absolute; top:-110px; right:-80px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle,rgba(64,158,255,.18),transparent 68%); pointer-events:none; }
body.stable-home .stable-facility-company > * { position:relative; }
body.stable-home .stable-facility-company-badge { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
body.stable-home .stable-facility-company-badge b { display:grid; place-items:center; flex-shrink:0; width:78px; height:78px; border-radius:50%; color:#fff; font-size:36px; font-weight:800; background:linear-gradient(145deg,#5cadff,#2f8fe8); box-shadow:0 14px 30px rgba(64,158,255,.3); }
body.stable-home .stable-facility-company-badge span { color:var(--stable-muted); font-size:12px; font-weight:600; line-height:1.7; }
body.stable-home .stable-facility-company h3 { margin:0 0 12px; font-size:22px; }
body.stable-home .stable-facility-company p { margin:0; color:var(--stable-muted); font-size:13px; line-height:1.95; }
body.stable-home .stable-facility-mini-stats { display:flex; gap:10px; margin-top:auto; padding-top:22px; }
body.stable-home .stable-facility-mini-stats span { flex:1; padding:12px 8px; border:1px solid #e3e9f0; border-radius:12px; background:#fff; color:var(--stable-muted); font-size:11px; text-align:center; }
body.stable-home .stable-facility-mini-stats b { display:block; color:var(--stable-brand); font-size:16px; }
body.stable-home .stable-facility-feature { position:relative; display:flex; flex-direction:column; overflow:hidden; padding:28px 26px; border:1px solid rgba(255,255,255,.95); border-radius:24px; background:rgba(255,255,255,.82); box-shadow:0 16px 40px rgba(16,43,76,.08); transition:transform 300ms cubic-bezier(.23,1,.32,1),box-shadow 300ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-facility-feature::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--stable-brand),#7fb8ff); transform:scaleX(0); transform-origin:left; transition:transform 420ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-facility-feature:nth-child(2) { grid-column:2; grid-row:1; }
body.stable-home .stable-facility-feature:nth-child(3) { grid-column:2; grid-row:2; }
body.stable-home .stable-facility-feature:nth-child(4) { grid-column:3; grid-row:1; }
body.stable-home .stable-facility-feature:nth-child(5) { grid-column:3; grid-row:2; }
body.stable-home .stable-facility-feature:hover { transform:translateY(-5px); box-shadow:0 30px 64px rgba(16,43,76,.18); }
body.stable-home .stable-facility-feature:hover::after { transform:scaleX(1); }
body.stable-home .stable-feature-icon { display:grid; flex-shrink:0; width:54px; height:54px; place-items:center; border-radius:18px; color:var(--stable-brand); background:rgba(64,158,255,.1); transition:color 260ms cubic-bezier(.23,1,.32,1),background-color 260ms cubic-bezier(.23,1,.32,1),transform 260ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-feature-icon svg { width:27px; height:27px; }
body.stable-home .stable-facility-feature:hover .stable-feature-icon { color:#fff; background:var(--stable-brand); transform:translateY(-2px); }
body.stable-home .stable-facility-feature h3 { margin:0 0 10px; font-size:18px; }
body.stable-home .stable-facility-feature .stable-feature-points { margin:0 0 10px; color:var(--stable-muted); font-size:12px; line-height:1.75; }
body.stable-home .stable-facility-feature .stable-feature-desc { margin:0; color:var(--stable-muted); font-size:12px; line-height:1.75; opacity:.9; }
body.stable-home .stable-map-layout .stable-map-spec { position:relative; margin:22px 0 0; padding:4px 0 4px 18px; list-style:none; }
body.stable-home .stable-map-layout .stable-map-spec::before { content:""; position:absolute; top:6px; bottom:6px; left:0; width:2px; border-radius:2px; background:linear-gradient(180deg,rgba(64,158,255,.6),rgba(64,158,255,.12)); }
body.stable-home .stable-map-layout .stable-map-spec li { display:flex; align-items:baseline; gap:12px; padding:18px 0; border-bottom:1px solid rgba(122,158,197,.2); }
body.stable-home .stable-map-layout .stable-map-spec li:last-child { border-bottom:0; }
body.stable-home .stable-map-layout .stable-map-spec .stable-map-spec-name { color:var(--stable-ink); font-size:14px; font-weight:650; white-space:nowrap; transition:color 200ms ease; }
body.stable-home .stable-map-layout .stable-map-spec .stable-map-spec-value { margin-left:auto; padding-left:12px; color:var(--stable-muted); font-size:12px; font-weight:500; white-space:nowrap; }
body.stable-home .stable-map-layout .stable-map-spec li:hover .stable-map-spec-name { color:var(--stable-brand); }
body.stable-home .stable-certificate-section { overflow:hidden; }
body.stable-home .stable-certificate-track { display:flex; width:max-content; gap:18px; min-height:350px; padding-left:24px; animation:stableCertificateLoop 34s linear infinite; }
body.stable-home .stable-certificate-track:hover { animation-play-state:paused; }
body.stable-home .stable-certificate-list { display:flex; flex-shrink:0; gap:18px; }
body.stable-home .stable-certificate-track .cert-item { width:230px; margin:0; padding:0; }
body.stable-home .stable-certificate-track .cert-item img { display:block; width:230px; height:286px; object-fit:contain; }
body.stable-home .stable-certificate-track .cert-item figcaption { margin-top:10px; color:var(--stable-muted); font-size:12px; text-align:center; }
body.stable-home .stable-certificate-track > .cert-list { display:flex; gap:18px; padding:0 24px; }
@keyframes stableCertificateLoop { to { transform:translateX(-50%); } }
body.stable-home .stable-news-heading { margin-bottom: 20px; }
body.stable-home .stable-news-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 42px; border-top: none; }
body.stable-home .stable-news-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; color:var(--stable-ink); font-size:20px; font-weight:700; }
body.stable-home .stable-news-title a { color:var(--stable-brand); font-size:12px; }
body.stable-home .stable-news-grid .news-list { min-height:215px; }
body.stable-home .stable-news-grid .news-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:15px 0; border-bottom:1px solid rgba(152,177,194,.54); }
body.stable-home .stable-news-grid .news-item:last-child { border-bottom:0; }
body.stable-home .stable-news-grid .news-item-title { overflow:hidden; color:var(--stable-ink); font-size:14px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; transition:color 180ms ease-out; }
body.stable-home .stable-news-grid .news-item-title:hover, body.stable-home .stable-news-grid .news-item-link:hover, body.stable-home .stable-news-grid .stable-news-title a:hover { color:var(--stable-brand) !important; }
body.stable-home .stable-news-grid .news-item-meta { display:flex; align-items:center; gap:12px; }
body.stable-home .stable-news-grid .news-item-link { color:var(--stable-brand); font-size:15px; font-weight:700; transition:transform 180ms ease-out; }
body.stable-home .stable-news-grid .time { color:#758296; font-size:11px; white-space:nowrap; }
body.stable-home .stable-news-grid a:focus { outline:none; }
body.stable-home .stable-news-grid a:focus-visible { outline:3px solid rgba(64,158,255,.45); outline-offset:2px; }
.register-advert { display:none; }
body.stable-home .stable-floating { position:fixed; z-index:45; right:18px; top:50%; display:grid; gap:8px; transform:translateY(-50%); }
body.stable-home .stable-contact-tool { position:relative; display:grid; width:54px; min-height:54px; place-items:center; border:1px solid rgba(196,214,226,.72); border-radius:12px; color:var(--stable-ink); background:rgba(249,251,252,.92); box-shadow:0 10px 24px rgba(16,43,76,.12),inset 0 1px rgba(255,255,255,.95); cursor:pointer; font-size:12px; font-weight:700; transition:transform 180ms cubic-bezier(.23,1,.32,1),color 180ms ease,background-color 180ms ease,box-shadow 180ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-contact-tool img { width:24px; height:24px; object-fit:contain; }
body.stable-home .stable-contact-tool:hover img, body.stable-home .stable-contact-tool:focus-visible img { filter:brightness(0) invert(1); }
body.stable-home .stable-tool-popover { position:absolute; top:50%; right:calc(100% + 12px); width:208px; padding:15px; border:1px solid #b6cad8; border-radius:10px; color:var(--stable-ink); background:rgba(255,255,255,.97); box-shadow:0 16px 34px rgba(16,43,76,.16); opacity:0; pointer-events:none; transform:translate(8px,-50%) scale(.97); transform-origin:right center; transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1); }
body.stable-home .stable-contact-tool:hover, body.stable-home .stable-contact-tool:focus-visible { color:#fff; background:linear-gradient(145deg,#5cadff,#2f8fe8); box-shadow:0 14px 28px rgba(64,158,255,.32); transform:translateX(-3px); }
body.stable-home .stable-contact-tool:hover .stable-tool-popover, body.stable-home .stable-contact-tool:focus-visible .stable-tool-popover { opacity:1; pointer-events:auto; transform:translate(0,-50%) scale(1); }
body.stable-home .stable-tool-popover strong { display:block; margin-bottom:5px; }
body.stable-home .stable-tool-popover > span { display:block; }
body.stable-home .stable-tool-popover small { display:block; margin-top:6px; color:#b14235; }
body.stable-home .stable-qr-placeholder { display:grid; width:136px; height:136px; margin:0 auto; grid-template-columns:repeat(5,1fr); gap:3px; padding:0; border:0; border-radius:0; background:#fff; }
body.stable-home .stable-qr-placeholder i { background:#17385c; }
body.stable-home .stable-qr-placeholder i:nth-child(3n) { background:transparent; }
@media (hover:hover) and (pointer:fine) {
  body.stable-home .stable-button:hover { transform:translateY(-2px); }
  body.stable-home .stable-button:active { transform:translateY(0); }
  body.stable-home .stable-button-primary:hover { background:var(--stable-brand-deep); }
  body.stable-home .stable-button-secondary:hover { color:#fff; background:var(--stable-brand); }
  body.stable-home .stable-catalog-trigger:hover > b { transform:translateY(-2px); box-shadow:0 12px 22px rgba(64,158,255,.28); }
  body.stable-home .stable-news-grid .news-item-link:hover { transform:translateX(4px); }
}
@media (max-width:900px) {
  body.stable-home .stable-home-nav { display:none; }
  body.stable-home .stable-product-grid { grid-template-columns:1fr 1fr; }
  body.stable-home .stable-case-grid { grid-template-columns:repeat(4,1fr); }
  body.stable-home .stable-map-layout { grid-template-columns:1fr; gap:30px; }
  body.stable-home .stable-news-grid { grid-template-columns:1fr; }
  body.stable-home .stable-facility-bento { grid-template-columns:1fr; }
  body.stable-home .stable-facility-bento > article, body.stable-home .stable-facility-bento > div { grid-column:auto; grid-row:auto; }
  body.stable-home .stable-floating { display:none; }
  body.stable-home .stable-hero-viewport { height:520px; }
  body.stable-home .stable-commitment-band { margin-top:-32px; padding:0 16px; }
  body.stable-home .stable-commitment-grid { padding:22px 16px !important; }
  body.stable-home .stable-commitment-item { padding:0 10px; }
  body.stable-home .stable-commitment-item .item-value { font-size:18px; }
}
@media (max-width:767px) {
  body.stable-home .stable-commitment-band { display:none; }
  body.stable-home .stable-hero-pagination { bottom:24px; }
  body.stable-home .stable-product-section { padding-top:48px; }
}
@media (max-width:620px) { body.stable-home .stable-product-grid,body.stable-home .stable-news-grid { grid-template-columns:1fr; } body.stable-home .stable-catalog-row { grid-template-columns:repeat(2,1fr); } body.stable-home .stable-case-grid { grid-template-columns:repeat(2,1fr); } body.stable-home .stable-hero h1 { font-size:36px; } body.stable-home .stable-section-heading h2,body.stable-home .stable-map-layout h2,body.stable-home .stable-facility-section h2 { font-size:31px; } }
@media (prefers-reduced-motion:reduce) {
  body.stable-home *, body.stable-home *::before, body.stable-home *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
  body.stable-home .reveal { opacity:1; transform:none; }
  body.stable-home .stable-facility-bento > * { opacity:1; transform:none; }
  body.stable-home .stable-hero-copy > *, body.stable-home .stable-hero-media img { transform:none!important; transition-property:opacity!important; }
}


/* 焦点：鼠标点击无环，键盘导航有品牌色环 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
  outline: none;
}

a:focus-visible,
button:focus-visible,
.stable-button:focus-visible,
.nav-right .nav-register:focus-visible,
.nav-right .nav-login-console:focus-visible {
  outline: 2px solid #0168ec;
  outline-offset: 2px;
}