:root { --page-bg:#0f1318; --panel:#151b22; --line:#2c3642; --text:#e7edf4; --muted:#95a2b1; --blue:#5c8dff; --red:#ef5350; --green:#26a69a; --amber:#ffb74d; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; } body { margin:0; background:var(--page-bg); color:var(--text); } a { color:inherit; text-decoration:none; }
.report-top { height:64px; display:flex; align-items:center; gap:22px; padding:0 32px; border-bottom:1px solid var(--line); background:#151b22; }.report-brand { color:#fff; background:var(--blue); padding:8px 10px; font:800 16px/1 monospace; }.report-nav { display:flex; gap:18px; color:var(--muted); font-size:14px; }.report-nav a:hover,.report-nav a.active { color:#fff; }.report-meta { margin-left:auto; color:var(--muted); font:12px monospace; }
.report-main { max-width:1280px; margin:0 auto; padding:40px 26px 72px; }.eyebrow { margin:0 0 10px; color:var(--blue); font:700 12px monospace; }.report-main h1 { margin:0; font-size:34px; }.lead { max-width:780px; color:var(--muted); line-height:1.8; }.score-row { display:grid; grid-template-columns:260px 1fr; gap:18px; margin:30px 0; }.score-card,.report-card,.tool-panel { border:1px solid var(--line); background:var(--panel); border-radius:7px; }.score-card { padding:24px; }.score-card small { color:var(--muted); }.score-number { margin:12px 0 7px; font:800 46px/1 monospace; color:var(--red); }.score-status { color:var(--amber); }.report-card { padding:20px; }.report-card h2 { margin:0 0 8px; font-size:17px; }.report-card p { color:var(--muted); line-height:1.7; }.score-table { width:100%; border-collapse:collapse; font-size:14px; }.score-table th,.score-table td { padding:13px 10px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }.score-table th { color:#b9d27c; white-space:nowrap; }.score-table td:last-child { color:var(--muted); }.section-title { margin:48px 0 16px; padding-left:12px; border-left:4px solid var(--blue); font-size:22px; }.charts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.charts .wide { grid-column:1/-1; }.chart-img { width:100%; display:block; background:#f7f4e8; }.boundary { margin-top:24px; padding:13px; border-left:2px solid var(--amber); background:#ffb74d0d; color:var(--muted); line-height:1.7; font-size:13px; }
.tool-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.field { display:grid; gap:7px; }.field label { color:var(--muted); font-size:12px; }.field input,.field select { min-width:0; padding:9px; color:var(--text); background:#10161d; border:1px solid var(--line); border-radius:4px; }.tool-actions { align-self:end; }.primary { width:100%; min-height:38px; border:0; border-radius:4px; color:#fff; background:var(--blue); font-weight:700; cursor:pointer; }.tool-note { color:var(--muted); font-size:13px; line-height:1.7; }.dca-result[hidden],.ladder-option[hidden],.take-profit-option[hidden] { display:none; }.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:20px 0; }.metric { padding:16px; border:1px solid var(--line); background:var(--panel); border-radius:6px; }.metric small { display:block; color:var(--muted); }.metric strong { display:block; margin-top:8px; font:700 19px monospace; }.chart-canvas { height:420px; padding:16px; }.chart-canvas canvas { width:100%; height:100%; }.compare { overflow:auto; }.compare table { min-width:900px; }
@media(max-width:800px){.report-top{padding:0 14px;gap:12px}.report-nav{gap:10px;font-size:12px}.report-meta{display:none}.report-main{padding:27px 14px}.report-main h1{font-size:27px}.score-row,.charts{grid-template-columns:1fr}.charts .wide{grid-column:auto}.tool-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-canvas{height:330px}}