/*
 * solution-center.css —— 方案中心 V3 ?new=1 测试页（国内站 /solution/?new=1，正文由 app\service\SolutionCenter 输出）。
 * 按 NAS「沃虎方案中心_V3网页」逐值还原（两段 <style> 合并；V3 自带的页头 / 页脚 / 角标样式不搬）。断点同原稿：≤1100、≤760。
 * 全部规则收在 #vh-sc 下（id 前缀压过站点通用样式），类名统一 sc- 前缀，不影响页头页脚。
 * 内容宽度按全站约定（vh-layout.css）：<1440 为 1200 居中（两侧 24），≥1440 跟随内容列 --vh-page。
 * 字体：用全站的 Noto Sans SC（cn-typography.css），原稿是 Arial / 微软雅黑。
 */

body.vh-sc-lock { overflow: hidden; }

#vh-sc {
    --sc-red: #ce0d2d;
    --sc-red-dark: #a40823;
    --sc-ink: #20242c;
    --sc-muted: #707781;
    --sc-line: #e6e8eb;
    --sc-soft: #f6f7f9;
    color: var(--sc-ink);
    background: #fff;
    font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;
}
html[lang|="zh"] #vh-sc { font-family: "Noto Sans SC", sans-serif; }
#vh-sc *, #vh-sc *::before, #vh-sc *::after { box-sizing: border-box; font-family: inherit; }
#vh-sc h1, #vh-sc h2, #vh-sc h3, #vh-sc p, #vh-sc pre, #vh-sc details { margin: 0; padding: 0; }
#vh-sc button, #vh-sc input, #vh-sc textarea { font: inherit; color: inherit; }
#vh-sc button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
#vh-sc a { color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
#vh-sc img { max-width: 100%; }
#vh-sc svg { flex-shrink: 0; }
#vh-sc button:focus-visible, #vh-sc a:focus-visible, #vh-sc input:focus-visible, #vh-sc textarea:focus-visible { outline: 3px solid #dc4560; outline-offset: 4px; }
#vh-sc [hidden] { display: none !important; }
#vh-sc #sc-entries, #vh-sc #sc-library { scroll-margin-top: 130px; }

#vh-sc .sc-wrap { max-width: 1248px; margin: 0 auto; padding: 0 24px; }
@media (min-width: 1440px) {
    html #vh-sc .sc-wrap { max-width: calc(var(--vh-page, 1240px) + 48px); }
}

/* ---------------------------------------------------------------- 面包屑、首屏 */
#vh-sc .sc-crumb { font-size: 11px; color: #9298a1; padding-top: 24px; }
#vh-sc .sc-crumb a:hover { color: var(--sc-red); }
#vh-sc .sc-crumb span { margin-left: 14px; }
#vh-sc .sc-crumb [aria-current] { color: #535b67; }
#vh-sc .sc-hero { padding: 38px 0 48px; display: grid; grid-template-columns: 1.08fr 1fr; gap: 40px; align-items: center; min-height: 385px; }
#vh-sc .sc-eyebrow { color: var(--sc-red); font-size: 11px; letter-spacing: 2.1px; font-weight: bold; display: flex; align-items: center; gap: 9px; }
#vh-sc .sc-eyebrow::before { content: ""; width: 21px; height: 2px; background: var(--sc-red); }
#vh-sc .sc-hero h1 { font-size: 42px; font-weight: 700; line-height: 1.35; letter-spacing: -1px; margin: 18px 0; color: var(--sc-ink); }
#vh-sc .sc-hero h1 em { font-style: normal; color: var(--sc-red); }
#vh-sc .sc-hero p { max-width: 530px; color: var(--sc-muted); font-size: 14px; line-height: 1.95; margin: 0 0 23px; }
#vh-sc .sc-actions { display: flex; gap: 13px; align-items: center; }
#vh-sc .sc-btn { border: 1px solid var(--sc-line); background: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 19px; padding: 13px 21px; border-radius: 5px; font-size: 13px; line-height: 1.2; color: var(--sc-ink); transition: .2s; }
#vh-sc .sc-btn:hover { border-color: var(--sc-red); color: var(--sc-red); }
#vh-sc .sc-btn--primary { background: var(--sc-red); color: #fff; border-color: var(--sc-red); }
#vh-sc .sc-btn--primary:hover { background: var(--sc-red-dark); color: #fff; }

