.ysyx-topbar{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:1000!important;background:#0a0f1c!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 1px 0 rgba(0,0,0,.35)!important;width:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;margin:0!important;padding:0!important;font-family:'Inter','Noto Sans SC',system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif}
.ysyx-topbar *{box-sizing:border-box}
.ysyx-nav{max-width:1240px;width:100%;margin:0 auto;height:64px;padding:0 32px;display:flex;align-items:center;gap:24px;position:relative}
.ysyx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.ysyx-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,#1f6fe0,#3b82f6);color:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;font-family:'JetBrains Mono',monospace;flex:none}
.ysyx-bt{display:flex;flex-direction:column;line-height:1.12}
.ysyx-bn{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px}
.ysyx-be{color:rgba(255,255,255,.5);font-size:9px;letter-spacing:1.1px;text-transform:uppercase;margin-top:2px;white-space:nowrap}
.ysyx-tog{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ysyx-burger{display:none}
.ysyx-menu{display:flex;align-items:center;gap:clamp(14px,1.5vw,26px);margin-left:auto}
.ysyx-link{color:rgba(255,255,255,.82);text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap;transition:color .15s;padding:4px 0}
.ysyx-link:hover{color:#fff}
.ysyx-lang{position:relative;list-style:none}
.ysyx-lang>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:5px;padding:6px 11px;font-size:13px;font-weight:500;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.28);border-radius:6px;white-space:nowrap;user-select:none}
.ysyx-lang>summary::-webkit-details-marker{display:none}
.ysyx-lang>summary::marker{content:""}
.ysyx-lang>summary:hover,.ysyx-lang[open]>summary{color:#fff;border-color:#fff}
.ysyx-caret{font-size:9px;opacity:.75}
.ysyx-langmenu{position:absolute;top:calc(100% + 8px);right:0;background:#131a2b;border:1px solid rgba(255,255,255,.12);border-radius:9px;box-shadow:0 16px 40px -12px rgba(0,0,0,.6);min-width:152px;padding:6px;display:flex;flex-direction:column;z-index:1200}
.ysyx-langmenu a{padding:8px 12px;color:rgba(255,255,255,.82);font-size:13px;border-radius:6px;text-decoration:none;white-space:nowrap}
.ysyx-langmenu a:hover{background:rgba(255,255,255,.08);color:#fff}
.ysyx-langmenu a.cur{color:#6ea8ff;font-weight:700}
.ysyx-cta{background:#1f6fe0;color:#fff!important;text-decoration:none;padding:9px 17px;border-radius:7px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s;flex:none}
.ysyx-cta:hover{background:#1a5fc4}
@media(max-width:920px){
 .ysyx-nav{padding:0 18px}
 .ysyx-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:0 11px;cursor:pointer;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:transparent;flex:none;margin-left:auto}
 .ysyx-burger span{display:block;height:2px;width:20px;background:#fff;border-radius:2px;transition:transform .22s ease,opacity .18s ease}
 .ysyx-menu{display:none;position:absolute;top:64px;left:0;right:0;background:#0a0f1c;border-top:1px solid rgba(255,255,255,.09);flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 18px;box-shadow:0 24px 44px -18px rgba(0,0,0,.7);margin-left:0}
 .ysyx-tog:checked~.ysyx-menu{display:flex}
 .ysyx-menu .ysyx-link{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15.5px}
 .ysyx-lang{margin:12px 0 4px}
 .ysyx-lang>summary{width:max-content}
 .ysyx-langmenu{position:static;margin-top:8px;box-shadow:none}
 .ysyx-cta{margin-top:14px;text-align:center;padding:14px}
 .ysyx-tog:checked~.ysyx-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .ysyx-tog:checked~.ysyx-burger span:nth-child(2){opacity:0}
 .ysyx-tog:checked~.ysyx-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* ---------- CTA(内容按钮) ---------- */
.cta {
  display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 16px; border-radius: 8px;
  background: var(--brand-600); color: #fff; font-weight: 700; font-size: 13.5px; white-space: nowrap;
  transition: transform var(--dur-fast), box-shadow var(--dur-fast), filter var(--dur-fast);
  box-shadow: 0 6px 18px rgba(9,88,170,.32);
}
.cta:hover { filter: brightness(1.08); transform: translateY(-1px); }
.cta.ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.18); box-shadow: none; }
.cta.ghost:hover { border-color: #fff; background: rgba(255,255,255,.05); }

/* ============================================================
 * YSY 方案页 · 共享布局与组件(深色科技风 · 蓝系 VI)
 * 结构与真站 /flagship/solutions*.html 一致:nav / hero / band / footer
 * 零 JS:CSS-only 移动端导航,静态渐变 hero,无 canvas
 * ============================================================ */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg-dark);
  color: var(--ink-on-dark);
  font-family: var(--font-sans);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  overflow-wrap: break-word;
}
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
.wrap { width: min(1200px, calc(100vw - 44px)); margin: 0 auto; }
.mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.cy { color: var(--accent-sky); }

/* ---------- 顶部热成像分色条(蓝系 only) ---------- */
.thermal-rule {
  height: 2px; border: 0; margin: 0; position: relative; z-index: 2;
  background: linear-gradient(90deg, #08123C, #0C4AD2, var(--accent-sky), #7FC3FF, var(--accent-sky), #0C4AD2, #08123C);
  opacity: .82;
}

/* ---------- Hero ---------- */
.hero {
  position: relative; min-height: 54vh; display: flex; align-items: center;
  padding: 104px 0 56px; overflow: hidden; background: var(--bg-dark); isolation: isolate;
}
.hero-bg { position: absolute; inset: 0; z-index: -2;
  background:
    radial-gradient(120% 90% at 78% 20%, rgba(9,88,170,.32), transparent 55%),
    radial-gradient(120% 120% at 12% 88%, rgba(56,189,248,.16), transparent 52%),
    linear-gradient(180deg, #06080F 0%, #0A1326 60%, #0A1A3C 100%);
}
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: center; width: min(1200px, calc(100vw - 44px)); margin: 0 auto; }
.crumb { font-family: var(--font-mono); font-size: 12px; letter-spacing: .6px; color: rgba(255,255,255,.5); margin-bottom: 16px; }
.crumb b { color: var(--accent-sky); font-weight: 600; }
.crumb a { color: rgba(255,255,255,.5); }
.crumb a:hover { color: var(--accent-sky); }
.hero h1 { margin: 0; font-size: clamp(30px, 4.4vw, 52px); line-height: 1.1; letter-spacing: -1px; font-weight: 800; max-width: 20ch; text-wrap: balance; color: #fff; }
.hero .lead { margin: 18px 0 0; max-width: 60ch; color: rgba(232,238,247,.74); font-size: 16.5px; line-height: 1.72; }
.hero .lead a { color: var(--accent-sky); }
.hero-metrics { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 9px; }
.hm {
  display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px; background: rgba(255,255,255,.04); font-family: var(--font-mono); font-size: 12px; color: var(--ink-on-dark); font-weight: 600;
}
.hm::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-sky); box-shadow: 0 0 8px var(--accent-sky); }
.hero-actions { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Band(内容区块) ---------- */
.band { padding: 64px 0; position: relative; }
.band.tint { background: linear-gradient(180deg, var(--bg-dark), #0A1326); }
.sec-mark { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.sec-mark .ix { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--accent-sky); }
.sec-mark .ln { flex: 1; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #0C4AD2, var(--accent-sky), rgba(56,189,248,.1)); opacity: .5; }
.band h2 { margin: 0; font-size: clamp(22px, 3vw, 32px); line-height: 1.16; letter-spacing: -.5px; font-weight: 800; color: #fff; text-wrap: balance; }
.band .body { margin: 14px 0 0; color: rgba(232,238,247,.74); font-size: 15.5px; line-height: 1.78; max-width: 84ch; }
.band .body p { margin: 0 0 14px; }
.band .body p:last-child { margin-bottom: 0; }
.band .body b, .band .body strong { color: #fff; font-weight: 700; }
.band .body a { color: var(--accent-sky); }
.band .body ul, .band .body ol { margin: 6px 0 14px; padding-left: 22px; }
.band .body li { margin: 0 0 9px; }
.band .body .note { font-size: var(--fs-xs); color: rgba(255,255,255,.55); line-height: 1.6; }

/* 卡片网格 */
.cards-list { margin-top: 22px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.cards-list.cols-3 { grid-template-columns: repeat(3, 1fr); }
.lcard {
  display: block; background: var(--bg-dark-card); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg); padding: 22px; transition: border-color var(--dur-fast), transform var(--dur-fast);
}
.lcard:hover { border-color: var(--accent-sky); transform: translateY(-2px); }
.lcard .lcat { font-family: var(--font-mono); font-size: 11px; color: var(--accent-sky); letter-spacing: .6px; }
.lcard h3 { margin: 9px 0 0; font-size: 17px; font-weight: 800; color: #fff; line-height: 1.3; }
.lcard p { margin: 9px 0 0; font-size: 13px; color: rgba(232,238,247,.74); line-height: 1.65; }
.lcard .arrow { display: inline-block; margin-top: 12px; font-family: var(--font-mono); font-size: 12px; color: var(--accent-sky); }

/* 步骤列表(怎么测/流程) */
.steps { margin-top: 22px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.step {
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--radius-lg); padding: 18px 20px;
}
.step .n { font-family: var(--font-mono); font-size: 12px; font-weight: 700; color: var(--accent-sky); }
.step h3 { margin: 8px 0 0; font-size: 15px; font-weight: 800; color: #fff; }
.step p { margin: 6px 0 0; font-size: 13px; color: rgba(232,238,247,.74); line-height: 1.6; }

/* 数据表 */
.dtable-wrap { margin-top: 22px; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg); }
.dtable { width: 100%; border-collapse: collapse; font-size: 13.5px; min-width: 560px; }
.dtable th { background: rgba(56,189,248,.09); color: var(--accent-sky); font-weight: 700; text-align: left; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.18); font-size: 13px; white-space: nowrap; }
.dtable td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.12); color: rgba(232,238,247,.74); line-height: 1.6; vertical-align: top; }
.dtable tr:last-child td { border-bottom: 0; }
.dtable a { color: var(--accent-sky); }

/* FAQ */
.faqsec { margin-top: 8px; }
.faq-item { border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg); background: rgba(255,255,255,.03); margin-top: 12px; padding: 18px 20px; }
.faq-q { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.5; }
.faq-q::before { content: "Q"; font-family: var(--font-mono); color: var(--accent-sky); margin-right: 9px; font-weight: 700; }
.faq-a { margin: 10px 0 0; color: rgba(232,238,247,.74); font-size: 14px; line-height: 1.75; }
.faq-a a { color: var(--accent-sky); }
.faq-a b, .faq-a strong { color: #fff; }

/* 双栏(测什么 / AI 价值等) */
.split { margin-top: 22px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.split .col { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.12); border-radius: var(--radius-lg); padding: 20px 22px; }
.split .col h3 { margin: 0; font-size: 16px; font-weight: 800; color: #fff; }
.split .col ul { margin: 10px 0 0; padding-left: 20px; color: rgba(232,238,247,.74); font-size: 14px; line-height: 1.7; }
.split .col li { margin: 0 0 8px; }
.split .col p { margin: 10px 0 0; color: rgba(232,238,247,.74); font-size: 14px; line-height: 1.7; }

/* CTA band */
.cta-band {
  margin-top: 8px; padding: 46px; border-radius: var(--radius-lg); border: 1px solid rgba(255,255,255,.12);
  position: relative; overflow: hidden;
  background: radial-gradient(120% 150% at 0% 0%, rgba(56,189,248,.14), transparent 52%),
              radial-gradient(120% 150% at 100% 100%, rgba(9,88,170,.18), transparent 52%), #0A1326;
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 24px;
}
.cta-band h2 { margin: 0; font-size: clamp(22px, 3vw, 30px); font-weight: 800; color: #fff; }
.cta-band p { margin: 10px 0 0; color: rgba(232,238,247,.74); font-size: 14.5px; max-width: 56ch; }
.cta-band p a { color: var(--accent-sky); }
.cta-band .acts { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Footer ---------- */
footer { background: var(--bg-dark); border-top: 1px solid rgba(255,255,255,.12); padding: 38px 0 50px; }
.foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.7; }
.foot b { color: rgba(232,238,247,.74); }
.foot a { color: rgba(255,255,255,.5); }
.foot a:hover { color: var(--accent-sky); }
/* ---------- 响应式 ---------- */
@media (max-width: 920px) {
  .cards-list, .cards-list.cols-3, .steps, .split { grid-template-columns: 1fr; }
  .hero { min-height: 46vh; }
}
@media (max-width: 920px) {
  .nav-burger {
    display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 44px; height: 40px; padding: 0 11px; cursor: pointer;
    border: 1px solid rgba(255,255,255,.25); border-radius: 9px; background: transparent; flex: none; margin-left: auto;
  }
  .nav-burger span { display: block; height: 2px; width: 20px; background: #fff; border-radius: 2px; transition: transform .22s ease, opacity .18s ease; }
  .menu {
    display: none; position: absolute; top: 64px; left: 0; right: 0; background: #0a0f1c;
    border-top: 1px solid rgba(255,255,255,.09); flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px 18px 18px; box-shadow: 0 24px 44px -18px rgba(0,0,0,.7); margin-left: 0;
  }
  .nav-toggle:checked ~ .menu { display: flex; }
  .menu .link { padding: 14px 4px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 15.5px; }
  .lang { margin: 12px 0 4px; }
  .lang > summary { width: max-content; }
  .lang-menu { position: static; margin-top: 8px; box-shadow: none; }
  .cta { margin-top: 14px; text-align: center; padding: 14px; justify-content: center; }
  .nav-toggle:checked ~ .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .nav-toggle:checked ~ .nav-burger span:nth-child(2) { opacity: 0; }
  .nav-toggle:checked ~ .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .band { padding: 48px 0; }
  .cta-band { padding: 30px 22px; }
  .dtable { font-size: 12.5px; }
  .hero { padding: 88px 0 40px; }
}