:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#233a35;background:#f5f6f2;font-synthesis:none;--green:#286856;--line:#dde4dd;--muted:#75847d;--red:#cc533e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,label:focus-within{outline:3px solid #93bca9;outline-offset:3px}button{border:0}h1,h2,h3,p{margin:0}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px}.brand-icon{font-size:34px;color:var(--green)}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:var(--muted);margin-top:3px}.local-dot{font-size:12px;background:#eaf2e8;padding:7px 12px;border-radius:30px}.local-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#49855c;margin-right:7px}main{max-width:1720px;margin:auto;padding:36px 4vw 18px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.eyebrow{font-size:12px;color:var(--green);letter-spacing:1.5px;font-weight:600;margin-bottom:9px}h1{font-size:32px;font-weight:650;letter-spacing:-.7px}.sub{font-size:13px;color:var(--muted);margin-top:12px}.privacy{text-align:right;font-size:13px;line-height:1.8;color:#577266}.privacy span{font-size:11px;color:var(--muted)}.setup{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 16px #29423305}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.file-slot{border:1px dashed #b7c9bc;background:#fafcf8;border-radius:9px;display:flex;align-items:center;gap:14px;min-height:90px;padding:18px;cursor:pointer;position:relative;overflow:hidden}.file-slot:hover,.file-slot.drag{background:#eef5ed;border-color:var(--green)}.file-slot input{position:absolute;opacity:0;width:1px;height:1px}.file-letter{background:#e6eee4;color:var(--green);border-radius:6px;width:34px;height:42px;display:grid;place-items:center;font-size:18px;font-weight:600}.file-slot div{min-width:0;flex:1}.file-slot strong{display:block;font-size:14px;margin-bottom:7px}.file-slot div>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--muted)}.file-action{font-size:12px;color:var(--green)}.setup-bottom{display:flex;align-items:center;gap:14px;margin-top:18px;font-size:12px;color:var(--muted);flex-wrap:wrap}.samples{display:flex;gap:7px;flex:1}.sample{border:1px solid var(--line);background:#fff;color:#50645a;border-radius:6px;padding:8px 11px;font-size:12px}.sample:hover{border-color:var(--green);color:var(--green)}.primary{background:var(--green);color:white;border-radius:7px;padding:12px 24px;font-size:14px}.primary span{margin-left:16px}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:9px 13px;color:var(--green);font-size:12px}.progress{display:flex;align-items:center;gap:12px;background:#e8f0e6;border-radius:8px;padding:15px;margin-top:18px;font-size:13px}.spinner{width:16px;height:16px;border:2px solid #b7cbb4;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress .text-button{margin-left:auto}.text-button{background:transparent;color:var(--green);font-size:12px;padding:5px}.error{background:#fff0e9;color:#9a432e;padding:15px;border-radius:8px;margin-top:16px;white-space:pre-line}.empty{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-icon{border:1px solid #dbe3d8;border-radius:12px;background:#edf1e9;font-size:22px;padding:18px 23px;margin-bottom:18px;color:#94a48e}.empty-icon span{padding:0 14px}.empty h2{font-size:17px;font-weight:500;color:#5b7163;margin-bottom:12px}.empty p{font-size:12px;line-height:1.9}.result-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.result-header h2{font-size:24px;font-weight:600}.muted{color:var(--muted);font-size:12px;line-height:1.7}.result-header .muted{margin-top:8px}.notices:empty{display:none}.notice{padding:10px 13px;background:#fff7e7;color:#826324;font-size:12px;margin-bottom:8px;border-left:3px solid #d5b267;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.view-section{min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.toolbar{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line);flex-wrap:wrap}.page-tabs{display:flex;gap:5px;max-width:100%;overflow:auto}.page-tab{padding:7px 10px;border-radius:5px;background:#f1f4ee;color:#627365;font-size:12px;white-space:nowrap}.page-tab.active{background:var(--green);color:white}.page-tab.warn{box-shadow:inset 0 -2px #d5a654}.view-controls{display:flex;align-items:center;gap:10px;font-size:11px;color:#607566}.view-controls label{display:flex;align-items:center;gap:3px;white-space:nowrap}.view-controls input[type=range]{width:70px;accent-color:var(--green)}input[type=checkbox]{accent-color:var(--green)}.pair-head{display:grid;grid-template-columns:1fr 1fr;background:#fafbf8;font-size:11px;color:var(--muted)}.pair-head span{padding:11px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pair-head span+span{border-left:1px solid var(--line)}.pair{display:grid;grid-template-columns:1fr 1fr;background:#eaede7;gap:1px}.paper-scroll{height:520px;overflow:auto;position:relative;padding:14px;scrollbar-width:thin;background-image:radial-gradient(#cdd5cc .7px,transparent .7px);background-size:12px 12px}.paper{position:relative;width:100%;min-height:80px;background:white;box-shadow:0 2px 8px #233a3515}.paper canvas{width:100%;height:auto;display:block}.paper svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.paper rect{fill:#e7743b12;stroke:#d65435;stroke-width:2;vector-effect:non-scaling-stroke}.paper rect.text-box{stroke:#308877;fill:#46978112}.paper rect.selected{stroke-width:4;fill:#ffe29440}.viewer-foot{padding:11px 13px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}.difference-panel{border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;max-height:647px;overflow:auto;scrollbar-width:thin}.aside-head{display:flex;justify-content:space-between;align-items:center}.aside-head h3{font-size:15px;font-weight:600}.aside-head span{font-size:11px;padding:4px 8px;background:#f6eee5;border-radius:20px;color:#986342}#page-note{margin:10px 0 15px}.diff-item{display:block;width:100%;padding:12px;text-align:left;background:#fafbf8;border:1px solid #e4e9e0;border-radius:7px;margin-top:8px;line-height:1.7}.diff-item:hover,.diff-item.active{border-color:#7ba18f;background:#f0f6ed}.diff-item .tag{font-size:10px;color:#b76841;display:block;margin-bottom:5px}.diff-item.text .tag{color:var(--green)}.diff-item strong{font-size:12px;overflow-wrap:anywhere;font-weight:500;display:block;color:#354e42}.diff-item small{font-size:10px;color:var(--muted)}.value-before{color:#a36556;text-decoration:line-through}.value-after{color:#286856}.boundary{font-size:11px;color:var(--muted);line-height:1.7;margin-top:14px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:24px;font-size:10px;color:#859182}[hidden]{display:none!important}.missing{padding:80px 20px;text-align:center;font-size:13px;color:#8e7642}.busy .sample,.busy .file-slot{pointer-events:none;opacity:.6}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}.difference-panel{max-height:300px}.paper-scroll{height:440px}.intro .privacy{display:none}}@media(max-width:640px){main{padding:22px 14px}.topbar{height:70px;padding:0 18px}h1{font-size:24px}.sub{line-height:1.8}.file-grid{grid-template-columns:1fr}.setup{padding:14px}.setup-bottom{gap:12px}.setup-bottom>span{width:100%}.primary{width:100%}.samples{flex-wrap:wrap}.pair{grid-template-columns:1fr}.pair-head{display:none}.paper-scroll{height:340px}.result-header h2{font-size:20px}.viewer-foot{flex-direction:column}.view-controls{flex-wrap:wrap}footer span:last-child{display:none}.file-action{display:none}}
.paper rect.geometry-box{stroke:#9a83b2;stroke-dasharray:5 4;fill:none;stroke-width:1}.paper rect.geometry-box.selected{stroke-width:3;fill:#af83bb08}.diff-item.geometry .tag{color:#8966a3}.paper-scroll{min-width:0}
@media(max-width:640px){#scroll-a:before,#scroll-b:before{display:block;font-size:11px;color:#657b6d;margin-bottom:9px}#scroll-a:before{content:"A · 参考文件"}#scroll-b:before{content:"B · 待核对文件"}}
.compare-nav a{color:#286856;font-size:13px;text-decoration:none;background:#eaf2e5;padding:9px 15px;border-radius:6px}.embedded .topbar,.embedded .intro,.embedded .setup,.embedded footer,.embedded #empty{display:none}.embedded main{padding-top:15px}.embedded .result-header{margin-top:5px}.embedded .notice:first-child{font-weight:600}
body:not(.show-appearance) .appearance-box,body:not(.show-appearance) .geometry-box,body:not(.show-appearance) .diff-item.appearance,body:not(.show-appearance) .diff-item.geometry{display:none}.paper rect.appearance-box{stroke:#ab8d6c;stroke-dasharray:3 3}.diff-item.appearance .tag{color:#93785b}
body:not(.show-appearance) .diff-item.graphic{display:none}.diff-item.graphic .tag{color:#93785b}