#vh-sc .sc-hero-art { position: relative; height: 310px; background: #f7f8fa; border: 1px solid #e9ebef; border-radius: 12px; overflow: hidden; }
#vh-sc .sc-circuit-top { position: absolute; left: 24px; top: 18px; z-index: 2; display: flex; align-items: center; gap: 15px; }
#vh-sc .sc-circuit-top span { font-size: 9px; letter-spacing: 1.4px; color: #ce0e2d; }
#vh-sc .sc-circuit-top b { font-size: 10px; color: #7c838e; font-weight: 500; }
#vh-sc .sc-circuit-lines { position: absolute; width: 100%; height: 100%; left: 0; top: 12px; }
#vh-sc .sc-circuit-core { position: absolute; top: 110px; left: 50%; transform: translateX(-50%); width: 140px; height: 112px; border-radius: 13px; background: #fff; box-shadow: 0 8px 25px #dce1e866; border: 1px solid #edb2bd; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: #ce0e2d; z-index: 2; }
#vh-sc .sc-circuit-core b { font-size: 14px; }
#vh-sc .sc-circuit-core span { font-size: 9px; color: #747c88; }
#vh-sc .sc-circuit-node { position: absolute; width: 122px; padding: 12px 10px; background: #fff; border: 1px solid #e6e8ed; border-radius: 8px; display: flex; flex-direction: column; gap: 5px; z-index: 1; }
#vh-sc .sc-circuit-node small { font-size: 9px; color: #ce0e2d; }
#vh-sc .sc-circuit-node b { font-size: 12px; font-weight: 600; }
#vh-sc .sc-circuit-node span { font-size: 8px; color: #7e8691; }
#vh-sc .sc-n1 { left: 20px; top: 65px; }
#vh-sc .sc-n2 { right: 20px; top: 65px; }
#vh-sc .sc-n3 { left: 20px; bottom: 18px; }
#vh-sc .sc-n4 { right: 20px; bottom: 18px; }

/* ---------------------------------------------------------------- 区块标题 */
#vh-sc .sc-section-top { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 23px; }
#vh-sc .sc-section-top h2 { font-size: 25px; letter-spacing: -.5px; margin: 0 0 9px; font-weight: 700; color: var(--sc-ink); }
#vh-sc .sc-section-top p { font-size: 13px; color: var(--sc-muted); margin: 0; line-height: 1.7; }
#vh-sc .sc-text-link { font-size: 12px; color: var(--sc-red); white-space: nowrap; display: flex; gap: 16px; align-items: center; }

/* ---------------------------------------------------------------- 方案族 */
#vh-sc .sc-entry-section { padding: 31px 0 45px; border-top: 1px solid var(--sc-line); }
#vh-sc .sc-group-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin: 24px 0 20px; }
#vh-sc .sc-group-tab { background: #fff; border: 1px solid #dde1e7; border-radius: 5px; padding: 12px 22px; font-size: 13px; color: #667080; display: flex; gap: 14px; align-items: center; }
#vh-sc .sc-group-tab b { font-size: 11px; font-weight: 400; color: #8d95a2; }
#vh-sc .sc-group-tab.is-on { background: #ce0e2d; color: #fff; border-color: #ce0e2d; }
#vh-sc .sc-group-tab.is-on b { color: #f6ccd4; }
#vh-sc .sc-entry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
#vh-sc .sc-entry { position: relative; text-align: left; background: #fff; color: var(--sc-ink); border: 1px solid var(--sc-line); border-radius: 9px; padding: 20px 18px 17px; min-height: 178px; transition: transform .2s, border .2s, box-shadow .2s;
    display: grid; grid-template-columns: 88px minmax(0, 1fr); column-gap: 14px; align-content: start; }
