:root{--orange:#ff6a3d;--yellow:#ffc83d;--green:#00c9a7;--blue:#3d7cff;--purple:#9b68ff;--pink:#ff7dae;--ink:#10182a;--muted:#687086;--paper:#fffaf5;--line:#eee5dc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.nav{height:90px;justify-content:space-between}.brand-mark,.nav{display:flex;align-items:center}.brand-mark{gap:12px}.brand-mark img{width:54px;height:54px;object-fit:contain}.brand-mark strong{display:block;font-size:25px;line-height:1}.brand-mark span{display:block;margin-top:6px;color:var(--muted);font-size:13px;letter-spacing:2px}.download-button,.ghost-button,.primary-button{text-decoration:none;border-radius:999px;padding:13px 24px;font-weight:800}.ghost-button{color:var(--orange);background:#fff0e9}.download-button,.primary-button{display:inline-flex;color:white;background:linear-gradient(135deg,#ff774c,#ff4f24);box-shadow:0 12px 25px #ff6a3d33}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;grid-gap:64px;gap:64px}.eyebrow{color:var(--orange);font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(50px,5vw,78px);line-height:1.12;margin:24px 0;letter-spacing:-3px}.hero h1 span{background:linear-gradient(90deg,var(--orange),#ff9c31);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{max-width:610px;color:var(--muted);font-size:19px;line-height:1.9;margin-bottom:34px}.hero-art{position:relative;padding:18px;border-radius:45px;background:#fff;box-shadow:0 28px 80px #f3b28d40;transform:rotate(1deg)}.hero-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:32px}.spark{position:absolute;color:var(--yellow);font-size:45px;filter:drop-shadow(0 4px 8px #ffc83d80)}.spark-one{top:-30px;right:45px}.spark-two{left:-25px;bottom:60px}.process{padding:90px 0 110px}.section-heading{display:flex;gap:22px;align-items:center;margin-bottom:36px}.section-heading>span{font-size:76px;font-weight:1000;color:var(--orange)}.section-heading h2{font-size:38px;margin:0 0 8px}.section-heading p{color:var(--muted);margin:0}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.step-card{min-height:190px;border:1px solid #ffffff;border-radius:28px;padding:26px;background:#fff;box-shadow:0 12px 35px #6f46300d}.step-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--tone)}.step-card h3{margin:22px 0 9px;font-size:22px;color:var(--tone)}.step-card p{color:var(--muted);line-height:1.7;margin:0}.tone-1{--tone:var(--blue);background:#f3f7ff}.tone-2{--tone:var(--green);background:#f1fffb}.tone-3{--tone:var(--orange);background:#fff6f0}.tone-4{--tone:#2076dc;background:#eff8ff}.tone-5{--tone:var(--purple);background:#f7f2ff}.tone-6{--tone:#6340b8;background:#f7f4ff}.tone-7{--tone:#f34b58;background:#fff2f3;grid-column:span 2}.login-section{padding:95px 24px;background:radial-gradient(circle at 20% 20%,#ffd4c3,transparent 33%),radial-gradient(circle at 80% 70%,#cceee6,transparent 30%),#fff}.login-card{width:min(620px,100%);margin:auto;padding:42px;border-radius:35px;background:#ffffffea;box-shadow:0 25px 80px #7c4c2a20}.login-card>div:nth-child(2){margin:20px 0 24px}.login-card h2{font-size:34px;margin:0}.login-card p{color:var(--muted)}.login-card form,.staff-login{display:grid;grid-gap:15px;gap:15px}label{font-weight:800;color:#394158}input{width:100%;border:1px solid var(--line);border-radius:15px;padding:14px 16px;margin-top:7px;outline:none;background:#fff}input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff6a3d16}.create-account button,.login-card button,.staff-login button{border:0;border-radius:15px;padding:16px;color:white;background:var(--orange);font-weight:900}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:17px}.error{color:#b42318;background:#fff0ee;border-radius:12px;padding:12px 15px}.workspace{min-height:100vh;background:#f5f8fc}.workspace-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:white;border-bottom:1px solid #e5eaf1}.workspace-header>div:last-child{display:flex;gap:18px;align-items:center}.workspace-header>div:last-child span{font-weight:900}.workspace-header>div:last-child b{color:var(--blue);background:#eef4ff;border-radius:999px;padding:8px 14px;font-size:13px}.workspace-grid{height:calc(100vh - 80px);display:grid;grid-template-columns:minmax(0,1fr) 300px}.conversation{overflow-y:auto;padding:28px 5vw 80px}.assistant-line{max-width:1050px;margin:auto auto 16px;display:flex;gap:12px;align-items:center}.assistant-line img{width:46px;height:46px}.assistant-line b,.assistant-line span{display:block}.assistant-line span{color:var(--muted);font-size:12px;margin-top:4px}.generating,.message-card{max-width:1050px;margin:auto;background:white;border:1px solid #e8edf4;border-radius:25px;padding:30px;box-shadow:0 15px 45px #3440540b}.message-card h1{margin:0 0 14px;font-size:30px}.message-text{color:#515a70;font-size:17px;line-height:1.85;white-space:pre-line}.message-card>button,.review-actions>button{border:0;border-radius:14px;padding:14px 22px;color:white;background:var(--orange);font-weight:900}.result-image{width:100%;border-radius:18px;margin:22px 0;border:1px solid #e6ebf2}.review-actions{display:flex;gap:15px;align-items:flex-start}.reason-menu summary{cursor:pointer;list-style:none;border:1px solid #f1bca9;color:var(--orange);border-radius:14px;padding:13px 20px;font-weight:900}.reason-menu div{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:10px}.reason-menu button{border:1px solid #e5eaf1;border-radius:10px;padding:10px;background:white;color:#41485b}.upload-box{display:grid;place-items:center;min-height:260px;border:2px dashed #ffb79e;border-radius:24px;background:#fff8f4;margin-top:25px;cursor:pointer;text-align:center}.upload-box span{font-size:55px;color:var(--orange)}.upload-box b{font-size:21px}.upload-box small{color:var(--muted)}.upload-box input{display:none}.upload-box.disabled{opacity:.6;pointer-events:none}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:22px}.world-card{overflow:hidden;border:2px solid transparent;border-radius:17px;background:#f5f7fb;padding:0 0 12px}.world-card:hover{border-color:var(--blue);transform:translateY(-3px)}.world-card img{aspect-ratio:1;object-fit:cover;margin-bottom:10px}.storyboard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin:24px 0}.storyboard>div{border-radius:15px;background:#f6f8fc;padding:16px}.storyboard p{color:var(--muted);line-height:1.6;margin-bottom:0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.choice-grid button{display:grid;grid-template-columns:42px 1fr;text-align:left;grid-gap:2px 12px;gap:2px 12px;align-items:center;border:2px solid #d9e5ff;border-radius:17px;padding:18px;background:#f7faff}.choice-grid i{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:white;background:var(--blue);font-style:normal;font-weight:900}.choice-grid span{color:var(--muted)}.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;gap:15px}.cover-grid button{border:2px solid #e5eaf1;border-radius:17px;overflow:hidden;background:white;padding:0 0 13px}.cover-grid button:hover{border-color:var(--orange)}.cover-grid img{aspect-ratio:16/9;object-fit:cover;margin-bottom:12px}.generating{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center}.spinner{width:65px;height:65px;border:8px solid #ffebe3;border-top:8px solid var(--orange);border-radius:50%;animation:spin 1s linear infinite}.generating p{color:var(--muted);letter-spacing:2px}@keyframes spin{to{transform:rotate(1turn)}}.sticky-error{max-width:1050px;margin:14px auto}.progress-panel{padding:30px 24px;border-left:1px solid #e3e8ef;background:white;overflow-y:auto}.progress-panel h3{margin-top:0}.progress-panel ol{list-style:none;margin:25px 0;padding:0}.progress-panel li{position:relative;display:flex;align-items:center;gap:13px;min-height:57px;color:#9aa1b1}.progress-panel li:after{content:"";position:absolute;width:2px;height:22px;background:#e6e9ef;left:17px;top:46px}.progress-panel li:last-child:after{display:none}.progress-panel i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f0f2f6;font-style:normal;font-weight:900}.progress-panel li.active{color:var(--orange);font-weight:900}.progress-panel li.active i{color:white;background:var(--orange);box-shadow:0 5px 15px #ff6a3d40}.progress-panel li.done{color:var(--green)}.progress-panel li.done i{color:white;background:var(--green)}.privacy-note{margin-top:35px;border-radius:15px;background:#f1fbf8;padding:15px;color:#0d735f}.privacy-note p{font-size:13px;line-height:1.6}.progress-panel>small{color:var(--muted);display:block;margin-top:18px;line-height:1.7}.admin-shell{width:min(1100px,calc(100% - 40px));margin:35px auto}.admin-shell>h1{margin:32px 0}.create-account,.staff-login{max-width:500px;background:white;border-radius:20px;padding:25px;box-shadow:0 15px 50px #34405412}.create-account{display:grid;grid-template-columns:1fr 1fr auto;max-width:none;grid-gap:10px;gap:10px;margin-bottom:22px}.session-table{border-radius:20px;overflow:hidden;background:white;border:1px solid #e6eaf0}.session-table>div{display:grid;grid-template-columns:1.1fr 1fr 1.7fr 1fr 1fr;grid-gap:15px;gap:15px;padding:15px 18px;align-items:center;border-bottom:1px solid #edf0f4}.session-table .table-head{background:#f5f7fa;color:var(--muted)}.session-table button{border:0;border-radius:9px;padding:8px;color:#b42318;background:#fff0ee}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--orange);font-size:23px;font-weight:900}.row-actions{display:flex;flex-wrap:wrap;gap:6px}.row-actions a,.row-actions button{border:0;border-radius:9px;padding:7px 9px;font-size:12px;color:#175cd3;background:#eff8ff;text-decoration:none;cursor:pointer}.row-actions .danger{color:#b42318;background:#fff0ee}.teacher-table>div{grid-template-columns:.8fr .8fr 1.1fr .7fr 2.6fr}.review-meta{display:inline-block;margin:0 0 18px;padding:10px 15px;border-radius:12px;background:#fff4ed;color:#b93815;font-weight:800}.overview-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.overview-grid b{padding:16px;border-radius:16px;background:white;color:var(--muted)}.overview-grid span{display:block;margin-top:8px;font-size:24px;color:var(--ink)}@media (max-width:900px){.hero{grid-template-columns:1fr;padding:60px 0}.hero-art{max-width:600px}.step-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid{grid-template-columns:1fr}.progress-panel{display:none}.world-grid{grid-template-columns:repeat(2,1fr)}.cover-grid,.create-account{grid-template-columns:1fr}}