*{box-sizing:border-box}
html,body{margin:0;background:radial-gradient(circle at top,#263b68,#050507 45%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;min-height:100vh;display:flex;flex-direction:column}
.container{max-width:720px;margin:0 auto;padding:60px 24px;flex:1}
h1{font-size:34px;font-weight:900;margin:0 0 8px;background:linear-gradient(90deg,#74b9ff,#e67e22);-webkit-background-clip:text;color:transparent}
.sub{color:#aaa;font-size:14px;margin-bottom:36px}
h2{color:#74b9ff;font-size:20px;margin:32px 0 12px;font-weight:800}
p{color:#ccc;line-height:1.8;font-size:15px;margin:0 0 12px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:16px}
footer{border-top:1px solid rgba(255,255,255,.08);padding:24px;text-align:center;color:#888;font-size:13px}
.footer-links{display:flex;gap:24px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}
.footer-links a{color:#aaa;text-decoration:none;transition:.3s}
.footer-links a:hover{color:#fff}
a.back{color:#74b9ff;text-decoration:none}
ul{color:#ccc;line-height:1.8;font-size:15px;padding-left:20px;margin:0 0 12px}
ul li{margin-bottom:4px}
.tag{display:inline-block;background:rgba(116,185,255,.15);color:#74b9ff;padding:3px 12px;border-radius:20px;font-size:12px;margin:2px 4px 2px 0}
h3{margin:20px 0 8px;color:#e8e8ef;font-size:16px}
.card a{color:#74b9ff}
.updated{color:#666;font-size:12px}