#vh-sc .sc-entry:hover { transform: translateY(-3px); border-color: #d5a0ab; box-shadow: 0 8px 18px #28314408; }
#vh-sc .sc-entry.is-selected { border-color: var(--sc-red); background: linear-gradient(145deg, #fff9fa, #fff); }
#vh-sc .sc-entry-icon { grid-column: 1; grid-row: 1 / 3; width: 88px; height: 88px; align-self: center; display: grid; place-items: center; }
#vh-sc .sc-entry-icon img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s; }
#vh-sc .sc-entry:hover .sc-entry-icon img { transform: translateY(-3px); }
#vh-sc .sc-entry-index { position: absolute; top: 14px; right: 16px; font-size: 10px; color: #b0b5bc; letter-spacing: 1px; font-variant-numeric: tabular-nums; }
#vh-sc .sc-entry h3 { grid-column: 2; grid-row: 1; align-self: end; margin: 10px 0 6px; padding-right: 18px; font-size: 15px; font-weight: 700; letter-spacing: -.3px; color: var(--sc-ink); }
#vh-sc .sc-entry p { grid-column: 2; grid-row: 2; align-self: start; margin: 0 0 14px; font-size: 11px; line-height: 1.5; color: var(--sc-muted); }
#vh-sc .sc-entry-label { grid-column: 1 / -1; font-size: 10px; color: #929aa5; margin: 9px 0 0; display: flex; justify-content: space-between; gap: 6px; }
#vh-sc .sc-entry-label em { font-style: normal; color: #b41d3a; }
#vh-sc .sc-entry-meta { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: #9298a1; margin-top: auto; }
#vh-sc .sc-entry-meta i { font-style: normal; font-size: 18px; color: #b0b6bf; }
#vh-sc .sc-entry.is-selected .sc-entry-meta i { color: var(--sc-red); }
#vh-sc .sc-entry-note { font-size: 11px; color: #828b96; line-height: 1.8; margin: 18px 0 0; }

/* ---------------------------------------------------------------- 子方案列表 */
#vh-sc .sc-library { background: var(--sc-soft); border-top: 1px solid #eef0f2; padding: 45px 0 54px; }
#vh-sc .sc-library-top { display: flex; gap: 14px; align-items: flex-end; justify-content: space-between; }
#vh-sc .sc-library-top .sc-section-top { margin: 0; }
#vh-sc .sc-library-tools { display: flex; align-items: center; gap: 18px; }
#vh-sc .sc-search { display: flex; align-items: center; width: 360px; height: 40px; border: 1px solid #d8dce2; border-radius: 5px; background: #fff; transition: border .2s; }
#vh-sc .sc-search:focus-within { border-color: var(--sc-red); }
#vh-sc .sc-search input { border: 0; outline: 0; padding: 0 14px; min-width: 0; width: 100%; height: 100%; background: transparent; font-size: 12px; box-shadow: none; }
#vh-sc .sc-search button { border: 0; background: transparent; padding: 11px; color: var(--sc-red); display: flex; }
#vh-sc .sc-view-all { background: transparent; border: 0; color: var(--sc-red); font-size: 12px; padding: 8px 0; white-space: nowrap; }
#vh-sc .sc-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 25px; }
#vh-sc .sc-label { font-size: 12px; color: #8c939b; margin-right: 8px; }
#vh-sc .sc-filter { border: 1px solid #dfe3e8; border-radius: 5px; background: #fff; padding: 8px 13px; font-size: 12px; color: #6b7280; }
#vh-sc .sc-filter.is-on { background: var(--sc-ink); border-color: var(--sc-ink); color: #fff; }
#vh-sc .sc-result-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; font-size: 12px; color: #7b828c; }
#vh-sc .sc-result-bar b { color: var(--sc-red); font-weight: 500; }
#vh-sc .sc-result-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#vh-sc .sc-row { display: flex; align-items: center; gap: 18px; min-height: 130px; background: #fff; color: var(--sc-ink); border: 1px solid #e2e5e9; border-radius: 8px; padding: 21px; text-align: left; transition: .2s; }
#vh-sc .sc-row:hover { border-color: #cf9aa5; box-shadow: 0 4px 14px #1d2a4010; }
#vh-sc .sc-small-icon { display: grid; place-items: center; width: 58px; height: 58px; flex-shrink: 0; }
#vh-sc .sc-small-icon img { width: 100%; height: 100%; object-fit: contain; }
#vh-sc .sc-row-main { flex: 1; min-width: 0; }
#vh-sc .sc-row-code { font-size: 10px; color: #a0a7af; letter-spacing: .5px; }
#vh-sc .sc-row h3 { font-size: 14px; margin: 6px 0 8px; color: var(--sc-ink); }
#vh-sc .sc-row p { font-size: 11px; margin: 0; line-height: 1.55; color: #7c8490; word-break: break-word; }
#vh-sc .sc-maturity { font-size: 9px; color: #8a747a; display: inline-block; margin-top: 8px; }
#vh-sc .sc-row-arrow { font-size: 21px; color: #b7bdc5; }
#vh-sc .sc-row:hover .sc-row-arrow { color: var(--sc-red); }
#vh-sc .sc-empty { padding: 48px; text-align: center; background: #fff; border: 1px dashed #d5d9e0; grid-column: 1 / -1; }
#vh-sc .sc-empty h3 { font-size: 17px; margin-bottom: 12px; }
#vh-sc .sc-empty p { color: var(--sc-muted); font-size: 13px; margin-bottom: 16px; }

