:root{color-scheme:light;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--bg:#f7f8fa;--accent:#3156d3}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,ui-sans-serif,system-ui;color:var(--ink);background:var(--bg)}button{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:750;padding:0 10px 24px}.brand span{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--ink);color:#fff;border-radius:9px;margin-right:8px}nav{display:grid;grid-gap:4px;gap:4px}nav a{padding:10px 12px;color:#596170;border-radius:8px;cursor:pointer}.active{background:#f0f2f6;color:#111!important;font-weight:650}.quota{margin-top:auto;padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:8px;gap:8px}.msg small,.quota small,.title p,article p,header p{color:var(--muted);margin:0}.quota div{height:5px;background:#e8eaf0;border-radius:9px}.quota i{display:block;width:38%;height:100%;background:var(--accent);border-radius:9px}.content{padding:34px 4vw;max-width:1440px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:28px;margin:2px 0 24px}.codebox button,header button{background:var(--ink);color:#fff;border:0;border-radius:9px;padding:10px 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.cards article,.codes,.inbox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.cards strong{display:block;font-size:27px;margin:15px 0 5px}.cards em{font-style:normal;font-size:14px;color:var(--muted);font-weight:500}.grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:14px;gap:14px;margin-top:14px}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.title h2{margin:0;font-size:16px}.notice a,.title a{color:var(--accent)}.message{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:10px;background:#eef1f5;display:grid;place-items:center;font-weight:700}.msg{display:grid;min-width:0;flex:1 1}.msg small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message code{font-size:15px;background:#f2f4f7;padding:5px 9px;border-radius:7px}.message time{color:var(--muted);font-size:12px}.codebox{background:#f7f8fa;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;grid-gap:12px;gap:12px}.codebox strong{font-size:30px;letter-spacing:5px}.codebox button{width:max-content}.notice{margin-top:16px;border-top:1px solid var(--line);padding-top:18px}.notice p{margin:8px 0}.notice a{font-weight:600}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.content{padding:22px 16px}.message time{display:none}}@media(prefers-color-scheme:dark){:root{--ink:#f3f4f6;--muted:#9ca3af;--line:#2b3038;--bg:#101216;--accent:#8aa4ff}.cards article,.codes,.inbox,aside{background:#171a1f}.brand span,.codebox button,header button{background:#f3f4f6;color:#111}.active,.codebox,.message code{background:#22262d!important}.avatar{background:#262b33}}