:root{color-scheme:light;--ink:#25372d;--green:#405548;--paper:#f7f6f1;--line:#dedfd6;--muted:#687267}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}header{max-width:1000px;margin:auto;padding:26px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}header a{color:var(--ink);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:.1em}header a span{display:block;font-size:8px;letter-spacing:.18em}.edition{font-size:12px;color:var(--muted)}main{max-width:680px;margin:auto;padding:30px 20px 48px}h1{font-size:30px;margin:14px 0 8px;font-weight:600}h2{font-size:22px;line-height:1.45;margin:10px 0 18px}h3{font-size:15px}p{margin:12px 0;overflow-wrap:anywhere}button,.button,input{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--green);background:var(--green);color:#fff;padding:10px 18px;text-decoration:none;border-radius:8px;cursor:pointer;font-weight:600;text-align:center;max-width:100%}.secondary{background:transparent;color:var(--green);border-color:#b9c1b5}button:disabled{opacity:.55;cursor:wait}button:focus-visible,.button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b38632;outline-offset:4px}.identity{background:#e9eddf;border:1px solid #ccd4c2;border-radius:18px;padding:32px;overflow:hidden;box-shadow:0 10px 36px #263d2a08}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--muted)}.name{font-size:14px}.identity h2{font-size:32px;overflow-wrap:anywhere;line-height:1.25;margin:22px 0}.identity #issued{font-size:12px}.palette{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.swatch{width:42px;height:42px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.card-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:9px;letter-spacing:.1em;border-top:1px solid #bac6b3;padding-top:20px;margin-top:26px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.actions>*{flex:1 1 145px}.panel{padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:26px;min-width:0}.subtle{font-size:12px;color:var(--muted);line-height:1.75}.banner{background:#fff0cc;padding:12px;border-radius:8px}.choices{display:flex;gap:10px;margin:18px 0}.choices button{flex:1}dl{margin:0}dl div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;border-bottom:1px solid #eee;padding:10px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}#note{white-space:pre-wrap;font-size:14px}video,canvas,#report-image{display:block;width:100%;max-width:100%;border-radius:8px;height:auto}#photo-canvas{cursor:crosshair;touch-action:manipulation}input:not([type=color]){width:100%;min-width:0;padding:12px;border:1px solid #c7cebf;border-radius:8px;margin:8px 0 16px}input[type=color]{width:54px;height:40px;vertical-align:middle;border:1px solid #ccc;background:white}#match{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid var(--line);margin-top:18px}#sample-chip{width:50px;height:50px;flex-shrink:0;border-radius:50%;border:1px solid #0002}#score{display:block;font-size:32px;line-height:1.3}#match-detail{font-size:12px;color:var(--muted)}.shop .button{width:100%}#status{padding:16px 0;overflow-wrap:anywhere}.install-help{margin-top:26px}footer{text-align:center;font-size:11px;color:var(--muted);padding:24px;border-top:1px solid var(--line)}@media(max-width:360px){header{padding:20px 16px}.edition{font-size:10px}main{padding:22px 14px}.identity{padding:24px}.panel{padding:22px 18px}h1{font-size:27px}.identity h2{font-size:28px}}