/* ---------------------------------------------------------------- 设计支持、技术方向、资料、询问 */
#vh-sc .sc-strategy { padding: 50px 0; background: #fafbfc; border-top: 1px solid #e9edf1; }
#vh-sc .sc-common-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 24px; }
#vh-sc .sc-common-item { padding: 22px; border: 1px solid #e6e9ee; border-radius: 7px; background: #fff; }
#vh-sc .sc-common-item h3 { font-size: 14px; margin: 0 0 12px; }
#vh-sc .sc-common-item p { font-size: 12px; line-height: 1.9; color: #717b88; margin: 0; }
#vh-sc .sc-roadmap { padding-top: 52px; padding-bottom: 52px; }
#vh-sc .sc-roadmap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 24px; }
#vh-sc .sc-roadmap-card { border-top: 3px solid #ce0e2d; background: #f7f8fa; padding: 23px; }
#vh-sc .sc-roadmap-card small { font-size: 10px; letter-spacing: .8px; color: #a32d43; }
#vh-sc .sc-roadmap-card h3 { font-size: 17px; margin: 13px 0; }
#vh-sc .sc-roadmap-card p, #vh-sc .sc-roadmap-card details { font-size: 12px; line-height: 1.85; color: #707987; }
#vh-sc .sc-roadmap-card details { margin-top: 12px; }
#vh-sc .sc-roadmap-card summary { color: #b71d39; cursor: pointer; }
#vh-sc .sc-roadmap-card details p { margin-top: 12px; }
#vh-sc .sc-resource-section { padding: 51px 0; }
#vh-sc .sc-resources { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
#vh-sc .sc-resource { border: 1px solid var(--sc-line); border-radius: 8px; padding: 27px; }
#vh-sc .sc-resource small { color: var(--sc-red); font-size: 10px; letter-spacing: 1.3px; }
#vh-sc .sc-resource h3 { font-size: 17px; margin: 14px 0 11px; }
#vh-sc .sc-resource p { color: var(--sc-muted); font-size: 12px; line-height: 1.9; min-height: 44px; margin: 0 0 19px; }
#vh-sc .sc-resource a { display: flex; justify-content: space-between; font-size: 12px; color: var(--sc-red); }

