/* 44 · 92/95 汽油怎么选 —— 视觉母题「加油机数字面板 / 成本表」
   独立布局：左侧深色加油机（三个巨大标号按钮）+ 右侧表单；结果用结论横幅 + 误区双栏 + 成本三格。 */
.b29.go-wrap {
    --b29-bg: #f3f6fa;
    --b29-surface: #ffffff;
    --b29-surface-2: #f1f5f9;
    --b29-ink: #1c2735;
    --b29-sub: #4e5d6f;
    --b29-muted: #8794a4;
    --b29-line: #e1e8f0;
    --b29-line-strong: #cdd8e5;
    --b29-accent: #234a7c;
    --b29-accent-2: #dc7327;
    --b29-tint: #e9f0f9;
    --b29-radius: 15px;
    --b29-radius-sm: 9px;
}
:root[data-theme="dark"] .b29.go-wrap {
    --b29-bg: #0f141c;
    --b29-surface: #1a212c;
    --b29-surface-2: #222b38;
    --b29-ink: #eaf0f8;
    --b29-sub: #b6c2d2;
    --b29-muted: #8a98aa;
    --b29-line: #2c3645;
    --b29-line-strong: #3c495c;
    --b29-accent: #90b6e8;
    --b29-accent-2: #f0a463;
    --b29-tint: #212e40;
}
.go-hero h1 em { font-style: normal; color: var(--b29-accent-2); display: block; font-size: .56em; margin-top: 10px; }
.go-console { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 0;
    border: 1px solid var(--b29-line); border-radius: var(--b29-radius); overflow: hidden; box-shadow: var(--b29-shadow); }
.go-pump { padding: 24px; background: #1d2a3b; }
:root[data-theme="dark"] .go-pump { background: #131a25; }
.go-pump-top { display: flex; flex-direction: column; gap: 5px; font-family: var(--b29-mono); font-size: 11.5px;
    letter-spacing: .14em; color: #8fa7c4; margin-bottom: 18px; }
.go-pump-top span { font-family: var(--b29-font); letter-spacing: 0; font-size: var(--b29-xs); color: #b9c8da; }
.go-numbers { display: flex; flex-direction: column; gap: 11px; }
.go-num { position: relative; display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 14px;
    cursor: pointer; padding: 12px 16px; border-radius: 10px; background: #26364b; border: 2px solid #3d506a; transition: all .16s; }
.go-num:hover { border-color: #e8a45c; }
.go-num input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.go-num:has(input:checked) { border-color: #f0a463; background: #3b3a33; }
.go-num b { font-family: var(--b29-mono); font-size: 42px; line-height: 1; font-weight: 800; color: #f4a95f; letter-spacing: -.05em; }
.go-num small { font-size: var(--b29-xs); color: #b9c8da; line-height: 1.65; display: block; }
.go-num input:focus-visible ~ span { outline: 2px solid #f0a463; outline-offset: 3px; }
.go-pump-foot { margin-top: 18px; font-size: var(--b29-xs); color: #a8b8cc; line-height: 1.8; }
.go-pump-foot b { color: #f4b576; }
.go-side { padding: 26px 24px; background: var(--b29-surface); border-left: 1px solid var(--b29-line); display: flex; flex-direction: column; gap: 12px; }
.go-side h2 { font-size: var(--b29-lg); margin-bottom: 4px; }

.go-verdict { padding: 20px 22px; border-radius: var(--b29-radius); background: var(--b29-tint);
    border-left: 5px solid var(--b29-accent); font-size: var(--b29-sm); line-height: 1.85; margin-bottom: 18px; }
.go-verdict--warn { background: var(--b29-warn-tint); border-left-color: var(--b29-warn); }
.go-verdict--danger { background: var(--b29-danger-tint); border-left-color: var(--b29-danger); }
.go-verdict-title { display: block; font-size: var(--b29-lg); font-weight: 800; margin-bottom: 7px; color: var(--b29-ink); }
.go-verdict b { color: var(--b29-accent); }
.go-myth { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.go-myth-item { padding: 16px 18px; border-radius: var(--b29-radius-sm); background: var(--b29-surface); border: 1px solid var(--b29-line); }
.go-myth-item s { display: block; font-size: var(--b29-sm); color: var(--b29-danger); margin-bottom: 6px; }
.go-myth-item b { display: block; font-size: var(--b29-sm); margin-bottom: 4px; }
.go-myth-item small { font-size: var(--b29-xs); color: var(--b29-muted); line-height: 1.75; }
.go-cost { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.go-cost-item { padding: 20px; border-radius: var(--b29-radius-sm); background: var(--b29-surface); border: 1px solid var(--b29-line); text-align: center; }
.go-cost-item span { display: block; font-size: var(--b29-xs); color: var(--b29-muted); letter-spacing: .08em; }
.go-cost-item b { display: block; font-family: var(--b29-mono); font-size: var(--b29-xl); color: var(--b29-accent); margin: 9px 0 5px; }
.go-cost-item small { display: block; font-size: var(--b29-xs); color: var(--b29-muted); line-height: 1.65; }

@media (max-width: 900px) {
    .go-console { grid-template-columns: minmax(0, 1fr); }
    .go-side { border-left: 0; border-top: 1px solid var(--b29-line); }
    .go-myth, .go-cost { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
    .go-pump, .go-side { padding: 18px 16px; }
    .go-num { grid-template-columns: 74px minmax(0, 1fr); }
    .go-num b { font-size: 34px; }
}