:root{font-family:"PingFang TC","Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263e34;background:#f6f6f0;font-synthesis:none;--green:#255d4c;--muted:#667569;--line:#dce3d7}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;min-height:44px}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button[hidden],[hidden]{display:none!important}:focus-visible{outline:3px solid #498467;outline-offset:3px}.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}
.topbar{height:80px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf6}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px}.brand strong{font-size:18px;font-weight:500}.brand-mark{background:var(--green);color:white;border-radius:11px;width:36px;height:38px;text-align:center;font:32px Georgia}.beta{font-size:12px;border:1px solid #d7e0ce;background:#eef3e8;padding:6px 10px;border-radius:5px;color:#536b45}main{max-width:1360px;margin:auto;padding:0 40px}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 30px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#697d5c;font-weight:600;margin:0 0 12px}h1{font-size:36px;font-weight:600;margin:0 0 12px;letter-spacing:1px}h1 span{color:#829b60}.intro p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:0}.intro-note{border-left:1px solid var(--line);padding-left:26px}.steps{display:flex;gap:36px;padding:20px 0;border-top:1px solid var(--line);font-size:13px;color:#71816d}.steps b{font:14px Georgia;margin-right:7px}.steps [aria-current]{font-weight:600;color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px 24px;border-bottom:1px solid #eef1e9}h2{font-size:15px;margin:0;display:flex;align-items:center;gap:10px}.section-index{font:11px Georgia;border:1px solid var(--line);color:#798b67;padding:4px 6px;border-radius:4px}.status-pill{font-size:12px;background:#f1f3ed;color:var(--muted);padding:6px 10px;border-radius:20px;text-align:center;flex-shrink:0}.status-pill.working{background:#e8f1ed;color:var(--green)}.status-pill.clear{background:#e8f1e6;color:#255d4c}.status-pill.suspects{background:#faeaea;color:#a42b35}.status-pill.review{background:#fff2e2;color:#985218}
.dropzone{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:22px;border:1px dashed #bdcbb5;border-radius:8px;background:#fafbf7;padding:26px 15px;text-align:center}.dropzone.dragover{background:#e8f1e4;border-color:var(--green)}.upload-art{width:105px;height:105px;margin-bottom:14px}.dropzone h3{font-size:20px;font-weight:500;margin:4px 0 12px}.dropzone p{font-size:13px;color:var(--muted);margin:0}.dropzone small{font-size:12px;line-height:1.7;color:var(--muted)}.upload-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0}.small-button{background:white;border:1px solid #cbd7c1;border-radius:6px;padding:9px 12px;font-size:14px}.small-button:hover:enabled{background:#f0f5e9}.text-button{background:transparent;border:0;padding:6px;font-size:13px;color:var(--green)}.primary-button{width:100%;border:1px solid var(--green);background:var(--green);color:white;border-radius:7px;min-height:48px;padding:12px 18px;font-size:15px}.primary-button:hover:enabled{background:#194b3a}.scope-note{font-size:13px;line-height:1.8;background:#fafbf6;padding:18px 24px;margin:0;color:var(--muted);border-top:1px solid #eef1e9}
#preview-wrap{padding:18px}.image-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.image-toolbar>span{font-size:13px;overflow-wrap:anywhere}.image-toolbar>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px}#zoom-label{font-size:12px;min-width:48px;text-align:center}.image-viewport{background:#f1f3ed radial-gradient(#d6decf 1px,transparent 1px);background-size:12px 12px;border:1px solid #e2e7db;border-radius:7px;overflow:auto;max-height:560px;min-height:240px;padding:16px}#image-stage{margin:auto;line-height:0}#preview{display:block;width:100%;height:auto;box-shadow:0 2px 14px #30473112}.image-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.image-caption>span{flex:1;min-width:180px}.image-caption button{font-size:12px}
.empty-result{padding:40px 25px;text-align:center}.empty-icon{font-size:44px;color:#94a483}.empty-result h3{font-size:18px;font-weight:500;margin:16px 0}.empty-result p{font-size:14px;line-height:1.8;color:var(--muted)}.empty-result ul{padding:10px 0 0;list-style:none;font-size:14px;color:#627955;line-height:2.1}.empty-result li::before{content:'✓ ';color:var(--green)}.loading-result{text-align:center;padding:36px 24px}.spinner{width:36px;height:36px;border:2px solid #dce6d6;border-top-color:var(--green);border-radius:50%;margin:0 auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-result h3{font-size:18px;font-weight:500}.loading-result p{font-size:14px;line-height:1.7}.muted{font-size:13px;line-height:1.7;color:var(--muted)}.error-box{margin:14px 22px;padding:12px 15px;border:1px solid #ebc4b2;border-radius:7px;background:#fff5ee;font-size:14px;line-height:1.7;color:#934527;overflow-wrap:anywhere}.action-area{padding:22px 24px;border-top:1px solid var(--line)}.access-label{display:block;font-size:14px;margin-bottom:8px}#access-code,textarea{width:100%;background:#fdfefb;border:1px solid #c5d2ba;border-radius:6px;padding:11px;font-size:16px;line-height:1.5}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;margin:18px 0}.consent input{width:18px;height:18px;margin:3px 0;accent-color:var(--green);flex-shrink:0}.consent small{display:block;color:var(--muted);font-size:12px;margin-top:5px}#service-state{margin-bottom:0}.result-summary{padding:24px;border-bottom:1px solid var(--line)}.result-summary h3{font-size:23px;line-height:1.5;margin:0 0 12px}.result-summary p{line-height:1.8;font-size:14px}.result-summary .score-label{font-size:19px;font-variant-numeric:tabular-nums;font-weight:600}.clear{color:#255d4c}.suspects{color:#ad2d38}.review{color:#a45a1a}.warning{color:#985218;background:#fff4e5;padding:10px;border-radius:6px}.human-review{padding:22px 24px;background:#fafbf7}.human-review h3{font-size:16px;margin:0 0 14px}.feedback{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.feedback [aria-pressed=true]{background:#e0ecd7;border-color:#7a9866;color:#244f36}.feedback [aria-pressed=true]::before{content:'✓ '}.human-review label{display:block;font-size:14px;margin-bottom:8px}.delivery{padding:20px 24px}.delivery-secondary{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:10px}.delivery textarea{margin-top:10px}.delivery label{display:block;font-size:14px;margin-top:16px}.has-result #analyze{color:var(--green);background:white}.has-result .action-area{background:#fcfdf9}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 30px;font-size:12px;line-height:1.7;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;border-radius:8px;background:#244839;color:white;font-size:14px;z-index:20;text-align:center}.mobile-actions{display:none}
@media(max-width:1000px){main{padding:0 24px}.workspace{gap:16px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.intro-note{display:none}.dropzone{margin:16px}}
@media(max-width:760px){body{padding-bottom:80px}.topbar{height:66px;padding:0 18px}.brand{font-size:18px;gap:8px}.brand strong{font-size:16px}.beta{font-size:11px}main{padding:0 16px}.intro{padding:30px 0 24px}h1{font-size:29px}.intro p:not(.eyebrow){font-size:13px}.steps{gap:18px;font-size:12px;justify-content:space-between}.steps b{font-size:12px;margin-right:4px}.workspace{grid-template-columns:minmax(0,1fr)}.panel-heading{padding:14px 18px}.dropzone{min-height:300px}.dropzone small{font-size:11px}.scope-note{padding:16px 18px}.image-viewport{max-height:420px;min-height:180px;padding:10px}#preview-wrap{padding:14px}.image-toolbar>span{width:100%}.image-toolbar .small-button{padding:7px 9px;font-size:13px}.review-panel{display:flex;flex-direction:column}.review-panel>.panel-heading{order:0}.review-panel>.action-area{order:1}.review-panel>#service-error{order:2}.review-panel>#result{order:3}.has-result .review-panel>#result{order:1}.has-result .review-panel>#service-error{order:2}.has-result .review-panel>.action-area{order:3}.has-image #empty-result{display:none}.action-area,.result-summary,.human-review,.delivery{padding:20px 18px}.mobile-actions:not([hidden]){display:block;position:fixed;z-index:10;bottom:0;left:0;right:0;padding:8px 16px max(8px,env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line)}.editing-text .mobile-actions:not([hidden]){display:none}.toast{bottom:84px}.action-area,#finished-result{scroll-margin-bottom:100px}footer{flex-direction:column;gap:6px;font-size:11px}.feedback{gap:6px}.feedback button{padding:8px 10px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}*{scroll-behavior:auto!important}}