/* 过渡（2026-10-30 转正起）：子方案列表标题下的接口方案页链接、「按接口查看方案页」8 张卡（原全部方案页下的 8 个页，网址不变） */
#vh-sc .sc-iface-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 12px; padding: 8px 14px; border: 1px solid var(--sc-line); border-radius: 5px; background: #fff; font-size: 12px; line-height: 1.2; color: var(--sc-ink); text-decoration: none; transition: .2s; }
#vh-sc .sc-iface-link i { font-style: normal; color: var(--sc-red); }
#vh-sc .sc-iface-link:hover { border-color: var(--sc-red); color: var(--sc-red); }
#vh-sc .sc-iface-section { padding: 45px 0 50px; border-top: 1px solid var(--sc-line); }
#vh-sc .sc-iface-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
#vh-sc .sc-iface { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--sc-line); border-radius: 8px; background: #fff; color: var(--sc-ink); text-decoration: none; transition: border .2s, box-shadow .2s; }
#vh-sc .sc-iface:hover { border-color: var(--sc-red); box-shadow: 0 8px 22px rgba(32, 36, 44, .07); }
#vh-sc .sc-iface img { flex: none; width: 48px; height: 48px; object-fit: contain; }
#vh-sc .sc-iface-main { flex: 1; min-width: 0; display: grid; gap: 4px; }
#vh-sc .sc-iface b { font-size: 14px; font-weight: 700; color: var(--sc-ink); }
#vh-sc .sc-iface small { font-size: 11px; line-height: 1.5; color: var(--sc-muted); }
#vh-sc .sc-iface em { font-style: normal; font-size: 11px; line-height: 1.5; color: var(--sc-red); }
#vh-sc .sc-iface i { font-style: normal; color: #b3b9c2; }
#vh-sc .sc-iface:hover i { color: var(--sc-red); }
#vh-sc .sc-cta { border: 1px solid #ecdce0; border-radius: 9px; background: linear-gradient(110deg, #fff5f7, #fff 80%); padding: 31px 35px; display: flex; align-items: center; justify-content: space-between; gap: 35px; }
#vh-sc .sc-cta h2 { font-size: 22px; margin: 0 0 10px; }
#vh-sc .sc-cta p { font-size: 12px; color: #727986; line-height: 1.8; margin: 0; }
/* 询问条本身是带边框的盒子：宽度对齐上下区块的内容列（.sc-wrap 的左右内边距换成外边距） */
#vh-sc .sc-cta.sc-wrap { width: calc(100% - 48px); max-width: 1200px; margin: 10px auto 55px; padding: 31px 35px; }
@media (min-width: 1440px) {
    html #vh-sc .sc-cta.sc-wrap { max-width: var(--vh-page, 1240px); }
}

