:root{
  --bg:oklch(.975 .003 29);--surface:oklch(1 0 0);--soft:oklch(.955 .007 29);--ink:oklch(.19 .022 29);--muted:oklch(.47 .015 29);--line:oklch(.89 .008 29);--primary:oklch(.46 .18 29.2);--primary-dark:oklch(.37 .16 29.2);--primary-soft:oklch(.95 .035 29);--blue:oklch(.43 .12 235);--green:oklch(.43 .12 150);--focus:oklch(.68 .14 230);--sidebar:232px;--shadow:0 4px 12px oklch(.2 .02 29/.07);font-family:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,520px) 1fr;background:var(--surface)}
.login-panel{padding:clamp(32px,7vw,88px);display:flex;flex-direction:column;justify-content:center}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:56px}.mark{width:38px;height:38px;border-radius:11px;background:var(--primary);color:white;display:grid;place-items:center;font-weight:800;box-shadow:0 3px 7px oklch(.46 .18 29/.25)}.brand-name{font-size:18px;font-weight:750;letter-spacing:-.01em}.login-panel h1{font-size:30px;line-height:1.25;margin:0 0 10px;letter-spacing:-.03em}.sub{color:var(--muted);line-height:1.7;margin:0 0 30px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:13px;font-weight:650}.input,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--ink);background:white;outline:none}.input:hover,textarea:hover{border-color:oklch(.78 .015 29)}.input:focus,textarea:focus,button:focus-visible{outline:3px solid color-mix(in oklch,var(--focus) 26%,transparent);outline-offset:2px;border-color:var(--blue)}.btn{border:0;border-radius:9px;min-height:42px;padding:0 16px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--soft);color:var(--ink)}.btn-secondary:hover{background:oklch(.925 .01 29)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--soft)}.wide{width:100%}.demo{margin-top:22px;padding:14px 16px;background:var(--soft);border-radius:10px;font-size:13px;line-height:1.75;color:var(--muted)}
.login-scene{background:oklch(.17 .027 29);color:white;display:flex;align-items:center;justify-content:center;padding:8vw;position:relative;overflow:hidden}.login-scene:before,.login-scene:after{content:"";position:absolute;border-radius:50%}.login-scene:before{width:420px;height:420px;background:var(--primary);right:-180px;top:-150px;opacity:.82}.login-scene:after{width:260px;height:260px;border:62px solid oklch(1 0 0/.045);left:12%;bottom:-130px}.scene-copy{position:relative;max-width:540px}.scene-copy strong{font-size:36px;line-height:1.38;display:block;margin-bottom:16px;letter-spacing:-.025em}.scene-copy span{color:oklch(.78 .015 29);line-height:1.75}
.shell{min-height:100vh;padding-left:var(--sidebar)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:20}.sidebar .login-brand{margin:0 8px 40px}.nav{display:grid;gap:7px}.nav button{height:44px;border:0;border-radius:9px;background:transparent;color:var(--muted);text-align:left;padding:0 13px;font-weight:600;position:relative}.nav button:hover{background:var(--soft);color:var(--ink)}.nav button.active{background:var(--primary-soft);color:var(--primary-dark)}.nav button.active:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:13px;top:20px;background:var(--primary)}.account{margin-top:auto;padding:16px 7px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:35px;height:35px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-weight:700}.account small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.logout{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:12px;padding:6px}.logout:hover{color:var(--primary)}
.content{width:min(1180px,100%);margin:0 auto;padding:36px 44px 70px}.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.topline h1{font-size:26px;line-height:1.25;margin:0 0 7px;letter-spacing:-.025em}.topline p{margin:0;color:var(--muted);line-height:1.6}.sync{font-size:12px;color:var(--green);display:flex;align-items:center;gap:7px;background:oklch(.95 .025 150);padding:7px 10px;border-radius:99px;white-space:nowrap}.sync:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}.type-panel{min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}.panel-head h2{font-size:13px;margin:0;color:var(--muted);font-weight:650}.add{border:0;background:transparent;color:var(--primary);font-weight:700;font-size:13px;padding:7px}.type-list{display:grid;gap:6px}.type-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:10px;border:1px solid transparent;transition:160ms ease-out}.type-row:hover{background:var(--surface)}.type-row.active{background:var(--surface);border-color:var(--line);box-shadow:0 2px 5px oklch(.2 .02 29/.045)}.type-select{border:0;background:transparent;text-align:left;padding:12px;min-width:0;color:inherit}.type-select strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.type-select small{color:var(--muted);display:block;margin-top:5px;font-size:12px}.sorts{display:none;padding-right:5px}.type-row:hover .sorts,.type-row.active .sorts{display:flex}.icon-btn{border:0;background:transparent;color:var(--muted);padding:4px}.icon-btn:hover{color:var(--primary)}
.issue-area{min-width:0}.current-box{position:relative;background:var(--surface);border-radius:14px;padding:28px 30px 30px;margin-bottom:18px;box-shadow:var(--shadow);overflow:hidden}.current-box:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--primary)}.current-label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;margin-bottom:22px}.current-label span:first-child{color:var(--ink);font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-label span:last-child{background:var(--soft);padding:4px 8px;border-radius:99px;font-size:11px;white-space:nowrap}.code{font-family:"Cascadia Code",Consolas,monospace;font-size:clamp(25px,3.1vw,38px);font-weight:680;letter-spacing:.035em;line-height:1.35;overflow-wrap:anywhere;margin-bottom:24px;color:var(--ink)}.script-preview{background:var(--soft);border-radius:10px;padding:13px 15px;margin:-4px 0 14px;color:var(--muted);font-size:13px;line-height:1.65}.script-preview span{display:block;font-size:11px;color:var(--primary);font-weight:700;margin-bottom:5px}.script-preview p{margin:0}.script-tip{font-size:12px;color:var(--muted);margin-top:-8px}.issue-controls{display:flex;gap:10px}.copy-btn{width:100%;min-height:47px;background:var(--primary);color:white;box-shadow:0 3px 7px oklch(.46 .18 29/.18)}.copy-btn:hover{background:var(--primary-dark)}.empty-code{color:var(--muted);font-family:inherit;font-size:22px;letter-spacing:0}.actions{display:flex;gap:8px;margin-bottom:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 12px}.section-title h2{font-size:15px;margin:0}.section-title span{font-size:12px;color:var(--muted);white-space:nowrap}.records{background:var(--surface);border-radius:11px;overflow:hidden}.record{display:grid;grid-template-columns:minmax(0,1fr) 160px 125px;gap:16px;padding:15px 17px;border-bottom:1px solid var(--line);align-items:center}.record:last-child{border-bottom:0}.record:hover{background:var(--soft)}.record strong{font-size:14px}.record small{display:block;color:var(--muted);margin-top:4px}.record>small{margin:0;text-align:right}.record code{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:44px 18px;text-align:center;color:var(--muted);background:var(--surface);border-radius:11px;line-height:1.7}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.stat{background:var(--surface);border-radius:11px;padding:20px 22px;box-shadow:0 2px 6px oklch(.2 .02 29/.045)}.stat b{font-size:28px;display:block;margin-bottom:6px;letter-spacing:-.02em}.stat span{font-size:13px;color:var(--muted)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:11px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.admin-table tr:last-child td{border-bottom:0}.admin-table th{font-size:12px;color:var(--muted);font-weight:650;background:var(--soft)}.admin-table td{font-size:14px}.admin-table small{color:var(--muted)}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:oklch(.93 .035 150);color:oklch(.34 .1 150);font-size:12px}
dialog{border:0;border-radius:14px;padding:0;width:min(500px,calc(100% - 30px));box-shadow:0 12px 34px oklch(.2 .02 29/.24)}dialog::backdrop{background:oklch(.12 0 0/.48)}.modal{padding:25px}.modal h2{margin:0 0 20px;font-size:20px;letter-spacing:-.015em}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(8px);pointer-events:none;transition:180ms ease-out;z-index:50;box-shadow:0 4px 12px oklch(.2 .02 29/.18)}#toast.show{opacity:1;transform:none}
.account-toggle,.account-edit,.account-delete{border:0;border-radius:99px;padding:7px 10px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:650;margin-right:5px}.account-toggle.enabled{background:oklch(.93 .035 150);color:oklch(.34 .1 150)}.account-edit{color:var(--primary);background:var(--primary-soft)}.account-delete{color:oklch(.43 .17 25);background:oklch(.96 .025 25)}.account-delete:hover{background:oklch(.92 .05 25)}.account-summary{padding:11px 13px;background:var(--soft);border-radius:9px;margin-bottom:18px;font-size:13px}.account-logout{width:100%;color:var(--primary);margin-top:2px}.form-error{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:var(--primary-soft);color:var(--primary-dark);font-size:13px;line-height:1.5}.delete-warning{padding:13px 14px;margin-bottom:18px;border-radius:9px;background:oklch(.96 .025 25);color:oklch(.39 .13 25);font-size:13px;line-height:1.55}.delete-warning p{margin:5px 0 0}
.script-editor{background:var(--surface);border-radius:12px;padding:18px;margin:0 0 16px}.script-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.script-head strong{font-size:14px}.script-head small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.script-editor textarea{resize:vertical;line-height:1.65;min-height:92px}.library-toolbar{display:grid;grid-template-columns:auto minmax(240px,420px) 1fr;align-items:center;gap:12px;margin-bottom:22px;padding:16px 18px;background:var(--surface);border-radius:11px}.library-toolbar label{font-size:13px;font-weight:650}.library-toolbar span{font-size:12px;color:var(--muted)}.library-list{background:var(--surface);border-radius:11px;overflow:hidden}.library-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid var(--line)}.library-row:last-child{border-bottom:0}.library-row strong{font-size:14px}.library-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
@media(max-width:900px){.content{padding:32px 26px 60px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:20px}.current-box{padding:25px 23px}.issue-controls{display:grid}.copy-btn{width:100%}}
@media(max-width:680px){:root{--sidebar:0px}.login-shell{display:block}.login-panel{min-height:100vh;padding:30px 24px}.login-panel .login-brand{margin-bottom:44px}.login-scene{display:none}.shell{padding:0 0 72px}.sidebar{inset:auto 0 0;width:100%;height:66px;padding:7px 10px;background:color-mix(in oklch,var(--surface) 94%,transparent);border:0;border-top:1px solid var(--line);display:block}.sidebar .login-brand,.account{display:none}.nav{display:flex;justify-content:space-around;gap:4px}.nav button{flex:1;text-align:center;height:50px;padding:0 5px;font-size:12px}.nav button.active:after{width:18px;height:3px;border-radius:99px;right:calc(50% - 9px);top:auto;bottom:3px}.content{width:100%;padding:23px 16px 44px}.topline{margin-bottom:22px;gap:10px}.topline h1{font-size:22px}.topline p{font-size:13px}.sync{font-size:0;padding:8px}.sync:before{width:8px;height:8px}.workspace{display:block;width:100%}.type-panel{width:100%;margin-bottom:15px;overflow-x:auto;scrollbar-width:none}.type-panel::-webkit-scrollbar{display:none}.panel-head{display:none}.type-list{display:flex;gap:8px;width:max-content;max-width:none}.type-row{display:grid;grid-template-columns:1fr auto;min-width:max-content;background:var(--surface);border:1px solid var(--line)}.type-row.active{background:var(--ink);color:white;border-color:var(--ink);box-shadow:none}.type-row .type-select{padding:9px 13px}.type-row .type-select strong{font-size:13px}.type-row .type-select small{margin-top:3px;font-size:11px}.type-row.active small{color:oklch(.76 0 0)}.sorts{display:none}.type-row.active .sorts{display:flex}.type-row.active .icon-btn{color:white;min-width:36px;min-height:44px}.issue-area{width:100%;min-width:0}.current-box{width:100%;padding:23px 18px 19px;border-radius:12px}.current-label{margin-bottom:18px}.code{font-size:clamp(22px,7vw,29px);margin-bottom:22px}.issue-controls{display:grid;width:100%}.student,.copy-btn{width:100%;min-width:0;min-height:46px}.copy-btn{min-height:50px}.script-editor{padding:15px}.script-head{align-items:flex-start}.actions{flex-wrap:wrap;margin-bottom:24px}.record{grid-template-columns:minmax(0,1fr) auto;padding:14px}.record code{display:none}.record>small{text-align:right}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.admin-table{display:block;overflow-x:auto}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}.library-toolbar{grid-template-columns:1fr}.library-row{align-items:flex-start}.library-row .btn{min-height:44px}#toast{left:16px;right:16px;bottom:82px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}