:root{color-scheme:light;--navy:#12384b;--blue:#126485;--ink:#153244;--muted:#627987;--line:#dce6eb;--surface:#f0f5f8}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65}header{background:var(--navy);color:white;min-height:84px;padding:20px max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:650}.brand svg{width:30px;height:30px;fill:none;stroke:#82d5e8;stroke-width:2;stroke-linecap:round}.divider{width:1px;height:23px;background:#ffffff40}.brand-sub,.header-note{font-size:14px;font-weight:400;color:#d2e1e8}.header-note{border:1px solid #ffffff30;padding:3px 12px;border-radius:30px}main{width:min(1080px,calc(100% - 48px));margin:50px auto 25px}.eyebrow{font-size:14px;font-weight:650;color:var(--blue);letter-spacing:.06em}h1{font-size:32px;line-height:1.4;margin:9px 0 10px;font-weight:700;letter-spacing:-.025em}.intro p{color:var(--muted);margin:0 0 30px}.workspace{background:white;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 16px 50px #1c4b6310;overflow:hidden}.form-panel,.photo-panel{padding:36px 40px}.photo-panel{border-left:1px solid var(--line);background:#fbfdfe}.section-label{color:var(--blue);font-size:14px;font-weight:650;letter-spacing:.035em}h2{font-size:22px;line-height:1.45;margin:8px 0 26px}label{display:block;font-weight:550;font-size:16px;margin:20px 0 8px}input{font:inherit;border:1px solid #cbd9e1;border-radius:8px;padding:13px 14px;width:100%;min-height:52px;background:white;color:var(--ink);outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #12648518}input::placeholder{color:#8699a4;font-size:16px}.password-field{display:flex;position:relative}.password-field input{padding-right:64px}.password-field button{position:absolute;right:6px;top:6px;min-height:40px;padding:0 12px;background:none;border:0;font:inherit;font-size:14px;color:var(--blue);cursor:pointer}.hint{font-size:14px;color:var(--muted);margin:8px 0 18px}.primary{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 20px;width:100%;background:var(--blue);color:white;font:inherit;font-weight:600;border:0;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .15s}.primary:hover{background:#0e506c}.primary:disabled{opacity:.6;cursor:wait}.primary:focus-visible,.secondary:focus-visible,button:focus-visible{outline:3px solid #47a9cc;outline-offset:3px}.privacy{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted);font-size:14px}.privacy svg{flex:none;width:18px;height:22px;fill:none;stroke:var(--muted);stroke-width:1.6;margin-top:3px}.privacy p{margin:0}.empty{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #c6d7e0;border-radius:10px;text-align:center;padding:25px;background:#f5f9fb}.photo-outline{padding:18px;background:white;border:1px solid #e0eaf0;border-radius:10px;margin-bottom:20px}.photo-outline svg{width:40px;height:48px;fill:none;stroke:#91abb9;stroke-width:1.5}.empty strong{font-weight:550;font-size:16px}.empty p{font-size:14px;color:var(--muted);margin:6px 0}.photo-stage{background:#eaf1f5;border-radius:10px;padding:18px;min-height:260px;display:flex;align-items:center;justify-content:center}.photo-stage img{max-width:100%;max-height:310px;width:auto;height:auto;object-fit:contain;box-shadow:0 3px 15px #0a27351a}.photo-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0;font-size:16px}.photo-meta span{font-size:14px;color:var(--muted);text-align:right}.secondary{border:0;background:none;color:var(--blue);width:100%;font:inherit;font-size:14px;min-height:44px;margin-top:6px;cursor:pointer}.save-tip{text-align:center;font-size:14px;margin-bottom:0}#message:empty{display:none}#message{font-size:14px;line-height:1.6;margin:12px 0 16px;padding:10px 12px;background:#fff1ee;border-radius:7px;color:#a53c2d}#message[data-state="success"]{background:#e6f3f6;color:#15536b}footer{display:flex;justify-content:space-between;gap:16px;margin-top:25px;color:var(--muted);font-size:14px}[hidden]{display:none!important}@media(max-width:720px){header{padding:17px 20px;min-height:72px}.brand{font-size:18px;gap:10px}.brand-sub{font-size:14px}.header-note{display:none}main{width:calc(100% - 32px);margin:30px auto 20px}h1{font-size:27px}.intro p{font-size:16px;line-height:1.7}.workspace{grid-template-columns:1fr}.form-panel,.photo-panel{padding:26px 24px}.photo-panel{border-left:0;border-top:1px solid var(--line)}.empty{min-height:220px}footer{flex-direction:column;gap:3px}.photo-meta{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}