:root{--red:#a8261d;--red-deep:#7e1c15;--red-soft:#f8e6e1;--gold:#c9a36a;--gold-soft:#f5ead3;--paper:#f6f0e4;--card:#fffdf8;--ink:#2b2420;--muted:#6b5e54;--line:#e4d8c4;--bamboo:#4f6b3c;--bamboo-soft:#e8eedf;--sans:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.screen{height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;background:radial-gradient(circle at 92% -10%,hsla(36,47%,60%,.28) 0,transparent 38vw),radial-gradient(circle at -6% 108%,rgba(168,38,29,.1) 0,transparent 34vw),var(--paper)}.top{justify-content:space-between;gap:2vw;padding:1.2vw 2.4vw .8vw}.brand,.top{display:flex;align-items:center}.brand{gap:1.1vw}.seal{width:clamp(44px,3.6vw,76px);height:clamp(44px,3.6vw,76px);border-radius:50%;background:var(--red);color:#fff6ec;display:grid;place-items:center;font-weight:900;font-size:clamp(22px,1.9vw,40px);box-shadow:inset 0 0 0 3px #e9c98b}.kicker{font-size:clamp(13px,.95vw,20px);color:var(--muted);letter-spacing:.15em}.top h1{margin:.15em 0 0;font-size:clamp(26px,2.5vw,54px);font-weight:900;color:var(--red);letter-spacing:.04em}.tools{display:flex;align-items:center;gap:.8vw}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:clamp(16px,1.25vw,26px);font-weight:700;color:var(--red-deep);background:var(--gold-soft);border-radius:999px;padding:.35em .9em}.timer.idle{color:var(--muted)}.tool{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:.4em .9em;font-size:clamp(13px,.95vw,20px)}.steps{list-style:none;margin:0;padding:0 2.4vw;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8vw;gap:.8vw}.steps li{position:relative;border-radius:12px;padding:.55vw 1vw;background:rgba(255,253,248,.7);border:1.5px solid var(--line);color:var(--muted);display:flex;align-items:baseline;gap:.7vw;font-size:clamp(13px,.95vw,20px);transition:all .4s}.steps li b{font-size:clamp(15px,1.15vw,24px)}.steps li.done{background:var(--bamboo-soft);border-color:transparent;color:var(--bamboo)}.steps li.done b:before{content:"✓ "}.steps li.now{background:var(--red);border-color:var(--red);color:#fff6ec;box-shadow:0 6px 18px rgba(168,38,29,.25)}.stagewrap{min-height:0;display:grid;grid-template-columns:minmax(240px,27vw) 1fr;grid-gap:2vw;gap:2vw;padding:1.4vw 2.4vw .6vw}.side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vw}.avatar{position:relative;width:min(21vw,46vh);aspect-ratio:1}.avatar svg{position:relative;width:100%;height:100%;filter:drop-shadow(0 14px 26px rgba(126,28,21,.22))}.avatar .wave{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(168,38,29,.35);opacity:0}.avatar.is-speaking .wave{animation:wave 1.6s ease-out infinite}.avatar.is-speaking .w2{animation-delay:.8s}@keyframes wave{0%{transform:scale(1);opacity:.8}to{transform:scale(1.22);opacity:0}}.avatar .mouth{transform-origin:120px 144px;animation:talk .28s ease-in-out infinite alternate}@keyframes talk{0%{transform:scaleY(.35)}to{transform:scaleY(1.1)}}.avatar .eyes{transform-origin:120px 116px;animation:blink 4.6s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.name{font-size:clamp(20px,1.7vw,36px);font-weight:900;color:var(--red-deep);display:flex;align-items:center;gap:.6em}.thinking{font-size:.6em;font-weight:700;color:var(--muted)}.thinking i{font-style:normal;animation:dot 1.2s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}@keyframes dot{0%,to{opacity:.2}50%{opacity:1}}.stance{text-align:center;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:.7vw 1.2vw;font-size:clamp(16px,1.3vw,28px);font-weight:700;max-width:100%}.stance small{display:block;font-size:.62em;font-weight:400;color:var(--muted);letter-spacing:.15em;margin-bottom:.2em}.stance.s1,.stance.s2{border-color:var(--red);color:var(--red)}.stance.s3{border-color:var(--bamboo);color:var(--bamboo)}.talk{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1vw;padding:.4vw .6vw 1.2vw 0;scrollbar-width:thin}.msg{max-width:88%;border-radius:18px;padding:.9vw 1.3vw;animation:rise .35s ease-out}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.msg .who{display:inline-block;font-size:clamp(12px,.85vw,18px);font-weight:700;letter-spacing:.12em;border-radius:6px;padding:.1em .6em;margin-bottom:.4em}.msg p{margin:0;line-height:1.55}.msg.ai{align-self:flex-start;background:var(--card);border:1.5px solid var(--line);font-size:clamp(17px,1.35vw,28px);color:var(--muted)}.msg.ai .who{background:var(--red-soft);color:var(--red)}.msg.ai.latest{border:2.5px solid var(--red);color:var(--ink);font-size:clamp(24px,2.35vw,52px);font-weight:700;box-shadow:0 10px 30px rgba(168,38,29,.14)}.msg.student{align-self:flex-end;background:var(--bamboo-soft);font-size:clamp(16px,1.3vw,28px)}.msg.student .who{background:var(--bamboo);color:#fff}.note{position:fixed;left:50%;top:1.2vw;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:.5em 1.2em;font-size:clamp(14px,1vw,20px);z-index:20}.dock{position:relative;margin:0 2.4vw 1.2vw;background:rgba(255,253,248,.95);border:1.5px solid var(--line);border-radius:16px;padding:.9vw 1.2vw .7vw;box-shadow:0 -6px 24px rgba(43,36,32,.06)}.dock.closed{padding:0;border:none;background:transparent;box-shadow:none;height:0}.fold{position:absolute;right:1.2vw;top:-1.1em;border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:.15em .9em;font-size:clamp(12px,.85vw,17px);color:var(--muted)}.dockbody{display:flex;flex-direction:column;gap:.6vw}.row{display:flex;align-items:center;gap:.7vw;flex-wrap:wrap;font-size:clamp(15px,1.1vw,23px)}.row.small{justify-content:flex-end;font-size:clamp(13px,.9vw,18px)}.label{font-weight:700}.hint,.label{color:var(--muted)}.hint{font-size:.85em}.row input{flex:1 1;min-width:260px;border:1.5px solid var(--line);border-radius:10px;padding:.5em .8em;background:#fff;outline:none}.row input:focus{border-color:var(--red)}.inline{flex:1 1;display:flex}.sep{width:1px;align-self:stretch;background:var(--line);margin:0 .3vw}.primary{border:none;background:var(--red);color:#fff6ec;border-radius:10px;padding:.5em 1.3em;font-weight:700}.primary.big{font-size:1.25em;padding:.55em 2em;box-shadow:0 8px 20px rgba(168,38,29,.25)}.preset{border:2px solid var(--red);color:var(--red);background:#fff;border-radius:10px;padding:.45em 1.1em;font-weight:700}.preset.r2{border-color:var(--bamboo);color:var(--bamboo)}.preset:not(:disabled):hover{background:var(--red-soft)}.preset.r2:not(:disabled):hover{background:var(--bamboo-soft)}.ghost{border:1.5px solid var(--line);background:transparent;border-radius:10px;padding:.4em 1em;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(43,36,32,.45);display:grid;place-items:center;z-index:30;animation:fade .3s}@keyframes fade{0%{opacity:0}}.endcard{width:min(78vw,1300px);background:var(--card);border-radius:24px;border-top:10px solid var(--red);padding:2.4vw 3vw 2vw;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25)}.endkick{color:var(--gold);letter-spacing:.3em;font-weight:700;font-size:clamp(14px,1vw,22px)}.endcard h2{margin:.3em 0 .8em;color:var(--red);font-size:clamp(30px,3.2vw,68px);font-weight:900}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.6vw;gap:1.6vw}.col{border-radius:16px;padding:1.2vw 1.4vw;text-align:left}.col b{display:inline-block;font-size:clamp(22px,2vw,44px);margin-bottom:.2em}.col p{margin:0;font-size:clamp(18px,1.6vw,34px);font-weight:700;line-height:1.5}.col.bu{background:var(--red-soft);color:var(--red-deep)}.col.bian{background:var(--bamboo-soft);color:var(--bamboo)}.endnote{color:var(--muted);font-size:clamp(15px,1.2vw,26px);line-height:1.6;margin:1.4vw 0 1.2vw}