*{box-sizing:border-box} :root{color-scheme:light;--ink:#25392f;--muted:#738076;--line:#e4e9dd;--green:#2d4b3b;--lime:#d6ef91;--paper:#f7f8f2}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #809b46;outline-offset:4px}button[hidden],[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}.site-header,main,footer{max-width:1120px;margin:auto}.site-header{padding:29px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:22px;letter-spacing:.5px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:10px;letter-spacing:2px;font-weight:450;color:var(--muted)}.back-link{font-size:13px;color:#5d6c60}.back-link span{margin-left:10px}main{padding:0 32px}.hero{padding:65px 12px 54px;display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#6b7a6b}.dot{display:inline-block;width:7px;height:7px;background:#8ca747;border-radius:50%;margin-right:8px}h1{font-size:clamp(38px,5.3vw,64px);line-height:1.2;letter-spacing:-2.2px;margin:19px 0 22px;font-weight:760}h1 span{color:#708e3c}.intro{color:#748071;font-size:15px;line-height:1.9}.trust{display:flex;gap:20px;margin-top:24px;font-size:12px;color:#66745d}.hero-note{background:#ebf0de;border-radius:34px 8px 34px 8px;padding:30px 31px;transform:rotate(3deg);max-width:280px;box-shadow:0 8px 0 #25392f04}.hero-note p{font-size:26px;line-height:1.5;font-weight:550;letter-spacing:-.6px;margin:15px 0}.hero-note>span{font-size:11px;color:#788268;line-height:1.8}.note-symbol{font-size:43px;font-weight:300;line-height:1}.note-symbol span{color:#94aa65;margin-left:14px}.note-line{width:100%;height:1px;background:#d8e0c8;margin:20px 0}.workspace{background:#fff;border:1px solid #e1e7da;border-radius:26px;padding:32px;box-shadow:0 10px 38px #293c2605}.workspace-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}h2{font-size:23px;letter-spacing:-.7px;font-weight:650;margin-top:6px}.local-badge{display:flex;gap:6px;align-items:center;background:#f0f5e7;border-radius:20px;padding:7px 12px;color:#67833d;font-size:11px;white-space:nowrap}.local-badge svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.drop-zone{width:100%;background:#f8faf4;border:1.5px dashed #c8d7b5;border-radius:17px;display:flex;flex-direction:column;align-items:center;padding:31px 16px;transition:background .18s,border-color .18s;color:var(--ink)}.drop-zone:hover,.drop-zone.dragging{background:#eef5e2;border-color:#839e53}.drop-zone strong{font-size:17px;font-weight:600}.drop-zone>span:last-child{font-size:12px;color:#89927f;margin-top:6px}.upload-mark{display:grid;place-items:center;width:59px;height:59px;background:#eaf0de;border-radius:18px;margin-bottom:17px;transform:rotate(-5deg)}.upload-mark svg{width:37px;height:37px;fill:none;stroke:#728d4d;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.drop-zone.has-files{padding:18px;flex-direction:row;justify-content:center;gap:12px}.has-files .upload-mark{width:35px;height:35px;margin:0}.has-files .upload-mark svg{width:25px;height:25px}.has-files>span:last-child{display:none}.has-files strong{font-size:14px}.settings{padding:26px 0 16px}.setting-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;margin-bottom:13px}.setting-label>span{font-size:11px;color:#909889}.presets{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.presets label{position:relative;cursor:pointer}.presets input{position:absolute;opacity:0;left:12px;top:14px;width:1px;height:1px}.presets label>span{display:flex;flex-direction:column;padding:12px 15px;border:1px solid #e7eadd;border-radius:11px;background:#fff;transition:.15s}.presets input:checked+span{background:#f0f5e4;border-color:#a3ba73;box-shadow:inset 0 0 0 .5px #a3ba73}.presets input:focus-visible+span{outline:3px solid #8ca05c;outline-offset:3px}.presets strong{font-size:13px;font-weight:600}.presets small{font-size:11px;color:#90987f;margin-top:3px}.presets em{font-size:9px;font-style:normal;background:#d8e8b4;color:#647c37;border-radius:4px;padding:1px 4px;margin-left:4px;white-space:nowrap}.advanced{font-size:12px;color:#6b775e;padding:0 0 18px}.advanced summary{cursor:pointer;width:100%;padding:8px 0;list-style-position:inside}.advanced summary span{color:#9ba491;margin-left:10px;font-size:11px}.advanced-content{display:flex;align-items:center;gap:17px;flex-wrap:wrap;background:#f8faf5;border-radius:10px;padding:16px;margin-top:6px}.keep-size{display:flex;gap:4px;align-items:center}.keep-size input{accent-color:#587439}.format-label{display:flex;gap:8px;align-items:center}.format-label select{max-width:260px;font-size:12px;background:white;color:var(--ink);border:1px solid #d9e2cf;border-radius:6px;padding:7px}.advanced-content p{font-size:11px;width:100%;color:#8b957e}.action-bar{border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding-top:23px}.action-bar>div{flex:1}.action-bar p{font-size:13px}.action-bar small{font-size:11px;color:#919a87}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;border-radius:11px;border:0;font-weight:550;transition:background .15s}.primary{background:#2d4b3b;color:#e3f7b0;padding:15px 31px;font-size:15px;min-height:53px}.primary:hover:not(:disabled){background:#1d3829}.primary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.secondary{background:#edf2e5;border:1px solid #d9e4cb;color:#45632f;padding:10px 14px;font-size:12px;min-height:42px}.secondary:hover:not(:disabled){background:#e0eace}.text-button{background:transparent;color:#8b9484;font-size:12px;padding:10px}.text-button:hover:not(:disabled){color:var(--ink);background:#f4f6ef}.message{border-radius:9px;background:#fff6e8;padding:12px 15px;font-size:12px;color:#926231;margin-top:18px;white-space:pre-line}.processing{display:flex;gap:15px;align-items:center;margin-top:18px}.processing progress{accent-color:#74963c;flex:1;min-width:0;height:7px}.processing span{font-size:12px;color:#81916e}.results{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.result-heading h2{font-size:19px}.result-actions{display:flex;align-items:center;gap:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0 10px;border:1px solid #e6ebdf;border-radius:13px;background:#f7faf1}.stat{padding:16px 20px;display:flex;flex-direction:column}.stat+.stat{border-left:1px solid #e6ebdf}.stat small{font-size:11px;color:#939e86}.stat strong{font-size:24px;line-height:1.6;font-weight:600}.stat:last-child strong{color:#78943e}.file-list{list-style:none;padding:0;margin:18px 0 0}.file-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #eff2eb}.file-row:last-child{border-bottom:0}.thumb{width:54px;height:54px;border-radius:9px;object-fit:cover;background:repeating-conic-gradient(#e9ede3 0% 25%,#f6f8f1 0% 50%) 50% /12px 12px;border:1px solid #e4e9dc}.file-info{flex:1;min-width:0}.file-name{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:11px;color:#8c9780;margin-top:4px}.file-state{font-size:11px;color:#799253;min-width:72px;text-align:right}.file-state.error{color:#ac6c44}.file-actions{display:flex;gap:4px;align-items:center}.file-actions .text-button{padding:8px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:46px 11px 60px}.notes article>span{font-size:10px;color:#9aa58d;border:1px solid #dce3d1;padding:3px 6px;border-radius:5px}.notes h3{font-size:14px;font-weight:600;margin:14px 0 8px}.notes p{font-size:12px;color:#8b9580;line-height:1.9}footer{border-top:1px solid var(--line);padding:23px 32px 35px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#8b9582}.footer-divider{margin:0 10px;color:#bdc6b1}dialog{border:1px solid #dce4d1;border-radius:20px;padding:26px;max-width:1000px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);max-height:90vh;overflow:auto}dialog::backdrop{background:#102317b8;backdrop-filter:blur(4px)}.compare-head{display:flex;justify-content:space-between;align-items:center}.compare-head h2{font-size:20px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.compare-grid figure{min-width:0}.compare-grid img{display:block;width:100%;height:45vh;object-fit:contain;background:repeating-conic-gradient(#e5e9df 0% 25%,#f4f6ef 0% 50%) 50% /16px 16px;border-radius:9px}.compare-grid figcaption{font-size:12px;color:#7d8c70;text-align:center;margin-top:10px}.compare-tip{font-size:11px;color:#96a187;margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.site-header{padding:21px 22px}main{padding:0 18px}.hero{padding:40px 6px;grid-template-columns:1fr;gap:0}.hero-note{display:none}h1{font-size:44px}.workspace{padding:22px 18px;border-radius:19px}.workspace-heading{align-items:flex-start;gap:10px}h2{font-size:20px}.local-badge{font-size:10px;padding:6px 8px}.eyebrow{font-size:9px;letter-spacing:1.3px}.presets{gap:6px}.presets label>span{padding:11px 9px}.presets strong{font-size:12px}.presets small{font-size:10px}.presets em{display:inline-block;margin:0 0 0 3px}.notes{grid-template-columns:1fr;gap:24px;padding:32px 8px 40px}.notes h3{margin-top:9px}.notes p{max-width:490px}.result-heading{align-items:flex-start;flex-wrap:wrap}.file-row{flex-wrap:wrap;gap:10px}.file-state{min-width:0}.file-actions{margin-left:auto}.file-actions .text-button{font-size:11px}.file-info{flex-basis:calc(100% - 66px)}.thumb{width:46px;height:46px}.stat{padding:12px}.stat strong{font-size:19px}.setting-label>span{font-size:10px}.action-bar{flex-wrap:wrap}.primary{padding:14px 22px;font-size:14px}.action-bar small{font-size:10px}.format-label{align-items:flex-start;flex-direction:column;gap:3px}.compare-grid{grid-template-columns:1fr}.compare-grid img{height:32vh}footer{padding:22px;gap:12px}.drop-zone>span:last-child{font-size:10px}.back-link{font-size:11px}}@media(max-width:380px){.local-badge{display:none}.presets label>span{padding:10px 7px}.presets em{display:none}.trust{gap:15px}.action-bar>div{flex-basis:100%}.action-bar .primary{flex:1}.brand{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}