@charset "UTF-8";
:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#233d33;background:#f5f5f0;font-synthesis:none;--green:#234b3c;--ink:#233d33;--muted:#738078;--line:#dfe3da;--orange:#df6746;--white:#fff;--radius:13px}
*{box-sizing:border-box}body{margin:0}button,input,a,label{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,label:focus-within{outline:3px solid #c0cd7b;outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button,.upload-button{transition:background .16s,color .16s,transform .16s}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.header{height:88px;padding:0 4.2%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand strong{font-size:21px;letter-spacing:1px}.brand-sub{font-size:10px;letter-spacing:1.6px;color:#8b948b;margin-left:6px}.brand-icon{position:relative;width:30px;height:32px}.brand-icon i{position:absolute;border:2px solid var(--green);border-radius:4px;width:22px;height:24px;left:0;top:0}.brand-icon i:last-child{left:8px;top:8px;background:#f5f5f0}.brand-icon i:last-child:after{content:"";display:block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin:7px}.header-right{display:flex;align-items:center;gap:28px}.local-tag{font-size:12px;color:#6b796e;display:flex;align-items:center;gap:7px}.local-tag i{width:6px;height:6px;border-radius:50%;background:#72936d}.text-button{border:0;background:none;padding:8px 2px;font-size:13px;white-space:nowrap}.text-button:hover:not(:disabled){color:var(--orange);filter:none}.text-button span{margin-left:7px}.text-button.small{font-size:11px}main{max-width:1600px;margin:auto;padding:0 4.2%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:52px 0 39px;gap:28px}.eyebrow{font-size:11px;letter-spacing:2px;color:#798577;margin:0 0 16px}h1{font-size:clamp(31px,3.25vw,52px);line-height:1.25;font-weight:600;letter-spacing:-1.6px;margin:0}h1>span{color:var(--orange)}.intro-copy{font-size:13px;line-height:1.9;color:#7c867b;margin:0 0 4px}.workspace-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfd6c9;padding:22px 0}.workspace-title,.workspace-actions{display:flex;align-items:center;gap:18px}h2,h3,p{margin-top:0}.workspace-title h2,.method-intro h2{font-size:17px;font-weight:600;margin:0}.section-index{color:#8c9983;font-size:11px;letter-spacing:1px;white-space:nowrap}.status-pill{background:#e8eddf;color:#6f7d5e;font-size:10px;padding:5px 9px;border-radius:5px}.workspace-actions{gap:25px}.settings{background:#e9eddf;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 24px;margin-bottom:22px;font-size:13px}.range-setting{display:grid;grid-template-columns:1fr 30px;width:46%;column-gap:10px}.range-setting input{grid-column:1/-1;width:100%;accent-color:var(--green);margin:12px 0 6px}.range-setting output{text-align:right;font-variant-numeric:tabular-nums}.range-setting small,.check-setting small{font-size:11px;color:#7b8673;line-height:1.7}.range-setting small{grid-column:1/-1}.check-setting{display:flex;gap:12px;align-items:center}.check-setting small{display:block;margin-top:5px}.check-setting input{width:18px;height:18px;accent-color:var(--green)}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px}.comparison{min-width:0}.image-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.image-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.image-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 15px 14px;font-size:12px}.image-heading>div{display:flex;align-items:center;gap:9px}.image-letter{display:grid;place-items:center;color:white;background:var(--green);font-size:10px;width:23px;height:23px;border-radius:5px}.image-letter-b{background:#858d74}.upload-button{font-size:10px;color:#7d8778;cursor:pointer;padding:4px 0 4px 8px}.upload-button span{font-size:14px;margin-left:5px}.upload-button:hover{color:var(--orange)}.file-input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.canvas-wrap{margin:0 10px;background:#f0f2e9;aspect-ratio:1222/891;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:5px}.canvas-wrap canvas{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;cursor:crosshair}.image-meta{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;font-size:10px;color:#899184;min-height:37px}.image-meta span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:75%}.image-meta span:last-child{white-space:nowrap}.image-panel.dragover{outline:2px dashed #61834a;outline-offset:4px}.empty-state{font-size:13px;color:#6e7d61;text-align:center;line-height:2}.empty-state small{font-size:10px}.view-toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;gap:20px}.view-tabs{display:flex;background:#e9ede2;border-radius:7px;padding:3px;gap:3px}.view-tabs button{border:0;background:none;font-size:11px;padding:9px 14px;border-radius:5px;color:#829075}.view-tabs button.active{background:var(--white);color:var(--green);box-shadow:0 1px 4px #30451d0a}.export-button{font-size:11px}.comparison-note{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#899380;line-height:1.7}.results{border-left:1px solid var(--line);padding-left:27px;display:flex;flex-direction:column;min-width:0}.detect-button{border:0;background:var(--green);color:#fff;border-radius:9px;min-height:48px;padding:13px 17px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}.detect-button:hover:not(:disabled){background:#315f4b;filter:none}.detect-button:active:not(:disabled){transform:translateY(1px)}.button-arrow{margin-left:auto;font-size:19px}.search-icon{width:13px;height:13px;border:1.5px solid currentColor;border-radius:50%;position:relative;margin-right:3px}.search-icon:after{content:"";height:6px;width:1.5px;position:absolute;right:-3px;bottom:-5px;background:currentColor;transform:rotate(-45deg)}.result-status{color:#7b8b6d;font-size:10px;margin:12px 0 15px;display:flex;gap:7px;align-items:center;min-height:16px}.result-status:before{content:"";width:5px;height:5px;border-radius:50%;background:#8fa773}.result-status.loading:before{animation:pulse 1s ease infinite}.result-summary{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}.result-summary>#resultCount{font-size:53px;letter-spacing:-2px;font-weight:500;line-height:1}.result-summary>div{font-size:13px;color:#4d6652}.result-summary small{display:block;font-size:10px;color:#9aA28f;margin-top:7px}.result-star{margin-left:auto;font-size:38px;color:#b9c98c;font-family:serif}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 0 5px}.list-heading h3{font-size:11px;font-weight:500;color:#788574;margin:0}.difference-list{height:283px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d1d9c9 transparent;flex:1;min-height:180px}.difference-item{border:0;background:none;width:100%;display:flex;align-items:center;gap:10px;text-align:left;border-radius:6px;padding:9px 8px;font-size:11px;min-height:34px}.difference-item>span:first-child{display:grid;place-items:center;border:1px solid #d5dccd;border-radius:4px;width:21px;height:20px;font-size:10px;color:#869879;flex:none}.difference-item>span:nth-child(2){flex:1}.difference-item>span:last-child{color:#a2ae95;font-size:13px}.difference-item:hover,.difference-item.selected{background:#e8eddf}.difference-item.selected>span:first-child{background:var(--orange);border-color:var(--orange);color:white}.list-placeholder{font-size:12px;color:#9aA18e;line-height:1.9;padding:20px 0}.result-footer{border-top:1px solid var(--line);padding-top:11px;margin-top:13px;display:flex;align-items:flex-start;flex-direction:column;gap:4px;color:#929b87;font-size:10px;line-height:1.8}.detail-panel{border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.detail-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:15px}.detail-head h3{font-size:14px;font-weight:500;margin:0}.detail-coords{font-size:10px;color:#9da58f;margin-left:auto}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-pair>div{min-width:0;background:#ebeee3;border-radius:8px;padding:12px}.detail-pair span{display:block;font-size:10px;color:#86947a;margin-bottom:12px}.detail-pair canvas{display:block;max-width:100%;max-height:180px;width:auto;margin:auto;border-radius:4px}.method-section{border-top:1px solid #d7dece;margin-top:55px;padding:27px 0 35px}.method-intro{display:flex;align-items:center;gap:18px}.method-intro p{margin:0 0 0 auto;font-size:11px;color:#8a9580}.method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:28px}.method-steps>div{position:relative;padding-left:30px}.method-steps>div>span{position:absolute;left:0;top:3px;font-size:10px;color:#b3bea5}.method-steps h3{font-size:13px;font-weight:500;margin-bottom:10px}.method-steps p{font-size:11px;color:#8b967f;margin:0;line-height:1.8}footer{padding:24px 0 31px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#929c87;gap:20px}footer i{font-style:normal;color:#c0c7b6;margin:0 12px}footer>div{display:flex;gap:28px}footer a:hover{color:var(--green)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:20;background:#233d33;color:white;padding:14px 22px;box-shadow:0 10px 40px #233d3322;border-radius:10px;font-size:13px;max-width:90%;line-height:1.8}dialog{border:1px solid #d9dfcf;border-radius:18px;padding:29px;max-width:600px;width:calc(100% - 32px);color:var(--ink);background:var(--white);box-shadow:0 25px 100px #142c3540}dialog::backdrop{background:#142e2c60;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.close-button{border:0;background:none;font-size:27px;color:#88947e;padding:0 3px}.dialog-heading+h2{font-size:26px;font-weight:500}dialog p,dialog li{font-size:13px;line-height:1.9;color:#73816a}dialog ol{padding-left:22px}dialog li{margin:12px 0}dialog h3{font-size:15px;margin:25px 0 10px}.dialog-note{background:#f3f5ee;padding:13px;border-radius:7px;font-size:11px!important}dialog .detect-button{width:100%;margin-top:22px;justify-content:space-between}@keyframes pulse{50%{opacity:.25}}@media(min-width:1500px){.work-grid{grid-template-columns:minmax(0,1fr) 285px}.difference-list{max-height:360px}}@media(max-width:1100px){.brand-sub{display:none}.intro-copy{font-size:11px}.work-grid{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.results{padding-left:19px}.image-pair{gap:13px}.image-heading{padding:12px 10px}.image-meta{padding:10px}.upload-button{font-size:9px}.view-tabs button{padding:9px 11px}.comparison-note{flex-direction:column;gap:3px}.difference-list{height:248px}.method-intro p{max-width:270px;line-height:1.9}.method-steps{gap:15px}}@media(max-width:780px){.header{height:72px}.header-right{gap:15px}.local-tag{font-size:10px}.brand strong{font-size:18px}.header-right>.text-button{font-size:11px}.intro{display:block;padding:35px 0 28px}h1{font-size:34px;letter-spacing:-1px}.eyebrow{margin-bottom:12px}.intro-copy{font-size:12px;margin-top:16px}.intro-copy br{display:none}.workspace-title{gap:10px}.workspace-title h2{font-size:15px}.workspace-actions{gap:14px}.workspace-actions>.text-button{font-size:11px}.work-grid{grid-template-columns:1fr}.results{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.detect-button{grid-column:1/-1}.result-status{grid-column:1/-1;margin-bottom:12px}.result-summary{grid-row:3;padding:5px 0 12px;border:0;align-items:flex-start}.result-star{font-size:31px}.list-heading{grid-column:2;grid-row:3;margin-top:4px;align-items:flex-start}.difference-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;height:auto;max-height:250px;min-height:80px;gap:0 16px}.result-footer{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.result-summary small{margin-top:6px}.method-section{margin-top:35px}.method-intro{flex-wrap:wrap;gap:12px}.method-intro p{flex-basis:100%;max-width:none;margin-left:28px}.method-steps{grid-template-columns:1fr 1fr;gap:23px}footer{flex-wrap:wrap;gap:15px}.settings{flex-wrap:wrap;padding:16px;gap:20px}.range-setting{width:100%}.check-setting{flex:1}.detail-coords{margin:0;font-size:9px}.image-panel{border-radius:10px}.image-heading>div{gap:6px}.canvas-wrap{margin:0 6px}.image-heading{padding:10px 9px}.image-meta{padding:9px;font-size:9px}.view-toolbar{gap:10px}.view-tabs button{font-size:10px;padding:8px 10px}.export-button{font-size:10px}.view-tabs{gap:1px}.comparison-note{font-size:9px}}@media(max-width:430px){.local-tag{display:none}.workspace-title .status-pill{display:none}.workspace-actions{gap:12px}.workspace-bar{padding:18px 0}.workspace-actions .text-button{font-size:10px}.image-heading>div>span:last-child{font-size:10px}.upload-button{font-size:9px;padding-left:0}.image-letter{width:19px;height:20px}.intro h1{font-size:29px}.image-meta>span:last-child{display:none}.image-pair{gap:9px}.detail-pair{gap:9px}.result-summary>#resultCount{font-size:45px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}