:root{color-scheme:dark;--bg:#030b15;--panel:#081a2a;--line:#214761;--text:#f2f8ff;--muted:#8ca7bb;--cyan:#59e8db;--blue:#438cff;--purple:#8068ff;--hot:#ff3c5e;--orange:#ff7938;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -15%,#213772 0,transparent 38%),radial-gradient(circle at 5% 80%,#063a48 0,transparent 30%),var(--bg);color:var(--text)}
button,a{font:inherit}.poster-nav{width:min(1480px,calc(100% - 40px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17364b}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:20px}.brand img{object-fit:contain}.brand small{display:block;margin-top:1px;color:#7696ad;font-size:8px;letter-spacing:.36em}.back{color:#a9c4d8;text-decoration:none;border:1px solid #315d79;border-radius:10px;padding:9px 13px}.back:hover{color:#fff;border-color:#55dcd2}
.poster-shell{width:min(1480px,calc(100% - 40px));margin:38px auto 70px;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(560px,1.25fr);gap:34px;align-items:start}.poster-tools,.poster-preview{min-width:0}.poster-tools{position:sticky;top:24px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0b2236eF,#071522eF);box-shadow:0 28px 80px #0007;overflow:hidden}.poster-tools:before{content:"";position:absolute;width:320px;height:320px;right:-180px;top:-180px;border-radius:50%;background:#5c6cff33;filter:blur(30px)}.eyebrow{position:relative;margin:0 0 12px;color:var(--cyan);font-size:11px;letter-spacing:.24em}.poster-tools h1{position:relative;margin:0;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.04em}.lead{position:relative;color:var(--muted);line-height:1.75;margin:18px 0 24px}.identity-card,.earning-card{position:relative;padding:17px;border:1px solid #27506a;border-radius:16px;background:#061725;margin-top:13px}.identity-card span,.earning-card span{display:block;color:#7797ad;font-size:12px}.identity-card strong{display:block;margin:7px 0 4px;color:var(--cyan);font:800 26px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;overflow-wrap:anywhere}.identity-card small{color:#91abbe}.earning-card{border-color:#6b4051;background:linear-gradient(105deg,#311729,#1d192e 56%,#31211a)}.earning-card span{color:#ffb9a6}.earning-card strong{display:block;margin-top:7px;color:#fff;font-size:18px}.earning-card p{margin:7px 0 0;color:#bca9b4;font-size:12px;line-height:1.65}.poster-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.poster-actions button{border:1px solid #315c78;border-radius:11px;padding:12px 14px;background:#0b2940;color:#dfefff;font-weight:750;cursor:pointer}.poster-actions .primary{grid-column:1/-1;border:0;background:linear-gradient(100deg,var(--hot),var(--orange));box-shadow:0 12px 36px #ff3d5942}.poster-actions button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.poster-actions button:disabled{opacity:.42;cursor:not-allowed}.message{min-height:20px;color:var(--cyan);font-size:12px}.message.error{color:#ff9ca9}.legal-note{margin:15px 0 0;padding-top:15px;border-top:1px solid #1c3d52;color:#6f8ca1;font-size:11px;line-height:1.7}
.poster-preview{padding:16px;border:1px solid #234c69;border-radius:25px;background:#071725;box-shadow:0 30px 90px #0008}.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 15px;color:#7f9eb5;font-size:12px}.preview-bar b{color:#61e3d7;font-weight:650}#poster-canvas{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/4;border-radius:17px;background:#061421;box-shadow:0 20px 55px #0009}
@media(max-width:980px){.poster-shell{grid-template-columns:1fr;max-width:760px}.poster-tools{position:static}.poster-preview{order:-1}}@media(max-width:560px){.poster-nav,.poster-shell{width:min(100% - 22px,1480px)}.poster-nav{min-height:68px}.poster-shell{margin-top:18px;gap:16px}.poster-tools{padding:20px;border-radius:18px}.poster-preview{padding:9px;border-radius:18px}.preview-bar{display:block;line-height:1.7}.preview-bar b{display:block}.poster-actions{grid-template-columns:1fr}.poster-actions .primary{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}