:root{font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;color:#203b3d;background:#f4f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1440px;margin:auto;padding:0 5%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce3de}.brand{text-decoration:none;color:#163e3d;font-size:28px;font-weight:800;letter-spacing:3px;display:flex;align-items:center;gap:18px}.brand span{font-size:10px;font-weight:600;letter-spacing:1.8px;border-left:1px solid #b9cac4;padding-left:18px}.server{display:flex;align-items:center;gap:9px;font-size:12px;color:#62736f}.server i{width:7px;height:7px;background:#b7c5bf;border-radius:50%}.server i.on{background:#42856c}.intro{padding:48px 0 35px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#548471;font-weight:700}h1{font-size:clamp(30px,3.3vw,47px);line-height:1.45;letter-spacing:1px;margin:14px 0}p{line-height:1.8}.intro p{color:#6c7e79;font-size:14px}.workspace{display:grid;grid-template-columns:310px 1fr;gap:22px;align-items:stretch}.panel{background:#fff;border:1px solid #dfe6e0;border-radius:16px}.controls{padding:27px}.section-head{display:flex;gap:10px;align-items:center}.number{font-size:11px;color:#7b9690}.section-head h2{font-size:15px;font-weight:700;letter-spacing:.5px;margin:0}.controls .section-head{margin-bottom:28px}label{font-size:12px;font-weight:600;display:block;margin:20px 0 9px}input,select{font:inherit;width:100%;background:#fafbf9;border:1px solid #d7e1d9;border-radius:7px;padding:11px 10px;font-size:12px;color:#27443e;outline:none}input:focus,select:focus{border-color:#337562;box-shadow:0 0 0 3px #33756218}.hint{font-size:11px;color:#7a8b85;line-height:1.75;margin:9px 0 19px}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}.primary,.secondary{width:100%;border-radius:7px;padding:13px 14px;font-size:13px}.primary{background:#245e4f;color:#fff;display:flex;justify-content:space-between;margin-top:25px}.primary:hover:enabled{background:#174b3d}.secondary{background:#edf3ef;color:#365e52;margin-top:9px}.model{margin-top:28px;padding-top:22px;border-top:1px solid #e7ece7;display:grid;gap:9px}.model span,.model small{font-size:10px;color:#85948d}.model strong{font-size:12px;line-height:1.6;font-weight:600}.privacy{font-size:10px;color:#87958f;line-height:1.9;margin-top:19px}.captions{padding:27px 31px;min-width:0;display:flex;flex-direction:column}.caption-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.badge{font-size:10px;background:#f0f4f0;color:#6e8379;border-radius:20px;padding:6px 12px}#status{font-size:11px;color:#7d9186;padding:20px 0 10px;min-height:50px}.stage{padding:30px 0 35px;min-height:285px}.track-label{font-size:9px;letter-spacing:1.6px;color:#77948b;display:flex;gap:14px}.track-label span{letter-spacing:.2px;color:#acb7b0;font-size:9px}.english{font-size:20px;line-height:1.7;color:#3b4b47;margin-top:13px;overflow-wrap:anywhere}.partial{color:#9aaba1}.zh-label{margin-top:30px}.chinese{font-size:25px;line-height:1.8;color:#164f3e;font-weight:600;margin-top:12px;overflow-wrap:anywhere}.history-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4ebe5;padding-top:21px}.history-head h3{font-size:11px;color:#6b8076;font-weight:500}.text-button{font-size:10px;background:none;color:#376a54}.history{max-height:275px;min-height:115px;overflow-y:auto;flex:1}.history #empty{color:#b2beb4;font-size:12px;padding-top:20px}.row{padding:15px 0;border-bottom:1px solid #eff2ed}.row p{margin:0;font-size:13px;color:#476758}.row small{display:block;font-size:11px;color:#8a998f;line-height:1.8;margin-top:5px}.caption-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a0ada2;margin-top:22px;line-height:1.7}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:36px 0 50px}.notes b{font-size:11px;font-weight:600;color:#647f70}.notes p{font-size:11px;color:#8c9b91;line-height:1.9}.site-footer{padding:22px 0 28px;border-top:1px solid #dce3de;font-size:10px;color:#91a093;display:flex;justify-content:space-between}input[type=file]{font-size:10px;padding:10px 5px}[hidden]{display:none!important}@media(min-width:1100px){.intro{position:relative}.intro p{position:absolute;left:53%;bottom:40px}}@media(max-width:780px){.shell{padding:0 5%}header{height:80px}.brand{font-size:23px}.brand span{display:none}.intro{padding:30px 0 18px}h1{font-size:32px}.workspace{grid-template-columns:1fr}.controls{padding:24px}.captions{padding:24px}.notes{grid-template-columns:1fr;gap:8px;margin:28px 0}.stage{min-height:230px}.english{font-size:18px}.chinese{font-size:22px}.caption-footer{flex-direction:column;gap:3px}.site-footer span{display:none}.desktop{display:none}}

.viewbtns{display:flex;gap:14px;margin-left:auto;margin-right:14px}
.panel.captions:fullscreen{border-radius:0;padding:3vh 3vw;display:flex;flex-direction:column;background:#f7f9f7}
.panel.captions:fullscreen .stage{flex:0 0 auto;margin-top:2vh}
.panel.captions:fullscreen .chinese{font-size:clamp(26px,3.2vw,52px)!important;line-height:1.5!important}
.panel.captions:fullscreen .english{font-size:clamp(14px,1.25vw,20px)!important;min-height:2.6em!important}
.panel.captions:fullscreen .history{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;margin-top:2.5vh}
.panel.captions:fullscreen .history .row p{font-size:16px}