*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5;color:#1a1a2e}#app{display:flex;min-height:100vh}a{text-decoration:none;color:inherit}.sidebar{width:220px;min-width:220px;background:linear-gradient(180deg,#0d1b3e,#162447);color:#a8b2c1;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:24px 20px 20px;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-nav{flex:1;padding:12px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;font-size:14px;color:#a8b2c1;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:hsla(0,0%,100%,.05);color:#e8eaed}.nav-item--active{background:rgba(26,115,232,.2);color:#7baaf7;border-left-color:#7baaf7;font-weight:600}.nav-icon{margin-right:10px;font-size:16px}.sidebar-footer{padding:16px 20px;font-size:11px;border-top:1px solid hsla(0,0%,100%,.08)}.sidebar-footer .sidebar-info{line-height:1.8}.role-switch{width:100%;margin:8px 0;padding:6px;border-radius:4px;background:#fff}.main{margin-left:220px;flex:1;padding:24px;min-width:0}