*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0b1121;--color-surface: #0f172a;--color-card: #1e293b;--color-border: #1e293b;--color-border-hover: #334155;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-dim: #64748b;--color-accent: #38bdf8;--color-hover: #f1f5f9;--color-overlay: rgba(2, 6, 23, .72);--color-shadow: rgba(0, 0, 0, .45);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;--header-height: 60px;--footer-height: 48px;--content-max-width: 860px}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:1.6;min-height:100vh}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.header-logo{color:var(--color-accent);font-size:20px;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--color-hover)}.header-nav{display:flex;gap:32px}.header-nav a{color:var(--color-muted);font-size:15px;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--color-hover)}.header-nav a.active,.header-nav a.active:hover{color:var(--color-accent);font-weight:600}.header-hamburger{display:none;background:none;border:none;color:var(--color-muted);font-size:24px;cursor:pointer}.footer{background:var(--color-surface);border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--content-max-width);width:100%;margin:0 auto;padding:40px 24px 32px;display:flex;justify-content:space-between;gap:48px}.footer-brand{max-width:320px}.footer-logo{color:var(--color-hover);font-size:18px;font-weight:700;margin-bottom:8px}.footer-tagline{color:var(--color-text);font-size:14px;margin-bottom:8px}.footer-desc{color:var(--color-dim);font-size:13px;line-height:1.7;margin-bottom:16px}.footer-repo{color:var(--color-muted);font-size:13px;text-decoration:none;transition:color .2s}.footer-repo:hover{color:var(--color-accent)}.footer-links{display:flex;gap:48px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h4{color:var(--color-hover);font-size:14px;font-weight:600;margin-bottom:4px}.footer-col a{color:var(--color-dim);font-size:13px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);padding:16px 24px;text-align:center}.footer-bottom span{color:var(--color-dim);font-size:12px}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-main{flex:1;max-width:var(--content-max-width);width:100%;margin:0 auto;padding:80px 24px 60px;text-align:center}@media(max-width:768px){.header-nav{display:none}.header-nav.open{display:flex;flex-direction:column;position:absolute;top:var(--header-height);right:0;background:var(--color-surface);border:1px solid var(--color-border);padding:16px 24px;border-radius:0 0 8px 8px;gap:12px}.header-hamburger{display:block}.footer-inner{flex-direction:column;align-items:flex-start;gap:32px;padding:32px 24px}.footer-links{gap:40px}}