/* ============================================================
   天勤企业经营诊断沙盘 · 免费轻版（P1）
   风格沿用站点主色：深蓝 #002060 → 紫蓝 #3f23e9，极简、克制、留白
   ============================================================ */
.sdx { color: var(--ink); }
.sdx-play { background: #f5f7fb; min-height: 60vh; }
.sdx a { color: var(--primary-2); }
.sdx-center { text-align: center; }
.sdx-small { font-size: 12.5px; color: #818ba1; line-height: 1.8; }
.sdx-sec h2::after { background: linear-gradient(90deg, #002060, #3f23e9); width: 56px; }

/* 按钮 */
.sdx-btn {
    display: inline-block; padding: 13px 30px; border-radius: 8px; font-size: 15px;
    font-weight: 600; text-decoration: none; border: 1.5px solid transparent;
    cursor: pointer; transition: transform .18s, box-shadow .18s, background .18s;
    font-family: inherit; line-height: 1.4;
}
.sdx-btn.primary {
    background: linear-gradient(115deg, #002060, #3f23e9); color: #fff;
    box-shadow: 0 8px 22px rgba(0, 32, 96, .20);
}
.sdx-btn.primary:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0, 32, 96, .28); color: #fff; }
.sdx-btn.ghost { border-color: #c9d4e8; color: #002060; background: #fff; }
.sdx-btn.ghost:hover { border-color: #002060; background: #f6f8fd; color: #002060; }
.sdx-btn.small { padding: 10px 20px; font-size: 13.5px; }
.sdx-link { font-size: 13px; color: #7b869c; text-decoration: none; }
.sdx-link:hover { color: #002060; text-decoration: underline; }

/* 主视觉 */
.sdx-hero {
    position: relative; overflow: hidden; color: #fff; padding: 86px 0 78px;
    background: linear-gradient(118deg, #001845 0%, #002060 42%, #2a2ec4 100%);
}
.sdx-hero::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
    background-image:
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.14) 0, transparent 38%),
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: auto, 46px 46px, 46px 46px;
}
.sdx-hero-inner { position: relative; z-index: 1; max-width: 860px; }
.sdx-eyebrow { font-size: 11.5px; letter-spacing: .22em; opacity: .72; margin-bottom: 20px; }
.sdx-hero h1 { font-size: 40px; line-height: 1.38; font-weight: 600; margin: 0 0 20px; }
.sdx-hero h1 span {
    background: linear-gradient(90deg, #8ee7ff, #c3b5ff);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.sdx-lead { font-size: 15.5px; line-height: 1.95; opacity: .9; max-width: 780px; margin: 0 0 30px; }
.sdx-lead b { color: #fff; font-weight: 600; }
.sdx-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.sdx-hero .sdx-btn.ghost { background: transparent; border-color: rgba(255,255,255,.42); color: #fff; }
.sdx-hero .sdx-btn.ghost:hover { background: rgba(255,255,255,.10); color: #fff; }
.sdx-hero-meta { display: flex; flex-wrap: wrap; gap: 10px; }
.sdx-hero-meta span {
    font-size: 12px; padding: 5px 13px; border-radius: 20px;
    border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.07);
}

/* 差异化对比 */
.sdx-compare { display: grid; grid-template-columns: 1fr 44px 1fr; gap: 18px; align-items: center; margin-top: 34px; }
.sdx-compare-col { border: 1px solid #e6ebf3; border-radius: 12px; padding: 26px 28px; background: #fff; }
.sdx-compare-col.focus { border-color: #c7d0f5; box-shadow: 0 10px 32px rgba(0,32,96,.07); }
.sdx-compare-tag { font-size: 12px; font-weight: 600; color: #8791a6; letter-spacing: .06em; margin-bottom: 14px; }
.sdx-compare-col.focus .sdx-compare-tag { color: #3f23e9; }
.sdx-compare-col ul { list-style: none; }
.sdx-compare-col li { font-size: 14px; padding: 9px 0 9px 22px; position: relative; border-bottom: 1px dashed #edf0f6; color: #5b6680; }
.sdx-compare-col li:last-child { border-bottom: none; }
.sdx-compare-col li::before { content: ""; position: absolute; left: 2px; top: 18px; width: 6px; height: 6px; border-radius: 50%; background: #cbd5e1; }
.sdx-compare-col.focus li { color: #26324a; }
.sdx-compare-col.focus li::before { background: #3f23e9; }
.sdx-compare-arrow { text-align: center; font-size: 22px; color: #a8b3cc; }
.sdx-note { margin-top: 26px; font-size: 14px; color: #5b6680; }

/* 三步 */
.sdx-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 34px; }
.sdx-step { background: #fff; border: 1px solid #e6ebf3; border-radius: 12px; padding: 28px 26px; }
.sdx-step-no { display: block; font-size: 26px; font-weight: 700; color: #d7ddf0; letter-spacing: .04em; margin-bottom: 10px; }
.sdx-step h3 { font-size: 17px; color: #002060; margin-bottom: 10px; }
.sdx-step p { font-size: 13.5px; color: #5b6680; line-height: 1.85; }

/* 6 变量 */
.sdx-vars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 34px; }
.sdx-var { background: #fff; border: 1px solid #e6ebf3; border-radius: 10px; padding: 22px; }
.sdx-var-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.sdx-var-id, .sdx-field-id, .sdx-rule-id {
    font-size: 11px; font-family: Consolas, monospace; letter-spacing: .06em;
    color: #3f23e9; background: #eef1ff; border-radius: 4px; padding: 3px 7px;
}
.sdx-var h3 { font-size: 15.5px; color: #002060; margin: 0; }
.sdx-var-range { font-size: 12px; color: #6b7690; padding-bottom: 12px; border-bottom: 1px solid #eef1f7; margin-bottom: 12px; }
.sdx-var-range span { color: #9aa4b8; margin-left: 6px; }
.sdx-var-org { font-size: 13px; color: #3a4560; line-height: 1.75; margin-bottom: 8px; }
.sdx-var-org b { color: #002060; font-weight: 600; }
.sdx-var-note { font-size: 12px; color: #8b95a9; line-height: 1.7; }

/* 行业模板 */
.sdx-tpls { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 34px; }
.sdx-tpl { background: #fff; border: 1px solid #e6ebf3; border-radius: 12px; padding: 28px; }
.sdx-tpl-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.sdx-tpl h3 { font-size: 19px; color: #002060; margin: 0; }
.sdx-tpl-badge { font-size: 11.5px; color: #3f23e9; background: #eef1ff; border-radius: 20px; padding: 4px 12px; }
.sdx-tpl-profile { font-size: 13.5px; color: #5b6680; line-height: 1.85; margin-bottom: 18px; }
.sdx-tpl-kv { display: flex; gap: 14px; font-size: 12.5px; padding: 9px 0; border-top: 1px solid #f0f2f8; line-height: 1.65; }
.sdx-tpl-kv span { width: 88px; flex: none; color: #8b95a9; }
.sdx-tpl-kv b { font-weight: 500; color: #3a4560; }
.sdx-tpl .sdx-btn { margin-top: 20px; }

/* 规则公示 */
.sdx-rules { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 34px; }
.sdx-rule { display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #e9edf5; border-radius: 8px; padding: 12px 16px; }
.sdx-rule-name { font-size: 13.5px; color: #26324a; flex: 1; }
.sdx-rule-dim { font-size: 11.5px; color: #3f23e9; background: #f2f4ff; border-radius: 4px; padding: 3px 8px; white-space: nowrap; }
.sdx-boundaries { margin-top: 34px; background: #f8fafd; border: 1px dashed #ccd6ec; border-radius: 12px; padding: 26px 30px; }
.sdx-boundaries h3 { font-size: 16px; color: #002060; margin-bottom: 14px; }
.sdx-boundaries ul { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 24px; }
.sdx-boundaries li { font-size: 13px; color: #5b6680; padding-left: 18px; position: relative; line-height: 1.75; }
.sdx-boundaries li::before { content: "—"; position: absolute; left: 0; color: #a8b3cc; }
.sdx-boundaries .sdx-small { margin-top: 16px; }

/* FAQ */
.sdx-faq { max-width: 820px; margin: 34px auto 0; }
.sdx-faq-item { background: #fff; border: 1px solid #e6ebf3; border-radius: 10px; padding: 22px 26px; margin-bottom: 12px; }
.sdx-faq-item h3 { font-size: 15.5px; color: #002060; margin-bottom: 9px; }
.sdx-faq-item p { font-size: 13.5px; color: #5b6680; line-height: 1.9; }

/* 底部 CTA */
.sdx-final { background: linear-gradient(118deg, #001845, #002060 55%, #2a2ec4); color: #fff; padding: 64px 0; text-align: center; }
.sdx-final h2 { font-size: 27px; font-weight: 600; margin-bottom: 10px; }
.sdx-final p { font-size: 14px; opacity: .82; margin-bottom: 26px; }
.sdx-final-contact { margin-top: 22px; font-size: 13px; opacity: .85; }
.sdx-final-contact a { color: #fff; text-decoration: underline; }

/* ============================ 交互页 ============================ */
.sdx-playhead { background: linear-gradient(118deg, #001845, #002060 62%, #2a2ec4); color: #fff; padding: 44px 0 40px; }
.sdx-playhead.compact { padding: 36px 0 34px; }
.sdx-playhead h1 { font-size: 28px; font-weight: 600; margin-bottom: 8px; }
.sdx-playhead p { font-size: 13.5px; opacity: .86; }
.sdx-playhead .sdx-eyebrow { margin-bottom: 12px; }
.sdx-progress { display: flex; gap: 8px; margin-top: 22px; flex-wrap: wrap; }
.sdx-progress span {
    font-size: 12px; padding: 6px 16px; border-radius: 20px;
    border: 1px solid rgba(255,255,255,.26); color: rgba(255,255,255,.62);
}
.sdx-progress span.done { background: rgba(255,255,255,.14); color: #fff; }
.sdx-progress span.now { background: #fff; color: #002060; border-color: #fff; font-weight: 600; }
.sdx-playbody { padding: 40px 20px 72px; max-width: 980px; }
.sdx-empty { text-align: center; padding: 80px 20px; }
.sdx-empty h1 { font-size: 24px; color: #002060; margin-bottom: 12px; }
.sdx-empty .sdx-btn { margin-top: 22px; }

/* 上期简报 */
.sdx-brief { background: #fff; border: 1px solid #e4e9f4; border-radius: 12px; padding: 24px 26px; margin-bottom: 22px; box-shadow: 0 6px 22px rgba(20,40,90,.04); }
.sdx-brief-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 1px solid #eef1f7; padding-bottom: 12px; margin-bottom: 16px; }
.sdx-brief-head h2 { font-size: 17px; color: #002060; }
.sdx-brief-head span { font-size: 12px; color: #8b95a9; }
.sdx-brief-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sdx-brief-grid div { background: #f8fafd; border-radius: 8px; padding: 12px 14px; }
.sdx-brief-grid span { display: block; font-size: 11.5px; color: #8b95a9; margin-bottom: 5px; }
.sdx-brief-grid b { font-size: 15px; color: #002060; font-weight: 600; }
.sdx-brief-ev { margin-top: 14px; font-size: 12.5px; color: #6b7690; line-height: 1.8; }

/* 决策表单 */
.sdx-form { background: #fff; border: 1px solid #e4e9f4; border-radius: 12px; padding: 28px 30px 26px; box-shadow: 0 6px 22px rgba(20,40,90,.04); }
.sdx-form-head { border-bottom: 1px solid #eef1f7; padding-bottom: 16px; margin-bottom: 6px; }
.sdx-form-head h2 { font-size: 19px; color: #002060; margin-bottom: 7px; }
.sdx-form-head p { font-size: 13px; }
.sdx-field { display: grid; grid-template-columns: 250px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid #f0f2f8; }
.sdx-field-label > div { display: flex; align-items: center; gap: 9px; margin-bottom: 7px; }
.sdx-field-label label { font-size: 15px; font-weight: 600; color: #26324a; }
.sdx-field-range { font-size: 12px; color: #8b95a9; }
.sdx-field-input input[type=number] {
    width: 160px; padding: 10px 12px; font-size: 15px; color: #002060; font-weight: 600;
    border: 1.5px solid #c9d4e8; border-radius: 8px; background: #fbfcff; font-family: inherit;
}
.sdx-field-input input[type=number]:focus { outline: none; border-color: #3f23e9; box-shadow: 0 0 0 3px rgba(63,35,233,.10); }
.sdx-field-note { font-size: 12.5px; color: #5b6680; line-height: 1.8; margin-top: 8px; }
.sdx-field-note b { color: #002060; }
.sdx-field-note span { color: #9aa4b8; }
.sdx-form-foot { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; padding-top: 22px; }
.sdx-playbody > .sdx-small { margin-top: 18px; }

/* 诊断卡 */
.sdx-card { background: #fff; border: 1px solid #e4e9f4; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 36px rgba(20,40,90,.08); }
.sdx-card-hero { background: linear-gradient(115deg, #002060, #3f23e9); color: #fff; padding: 30px 36px; }
.sdx-kick { font-size: 11px; letter-spacing: .18em; opacity: .76; }
.sdx-card-hero h2 { font-size: 26px; font-weight: 600; margin: 8px 0 5px; }
.sdx-sub { font-size: 13px; opacity: .88; }
.sdx-tags { margin-top: 18px; display: flex; gap: 8px; flex-wrap: wrap; }
.sdx-tags span { font-size: 11.5px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.14); border-radius: 20px; padding: 4px 12px; }
.sdx-card-body { padding: 28px 36px 34px; }
.sdx-scorebar { display: flex; align-items: center; gap: 24px; background: #f7f9ff; border: 1px solid #e4e9f7; border-radius: 10px; padding: 18px 22px; margin-bottom: 26px; }
.sdx-scorenum { font-size: 40px; font-weight: 700; color: #2543c8; line-height: 1; white-space: nowrap; }
.sdx-scorenum small { font-size: 13px; font-weight: 400; color: #6b7690; margin-left: 4px; }
.sdx-scoretxt { font-size: 13px; color: #5b6680; line-height: 1.8; }
.sdx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.sdx-grid h3, .sdx-h3 { font-size: 16px; color: #26324a; margin: 0 0 14px; padding-left: 11px; border-left: 3px solid #3f23e9; }
.sdx-h3 { margin: 28px 0 14px; }
.sdx-row { display: flex; align-items: center; gap: 10px; margin: 8px 0; font-size: 12px; }
.sdx-n { width: 106px; flex: none; color: #4a5570; }
.sdx-bar { flex: 1; height: 7px; background: #eaeef8; border-radius: 5px; overflow: hidden; }
.sdx-bar i { display: block; height: 100%; background: linear-gradient(90deg, #2543c8, #6a5bff); }
.sdx-bar.teal i { background: #0f9b8e; }
.sdx-v { width: 34px; text-align: right; color: #2543c8; font-weight: 600; }
.sdx-arow { margin: 10px 0; font-size: 12px; }
.sdx-alab { display: flex; justify-content: space-between; margin-bottom: 4px; color: #4a5570; }
.sdx-attr { border: 1px solid #e4e9f7; border-left: 4px solid #3f23e9; border-radius: 8px; padding: 15px 18px; margin-bottom: 12px; }
.sdx-attr-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.sdx-id { font-size: 11px; color: #8a93aa; letter-spacing: .06em; }
.sdx-attr-name { font-size: 15.5px; font-weight: 600; color: #1c2536; margin: 3px 0 0; }
.sdx-dim { font-size: 11px; color: #3f23e9; background: #eef1ff; border-radius: 4px; padding: 3px 9px; white-space: nowrap; }
.sdx-advice { font-size: 13px; color: #44506a; margin-top: 9px; line-height: 1.8; }
.sdx-evi { font-size: 11.5px; color: #6b7690; background: #f8f9fd; border-radius: 6px; padding: 9px 12px; margin-top: 9px; font-family: Consolas, monospace; line-height: 1.85; }
.sdx-sugbox { border: 1px solid #e4e9f7; border-radius: 8px; overflow: hidden; }
.sdx-suggest { padding: 11px 16px; font-size: 13px; color: #3a4560; border-bottom: 1px solid #eceff6; line-height: 1.75; }
.sdx-suggest:last-child { border-bottom: none; }
.sdx-suggest:nth-child(odd) { background: #fafbff; }
.sdx-cta { margin-top: 24px; padding: 16px 20px; background: #f7f9ff; border: 1px dashed #b9c4ee; border-radius: 8px; font-size: 13px; color: #3a4560; line-height: 1.85; }
.sdx-foot { margin-top: 22px; padding-top: 14px; border-top: 1px solid #eceff6; font-size: 11.5px; color: #98a1b5; line-height: 1.9; }

/* 标准版：6 期轨迹表 + 图例 + CTA 表单栅格 */
.sdx-legend { font-size: 11.5px; color: #8b95a9; line-height: 1.95; margin-bottom: 12px; }
.sdx-legend span { margin-right: 1px; }
.sdx-traj-scroll { overflow-x: auto; border: 1px solid #e4e9f4; border-radius: 10px; }
.sdx-traj { border-collapse: collapse; width: 100%; min-width: 940px; font-size: 11.5px; color: #3a4560; }
.sdx-traj th, .sdx-traj td { padding: 8px 9px; text-align: center; border-bottom: 1px solid #eef1f7; white-space: nowrap; }
.sdx-traj thead th { background: #f3f6fd; color: #002060; font-weight: 600; }
.sdx-traj-t { background: #fafbff; color: #002060; font-weight: 700; }
.sdx-traj tbody tr:hover { background: #f7f9ff; }
.sdx-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin-top: 12px; }
.sdx-form .sdx-field { display: block; padding: 0; border: none; }
.sdx-form .sdx-field-label { display: block; font-size: 12.5px; color: #4a5570; margin-bottom: 5px; }
.sdx-form .sdx-field-input {
    display: block; width: 100%; padding: 10px 12px; font-size: 14px;
    border: 1.5px solid #c9d4e8; border-radius: 8px; background: #fbfcff;
    font-family: inherit; color: #26324a; box-sizing: border-box;
}
.sdx-form .sdx-field-input:focus { outline: none; border-color: #3f23e9; box-shadow: 0 0 0 3px rgba(63,35,233,.10); }
.sdx-form textarea.sdx-field-input { resize: vertical; }
.sdx-cta-done { display: inline-block; margin-top: 8px; color: #1f6b52; font-weight: 600; }
/* 标准版诊断卡 / 决策表单：复用基础样式，此处作为差异化扩展点 */
.sdx-card-std { border-color: #cfd8f2; }
.sdx-std-form { max-width: 100%; }

/* 标准版：页面导航条 / 通知 / 期次折叠 / 操作区 */
.sdx-topbar {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 14px 24px; background: linear-gradient(118deg, #001845, #002060 60%, #2a2ec4);
    color: #fff; position: sticky; top: 0; z-index: 30;
}
.sdx-brand { font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; letter-spacing: .02em; }
.sdx-brand:hover { color: #fff; }
.sdx-topnav { display: flex; gap: 6px; flex-wrap: wrap; }
.sdx-topnav a {
    font-size: 13.5px; color: rgba(255,255,255,.74); text-decoration: none;
    padding: 7px 13px; border-radius: 7px; transition: background .15s, color .15s;
}
.sdx-topnav a:hover { color: #fff; background: rgba(255,255,255,.12); }
.sdx-topnav a.active { color: #fff; background: rgba(255,255,255,.18); font-weight: 600; }
.sdx-notice {
    background: #fff7ed; border: 1px solid #f3d9b5; color: #92630f;
    border-radius: 10px; padding: 13px 18px; font-size: 13.5px; margin-bottom: 18px; line-height: 1.7;
}
.sdx-period { background: #fff; border: 1px solid #e4e9f4; border-radius: 12px; margin-bottom: 14px; overflow: hidden; }
.sdx-period > summary {
    cursor: pointer; list-style: none; padding: 15px 22px; font-size: 15px; font-weight: 600;
    color: #002060; background: #f7f9ff; user-select: none; position: relative;
}
.sdx-period > summary::-webkit-details-marker { display: none; }
.sdx-period > summary::before {
    content: "▸"; display: inline-block; margin-right: 10px; color: #3f23e9;
    transition: transform .18s; transform: rotate(0deg);
}
.sdx-period[open] > summary::before { transform: rotate(90deg); }
.sdx-period-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 26px; padding: 18px 22px; }
.sdx-period .sdx-field { padding: 12px 0; border-bottom: 1px solid #f0f2f8; }
.sdx-period .sdx-field:last-child { border-bottom: none; }
.sdx-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.sdx-form-hint { font-size: 12.5px; color: #8b95a9; }

/* 留资 / 后续 */
.sdx-lead, .sdx-after { margin-top: 24px; background: #fff; border: 1px solid #e4e9f4; border-radius: 12px; padding: 28px 30px; }
.sdx-lead h2, .sdx-after h2 { font-size: 19px; color: #002060; margin-bottom: 9px; }
.sdx-lead > p { font-size: 13px; margin-bottom: 20px; line-height: 1.85; }
.sdx-lead-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; margin-top: 16px; }
.sdx-lead-form label { font-size: 12.5px; color: #4a5570; }
.sdx-lead-form label .req { color: #e60012; }
.sdx-lead-form input[type=text], .sdx-lead-form input[type=tel], .sdx-lead-form input[type=email] {
    display: block; width: 100%; margin-top: 6px; padding: 10px 12px; font-size: 14px;
    border: 1.5px solid #c9d4e8; border-radius: 8px; background: #fbfcff;
    font-family: inherit; color: #26324a;
}
.sdx-lead-form input:focus { outline: none; border-color: #3f23e9; box-shadow: 0 0 0 3px rgba(63,35,233,.10); }
.sdx-consent { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: #5b6680; }
.sdx-consent input { width: 15px; height: 15px; }
.sdx-lead-form .sdx-btn { grid-column: 1 / -1; justify-self: start; }
.sdx-lead-ok, .sdx-lead-err { padding: 16px 20px; border-radius: 8px; font-size: 13.5px; line-height: 1.9; margin-top: 14px; }
.sdx-lead-ok { background: #f0fbf7; border: 1px solid #b8e6d3; color: #1f6b52; }
.sdx-lead-err { background: #fff6f6; border: 1px solid #f3cccc; color: #a33; }
.sdx-next { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0; }
.sdx-next a { display: block; border: 1px solid #e6ebf3; border-radius: 8px; padding: 16px; text-decoration: none; background: #fafbfe; }
.sdx-next a:hover { border-color: #3f23e9; background: #f6f7ff; }
.sdx-next b { display: block; font-size: 13.5px; color: #002060; margin-bottom: 5px; }
.sdx-next span { font-size: 12px; color: #7b869c; line-height: 1.65; }
.sdx-after .sdx-small { margin: 16px 0 20px; word-break: break-all; }

/* ============================ 响应式 ============================ */
@media (max-width: 900px) {
    .sdx-hero h1 { font-size: 32px; }
    .sdx-vars, .sdx-steps, .sdx-next { grid-template-columns: 1fr 1fr; }
    .sdx-brief-grid { grid-template-columns: repeat(2, 1fr); }
    .sdx-field { grid-template-columns: 1fr; gap: 8px; }
    .sdx-period-grid { grid-template-columns: 1fr; gap: 0; }
    .sdx-topbar { flex-direction: column; align-items: flex-start; }
    .sdx-topnav { width: 100%; }
}
@media (max-width: 640px) {
    .sdx-hero { padding: 60px 0 56px; }
    .sdx-hero h1 { font-size: 27px; }
    .sdx-lead { font-size: 14px; }
    .sdx-compare { grid-template-columns: 1fr; }
    .sdx-compare-arrow { transform: rotate(90deg); }
    .sdx-vars, .sdx-steps, .sdx-tpls, .sdx-rules, .sdx-grid,
    .sdx-boundaries ul, .sdx-lead-form, .sdx-next, .sdx-brief-grid { grid-template-columns: 1fr; }
    .sdx-consent, .sdx-lead-form .sdx-btn { grid-column: auto; }
    .sdx-card-hero, .sdx-card-body { padding: 22px; }
    .sdx-scorebar { flex-direction: column; align-items: flex-start; gap: 12px; }
    .sdx-form, .sdx-lead, .sdx-after, .sdx-brief { padding: 20px; }
    .sdx-playbody { padding: 28px 16px 56px; }
    .sdx-playhead h1 { font-size: 23px; }
}