:root{--bg:#f6f5f0;--paper:#fffefa;--ink:#25372f;--muted:#7b8178;--line:#dfE3d9;--green:#2d5c4d;--green-light:#eaf0e8;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b5c9ac;outline-offset:4px}[hidden]{display:none!important}.page{max-width:1440px;margin:auto;padding:0 48px}.masthead{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font-size:19px;letter-spacing:2px;font-weight:600}.brand small{display:block;font:9px/1.9 var(--sans);letter-spacing:1.8px;color:var(--muted);font-weight:400;margin-top:4px}.seal{display:grid;place-items:center;width:43px;height:47px;border:1px solid var(--green);border-radius:4px;color:var(--green);font:29px var(--serif);position:relative}.seal:after{content:"";inset:3px;border:1px solid #b9c8b2;position:absolute;border-radius:2px}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:#c6c7bc}.dot.ready{background:#568167}.dot.error{background:#a66b55}.intro{display:flex;align-items:center;justify-content:space-between;padding:44px 0 37px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);margin:0 0 17px}h1{font-family:var(--serif);font-weight:500;font-size:34px;letter-spacing:1px;margin:0;line-height:1.6}h1 span{color:#5c6e5b}.lead{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.8}.intro-note{display:flex;gap:17px;align-items:center;margin-right:22px;color:#7a8673}.intro-note p{font-size:12px;line-height:2.1;letter-spacing:1px}.note-mark{display:grid;place-items:center;width:55px;height:70px;border:1px solid #d9dfd0;border-radius:50% 50% 8px 8px;font:31px var(--serif);color:#acb49e}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:18px}.toolbar-left{display:flex;align-items:center;gap:23px}.mode{background:#eaece5;padding:4px;border-radius:7px;display:flex;gap:3px}.mode button{background:none;border:0;color:#7b8178;padding:9px 19px;border-radius:5px;font-size:12px}.mode .selected{background:var(--paper);color:var(--green);box-shadow:0 1px 4px #25372f0a;font-weight:600}.genre-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}select{background:transparent;border:0;color:#4f5e51;outline-offset:4px;padding:7px 14px 7px 0}.text-button,.subtle-button,.copy-button{border:0;background:none;color:var(--green);font-size:12px}.text-button{padding:9px 0 9px 12px;letter-spacing:1px}.text-button span{margin-left:8px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:var(--paper);border:1px solid #dce1d4;border-radius:9px;display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:0 3px 15px #29362b02}.panel-heading{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #eef0e8;gap:8px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-number{font:10px var(--sans);color:#95a18a;border:1px solid #dfe5d5;border-radius:3px;padding:2px 4px}h2{font-size:14px;font-weight:500;margin:0;letter-spacing:1px}.panel-caption{font-size:10px;color:#93998d;letter-spacing:.7px}.copy-button{padding:7px 0 7px 10px;color:#708367}textarea{width:100%;border:0;outline:none;resize:vertical;min-height:350px;height:350px;padding:24px 26px;background:transparent;color:#3c483c;font:15px/1.95 ui-monospace,"Cascadia Code",Consolas,monospace;letter-spacing:.1px}textarea:focus{box-shadow:inset 0 0 0 2px #b9cab44a}textarea::placeholder{color:#a1a799;font:13px/2.1 var(--sans);letter-spacing:.3px}.panel-footer{min-height:43px;padding:12px 24px;border-top:1px solid #eef0e8;display:flex;justify-content:space-between;color:#969d8e;font-size:11px;margin-top:auto}.subtle-button{font-size:11px;color:#969d8e;padding:0}.result-panel{position:relative;background:linear-gradient(135deg,#fffefa,#fbfcf6)}.empty-result,.busy-result{min-height:350px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#8e9987}.empty-glyph{font:47px var(--serif);color:#d8dfcf;margin-top:-12px}.empty-result p,.busy-result p{font-size:13px;margin:18px 0 9px;letter-spacing:1px}.empty-result>span,.busy-result>span:last-child{font-size:11px;color:#a8af9e;letter-spacing:.3px}.translation{padding:23px 27px;min-height:350px;max-height:650px;overflow:auto;font:18px/2 var(--serif);letter-spacing:.8px;white-space:pre-wrap;word-break:break-word;color:#304030}.spinner{height:27px;width:27px;border:2px solid #e4eadd;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}.action-row{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:30px}.context-note{display:flex;align-items:center;gap:10px;color:#84917b;line-height:1.8}.context-note p{margin:0;font-size:11px;max-width:650px}.context-icon{font-size:23px;color:#9caa91;align-self:flex-start}.primary-button{min-width:170px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;background:var(--green);color:#fff;padding:15px 22px;border-radius:6px;font-size:13px;letter-spacing:1px;box-shadow:0 3px 7px #345a4020;transition:background .2s}.primary-button:hover:not(:disabled){background:#214839}.message{min-height:20px;margin:12px 0 4px;color:#9e5948;font-size:12px;line-height:1.8}.document-history{margin-top:24px;border-top:1px solid var(--line);padding-top:23px}.history-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.history-heading>span{font-size:11px;color:#929b88}.history-item{background:#ffffff75;border:1px solid #e1e6d9;border-radius:6px;margin-bottom:9px}.history-item summary{cursor:pointer;padding:13px 17px;color:#66775c;font-size:12px}.history-item .history-text{border-top:1px solid #e8ecdf;padding:16px 20px;white-space:pre-wrap;font:16px/2 var(--serif)}.footer{padding:24px 0 30px;margin-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.9;color:#9aa18f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.intro{padding-top:58px;padding-bottom:45px}textarea,.empty-result,.busy-result,.translation{min-height:400px;height:400px}}@media(max-width:900px){.page{padding:0 25px}.intro-note{display:none}h1{font-size:29px}.panel-heading{padding:0 17px}.panel-caption{font-size:9px}.toolbar-left{gap:15px}.panel-footer{padding:12px 17px}textarea{padding:22px 19px}.translation{padding:22px 19px;font-size:17px}.footer{flex-direction:column;gap:3px}.context-note p{max-width:420px}}@media(max-width:650px){.page{padding:0 18px}.masthead{height:82px}.brand{font-size:16px;gap:10px}.brand small{font-size:7px;letter-spacing:1px}.seal{height:40px;width:35px;font-size:25px}.connection{font-size:10px;gap:5px}.intro{padding:28px 0}.eyebrow{font-size:10px;margin-bottom:12px}h1{font-size:25px}h1 span{display:block}.lead{font-size:12px}.toolbar-left{gap:7px;align-items:flex-start;flex-direction:column}.mode button{padding:8px 14px}.genre-label{padding-left:3px}.workspace{grid-template-columns:1fr;gap:14px}.panel-heading{height:55px}textarea{height:290px;min-height:290px}.empty-result,.busy-result{min-height:235px}.translation{min-height:235px;max-height:none}.action-row{align-items:flex-start;gap:13px}.primary-button{min-width:135px;padding:13px 15px;font-size:12px;gap:12px}.context-note p{font-size:10px}.context-icon{display:none}.footer{font-size:9px}.history-heading{flex-direction:column;align-items:flex-start;gap:6px}}
.toolbar-right{display:flex;align-items:center;gap:18px}.muted-button{color:#89927f;font-size:11px;letter-spacing:0}
.history-source{border-top:1px solid #e8ecdf;padding:12px 20px;white-space:pre-wrap;overflow-wrap:anywhere;color:#8a9480;font:11px/1.8 ui-monospace,Consolas,monospace;max-height:180px;overflow:auto}
@media(max-width:650px){.toolbar-right{gap:7px}.text-button{padding-left:3px}.muted-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}.primary-button{transition:none}}
.action-buttons{display:flex;gap:10px;align-items:center}.cancel-button{border:1px solid #b68e7e;color:#8d4c3b;background:#fff9f3;border-radius:6px;padding:14px 18px;white-space:nowrap}.history-tabs,.book-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.history-tabs button,.book-tabs button{border:1px solid var(--line);background:#fffefa;color:#72806c;border-radius:5px;padding:9px 14px;font:12px var(--sans)}.history-tabs .selected,.book-tabs .selected{color:var(--green);background:var(--green-light);border-color:#a9bba0}.history-empty,.history-hint{color:#8b9582;font-size:12px;line-height:1.8}.history-hint{font-size:11px}.history-actions{display:flex;gap:15px;padding:8px 18px;border-top:1px solid #e8ecdf}.history-action{background:none;border:0;color:#71836a;padding:5px 8px;font:11px var(--sans);cursor:pointer}.book-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.book-tools label{color:#8c967f;font-size:11px;display:flex;gap:12px;align-items:center}.book-tools input{border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font:14px var(--serif);padding:9px 12px;min-width:0;width:210px}.book-tools>div{white-space:nowrap}.danger-text{color:#986557}.book-article{max-height:780px;overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:7px}.book-article:empty{display:none}.article-segment{padding:15px 26px 20px;border-bottom:1px solid #edf0e7}.article-segment:last-child{border-bottom:0}.segment-heading{display:flex;align-items:center;justify-content:space-between;color:#a1aa95;font:10px var(--sans);margin-bottom:4px}.article-text{white-space:pre-wrap;word-break:break-word;font:17px/2.1 var(--serif);color:#304030}.history-item .history-text{max-height:500px;overflow:auto}#history-list{max-height:900px;overflow:auto}
@media(max-width:650px){.action-row{flex-direction:column;align-items:stretch;gap:12px}.action-buttons{justify-content:flex-end}.cancel-button{padding:12px}.book-tools{align-items:flex-start;flex-direction:column;gap:8px}.book-tools label{width:100%}.book-tools input{flex:1;width:auto}.article-segment{padding:12px 16px 17px}.history-tabs button{padding:8px 11px;font-size:11px}.book-article{max-height:600px}.article-text{font-size:16px}.book-tabs button{max-width:100%;overflow:hidden;text-overflow:ellipsis}}