/* ---------------------------------------------------------------- 弹窗 */
#vh-sc .sc-modal { position: fixed; inset: 0; background: #1b26376b; z-index: 10050; padding: 28px; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
#vh-sc .sc-dialog { background: #fff; border-radius: 12px; width: min(100%, 900px); max-height: 92vh; display: flex; flex-direction: column; box-shadow: 0 20px 80px #101b3140; }
#vh-sc .sc-dialog-head { padding: 23px 28px 20px; border-bottom: 1px solid var(--sc-line); display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
#vh-sc .sc-dialog-kicker { font-size: 10px; color: var(--sc-red); letter-spacing: .7px; }
#vh-sc .sc-dialog h2 { font-size: 23px; margin: 9px 0 0; color: var(--sc-ink); }
#vh-sc .sc-close { flex: none; background: #f5f6f8; border: 0; border-radius: 50%; width: 32px; height: 32px; padding: 0; font-size: 22px; line-height: 32px; color: #6d7480; }
#vh-sc .sc-dialog-body { overflow: auto; padding: 24px 28px 28px; }
#vh-sc .sc-dialog-intro { font-size: 13px; line-height: 1.9; color: #606a79; margin: 0 0 22px; }
#vh-sc .sc-block-title { display: flex; align-items: center; gap: 9px; font-size: 14px; margin: 24px 0 13px; }
#vh-sc .sc-block-title::before { content: ""; width: 3px; height: 14px; background: var(--sc-red); }
#vh-sc .sc-flow { display: flex; gap: 8px; align-items: center; justify-content: space-between; background: #f7f8fa; padding: 19px 13px; border: 1px solid #e9edf1; border-radius: 7px; }
#vh-sc .sc-flow-box { flex: 1; text-align: center; border: 1px solid #e0e5eb; background: #fff; border-radius: 6px; padding: 15px 8px; font-size: 12px; min-height: 66px; display: grid; place-items: center; line-height: 1.6; }
#vh-sc .sc-flow-box.is-own { border-color: #e6a0ad; color: #ae1330; background: #fff8f9; }
#vh-sc .sc-flow-arrow { color: #b1bac6; }
#vh-sc .sc-flow-caption { font-size: 10px; color: #9198a2; margin: 9px 0 18px; line-height: 1.6; }
#vh-sc .sc-product-list { border: 1px solid var(--sc-line); border-radius: 7px; overflow: hidden; }
#vh-sc .sc-chip-list { border-color: #ead0d7; }
#vh-sc .sc-product-line { display: grid; grid-template-columns: 220px 1fr 86px; gap: 15px; align-items: center; padding: 17px; border-bottom: 1px solid var(--sc-line); }
#vh-sc .sc-product-line:last-child { border: 0; }
#vh-sc .sc-product-line b { font-size: 12px; word-break: break-word; }
#vh-sc .sc-product-line small { font-size: 10px; color: #939aa4; display: block; margin-top: 6px; }
#vh-sc .sc-product-line p { font-size: 12px; color: #6f7884; line-height: 1.7; margin: 0; }
#vh-sc .sc-product-line a { font-size: 11px; color: var(--sc-red); text-align: right; }
#vh-sc .sc-chip-source { display: block; margin-top: 5px; font-size: 10px; color: #8c6b3a; }
#vh-sc .sc-pending-note { font-size: 12px; line-height: 1.9; color: #767c86; padding: 15px; }
#vh-sc .sc-detail-status { display: inline-block; font-size: 10px; color: #8b5e22; background: #fff4df; padding: 6px 9px; border-radius: 4px; margin-bottom: 12px; }
#vh-sc .sc-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
#vh-sc .sc-detail-box { background: #f7f8fa; border-radius: 7px; padding: 18px; }
#vh-sc .sc-detail-box h3 { font-size: 13px; margin: 0 0 12px; }
#vh-sc .sc-detail-box p { font-size: 12px; line-height: 1.95; color: #6e7784; margin: 0; }
#vh-sc .sc-structure-docs { margin-top: 22px; border: 1px solid #e6e8ec; border-radius: 7px; padding: 15px; font-size: 12px; color: #737b87; }
#vh-sc .sc-structure-docs summary { cursor: pointer; font-weight: 600; color: #374151; }
#vh-sc .sc-structure-docs p { line-height: 1.9; margin: 10px 0; }
#vh-sc .sc-structure-docs a { color: #ce0e2d; font-size: 11px; }
#vh-sc .sc-condition { background: #fff8ed; border: 1px solid #f0e5d3; border-radius: 6px; padding: 13px 15px; margin: 15px 0; color: #8a714c; font-size: 11px; line-height: 1.8; }
#vh-sc .sc-dialog-footer { border-top: 1px solid var(--sc-line); padding: 17px 28px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
#vh-sc .sc-dialog-footer > span { font-size: 10px; color: #8e96a1; }
#vh-sc .sc-dialog-footer .sc-btn { font-size: 12px; padding: 11px 16px; }
#vh-sc .sc-request-fields { display: grid; gap: 12px; }
#vh-sc .sc-request-fields label { font-size: 12px; color: #626b77; display: grid; gap: 8px; }
#vh-sc .sc-request-fields input, #vh-sc .sc-request-fields textarea { padding: 11px; border: 1px solid #dce0e6; border-radius: 4px; width: 100%; height: auto; resize: vertical; font-size: 13px; background: #fff; }
#vh-sc .sc-request-fields textarea { min-height: 90px; }
#vh-sc .sc-request-result { font-size: 12px; white-space: pre-wrap; background: #f6f7f9; padding: 16px; border-radius: 5px; line-height: 1.9; }
#vh-sc .sc-toast { position: fixed; left: 50%; bottom: 30px; transform: translateX(-50%); z-index: 10060; background: #222a35; color: #fff; border-radius: 5px; padding: 11px 20px; font-size: 12px; box-shadow: 0 5px 20px #0003; }

