:root{--bg:#f6f7fb;--col:#eceef5;--card:#fff;--txt:#16182b;--mut:#6b7090;--acc:#ff5a36;--line:#e3e5ee}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--line);background:#fff;gap:24px;padding:18px 32px}.logo,.nav{align-items:center;display:flex}.logo{gap:8px;font-size:20px;font-weight:700}.logo i{border:3px solid var(--acc);border-radius:50%;width:22px;height:22px;display:block}.nav a:not(.logo){color:var(--mut);font-size:14px;font-weight:500}.nav a.router-link-exact-active:not(.logo){color:var(--txt)}.nav .sp{color:var(--mut);margin-left:auto;font-size:12px}.page{padding:28px 32px 40px}h1{font-size:28px}.mut{color:var(--mut);font-size:14px}.btn{background:var(--txt);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.tag{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.t-Design{color:#6d4aff;background:#efe9ff}.t-Dev{color:#0b84b8;background:#e2f6ff}.t-Bug{color:#d4381a;background:#ffe7e2}.t-UX{color:#13894f;background:#e3fbef}@media (width<=860px){.nav,.page{padding-left:16px;padding-right:16px}.nav .sp{display:none}}