:root{
    --bg:#0f1724;
    --card:#0b1220;
    --muted:#9aa4b2;
    --accent:#7dd3fc; /* light cyan */
    --accent-2:#60a5fa; /* soft blue */
    --glass: rgba(255,255,255,0.04);
    --radius:12px;
    --max-width:1100px;
    --gap:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
    margin:0;
    font-family: "Noto Sans CJK SC", sans-serif;
    background: linear-gradient(180deg, var(--bg), #071022 120%);
    color: #e6eef8;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.6;
    padding:32px 20px;
}
.container{max-width:var(--max-width);margin:0 auto}
.site-header{
    display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;
}
.brand{display:flex;align-items:center;gap:12px}
.logo{
    width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));
    display:flex;align-items:center;justify-content:center;font-weight:700;color:#02203b;font-size:18px;box-shadow:0 6px 18px rgba(6,12,27,0.6);
}
.header-meta{font-size:14px;color:var(--muted)}
.nav{display:flex;gap:10px}
.nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px}
.nav a:hover{color:var(--bg);background:var(--accent)}
.hero{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:26px;border-radius:var(--radius);box-shadow:0 8px 30px rgba(2,6,23,0.6);display:grid;grid-template-columns:1fr 320px;gap:18px}
@media(max-width:880px){.hero{grid-template-columns:1fr;}}
h1{margin:0 0 8px 0;font-size:28px}
.lead{color:var(--muted);margin:0 0 14px 0}
.cta{display:flex;gap:10px;margin-top:8px}
.button{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.btn-primary{background:var(--accent);color:#02203b}
.btn-ghost{border:1px solid rgba(255,255,255,0.04);color:var(--muted);background:transparent}
.card{background:var(--card);padding:14px;border-radius:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap);margin-top:18px}
.card h2{margin:0 0 8px 0}
.small{font-size:13px;color:var(--muted)}
.list{list-style:none;padding:0;margin:0}
.item{padding:12px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);margin-bottom:10px}
.item a{color:var(--accent);text-decoration:none}
.footer{margin-top:26px;padding:18px;border-radius:12px;background:var(--glass);color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#032038}
.kv{display:flex;flex-direction:column}
.kv span{font-size:13px}
.code{background:#07111a;padding:10px;border-radius:8px;font-family:monospace;color:#a7d6ff}
a.external{display:inline-flex;gap:8px;align-items:center}
/* small utilities */
.meta{color:var(--muted);font-size:13px}
.footer a{color:var(--muted);text-decoration:none}
.logo img {
    width: 42px;      /* 与原方形 Logo 大小相近 */
    height: 42px;
    border-radius: 8px; /* 可选：保持视觉柔和 */
    display: block;
}