:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#172236;background:#f4f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;flex:0 0 252px;background:#f8fafc;border-right:1px solid #e0e5ee;padding:18px 12px}.brand{display:flex;align-items:center;gap:10px;padding:3px 12px 32px;line-height:1.3}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{color:#748198;font-size:12px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:#2c61d6;font-weight:700}.sidebar-group{color:#79869a;font-size:12px;font-weight:700;padding:0 13px 10px}.sidebar-item{padding:11px 13px;border-radius:8px;color:#315cc0;display:flex;gap:10px;font-weight:600}.sidebar-item.active{background:#e8efff}.sidebar-note{margin:26px 13px;color:#8793a6;font-size:12px;line-height:1.8}.workspace{min-width:0;flex:1}.topbar{height:58px;background:#fff;border-bottom:1px solid #e2e7ee;display:flex;align-items:center;gap:17px;padding:0 30px;font-size:14px}.crumb{color:#78849a}.topbar-current{align-self:stretch;display:grid;place-items:center;padding:0 16px;background:#f5f8fc;border-left:1px solid #e2e7ee;border-right:1px solid #e2e7ee}.topbar-label{margin-left:auto;color:#bd6b00;background:#fff3d6;border-radius:999px;padding:6px 11px;font-size:12px}.preview-banner{padding:9px 30px;background:#fff7e2;border-bottom:1px solid #f0dca8;color:#69501e;font-size:13px}.content{max-width:1580px;margin:0 auto;padding:30px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#edf3ff;border:1px solid #dce5f3;box-shadow:0 1px 3px #1722360c;border-radius:17px;padding:23px 25px}.eyebrow{color:#64738d;letter-spacing:.16em;font-size:12px;font-weight:700;margin:0 0 8px}h1{font-size:26px;margin:0 0 8px}.hero-description{color:#667287;line-height:1.6;margin:0;font-size:14px}.hero-tag{white-space:nowrap;background:#f6f8fd;padding:10px 14px;border-radius:8px;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0}.card{background:#fff;border:1px solid #e2e7ef;border-radius:10px;box-shadow:0 3px 12px #17223609}.metric{min-height:112px;padding:18px}.metric p{margin:0;font-size:13px}.metric strong{display:block;font-size:26px;margin:4px 0}.muted{color:#8995a8}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px;border-bottom:1px solid #e0e5eb;margin-bottom:22px}.tab{cursor:pointer;border:1px solid #e1e6ee;background:#fff;color:#243047;border-radius:7px;padding:10px 14px;font-size:14px}.tab:hover{border-color:#8facf0}.tab:focus-visible{outline:3px solid #8facf0;outline-offset:2px}.tab.active{color:#fff;background:#2b5bd7;border-color:#2b5bd7}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{min-height:205px;padding:22px}.feature h2,.placeholder h2{font-size:17px;margin:10px 0}.feature p,.placeholder p{color:#79869a;line-height:1.6;font-size:14px;margin:9px 0}.feature small{display:block;margin-top:17px;color:#35435d}.icon{font-size:25px;font-weight:700}.icon.blue{color:#2c6af0}.icon.orange{color:#ef8000}.placeholder{padding:24px;min-height:150px}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.overview{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:auto;padding:8px 12px;border-right:0;border-bottom:1px solid #e0e5ee}.brand{padding:4px 8px}.sidebar-group,.sidebar-item,.sidebar-note{display:none}.topbar{padding:0 15px}.preview-banner{padding:9px 15px}.content{padding:16px}.hero{display:block}.hero-tag{display:inline-block;margin-top:16px}.metrics{gap:9px;margin:16px 0}.metric{padding:14px}.tab{padding:9px 11px}}