:root{color-scheme:light;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#27332f;background:#f6f7f5;font-synthesis:none;--muted: #7a857f;--border: #e1e6e1;--green: #206047;--mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:inherit}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #81b59a;outline-offset:3px}button{transition:background .15s,color .15s,box-shadow .15s}svg{width:17px;height:17px;flex:0 0 auto}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{width:80%;margin:auto;height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;text-decoration:none;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:33px;letter-spacing:-1.9px;color:#233b30}.brand-symbol{width:31px;height:31px;border-radius:7px;margin-right:10px;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;font:18px var(--mono);gap:1px;letter-spacing:-2px}.brand-symbol span:first-child{margin-top:-8px}.brand-symbol span:last-child{margin-top:8px}.brand-dot{color:#489f72}.header-divider{height:20px;width:1px;background:var(--border)}.header-label{font-size:13px;color:#647069}.header-actions{display:flex;align-items:center;gap:22px;margin-left:auto}.privacy{display:flex;align-items:center;gap:7px;font-size:11px;color:#65766b;white-space:nowrap}.privacy svg{width:15px;height:15px}.privacy i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#438b61}.privacy i{margin-left:7px}.theme-control{flex:0 0 auto;width:36px;height:36px;padding:8px;border:1px solid var(--border);border-radius:6px;background:#f8faf7;color:#647069}.theme-control:hover{background:#edf2ee;color:#20583f}#theme-icon{display:flex;align-items:center}#theme-icon svg{width:18px;height:18px}main{width:80%;margin:0 auto;padding-top:28px}.workspace{border:1px solid var(--border);background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 4px 16px #243c2e03}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;padding:0 21px}.section-label,.result-title{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.step-number{font:10px var(--mono);color:#859388;background:#eff3ef;border:1px solid #e6ece6;border-radius:4px;padding:3px 5px}.text-actions{display:flex;align-items:center;gap:18px}.text-button{background:transparent;padding:5px 0;font-size:11px;border:0;color:#69766d}.text-button:hover{color:#1e6447}.text-button svg{width:14px;height:14px}.action-divider{width:1px;height:14px;background:var(--border)}.editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--border)}.editor-panel+.editor-panel{border-left:1px solid var(--border)}.editor-heading{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 18px;background:#fcfdfb;border-bottom:1px solid #eaf0e9}.editor-heading label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.side-symbol{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font:15px var(--mono);border-radius:4px;background:#fbebe8;color:#b56863}.after .side-symbol{background:#e5f1e9;color:#40845d}.editor-english{color:#8d9990;font:9px var(--mono);letter-spacing:1px;margin-left:3px}.icon-button{width:27px;height:27px;border:1px solid var(--border);background:#fff;border-radius:5px;padding:4px;color:#6f7e73}.icon-button:hover:enabled{background:#edf2ee;color:#20583f}.paste-button{border:0;background:transparent}.paste-button svg{width:15px;height:15px}.editor-body{height:249px;display:flex;background:#fff}.editor-body:focus-within{box-shadow:inset 0 0 0 1px #8cbaa0}.input-lines{flex:0 0 46px;text-align:right;padding:16px 13px 16px 0;font:12px/22px var(--mono);white-space:pre;overflow:hidden;color:#a9b1aa;-webkit-user-select:none;user-select:none;background:#fdfefc}textarea{display:block;width:100%;min-width:0;flex:1;padding:16px 16px 16px 10px;border:0;outline:0;resize:none;background:transparent;color:#435249;font:12px/22px var(--mono);tab-size:2;border-radius:0}textarea::placeholder{color:#a0aba2;font-family:Segoe UI,Microsoft YaHei,sans-serif}textarea::selection{background:#d6e9dd}.editor-meta{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid #f0f3ef;color:#8a978c;font:10px var(--mono)}.editor-meta span:last-child{font-family:Segoe UI,sans-serif}.input-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;background:#fcfdfb;border-top:1px solid var(--border);padding:11px 20px}.check-label{display:inline-flex;align-items:center;gap:6px;color:#768079;font-size:11px;white-space:nowrap;cursor:pointer}input[type=checkbox]{width:13px;height:13px;accent-color:#2b7452;cursor:pointer;margin:0}.compare-actions{display:flex;align-items:center;gap:18px}.shortcut{color:#9ba69d;font:10px var(--mono)}kbd{font:inherit}.primary-button{background:#245d45;border:1px solid #245d45;border-radius:6px;min-height:37px;padding:0 19px;color:#fff;font-size:12px;box-shadow:0 2px 3px #163b2520;gap:14px}.primary-button:hover{background:#174730}.primary-button svg{width:15px;height:15px}.results{padding-top:29px;scroll-margin-top:16px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}h2{margin:0;font-size:13px;font-weight:600}#result-status{font-size:10px;font-weight:400;color:#849185;margin-left:4px}.view-switch{display:flex;background:#e9ede8;padding:3px;border-radius:6px;gap:2px}.view-switch button{background:transparent;border:0;padding:5px 10px;border-radius:4px;font-size:11px;color:#7d887f;gap:5px}.view-switch svg{width:13px;height:13px}.view-switch button[aria-pressed=true]{background:#fff;color:#3a5745;box-shadow:0 1px 3px #203a2712}.result-card{border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#fff}.result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:51px;padding:10px 16px;border-bottom:1px solid var(--border)}.stats{display:flex;align-items:center;gap:8px}.stat{font:10px var(--mono);padding:4px 7px;border-radius:4px;white-space:nowrap}.added{color:#308154;background:#eaf6ee}.removed{color:#b46660;background:#fbedeb}.legend-description{font-size:10px;color:#98a197;margin-left:4px}.result-options{display:flex;align-items:center;gap:12px}#change-position{font:10px var(--mono);color:#809083;min-width:36px;text-align:center}.result-options .icon-button{width:24px;height:24px}#next{margin-left:-7px}#diff-output{overflow:auto;max-height:620px;min-height:180px;transition:opacity .15s}#diff-output.pending{opacity:.5}.empty-state{min-height:220px;padding:35px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-symbol{display:flex;align-items:center;justify-content:center;gap:4px;width:43px;height:39px;margin-bottom:14px;background:#f3f6f2;border:1px solid #e5eae3;border-radius:9px;color:#728a76;font:22px var(--mono)}.empty-state strong{font-size:13px;font-weight:500;color:#627266}.empty-state p{color:#96a092;margin:8px 0 0;font-size:11px}.example-link{color:#397955;border:0;background:transparent;font-size:11px;margin-top:16px}.example-link:hover{text-decoration:underline}.empty-state.error .empty-symbol{color:#b15751;background:#f9eeec}.diff-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.diff-table th{height:34px;padding:0 17px;font-size:10px;font-weight:400;color:#899589;background:#fafcf9;border-bottom:1px solid #eaf0e8;position:sticky;top:0;z-index:1}.diff-table th span{color:#98a59a;margin-right:7px}.line-cell{padding:0;vertical-align:top}.line-cell+.line-cell,.diff-table th+th{border-left:1px solid #e3e8e0}.code-line{display:grid;grid-template-columns:42px 21px minmax(0,1fr);min-height:25px;font:12px/25px var(--mono)}.line-number{text-align:right;padding-right:10px;color:#9eaa9e;font-size:10px;-webkit-user-select:none;user-select:none}.line-sign{text-align:center;color:#a2aca0;-webkit-user-select:none;user-select:none}.code-line code{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 14px 0 3px;color:#4b594b;font:inherit;min-width:0;tab-size:2}.deletion{background:#fff0ed}.addition{background:#eaf7ed}.deletion .line-sign{color:#bb6662}.addition .line-sign{color:#478e5c}.deletion .line-number{background:#fde5e0;color:#b7827b}.addition .line-number{background:#dcf0df;color:#76a67e}mark{color:inherit;padding:1px 0;border-radius:2px}.deletion mark{background:#fac6be}.addition mark{background:#b8e6c1}.missing{background:repeating-linear-gradient(-45deg,#f8faf7,#f8faf7 3px,#f3f6f1 3px 4px)}.active-change .line-cell:first-child{box-shadow:inset 3px 0 #679977}.unified-number{width:40px;text-align:right;padding-right:9px;font:10px var(--mono);color:#9aa799;background:#f8faf6;-webkit-user-select:none;user-select:none}.unified .line-number{display:none}.unified .code-line{grid-template-columns:25px minmax(0,1fr)}.unified th.unified-number{padding-right:9px}.unified .active-change>td:first-child{box-shadow:inset 3px 0 #679977}.no-wrap .diff-table{table-layout:auto;width:max-content;min-width:100%}.no-wrap .line-cell{min-width:260px}.no-wrap .code-line code{white-space:pre}.no-wrap .code-line{grid-template-columns:42px 21px auto}.no-wrap.unified .code-line{grid-template-columns:25px auto}.no-newline{display:inline-block;margin-left:12px;color:#948777;font:9px/20px var(--mono);-webkit-user-select:none;user-select:none}.gap-row td{padding:6px 16px;background:#f3f6f0;color:#8b9b84;font-size:10px}.result-footnote{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 1px;color:#929b90;font-size:10px}.result-footnote>span{display:flex;align-items:center}.legend-swatch{width:7px;height:7px;border-radius:2px;margin-right:5px}.legend-swatch.red{background:#e8b5af}.legend-swatch.green{background:#a6cdac;margin-left:16px}.site-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #e4e9e0;margin-top:30px;padding:21px 0 26px;color:#9ba397;font-size:10px}.footer-brand{color:#728773;font:700 20px Georgia,serif;letter-spacing:-.9px}.footer-right{margin-left:auto}#notice{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#284938;color:#fff;box-shadow:0 5px 25px #0002;border-radius:8px;padding:13px 20px;font-size:12px;z-index:10;width:max-content;max-width:calc(100% - 24px)}:root[data-theme=dark]{color-scheme:dark;color:#d8e1dc;background:#111816;--muted: #99a99e;--border: #354138;--green: #438965;scrollbar-color:#4e6053 #19231d}:root[data-theme=dark] .site-header{background:#161e1a}:root[data-theme=dark] .brand{color:#e0ece3}:root[data-theme=dark] .brand-dot{color:#83c59c}:root[data-theme=dark] .header-label,:root[data-theme=dark] .privacy{color:#a1b2a6}:root[data-theme=dark] .privacy i{background:#7ec596}:root[data-theme=dark] .theme-control{background:#202b24;color:#becfc2}:root[data-theme=dark] .theme-control:hover{background:#304337;color:#d1f1dc}:root[data-theme=dark] .workspace,:root[data-theme=dark] .result-card{background:#1a221e;box-shadow:0 4px 16px #00000016}:root[data-theme=dark] .step-number{color:#a4baa9;background:#263229;border-color:#39483c}:root[data-theme=dark] .text-button{color:#a9baae}:root[data-theme=dark] .text-button:hover{color:#a2dfbb}:root[data-theme=dark] .editor-heading,:root[data-theme=dark] .input-footer{background:#1d2821;border-color:var(--border)}:root[data-theme=dark] .side-symbol{background:#472c29;color:#efada1}:root[data-theme=dark] .after .side-symbol{background:#284534;color:#9ad3ae}:root[data-theme=dark] .editor-english{color:#93a79a}:root[data-theme=dark] .icon-button{background:#202b24;color:#acbfb1}:root[data-theme=dark] .icon-button:hover:enabled{background:#304337;color:#d1f1dc}:root[data-theme=dark] .paste-button{background:transparent}:root[data-theme=dark] .editor-body{background:#161e1a}:root[data-theme=dark] .editor-body:focus-within{box-shadow:inset 0 0 0 1px #71a487}:root[data-theme=dark] .input-lines{color:#7f9386;background:#18221b}:root[data-theme=dark] textarea{color:#d2ddd6}:root[data-theme=dark] textarea::placeholder{color:#86998c}:root[data-theme=dark] textarea::selection{background:#335841;color:#f0fff4}:root[data-theme=dark] .editor-meta{color:#96aa9b;border-color:#2c382f}:root[data-theme=dark] .check-label{color:#b0bdb3}:root[data-theme=dark] input[type=checkbox]{accent-color:#78b891}:root[data-theme=dark] .shortcut{color:#90a296}:root[data-theme=dark] .primary-button{background:#376d51;border-color:#538b6a;box-shadow:0 2px 3px #0003}:root[data-theme=dark] .primary-button:hover{background:#40825e}:root[data-theme=dark] #result-status{color:#9aae9e}:root[data-theme=dark] .view-switch{background:#202c24}:root[data-theme=dark] .view-switch button{color:#a1b1a5}:root[data-theme=dark] .view-switch button[aria-pressed=true]{color:#d3e7da;background:#35483c;box-shadow:0 1px 3px #0003}:root[data-theme=dark] .added{color:#a0d9b1;background:#263e2e}:root[data-theme=dark] .removed{color:#efb0a6;background:#432c28}:root[data-theme=dark] .legend-description{color:#99ab9d}:root[data-theme=dark] #change-position{color:#a0b5a6}:root[data-theme=dark] .empty-symbol{color:#afc6b5;background:#27332b;border-color:#3d4d40}:root[data-theme=dark] .empty-state strong{color:#bdcec1}:root[data-theme=dark] .empty-state p{color:#a0b09f}:root[data-theme=dark] .example-link{color:#96d3ad}:root[data-theme=dark] .empty-state.error .empty-symbol{color:#f1b3aa;background:#432c28;border-color:#61413b}:root[data-theme=dark] .diff-table th{color:#a8bca9;background:#1d2821;border-color:var(--border)}:root[data-theme=dark] .diff-table th span{color:#98af9e}:root[data-theme=dark] .line-cell+.line-cell,:root[data-theme=dark] .diff-table th+th{border-color:var(--border)}:root[data-theme=dark] .line-number,:root[data-theme=dark] .line-sign{color:#8fa28f}:root[data-theme=dark] .code-line code{color:#d1ded1}:root[data-theme=dark] .deletion{background:#392422}:root[data-theme=dark] .addition{background:#1c3326}:root[data-theme=dark] .deletion .code-line code{color:#edd5cf}:root[data-theme=dark] .addition .code-line code{color:#d7eadb}:root[data-theme=dark] .deletion .line-sign{color:#f0a299}:root[data-theme=dark] .addition .line-sign{color:#92cfaa}:root[data-theme=dark] .deletion .line-number{color:#d69c91;background:#452a26}:root[data-theme=dark] .addition .line-number{color:#94bd9f;background:#25432e}:root[data-theme=dark] .deletion mark{color:#fff2ef;background:#723f3a}:root[data-theme=dark] .addition mark{color:#effff2;background:#306245}:root[data-theme=dark] .missing{background:repeating-linear-gradient(-45deg,#1b251e,#1b251e 3px,#202c23 3px 4px)}:root[data-theme=dark] .active-change .line-cell:first-child,:root[data-theme=dark] .unified .active-change>td:first-child{box-shadow:inset 3px 0 #a2cdb1}:root[data-theme=dark] .unified-number{color:#91a68f;background:#1d2920}:root[data-theme=dark] .no-newline{color:#c4b698}:root[data-theme=dark] .gap-row td{color:#a6ba9e;background:#273528}:root[data-theme=dark] .result-footnote{color:#a0b29b}:root[data-theme=dark] .legend-swatch.red{background:#b57569}:root[data-theme=dark] .legend-swatch.green{background:#70a680}:root[data-theme=dark] .site-footer{color:#94a18e;border-color:var(--border)}:root[data-theme=dark] .footer-brand{color:#b0c3ab}:root[data-theme=dark] #notice{color:#e4f8e9;background:#2e523a;border:1px solid #65886d;box-shadow:0 5px 25px #0006}:root[data-theme=dark] ::-webkit-scrollbar{width:10px;height:10px}:root[data-theme=dark] ::-webkit-scrollbar-track,:root[data-theme=dark] ::-webkit-scrollbar-corner{background:#19231d}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4e6053;border:2px solid #19231d;border-radius:8px}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#708776}@media(min-width:1550px){.editor-body{height:290px}}@media(max-width:1000px){.legend-description{display:none}.result-options{gap:8px}}@media(max-width:850px){.privacy{display:none}}@media(max-width:650px){main{width:calc(100% - 30px);padding-top:20px}.header-inner{width:calc(100% - 30px);height:63px;gap:13px}.brand{font-size:29px}.brand-symbol{width:27px;height:27px}.header-label{font-size:11px}.header-actions{gap:10px}.privacy{font-size:10px;gap:4px}.privacy i{display:none}.workspace-toolbar{padding:0 12px;min-height:51px;gap:8px}.text-actions{gap:11px}.text-actions .action-divider{display:none}.text-button{font-size:10px;gap:3px}.section-label{font-size:11px;gap:6px}.editors{grid-template-columns:1fr}.editor-panel+.editor-panel{border-left:0;border-top:1px solid var(--border)}.editor-body{height:187px}.editor-heading{height:40px;padding:0 12px}.input-footer{padding:11px 12px}.shortcut{display:none}.primary-button{padding:0 12px;gap:8px;font-size:11px}.check-label{font-size:10px}.result-title{gap:7px;flex-wrap:wrap}#result-status{font-size:9px}.view-switch button{font-size:10px;padding:5px 7px}.result-toolbar{flex-wrap:wrap;padding:10px}.result-options{margin-left:auto}.stats{gap:5px}.result-footnote{font-size:9px}.result-footnote>span:last-child{display:none}.code-line{font-size:11px;grid-template-columns:27px 15px minmax(0,1fr)}.code-line code{padding-right:6px}.line-number{padding-right:5px;font-size:9px}.diff-table th{padding-left:10px}.site-footer{margin-top:20px}.footer-right{font-size:9px}}@media(max-width:420px){.header-divider,.header-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}