:root{--ink:#17271f;--muted:#66756d;--green:#147d57;--soft:#edf7f1;--line:#d8e4dd;--bg:#f4f7f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.shell{width:min(940px,calc(100% - 36px));margin:auto;padding:28px 0 48px}.back{display:inline-block;color:var(--green);text-decoration:none;font-weight:700}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.08em}header{padding:32px 0 24px}h1{font-size:38px;letter-spacing:-.05em;margin:5px 0}h2{margin:0;font-size:23px}.panel-title p,header p{margin:8px 0 0;color:var(--muted)}.tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 18px;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:10px 13px;background:#fff;color:var(--muted);cursor:pointer}.tab.active{background:var(--green);border-color:var(--green);color:#fff}.panel{display:none;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 8px 26px #1b42300b}.panel.active{display:block}.drop{min-height:120px;margin:22px 0;display:grid;place-content:center;text-align:center;gap:4px;border:1.5px dashed #a9cbb9;border-radius:13px;background:var(--soft);cursor:pointer}.drop input{display:none}.drop b{color:var(--green);font-size:17px}.drop span,.hint{color:var(--muted);font-size:13px}.form-row{display:flex;align-items:end;gap:18px;margin:18px 0;flex-wrap:wrap}.form-row>label{display:flex;flex-direction:column;gap:5px;min-width:180px}.checks{align-items:center}.checks>label{display:block;min-width:auto}input,select,textarea{width:100%;border:1px solid #cbd9d1;border-radius:9px;padding:9px;background:#fff;color:var(--ink);font:inherit}textarea{resize:vertical}.primary,.secondary{border:0;border-radius:9px;padding:10px 16px;font:inherit;font-weight:750;cursor:pointer}.primary{background:var(--green);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#edf2ee;color:#294338}.actions{display:flex;align-items:center;gap:10px;margin:14px 0}.notice,.file-list{margin:14px 0;padding:12px;border-radius:9px;background:#f4f7f5;color:var(--muted)}.file-list:empty{display:none}.file-list div{padding:4px 0}.qr-output{width:260px;min-height:260px;display:grid;place-items:center;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted)}.qr-output canvas{width:240px;height:240px;image-rendering:pixelated}.photo-stage{width:min(295px,100%);margin:18px 0;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#ddd 0 25%,#fff 0 50%) 50% / 20px 20px}.photo-stage canvas{width:100%;display:block}.date-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.date-grid label{display:flex;flex-direction:column;gap:5px}.date-grid output{grid-column:1/-1;padding:13px;border-radius:9px;background:var(--soft);color:#185b3f;font-weight:700}hr{border:0;border-top:1px solid var(--line);margin:28px 0}@media(max-width:620px){.shell{width:min(100% - 24px,940px)}h1{font-size:31px}.panel{padding:20px}.date-grid{grid-template-columns:1fr}.date-grid button,.primary,.secondary{width:100%}.actions{align-items:stretch;flex-direction:column}.qr-output{width:100%;min-height:220px}.qr-output canvas{width:min(240px,90%);height:auto}}