*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app{background:#1a1a1a;grid-template-columns:25% 1fr;width:100vw;height:100vh;display:grid}.sidebar{background:#0a0a0a;border-right:1px solid #1f1f1f;padding:28px 0 24px;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0a0a0a}.sidebar::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.sidebar-header{border-bottom:1px solid #1f1f1f;margin-bottom:16px;padding:0 24px 20px}.sidebar-header h1{letter-spacing:1.2px;color:#0f8;font-size:20px;font-weight:600}.sidebar-header p{color:#555;letter-spacing:.4px;margin-top:4px;font-size:12px}.case-list{list-style:none}.case-item{cursor:pointer;user-select:none;border-left:3px solid #0000;flex-direction:column;gap:4px;padding:14px 24px;transition:background .15s,border-color .15s;display:flex}.case-item:hover{background:#141414}.case-item.active{background:#141414;border-left-color:#0f8}.case-item .case-name{color:#d0d0d0;letter-spacing:.3px;font-size:14px;font-weight:500}.case-item.active .case-name{color:#0f8}.case-item .case-desc{color:#555;letter-spacing:.2px;font-size:12px}.stage{background:#1a1a1a;position:relative;overflow:hidden}.stage canvas{display:block}