:root{--ink:#18201d;--paper:#f5f0e5;--cream:#fbf8f0;--jade:#155d4d;--jade2:#0d493d;--red:#c44937;--line:#d9d0be}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans SC,sans-serif}button,textarea{font:inherit}button{cursor:pointer}.topbar{background:var(--jade2);color:#fff;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,6vw,92px);display:flex}.brand{color:#fff;align-items:center;gap:13px;font-family:Georgia,Noto Serif SC,serif;font-size:17px;line-height:1.05;text-decoration:none;display:flex}.brand small{letter-spacing:.22em;color:#bdd1ca;margin-top:6px;font:9px Arial,sans-serif;display:block}.seal{color:#f2b5a8;border:1px solid #d88975;place-items:center;width:38px;height:38px;font-size:22px;display:grid;transform:rotate(-2deg)}.header-controls{align-items:center;gap:12px;display:flex}.script-toggle{border:1px solid #ffffff40;padding:3px;display:flex}.script-toggle button{color:#aac1b9;background:0 0;border:0;width:34px;height:28px}.script-toggle button.active{color:var(--jade2);background:#f5eee2}.recall-indicator{letter-spacing:.13em;text-transform:uppercase;color:#8ca79e;font-size:9px}.recall-indicator.on{color:#f1aa94}.hero{background:var(--jade2);color:#fff;grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw;min-height:430px;padding:70px clamp(24px,7vw,110px) 72px;display:grid;position:relative;overflow:hidden}.hero:after{content:"造句";color:#ffffff06;writing-mode:vertical-rl;pointer-events:none;font:260px Georgia,Noto Serif SC,serif;position:absolute;top:-90px;right:-20px}.eyebrow{letter-spacing:.22em;color:var(--red);margin:0 0 16px;font-size:10px;font-weight:700}.hero .eyebrow{color:#ee9e88}.hero h1{letter-spacing:-.04em;max-width:760px;margin:0;font:clamp(42px,5vw,70px)/.98 Georgia,Noto Serif SC,serif}.hero h1 em{color:#bed4cc;font-weight:400}.hero-copy>p:last-child{color:#c6d5d0;max-width:650px;margin:28px 0 0;font:16px/1.65 Georgia,serif}.control-stack{z-index:1;position:relative}.level-panel{border-top:1px solid #ffffff4d;padding-top:20px}.level-heading{text-transform:uppercase;letter-spacing:.13em;color:#aac1b9;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;display:flex}.level-heading strong{color:#fff;letter-spacing:0;font:26px Georgia,serif}.level-heading i{color:#829f96;font:12px Arial,sans-serif}.levels{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.levels button{text-align:left;color:#fff;background:#ffffff09;border:1px solid #fff3;align-items:flex-start;gap:10px;min-height:80px;padding:15px 12px 13px;transition:all .2s;display:flex}.levels button:hover{border-color:#db9784;transform:translateY(-2px)}.levels button.active{color:var(--jade2);box-shadow:inset 0 -3px var(--red);background:#f6efe2;border-color:#f6efe2}.level-num{color:#86a59c;margin-top:3px;font:9px monospace}.levels b{font:14px Georgia,serif;display:block}.levels small{opacity:.65;margin-top:8px;font-size:10px;display:block}.level-panel>p{color:#9db6ae;margin:14px 0 0;font-size:11px}.register-control{border-top:1px solid #ffffff29;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-top:22px;padding-top:18px;display:grid}.register-control label{letter-spacing:.14em;text-transform:uppercase;color:#aac1b9;font-size:9px}.register-control select{color:#fff;background:#173f36;border:1px solid #ffffff3d;outline:0;width:100%;padding:10px 12px}.register-control p{color:#94afa6;grid-column:1/-1;margin:0;font:11px/1.45 Georgia,serif}.script-readout{letter-spacing:.12em;color:#6f9187;text-transform:uppercase;grid-column:1/-1;font:8px monospace}.workspace{width:min(1180px,100% - 48px);margin:0 auto;padding:65px 0 80px}.recall-panel{border:1px solid var(--line);background:#ede7da;grid-template-columns:1fr auto auto;align-items:center;gap:18px;margin-bottom:42px;padding:18px 20px;display:grid}.recall-panel.active{box-shadow:inset 4px 0 var(--jade);background:#e4ece7;border-color:#b7c8bf}.recall-panel span{letter-spacing:.14em;color:var(--jade);font:9px monospace}.recall-panel p{color:#6e665b;margin:5px 0 0;font:12px Georgia,serif}.recall-switch{border:1px solid var(--jade);min-width:58px;color:var(--jade);background:0 0;padding:9px 12px;font-weight:700}.recall-panel.active .recall-switch{background:var(--jade);color:#fff}.reveal-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.reveal-buttons button{color:#6d6356;background:#f8f3e8;border:1px solid #cbbfac;padding:7px 9px;font-size:9px}.reveal-buttons button.revealed{color:var(--red);background:#fff7f1;border-color:#d99d8b}.vocabulary-mode{border:1px solid var(--line);background:#faf5ea;justify-content:space-between;align-items:center;gap:24px;margin:-26px 0 42px;padding:16px 20px;display:flex}.vocabulary-mode>div:first-child>span{letter-spacing:.14em;color:var(--red);font:9px monospace}.vocabulary-mode p{color:#766d60;margin:5px 0 0;font:11px/1.45 Georgia,serif}.mode-buttons{gap:5px;display:flex}.mode-buttons button{color:#756b5d;background:#eee7d9;border:1px solid #cbbfac;min-width:84px;padding:8px 11px}.mode-buttons button.active{border-color:var(--jade);background:var(--jade);color:#fff}.mode-buttons b{font-size:10px;display:block}.mode-buttons small{opacity:.7;margin-top:3px;font-size:8px;display:block}.challenge-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.challenge-head h2,.writing-card h2{margin:0;font:32px Georgia,Noto Serif SC,serif}.draw-actions{align-items:stretch;gap:10px;display:flex}.roll{background:var(--red);color:#fff;letter-spacing:.03em;border:0;padding:14px 19px;font-size:12px;font-weight:700;box-shadow:4px 4px #8f3026}.roll:hover{background:#aa3b2d}.roll:active{transform:translate(3px,3px);box-shadow:1px 1px #8f3026}.roll span{vertical-align:-1px;margin-right:7px;font-size:18px}.roll.all-levels{background:var(--jade);box-shadow:4px 4px #0b3b32}.roll.all-levels:hover{background:#0f4f42}.roll.all-levels:active{box-shadow:1px 1px #0b3b32}.roll:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.cards{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.constraint{background:var(--cream);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:270px;display:flex;position:relative}.constraint.accent{background:#e5ede8}.constraint-top{border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:#786f62;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:8px;font-weight:700;display:flex}.card-controls{align-items:center;gap:3px;display:flex}.constraint-top button{color:#756c60;letter-spacing:.04em;text-transform:uppercase;background:#f4eee3;border:1px solid #cfc5b5;padding:5px 6px;font:7px Arial,sans-serif}.constraint-top .use-button.in-use{color:var(--jade);background:#edf4f0;border-color:#9eb8ad}.constraint-top .use-button.skipped{color:#897f71;background:#dcd6cb}.constraint-top .lock-button{align-items:center;gap:3px;display:flex}.constraint-top .lock-button span{font-size:11px;line-height:1}.constraint-top .lock-button.locked{color:var(--red);background:#fff3ed;border-color:#d6a193}.constraint-content{padding:30px 24px 48px}.constraint.inactive{background:#dfdbd2}.constraint.inactive .constraint-content{opacity:.3;filter:grayscale()}.constraint.inactive .corner{color:#6f675c;font-weight:700}.source-level,.literary-tag{letter-spacing:.1em;text-transform:uppercase;border:1px solid;margin:0 6px 12px 0;padding:4px 6px;font:7px monospace;display:inline-block}.source-level.beginner{color:#3f7a69}.source-level.intermediate{color:#b56b2c}.source-level.advanced{color:#8d3f57}.literary-tag{color:var(--red);background:#fff5ec;border-color:#d9a291}.chengyu-tag{border:1px solid var(--jade);color:var(--jade);letter-spacing:.1em;background:#edf4ef;margin:0 6px 12px 0;padding:4px 6px;font:7px monospace;display:inline-block}.constraint h3{letter-spacing:.01em;margin:0;font:36px/1.2 Georgia,Noto Serif SC,serif}.constraint h3.grammar-title{font-size:27px}.romanization{color:var(--red);margin:12px 0 0;font-size:12px;font-style:italic}.translation{color:#756d62;margin:11px 0 0;font:13px/1.5 Georgia,serif}.chengyu-meaning{border-top:1px solid #c7d4cd;margin-top:14px;padding-top:12px}.chengyu-meaning span{letter-spacing:.12em;color:#6a8279;margin-top:8px;font:7px monospace;display:block}.chengyu-meaning p{color:#5f5a51;margin:4px 0 0;font:10px/1.4 Georgia,serif}.recall-hidden{color:#a19787;letter-spacing:.1em;text-transform:uppercase;background:#e8e1d4;margin:12px 0 0;padding:4px 7px;font:8px monospace;display:inline-block}.collocations{border-top:1px solid #c6d3cb;flex-wrap:wrap;gap:6px;margin-top:17px;padding-top:14px;display:flex}.collocations span{letter-spacing:.13em;color:#6f857d;width:100%;font:7px monospace}.collocations b{background:#f7f4eb;border:1px solid #c8d3cc;padding:5px 7px;font:11px Georgia,Noto Serif SC,serif}.corner{letter-spacing:.12em;color:#aaa08e;font:8px monospace;position:absolute;bottom:12px;right:14px}.grammar-note{border:1px solid var(--line);background:#fffaf0;border-top:0;align-items:flex-start;gap:18px;padding:24px 28px;display:flex}.book-icon{width:42px;height:42px;color:var(--red);border:1px solid #cfbdaa;flex:none;place-items:center;font:20px Georgia,serif;display:grid}.grammar-note span{letter-spacing:.16em;color:var(--jade);font-size:9px;font-weight:700}.grammar-note p{color:#554f47;margin:7px 0 9px;font:14px/1.5 Georgia,serif}.grammar-note code{color:var(--jade2);background:#ede5d5;padding:5px 8px;font:12px Courier New,monospace}.grammar-note.concealed{color:#918879;background:#eee9de}.writing-card{background:var(--cream);border:1px solid var(--line);margin-top:34px;padding:28px;box-shadow:0 18px 40px #4334220f}.writing-top{justify-content:space-between;align-items:end;gap:20px;display:flex}.soft-score{color:#887e70;text-transform:uppercase;font:10px monospace}textarea{resize:vertical;border:0;border-bottom:2px solid var(--jade);width:100%;min-height:150px;color:var(--ink);background:#f0ebdf;outline:0;margin-top:22px;padding:22px;font:25px/1.7 Georgia,Noto Serif SC,serif;display:block}textarea:focus{box-shadow:inset 4px 0 var(--red);background:#ece6d8}textarea::placeholder{color:#aaa294}.writing-actions{color:#9a9183;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;font-size:10px;display:flex}.writing-actions>div{align-items:center;gap:16px;display:flex}.example-button{border:0;border-bottom:1px solid var(--red);color:var(--red);background:0 0;padding:4px 0;font-weight:700}.check-button{background:var(--jade);color:#fff;border:0;padding:12px 17px;font-weight:700;box-shadow:3px 3px #0b3b32}.check-button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.example{border-left:3px solid var(--jade);background:#e8eee9;gap:22px;margin-top:18px;padding:20px;display:flex}.example>span{letter-spacing:.14em;color:var(--jade);font:9px monospace}.example b{font:23px Georgia,Noto Serif SC,serif;display:block}.example small{color:var(--red);margin-top:8px;font-style:italic;display:block}.example p{color:#625d54;margin:7px 0 0;font:13px Georgia,serif}.evaluation{border:1px solid var(--line);background:#fffaf0;margin-top:22px;padding:28px}.evaluation-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.evaluation-heading span{letter-spacing:.14em;color:var(--jade);font:9px monospace}.evaluation-heading h3{margin:7px 0 0;font:28px Georgia,serif}.evaluation-heading>strong{color:var(--red);font:36px Georgia,serif}.honesty-note{color:#857b6d;max-width:760px;margin:14px 0 24px;font:12px/1.55 Georgia,serif}.check-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.check-grid article{border:1px solid var(--line);background:#f8f3e9;gap:12px;padding:16px;display:flex}.check-grid article>span{color:#9b9285;font-size:18px}.check-grid article.pass{background:#edf3ef;border-color:#b9ccc2}.check-grid article.pass>span{color:var(--jade)}.check-grid article.revise{background:#fff3ed;border-color:#e0b4a8}.check-grid article.revise>span{color:var(--red)}.check-grid article.skipped{color:#8f8678;opacity:.75;background:#e7e2d8}.check-grid b{text-transform:uppercase;letter-spacing:.08em;font-size:11px;display:block}.check-grid p{color:#665f55;margin:6px 0 0;font:12px/1.45 Georgia,serif}.check-grid em,.feedback-notes em{color:#a34b3c;margin-top:8px;font:11px/1.45 Georgia,serif;display:block}.feedback-notes{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.feedback-notes>div{border-right:1px solid var(--line);padding:18px}.feedback-notes>div:last-child{border-right:0}.feedback-notes b{color:var(--jade);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.feedback-notes p{color:#625b52;font:12px/1.55 Georgia,serif}.self-review{background:#ede7da;margin-top:16px;padding:18px}.self-review>b{letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:10px;display:block}.self-review label{color:#60594f;margin-top:7px;font:12px Georgia,serif;display:block}.pattern-reminder{letter-spacing:.12em;color:#8c8172;margin-top:16px;font:8px monospace}.pattern-reminder code{color:var(--jade);letter-spacing:0;background:#e9e1d3;margin-left:8px;padding:5px 8px;font-size:11px}.chengyu-feedback{border-left:3px solid var(--red);background:#fff1ea;margin-top:16px;padding:18px}.chengyu-feedback>b{color:var(--red);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.chengyu-feedback p{color:#62594f;margin:8px 0 12px;font:12px/1.55 Georgia,serif}.chengyu-feedback label{color:#60574d;margin-top:7px;font:12px Georgia,serif;display:block}footer{color:#d9e6e1;background:#142f29;align-items:center;gap:20px;min-height:130px;padding:30px clamp(24px,7vw,110px);display:flex}footer>span{color:#e38a73;font:40px Georgia,serif}footer p{font:16px Georgia,serif}footer small{color:#78988f;margin-top:7px;display:block}@media (width<=900px){.hero{grid-template-columns:1fr;gap:55px;padding-top:55px}.cards{grid-template-columns:repeat(2,1fr)}.constraint{min-height:240px}.challenge-head{align-items:flex-start}.draw-actions{flex-direction:column;width:min(280px,100%)}.recall-panel{grid-template-columns:1fr auto}.vocabulary-mode{flex-direction:column;align-items:flex-start}.reveal-buttons{grid-column:1/-1;justify-content:flex-start}.feedback-notes{grid-template-columns:1fr}.feedback-notes>div{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=580px){.topbar{padding:0 18px}.brand{font-size:14px}.recall-indicator{display:none}.hero{padding:48px 22px 58px}.hero h1{font-size:43px}.levels{grid-template-columns:1fr}.levels button{align-items:center;min-height:58px}.levels small{margin-left:8px;display:inline}.workspace{width:calc(100% - 28px);padding-top:45px}.recall-panel{grid-template-columns:1fr auto;margin-bottom:34px}.vocabulary-mode{margin-top:-20px}.mode-buttons{width:100%}.mode-buttons button{flex:1;min-width:0}.reveal-buttons button{flex:45%}.challenge-head{flex-direction:column;align-items:flex-start}.draw-actions,.roll{width:100%}.cards{grid-template-columns:1fr}.constraint{min-height:215px}.writing-card{padding:20px 16px}.writing-top{flex-direction:column;align-items:flex-start}textarea{font-size:21px}.writing-actions{flex-direction:column;align-items:flex-start}.writing-actions>div{justify-content:space-between;width:100%}.example{flex-direction:column;gap:9px}.check-grid{grid-template-columns:1fr}.evaluation{padding:20px 15px}}