:root{--bg-1: #f7f9fc;--bg-2: #edf3ff;--text: #1f2a44;--muted: #6a7390;--card: #ffffff;--line: #dbe3f4;--primary: #2f6ff0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--bg-1),var(--bg-2));color:var(--text)}a{color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:272px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#f8fbff,#eef4ff);padding:18px 12px;display:flex;flex-direction:column;gap:14px}.sidebar-head{padding:8px 10px}.sidebar-head h1{margin:0;font-size:20px}.sidebar-head p{margin:4px 0 0;font-size:12px;color:var(--muted)}.sidebar-nav{display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:4px}.side-link{text-decoration:none;color:#1f2a44;border:1px solid #d4def1;background:#fff;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.35;font-weight:600;transition:all .2s ease}.side-link:hover{border-color:var(--primary);box-shadow:0 8px 18px #2f6ff029;transform:translateY(-1px)}.side-link.active{background:#2f6ff0;color:#fff;border-color:#2f6ff0}.content-area{min-width:0;height:100vh;overflow:auto;padding:14px}.demo-runtime-page{min-height:calc(100vh - 28px);display:flex;flex-direction:column;gap:10px}.demo-header{background:#ffffffd6;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-header h2{margin:0;font-size:20px}.demo-header p{margin:2px 0 0;font-size:13px;color:var(--muted)}.runtime-pane{flex:1;min-height:540px;background:#ffffffb3;border:1px solid var(--line);border-radius:12px;overflow:hidden}.runtime-loading{min-height:540px;display:grid;place-items:center;color:var(--muted);font-size:14px;background:#fff}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);padding:10px}.sidebar-nav{max-height:220px}.content-area{height:auto;min-height:0;padding:10px}.demo-runtime-page{min-height:auto}.demo-header{flex-direction:column;align-items:flex-start}.runtime-pane,.runtime-loading{min-height:420px}}