:root{--paper:#faf8f2;--ink:#20352f;--muted:#64736e;--line:#dce3dc;--teal:#21766f;--pale:#eef5ef;--blue:#2459aa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#e5eee5,transparent 55%),var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.65}.devbar{text-align:center;padding:8px 16px;background:#fff0d1;color:#79511c;font-size:12px;letter-spacing:.06em}.shell{max-width:860px;margin:auto;padding:30px 24px 60px}header{display:flex;gap:25px;align-items:center;margin:10px 0 32px}.logo{position:relative;width:132px;height:54px;overflow:hidden;flex:none}.logo img{position:absolute;width:119%;max-width:none;left:-9.8%;top:-59%}h1{font:500 28px/1.3 Georgia,"Songti SC",serif;letter-spacing:.02em;margin:0}header p{color:var(--muted);font-size:13px;margin:8px 0 0}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin:18px 0;box-shadow:0 4px 18px #183c2705}h2{font-size:18px;margin:0 0 20px;display:flex;align-items:center;gap:10px}h3{font-size:15px;margin:0 0 12px}.step{border:1px solid var(--teal);color:var(--teal);font:18px Georgia,serif;width:29px;height:29px;text-align:center;border-radius:50%}label{font-size:13px;font-weight:600;display:block;margin:12px 0 7px}input,textarea,select,button{font:inherit}input:not([type=checkbox]),textarea,select{border:1px solid #cbd5ce;border-radius:9px;padding:11px 12px;width:100%;background:#fff;color:var(--ink);min-width:0;font-size:14px}textarea{resize:vertical;line-height:1.8;font-family:Georgia,"Microsoft YaHei",serif;font-size:17px}button,a.primary,a.light{cursor:pointer;border-radius:9px;padding:10px 15px;border:1px solid transparent;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;text-align:center}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--teal);color:#fff}.light{background:var(--pale);color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a0c8bb;outline-offset:2px}.inline{display:flex;gap:10px}.inline input{flex:1;min-width:0}.inline button{flex:none}.note{font-size:12px;color:var(--muted);margin:10px 0}.modes{display:flex;gap:6px;background:var(--paper);border-radius:11px;padding:5px;margin-bottom:18px}.modes button{flex:1;background:transparent;color:var(--muted)}.modes button[aria-pressed=true]{background:white;color:var(--teal);box-shadow:0 1px 6px #20352f15}.roles,.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.role{padding:16px;border-radius:12px;background:#eef5f1}.role.b{background:#eef3fa}.role.a h3{color:var(--teal)}.role.b h3{color:var(--blue)}.grid{margin-top:15px}.explain{background:#faf8f1;color:#635b3c;padding:12px 16px;border-radius:10px;font-size:13px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar .note{margin-left:auto}.turn{display:flex;gap:10px;margin-top:12px;align-items:flex-start}.turn select{width:74px;flex:none}.turn textarea{font-size:15px;min-height:75px}.turn button{padding:10px}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{accent-color:var(--teal)}details{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}summary{cursor:pointer;font-size:13px}.generate{text-align:center}.generate .primary{width:100%;padding:14px;font-size:17px}fieldset{border:0;padding:0;margin:0;min-width:0}audio{width:100%;margin:12px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}footer{text-align:center;color:var(--muted);font-size:11px;margin-top:25px}#status:not(:empty){padding:15px 18px;border-radius:12px;background:#edf3ed;font-size:14px;overflow-wrap:anywhere}#status.error{background:#fff0eb;color:#943e2b}[hidden]{display:none!important}.transcript{border-left:3px solid var(--teal);padding:8px 15px;margin:12px 0;background:var(--pale)}.transcript.b{border-color:var(--blue);background:#eef3fa}.transcript strong{font-size:12px;color:var(--muted)}.transcript p{margin:4px 0;font-size:17px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:560px){.shell{padding:16px 14px 35px}header{gap:12px;margin:14px 0 24px}.logo{width:104px;height:43px}h1{font-size:19px}header p{font-size:11px}.card{padding:19px 16px;border-radius:14px}.roles{grid-template-columns:1fr}.grid{gap:12px}.turn{gap:6px}.turn select{width:66px}.toolbar button{font-size:12px}.inline button{padding:10px}footer{text-align:left}.devbar{font-size:11px}}