:root{--bg:#FFF9F1;--ink:#1E2A4A;--text:#3A4560;--muted:#5F6B80;--accent:#0E8C80;--line:#EDE6DA}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:48px 24px 80px}
h1{color:var(--ink);font-size:34px;margin:0 0 6px}h2{color:var(--ink);font-size:20px;margin:36px 0 10px}
.meta{color:var(--muted);font-size:14px;margin-bottom:28px}
a{color:var(--accent)}ul{padding-left:22px}li{margin:4px 0}
nav{font-size:14px;color:var(--muted);margin-bottom:28px}nav a{margin-right:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none;margin-bottom:32px}
.brand span{width:28px;height:28px;border-radius:7px;display:inline-block;box-shadow:0 0 0 1px var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Crect width='1024' height='1024' rx='228' fill='%23FFF9F1'/%3E%3Ccircle cx='512' cy='512' r='360' fill='none' stroke='%231A35A8' stroke-width='44'/%3E%3Cpolygon points='512,190 580,512 444,512' fill='%2312B5A5'/%3E%3Cpolygon points='444,512 580,512 512,834' fill='%231E2A4A'/%3E%3Ccircle cx='512' cy='512' r='52' fill='%23FF6B57'/%3E%3C/svg%3E") center/contain no-repeat}
footer{color:var(--muted);font-size:13px;margin-top:56px;border-top:1px solid var(--line);padding-top:16px}