/* ---------------------------------------------------------------- ≤1100 */
@media (max-width: 1100px) {
    #vh-sc .sc-hero h1 { font-size: 34px; }
    #vh-sc .sc-hero { gap: 25px; }
    #vh-sc .sc-hero-art { height: 280px; }
    #vh-sc .sc-entry h3 { font-size: 13px; }
    #vh-sc .sc-entry p { font-size: 10px; }
    #vh-sc .sc-entry { padding: 17px 14px; }
    #vh-sc .sc-result-list { gap: 10px; }
    #vh-sc .sc-row { padding: 17px; gap: 12px; }
    #vh-sc .sc-row-main h3 { font-size: 13px; }
    #vh-sc .sc-common-grid { grid-template-columns: repeat(2, 1fr); }
    #vh-sc .sc-iface-grid { grid-template-columns: repeat(2, 1fr); }
    #vh-sc .sc-library-top { flex-wrap: wrap; }
    #vh-sc .sc-search { width: 300px; }
}

/* ---------------------------------------------------------------- ≤760 */
@media (max-width: 760px) {
    #vh-sc .sc-wrap { padding: 0 16px; }
    #vh-sc .sc-crumb { padding-top: 20px; font-size: 10px; }
    #vh-sc .sc-hero { padding: 27px 0 31px; display: block; min-height: 0; }
    #vh-sc .sc-hero h1 { font-size: clamp(25px, 7.5vw, 31px); letter-spacing: -.8px; margin: 15px 0; }
    #vh-sc .sc-hero p { font-size: 12px; line-height: 1.9; max-width: 100%; }
    #vh-sc .sc-hero p br { display: none; }
    #vh-sc .sc-eyebrow { font-size: 10px; letter-spacing: 1.5px; }
    #vh-sc .sc-hero-art { height: 292px; margin-top: 27px; }
    #vh-sc .sc-circuit-top { left: 16px; gap: 12px; }
    #vh-sc .sc-circuit-top b { font-size: 9px; }
    #vh-sc .sc-circuit-node { width: 104px; padding: 10px; }
    #vh-sc .sc-circuit-node b { font-size: 11px; }
    #vh-sc .sc-circuit-node span, #vh-sc .sc-circuit-core span { font-size: 7px; }
    #vh-sc .sc-n1, #vh-sc .sc-n3 { left: 12px; }
    #vh-sc .sc-n2, #vh-sc .sc-n4 { right: 12px; }
    #vh-sc .sc-circuit-core { width: 112px; top: 126px; height: 90px; }
    #vh-sc .sc-circuit-core b { font-size: 12px; }
    #vh-sc .sc-hero .sc-actions { gap: 8px; }
    #vh-sc .sc-hero .sc-btn { padding: 12px 10px; font-size: 11px; gap: 8px; white-space: nowrap; }
    #vh-sc .sc-btn { font-size: 12px; padding: 12px 16px; }
    #vh-sc .sc-entry-section { padding: 26px 0 31px; }
    #vh-sc .sc-section-top { align-items: flex-start; gap: 16px; margin-bottom: 20px; }
    #vh-sc .sc-section-top h2 { font-size: 21px; }
    #vh-sc .sc-section-top p { font-size: 11px; line-height: 1.7; }
    #vh-sc .sc-text-link { font-size: 10px; gap: 4px; margin-top: 6px; }
    #vh-sc .sc-group-tabs { gap: 7px; margin: 18px 0; }
    #vh-sc .sc-group-tab { padding: 10px 12px; gap: 8px; font-size: 12px; }
    #vh-sc .sc-entry-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    #vh-sc .sc-entry { grid-template-columns: 1fr; padding: 15px 12px 13px; min-height: 170px; }
    #vh-sc .sc-entry-icon { grid-row: auto; width: 72px; height: 72px; margin-bottom: 6px; }
    #vh-sc .sc-entry h3, #vh-sc .sc-entry p { grid-column: 1; grid-row: auto; }
    #vh-sc .sc-entry h3 { font-size: 12px; line-height: 1.5; }
    #vh-sc .sc-entry p { font-size: 10px; margin-bottom: 10px; }
    #vh-sc .sc-entry-meta { font-size: 9px; }
    #vh-sc .sc-entry-label { font-size: 9px; }
    #vh-sc .sc-entry-label em { display: none; }
    #vh-sc .sc-library { padding: 30px 0; }
    #vh-sc .sc-library-top { align-items: flex-start; }
    #vh-sc .sc-library .sc-section-top h2 { font-size: 20px; line-height: 1.4; }
    #vh-sc .sc-library-tools { width: 100%; }
    #vh-sc .sc-search { flex: 1; width: auto; }
    #vh-sc .sc-view-all { font-size: 10px; flex-shrink: 0; }
    #vh-sc .sc-filters { gap: 7px; margin: 19px 0; }
    #vh-sc .sc-label { width: 100%; margin: 0 0 3px; }
    #vh-sc .sc-filter { font-size: 11px; padding: 7px 11px; }
    #vh-sc .sc-result-list { grid-template-columns: 1fr; }
    #vh-sc .sc-result-bar { font-size: 10px; }
    #vh-sc .sc-row { padding: 17px 14px; }
    #vh-sc .sc-row h3 { font-size: 13px; }
    #vh-sc .sc-row p { font-size: 10px; }
    #vh-sc .sc-small-icon { width: 46px; height: 46px; }
    #vh-sc .sc-common-grid, #vh-sc .sc-roadmap-grid { grid-template-columns: 1fr; }
    #vh-sc .sc-strategy, #vh-sc .sc-roadmap { padding-top: 35px; padding-bottom: 35px; }
    #vh-sc .sc-common-item { padding: 18px; }
    #vh-sc .sc-iface-section { padding: 30px 0 35px; }
    #vh-sc .sc-iface-grid { grid-template-columns: 1fr; gap: 10px; }
    #vh-sc .sc-iface { padding: 14px; }
    #vh-sc .sc-iface-link { font-size: 11px; }
    #vh-sc .sc-resource-section { padding: 30px 0; }
    #vh-sc .sc-resources { grid-template-columns: 1fr; gap: 12px; }
    #vh-sc .sc-resource { padding: 22px; }
    #vh-sc .sc-resource p { min-height: 0; }
    #vh-sc .sc-cta.sc-wrap { width: calc(100% - 32px); margin-bottom: 32px; padding: 25px 22px; align-items: flex-start; flex-direction: column; gap: 20px; }
    #vh-sc .sc-cta h2 { font-size: 20px; }
    #vh-sc .sc-cta p { font-size: 11px; }
    #vh-sc .sc-modal { padding: 10px; }
    #vh-sc .sc-dialog { max-height: 95vh; border-radius: 8px; }
    #vh-sc .sc-dialog-head { padding: 20px; }
    #vh-sc .sc-dialog h2 { font-size: 19px; line-height: 1.5; }
    #vh-sc .sc-dialog-body { padding: 18px; }
    #vh-sc .sc-product-line { grid-template-columns: 1fr; gap: 9px; padding: 15px; }
    #vh-sc .sc-product-line a { text-align: left; }
    #vh-sc .sc-product-line small { display: inline; margin-left: 8px; }
    #vh-sc .sc-detail-grid { grid-template-columns: 1fr; gap: 12px; }
    #vh-sc .sc-dialog-footer { padding: 16px 18px; }
    #vh-sc .sc-dialog-footer > span { max-width: 130px; line-height: 1.6; }
    #vh-sc .sc-flow { gap: 5px; padding: 13px 8px; }
    #vh-sc .sc-flow-box { font-size: 10px; padding: 10px 4px; min-height: 65px; }
    #vh-sc .sc-flow-arrow { font-size: 10px; }
    #vh-sc .sc-chip-source { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    #vh-sc * { transition: none !important; }
}