
/* ============ kwD 代码风格 - 深空终端 + 数据仪表 ============ */
:root {
  --kwD-p: #0b1220;
  --kwD-s: #38bdf8;
  --kwD-t: #22d3ee;
  --kwD-bg: #0f172a;
  --kwD-txt: #e2e8f0;
}
body {margin:0;font-family:'JetBrains Mono','Courier New',monospace;background:var(--kwD-bg);color:var(--kwD-txt);line-height:1.7;-webkit-font-smoothing:antialiased}
* {box-sizing:border-box}

.kwD-shell {min-height:100vh;background:var(--kwD-bg)}

/* 顶部深色填充 */
.kwD-topbar {background:#020617;padding:0;border-bottom:1px solid rgba(56,189,248,.2);position:sticky;top:0;z-index:100}
.kwD-nav-fill {max-width:1320px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}
.kwD-nav-fill .brand {font-size:20px;font-weight:800;color:var(--kwD-s);text-decoration:none;padding:20px 0;font-family:'JetBrains Mono',monospace}
.kwD-nav-fill .brand::before {content:'> ';color:var(--kwD-t)}
.kwD-nav-fill nav {display:flex;justify-content:center;gap:2px}
.kwD-nav-fill nav a {color:#94a3b8;text-decoration:none;padding:22px 16px;font-size:13px;font-weight:500;border-bottom:2px solid transparent;font-family:'Inter',sans-serif;letter-spacing:.5px}
.kwD-nav-fill nav a:hover, .kwD-nav-fill nav a.active {color:var(--kwD-s);border-bottom-color:var(--kwD-s)}
.kwD-nav-fill .cta {padding:10px 20px;background:var(--kwD-s);color:#020617;border-radius:6px;text-decoration:none;font-weight:700;font-size:13px;font-family:'Inter',sans-serif}

/* Hero - 终端框架 */
.kwD-hero {padding:60px 40px 80px}
.kwD-term {max-width:1200px;margin:0 auto;border-radius:12px;overflow:hidden;border:1px solid rgba(56,189,248,.2);box-shadow:0 24px 60px rgba(0,0,0,.5)}
.kwD-term-bar {background:#1e293b;padding:12px 18px;display:flex;gap:8px;align-items:center;border-bottom:1px solid rgba(56,189,248,.15)}
.kwD-term-dot {width:12px;height:12px;border-radius:50%}
.kwD-term-dot:nth-child(1) {background:#ef4444}
.kwD-term-dot:nth-child(2) {background:#fbbf24}
.kwD-term-dot:nth-child(3) {background:#22c55e}
.kwD-term-title {margin-left:14px;font-size:12px;color:#64748b;flex:1}
.kwD-term-body {background:linear-gradient(135deg,#0f172a,#020617);padding:60px 50px;color:#e2e8f0}
.kwD-term-prompt {color:var(--kwD-t);font-size:14px}
.kwD-term-h {font-size:42px;font-weight:800;color:#fff;margin:18px 0 14px;line-height:1.2;font-family:'Inter',sans-serif}
.kwD-term-h span {color:var(--kwD-s)}
.kwD-term-sub {font-size:16px;color:#94a3b8;line-height:1.7;max-width:680px;font-family:'Inter',sans-serif;margin-bottom:28px}
.kwD-term-cmd {margin-top:24px;color:var(--kwD-t);font-size:14px}
.kwD-term-cursor {display:inline-block;width:10px;height:18px;background:var(--kwD-s);vertical-align:middle;animation:blink 1s infinite}
@keyframes blink {50% {opacity:0}}

/* 数据仪表盘 */
.kwD-console {padding:0 40px 80px;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kwD-stat {background:#0f172a;border:1px solid rgba(56,189,248,.15);border-radius:10px;padding:24px;position:relative;overflow:hidden}
.kwD-stat::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--kwD-s),var(--kwD-t))}
.kwD-stat-label {font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:14px;font-weight:600}
.kwD-stat-val {font-size:32px;font-weight:800;color:var(--kwD-s);line-height:1}
.kwD-stat-bar {margin-top:18px;height:4px;background:rgba(56,189,248,.1);border-radius:2px;overflow:hidden}
.kwD-stat-bar i {display:block;height:100%;background:linear-gradient(90deg,var(--kwD-s),var(--kwD-t))}

.kwD-sec {padding:60px 40px;max-width:1280px;margin:0 auto}
.kwD-sec-h {font-size:30px;font-weight:800;color:#fff;margin-bottom:12px;font-family:'Inter',sans-serif}
.kwD-sec-sub {font-size:15px;color:#94a3b8;margin-bottom:36px;font-family:'Inter',sans-serif}

.kwD-footer {background:#020617;color:#94a3b8;padding:50px 40px 28px;border-top:1px solid rgba(56,189,248,.15);font-family:'Inter',sans-serif}
.kwD-footer-grid {max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px}
.kwD-footer-h {font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;color:var(--kwD-s)}
.kwD-footer-link {display:block;color:rgba(148,163,184,.8);text-decoration:none;padding:4px 0;font-size:13px}
.kwD-footer-link:hover {color:var(--kwD-s)}
.kwD-footer-bottom {max-width:1280px;margin:0 auto;padding-top:20px;border-top:1px solid rgba(56,189,248,.1);text-align:center;font-size:12px;color:#475569}
