:root{color-scheme:dark;--bg:#100c15;--panel:#1a1421;--stroke:#35283e;--text:#fff7fc;--muted:#bcb0c6;--accent:#f5a8cd;--ink:#251021;font-family:system-ui,"Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 82% 1%,#311b34 0,transparent 43%),var(--bg);color:var(--text)}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
.help-header{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:22px clamp(18px,5vw,48px);color:var(--muted)}
.help-header a:first-child{display:flex;align-items:center;gap:10px;color:var(--text)}
.help-brand{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e96eaa,#a15be4);font-weight:800;color:#180d22}
.help-main{max-width:1100px;margin:auto;padding:clamp(24px,6vw,72px) clamp(18px,5vw,48px) 64px}
.help-intro{margin-bottom:32px;max-width:640px}
.help-eyebrow{font-size:12px;letter-spacing:.2em;color:var(--accent);font-weight:800}
h1{font-size:clamp(34px,7vw,61px);letter-spacing:-.05em;margin:12px 0 10px}
.help-intro>p:last-child,.help-note,.help-back{color:var(--muted);line-height:1.7}
.help-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}
.help-panel{background:var(--panel);border:1px solid var(--stroke);border-radius:22px;padding:clamp(20px,4vw,32px);min-width:0}
h2{font-size:20px;margin:0 0 22px}h3{font-size:15px;margin:17px 0 7px}
label{display:block;margin:0 0 8px;font-size:14px;font-weight:700}
input,select,textarea{background:#120e18;color:var(--text);border:1px solid var(--stroke);border-radius:12px;font:inherit;width:100%;padding:12px;margin:0 0 17px}
textarea{resize:vertical}
button{border:0;border-radius:12px;background:var(--accent);color:var(--ink);font:inherit;font-weight:800;padding:12px 17px;cursor:pointer;min-height:45px}
button:disabled{opacity:.55;cursor:progress}
button.help-secondary{background:#30213a;color:var(--text);border:1px solid #573b5e}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.help-note,.help-status{font-size:13px;margin:0 0 15px}
.help-status{margin:14px 0 0;color:var(--accent);overflow-wrap:anywhere}.help-status:empty{display:none}
.help-result{border-top:1px solid var(--stroke);margin-top:22px;padding-top:20px}
.help-badge{display:inline-block;border:1px solid #754267;color:var(--accent);background:#351f39;border-radius:99px;padding:5px 11px;font-size:13px;margin:0 0 10px}
.help-reply{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.help-back{display:inline-block;margin-top:22px}
@media(max-width:680px){.help-grid{grid-template-columns:1fr}.help-header{padding-top:17px;padding-bottom:15px}}
.studio-portrait { display: block; width: min(100%, 24rem); max-height: 30rem; object-fit: contain; border-radius: 14px; background: #100c15; }
.help-panel .studio-consent { display: flex; gap: 10px; align-items: flex-start; line-height: 1.6; font-weight: normal; }
.help-panel .studio-consent input { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; }