:root{--bg:#10131c;--card:#1c2336;--border:#2a3350;--text:#e8ecf4;--muted:#8b94ad;--accent:#ffd166;--link:#7fb3ff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site-header{border-bottom:1px solid var(--border);background:#161c2c}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.brand{color:var(--accent);font-size:20px;font-weight:800}.nav-links{gap:18px;font-size:15px;display:flex}main{max-width:1080px;margin:0 auto;padding:32px 20px 48px}h1{color:#fff;margin:0 0 12px;font-size:34px;line-height:1.25}h2{color:#fff;margin:32px 0 12px;font-size:24px}h3{color:#fff}.page-sub{color:var(--muted);margin:0 0 20px;font-size:17px}.note{border:1px solid var(--border);color:#cdd6ea;background:#1c2336;border-radius:10px;padding:14px 18px;font-size:14px}.gen-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px;display:grid}.gen-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:20px;transition:border-color .15s,transform .15s;display:block}.gen-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.gen-card h3{color:var(--accent);margin:0 0 6px;font-size:18px}.gen-card p{color:var(--muted);margin:0;font-size:14px}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);background:#161c2c;padding:20px;font-size:13px}.footer-bottom{flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;display:flex}.last-updated{color:var(--muted);margin:0 0 16px;font-size:13px}