:root{color-scheme:light;--paper:#faf7f0;--surface:#fffdf7;--forest:#214638;--ink:#202c26;--muted:#5e6c63;--line:#d7dfd6;--wash:#eaf0e9;--serif:"Songti TC","Noto Serif TC",serif;font-family:"PingFang TC","Noto Sans TC",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}p{line-height:1.65;margin:0 0 1em}h1,h2,h3{margin:0 0 .55em;line-height:1.25}h1{font:700 clamp(2rem,5vw,3.45rem)/1.2 var(--serif);color:var(--forest)}h2{font-size:1.32rem}h3{font-size:1.12rem}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1rem,calc((100% - 1020px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:750;text-decoration:none}.brand span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:var(--forest);color:#fff;font-family:var(--serif)}.edition{color:var(--muted);font-size:.88rem;white-space:nowrap}
main{width:min(1020px,calc(100% - 2rem));margin:clamp(2rem,6vw,4.7rem) auto 4rem}.intro{max-width:43rem}.guide,.muted{color:var(--muted)}.guide{background:var(--wash);border-left:3px solid var(--forest);padding:.8rem 1rem;border-radius:0 10px 10px 0}.nav,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.nav{margin-bottom:1.6rem}.grid,.choices,.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid{margin-top:2rem}.panel,.choice{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:clamp(1rem,3.4vw,1.7rem);min-width:0}.panel+.panel{margin-top:1rem}.grid>.panel+.panel,.edit-grid>.panel+.panel{margin-top:0}.grid .panel{display:flex;flex-direction:column;align-items:flex-start}.grid .panel p{flex:1}.choices{margin:1rem 0}.choice{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.choice:has(input:checked){border-color:var(--forest);background:var(--wash)}.choice p{margin:.25rem 0 0}.choice input,.sentence input{flex:none;width:1.22rem;height:1.22rem;accent-color:var(--forest);margin:.14rem 0 0}
button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:.6rem .95rem;border-radius:9px;border:1px solid var(--forest);background:var(--forest);color:#fff;text-decoration:none;font:inherit;font-weight:680;cursor:pointer}.secondary{background:var(--surface);color:var(--forest)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #537f62;outline-offset:3px}.field{display:block;margin-bottom:1rem}.field input,.field textarea,.field select{display:block;width:100%;margin-top:.35rem;font:inherit;font-size:16px;padding:.54rem .67rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}textarea{resize:vertical}.preview{align-self:start}.preview canvas{display:block;width:min(100%,320px);height:auto;margin:.7rem auto;border-radius:8px}.page-nav{justify-content:center}.player{display:block;width:100%;max-height:440px;background:#192b22;border-radius:10px;margin-bottom:1rem}.portrait{width:min(100%,248px);aspect-ratio:9/16;margin-inline:auto}.library-row{padding:.95rem 0;border-bottom:1px solid var(--line)}.library-row:last-child{border-bottom:0}.library-row h3{margin:.1rem 0 .6rem}.sentence{display:flex;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--line);line-height:1.55}.sentence:last-of-type{margin-bottom:1rem}.notice{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 2rem);margin:0;padding:.68rem 1rem;border-radius:9px;background:var(--forest);color:#fff;z-index:10}.local-video{margin-top:1rem}.local-video summary{cursor:pointer;color:var(--forest);font-weight:680}.local-video .field{margin-top:1rem}
[hidden]{display:none!important}details summary{cursor:pointer;margin-bottom:.65rem;color:var(--forest);font-weight:680}
@media(max-width:670px){.grid,.choices,.edit-grid{grid-template-columns:1fr}.choice{padding:1rem}.nav{margin-bottom:1.2rem}.portrait{max-height:380px}.top{padding-inline:1rem}}