:root{--festival-red:#b71918;--lantern-red:#e43725;--deep-red:#821515;--gold:#f4bb45;--soft-gold:#ffe6a5;--jade:#0f7661;--paper:#fff7e6;--paper-strong:#fffdf5;--ink:#2e1713;--muted:#79645a;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Songti SC,STSong,Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--festival-red:#ff5a4a;--lantern-red:#ff7a4f;--deep-red:#f6a55c;--gold:#f7c85f;--soft-gold:#ffe7a3;--jade:#5ee0c0;--paper:#170c12;--paper-strong:#221017;--ink:#fff3dc;--muted:#d8b9a2;color:var(--ink);background:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:linear-gradient(90deg,#b7191824 0 1px,#0000 1px 34px),linear-gradient(#f4bb4533 0 1px,#0000 1px 34px),linear-gradient(135deg,#fff8e7 0%,#fffdf5 42%,#fff1cd 100%);min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{z-index:0;content:"";background:repeating-linear-gradient(90deg, var(--festival-red) 0 28px, var(--gold) 28px 42px, var(--deep-red) 42px 70px, var(--gold) 70px 84px);pointer-events:none;height:10px;position:fixed;inset:76px 0 auto;box-shadow:0 8px 24px #82151529}.topbar{z-index:10;color:#fff7e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffe6a529,#0000 34%),repeating-linear-gradient(-45deg,#ffffff14 0 1px,#0000 1px 14px),linear-gradient(90deg,#7b1111,#c91f1e 48%,#8e1716);border-bottom:1px solid #ffe6a594;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0;box-shadow:0 14px 34px #82151538}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup img{background:#fff8e7;border:2px solid #f4bb45b8;border-radius:8px;width:44px;height:44px;box-shadow:0 10px 26px #3209073d}.brand-lockup p,.brand-lockup strong{margin:0;display:block}.brand-lockup p{color:var(--soft-gold);text-transform:uppercase;font-size:12px;font-weight:700}.brand-lockup strong{color:#fffdf5;font-size:18px}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.utility-controls{align-items:center;gap:8px;display:flex}.icon-button{color:#fff7e6;cursor:pointer;background:#5c0c0c47;border:1px solid #ffe6a575;border-radius:8px;place-items:center;width:38px;height:38px;padding:0;font-size:13px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff1f}.icon-button:hover{color:#4a190f;background:linear-gradient(#ffe6a5,#f4bb45);border-color:#ffe6a5cc}.theme-button span{background:currentColor;border-radius:50%;width:16px;height:16px;display:block;box-shadow:0 -7px 0 -5px,0 7px 0 -5px,7px 0 0 -5px,-7px 0 0 -5px,5px 5px 0 -5px,-5px -5px 0 -5px,-5px 5px 0 -5px,5px -5px 0 -5px}:root[data-theme=dark] .theme-button span{background:0 0;border:2px solid;box-shadow:5px -4px 0 -2px}.locale-button{width:42px}.ghost-button{min-height:40px;color:var(--deep-red);cursor:pointer;background:linear-gradient(#fffdf5,#ffe8ad);border:1px solid #f4bb45a3;border-radius:8px;padding:0 16px;box-shadow:inset 0 1px #ffffffc7}.ghost-button:hover{border-color:var(--festival-red);color:#fff;background:linear-gradient(180deg, var(--lantern-red), var(--festival-red))}.primary-button,.assign-button{color:#4a190f;background:linear-gradient(180deg, #ffd66f, var(--gold));cursor:pointer;border:1px solid #7d4d0e33;border-radius:4px;min-height:40px;padding:0 18px;font-weight:700;box-shadow:0 8px 18px #b719181f}.primary-button:hover,.assign-button:hover{color:#fffdf5;background:linear-gradient(180deg, var(--lantern-red), var(--festival-red));border-color:#ffe6a599}.auth-cluster{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.account{text-align:right;background:#5c0c0c47;border:1px solid #ffe6a557;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:7px 10px 7px 14px;display:flex}.account img{border:2px solid var(--gold);object-fit:cover;border-radius:50%;width:34px;height:34px}.account span,.account strong{text-overflow:ellipsis;white-space:nowrap;max-width:min(280px,38vw);display:block;overflow:hidden}.account span{color:#fffdf5;font-size:14px;font-weight:800}.account strong{color:var(--soft-gold);font-size:12px}.login-view{z-index:1;place-items:center;min-height:calc(100vh - 76px);padding:28px;display:grid;position:relative}.login-panel{background:linear-gradient(90deg,#fffdf5f0,#fff7e6b8),repeating-linear-gradient(135deg,#b719180f 0 1px,#0000 1px 16px);border:1px solid #b7191838;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(24px,6vw,72px);width:min(920px,100%);padding:clamp(24px,5vw,52px);display:grid;box-shadow:0 28px 80px #82151529}.login-copy{align-self:center}.eyebrow{color:var(--jade);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(38px,7vw,76px);line-height:.92}.status{min-height:22px;color:var(--muted);margin:18px 0 0;font-size:14px}.status.error{color:#b53324}.button-slot{border-left:4px solid var(--festival-red);background:#fff7e6d1;align-content:center;justify-items:start;min-height:176px;padding:24px;display:grid}.spinner{border:3px solid #b7191824;border-top-color:var(--festival-red);border-radius:50%;width:28px;height:28px;margin-bottom:16px;animation:.8s linear infinite spin}.workspace{z-index:1;width:min(1510px,100% - 56px);margin:0 auto;padding:56px 0 42px;position:relative}.template-search{color:#fff8e7;background:linear-gradient(90deg, #ffe6a52e, transparent 30%), linear-gradient(90deg, var(--deep-red), var(--festival-red));border:1px solid #ffe6a57a;border-radius:8px;align-items:center;gap:20px;margin-bottom:42px;padding:16px 18px;font-size:18px;font-weight:700;display:flex;box-shadow:0 16px 34px #82151529}.template-search-control{align-items:center;gap:12px;display:flex}.template-search input{width:426px;height:36px;color:var(--ink);background:#fffdf5;border:1px solid #ffe6a5d6;border-radius:6px;padding:0 12px;font-size:16px;box-shadow:inset 0 1px 6px #82151514}.template-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:30px 36px;display:grid}.template-card{background:linear-gradient(#fffdf5eb,#fff7e6db),repeating-linear-gradient(45deg,#f4bb4514 0 1px,#0000 1px 12px);border:1px solid #f4bb4552;border-radius:8px;justify-items:center;min-width:0;padding:10px 8px 12px;display:grid;box-shadow:0 12px 24px #82151514}.template-preview{width:100%;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;padding:0;display:grid}.template-preview:hover .template-cover{transform:translateY(-2px);box-shadow:0 10px 24px #b7191833}.template-preview:disabled{cursor:default;opacity:1}.template-cover{aspect-ratio:.61;width:100%;max-width:132px;color:var(--deep-red);background:linear-gradient(135deg,#fff3c7,#ffd5c4),#d3d3d3;border:3px solid #ffd66f;border-radius:8px;place-items:center;font-size:15px;font-weight:700;transition:box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.template-cover img{object-fit:cover;width:100%;height:100%}.play-badge{pointer-events:none;background:#b719189e;border:2px solid #fffdf5f0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:11px;right:10px}.play-badge span{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #fff;width:0;height:0;margin-left:3px}.template-name{width:100%;max-width:150px;min-height:24px;color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 10px;font-size:14px;font-weight:700;line-height:1.4;overflow:hidden}.assign-button{color:#0d654f;background:linear-gradient(#f1fff5,#d9f4dc);border:1px solid #0f76614d;border-radius:999px;justify-content:center;align-items:center;gap:6px;width:104px;min-height:34px;padding:0 14px;font-size:14px;display:inline-flex}.assign-button:hover{color:#fffdf5;background:linear-gradient(180deg, var(--lantern-red), var(--festival-red));border-color:#ffe6a599}.assign-button span{width:18px;height:18px;color:var(--jade);background:#08a3d429;border-radius:50%;place-items:center;font-weight:900;display:grid}.bottom-pager{color:#6e574b;background:#fffdf5d1;border:1px solid #f4bb455c;border-radius:8px;justify-content:center;align-items:center;gap:24px;margin-top:114px;padding:14px 18px;font-size:18px;display:flex;box-shadow:0 12px 28px #82151514}.bottom-pager strong{color:var(--festival-red);font-weight:700}.bottom-pager input,.modal-pager input{width:58px;height:32px;color:var(--ink);text-align:center;background:0 0;border:1px solid #0000;border-bottom-color:#b719185c}.page-icon,.text-button,.close-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.page-icon{color:var(--festival-red);font-size:44px;line-height:1}.text-button{color:var(--jade);font-weight:700}.empty-state{color:var(--muted);margin:0;padding:28px 16px;font-size:14px}.modal-layer{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{z-index:0;cursor:pointer;background:#370a0880;border:0;padding:0;position:absolute;inset:0}.assignment-modal{z-index:1;background:var(--paper-strong);border:1px solid #f4bb4570;border-radius:8px;width:min(920px,100%);max-height:min(760px,100vh - 48px);position:relative;overflow:auto;box-shadow:0 24px 80px #370a0847}.video-modal{z-index:1;background:var(--paper-strong);border:1px solid #f4bb4570;border-radius:8px;width:min(720px,100%);position:relative;overflow:hidden;box-shadow:0 24px 80px #370a084d}.video-modal video{object-fit:contain;background:#111;width:100%;max-height:min(68vh,640px);display:block}.modal-header{background:linear-gradient(90deg,#f4bb452e,#0000 42%),linear-gradient(#fffdf5,#fff4d7);border-bottom:1px solid #f4bb4557;justify-content:space-between;align-items:start;gap:16px;padding:22px 24px 16px;display:flex}.modal-header p,.modal-header h2{margin:0}.modal-header p{color:var(--jade);font-size:13px;font-weight:700}.modal-header h2{color:var(--deep-red);margin-top:4px;font-size:24px;line-height:1.2}.close-button{color:var(--festival-red);font-size:32px;line-height:1}.modal-search{align-items:center;gap:12px;padding:18px 24px;display:flex}.modal-search label{color:var(--ink);font-weight:700}.modal-search input{width:220px;min-height:36px;color:var(--ink);background:#fffdf5;border:1px solid #b7191838;border-radius:6px;padding:0 10px}.modal-pager{border-top:1px solid #f4bb454d;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 22px;display:flex}.modal-pager span{color:var(--muted);font-size:13px;font-weight:700}.account-table{display:grid}.table-head,.table-row{grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) 74px 74px 92px;align-items:center;gap:12px;min-width:640px;padding:12px 16px;display:grid}.table-head{color:var(--deep-red);text-transform:uppercase;background:#fff4d7a8;border-bottom:1px solid #f4bb4557;font-size:12px;font-weight:800}.table-row{border-bottom:1px solid #f4bb4538}.table-row:last-child{border-bottom:0}.table-row strong,.table-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.table-row small,.table-row span{color:var(--muted);font-size:12px}.check-cell{justify-content:center;display:flex}.check-cell input{width:18px;height:18px;accent-color:var(--festival-red)}.pager{border-top:1px solid #f4bb454d;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;display:flex}.pager span{color:var(--muted);font-size:12px;font-weight:800}.toast{z-index:40;color:#0b5e49;border:1px solid #0f766140;border-left:5px solid var(--jade);background:linear-gradient(90deg,#0f766114,#0000 38%),#eef8ef;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:14px;width:min(460px,100vw - 40px);padding:14px 16px;animation:.18s ease-out toast-in;display:flex;position:fixed;inset-block-start:96px;inset-inline-end:28px;box-shadow:0 18px 44px #370a082e}.toast.error{color:var(--deep-red);border-color:#b7191842;border-left-color:var(--festival-red);background:linear-gradient(90deg,#b719181a,#0000 38%),#fff0e6}.toast p{overflow-wrap:anywhere;max-height:140px;margin:0;font-size:14px;font-weight:800;line-height:1.45;overflow:auto}.toast-close{color:currentColor;min-height:24px;box-shadow:none;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.toast-close:hover:not(:disabled),.toast-close:active:not(:disabled){box-shadow:none;transform:none}:root[data-theme=dark] .app-shell{background:linear-gradient(90deg,#ff5a4a1a 0 1px,#0000 1px 34px),linear-gradient(#f7c85f14 0 1px,#0000 1px 34px),linear-gradient(135deg,#13070d 0%,#221017 48%,#331015 100%)}:root[data-theme=dark] .app-shell:before{box-shadow:0 8px 26px #ff5a4a2e}:root[data-theme=dark] .topbar{background:linear-gradient(135deg,#f7c85f29,#0000 34%),repeating-linear-gradient(-45deg,#ffffff0f 0 1px,#0000 1px 14px),linear-gradient(90deg,#23090f,#8d1717 48%,#2a0b12);border-bottom-color:#f7c85f4d;box-shadow:0 14px 36px #00000061}:root[data-theme=dark] .brand-lockup img{background:#fff3dc;box-shadow:0 10px 26px #00000057}:root[data-theme=dark] .icon-button,:root[data-theme=dark] .account{background:#0d040873}:root[data-theme=dark] .ghost-button{color:#fff3dc;background:linear-gradient(#32151b,#1d0c11);border-color:#f7c85f61;box-shadow:inset 0 1px #ffffff14}:root[data-theme=dark] .ghost-button:hover{color:#13070d;background:linear-gradient(#ffe7a3,#f7c85f);border-color:#f7c85fc7}:root[data-theme=dark] .login-panel,:root[data-theme=dark] .template-card,:root[data-theme=dark] .bottom-pager,:root[data-theme=dark] .assignment-modal,:root[data-theme=dark] .video-modal{background:linear-gradient(#221017f0,#170c12e6),repeating-linear-gradient(45deg,#f7c85f0f 0 1px,#0000 1px 12px);border-color:#f7c85f47;box-shadow:0 20px 60px #00000052}:root[data-theme=dark] .button-slot{background:#0d040852}:root[data-theme=dark] .template-search{background:linear-gradient(90deg,#f7c85f24,#0000 30%),linear-gradient(90deg,#240910,#991817);border-color:#f7c85f57;box-shadow:0 16px 34px #00000047}:root[data-theme=dark] .template-search input,:root[data-theme=dark] .modal-search input{color:var(--ink);background:#14080d;border-color:#f7c85f61;box-shadow:inset 0 1px 8px #00000047}:root[data-theme=dark] .template-cover{color:#ffe7a3;background:linear-gradient(135deg,#4d171b,#1c0c12),#261017;border-color:#f7c85fc7}:root[data-theme=dark] .template-name,:root[data-theme=dark] .modal-search label{color:var(--ink)}:root[data-theme=dark] .bottom-pager{color:var(--muted)}:root[data-theme=dark] .bottom-pager strong,:root[data-theme=dark] .page-icon,:root[data-theme=dark] .close-button{color:var(--gold)}:root[data-theme=dark] .bottom-pager input,:root[data-theme=dark] .modal-pager input{color:var(--ink);border-bottom-color:#f7c85f73}:root[data-theme=dark] .modal-backdrop{background:#070205b8}:root[data-theme=dark] .modal-header{background:linear-gradient(90deg,#f7c85f1f,#0000 42%),linear-gradient(#281119,#1a0a10);border-bottom-color:#f7c85f42}:root[data-theme=dark] .modal-header h2,:root[data-theme=dark] .table-head{color:var(--soft-gold)}:root[data-theme=dark] .table-head{background:#f7c85f14;border-bottom-color:#f7c85f3d}:root[data-theme=dark] .table-row{border-bottom-color:#f7c85f29}:root[data-theme=dark] .table-row small,:root[data-theme=dark] .table-row span,:root[data-theme=dark] .modal-pager span,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .status{color:var(--muted)}:root[data-theme=dark] .status.error,:root[data-theme=dark] .toast.error{color:#ffd0bd}:root[data-theme=dark] .assign-button{color:#09241d;background:linear-gradient(#7cf1ce,#45caa8);border-color:#5ee0c06b}:root[data-theme=dark] .assign-button:hover{color:#13070d;background:linear-gradient(#ffe7a3,#f7c85f);border-color:#f7c85fc7}:root[data-theme=dark] .toast{color:#d8fff0;border-color:#5ee0c047;border-left-color:var(--jade);background:linear-gradient(90deg,#5ee0c01a,#0000 38%),#10231d;box-shadow:0 18px 44px #0000005c}:root[data-theme=dark] .toast.error{border-color:#ff5a4a52;border-left-color:var(--festival-red);background:linear-gradient(90deg,#ff5a4a1f,#0000 38%),#2b1112}button:disabled,input:disabled{cursor:not-allowed;opacity:.54}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.topbar{flex-wrap:wrap;min-height:68px;padding:14px 16px}.topbar-actions{flex:auto;justify-content:flex-end}.icon-button{width:34px;height:34px}.locale-button{width:40px}.login-view{min-height:calc(100vh - 68px);padding:16px}.login-panel{grid-template-columns:1fr;gap:22px}.button-slot{border-top:4px solid #ff6b4a;border-left:0}.auth-cluster{gap:8px}.account span,.account strong{max-width:36vw}.workspace{width:calc(100% - 24px);padding-top:16px}.template-search,.template-search-control,.modal-search,.bottom-pager,.modal-pager{flex-direction:column;align-items:stretch}.template-search-control,.template-search input,.modal-search input{width:100%}.template-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:24px 16px}.template-cover{max-width:118px}.template-name{max-width:132px;font-size:13px}.assign-button{width:96px;min-height:32px;font-size:13px}.bottom-pager{gap:8px;margin-top:48px;font-size:14px}.assignment-modal{overflow-x:auto}}