:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#20243a;background:#f5f6f9;font-synthesis:none;text-rendering:optimizeLegibility;--purple:#6b5ce7;--mint:#24bda9;--ink:#191d32;--muted:#81889d;--line:#e9eaf0;--panel:#fff}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100%}body{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}::selection{background:#dcd6ff;color:#332a79}.page-shell{min-height:100vh;background:#f6f7fa}.topbar{height:76px;background:#fff;border-bottom:1px solid #eaebf0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:20}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-button{height:38px;padding:0 14px;border:1px solid #e2e4eb;border-radius:9px;background:#fff;color:#555d73;font-size:13px}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6b5ce7,#4fd5c2);color:#fff;display:grid;place-items:center;font-weight:700}.content-wrap{max-width:1480px;margin:0 auto;padding:28px 36px 54px}.panel{background:#fff;border:1px solid #eaebf0;border-radius:16px;box-shadow:0 8px 24px #20253b09}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h2{font-size:16px;margin:0;color:#23283d}.section-title p{font-size:12px;color:#959aac;margin:5px 0 0}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:700}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip--green{color:#199b73;background:#e9f8f2}.chip--red{color:#d95867;background:#fff0f1}.chip--orange{color:#c77b1e;background:#fff6e6}.chip--blue{color:#4a71d7;background:#eef3ff}