:root{--poster-w:800px;--poster-h:1800px;--safe:65px;--ivory:#fff3da;--gold:#d8b377;--line:rgba(249,209,144,.8)}
*{box-sizing:border-box}html,body{margin:0;background:#221812;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}body{display:grid;place-items:center;min-height:100vh}
.poster{position:relative;width:var(--poster-w);height:var(--poster-h);overflow:hidden;color:var(--ivory);isolation:isolate;background:#190f0b}
.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;filter:blur(8px);transform:scale(1.035)}
.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(to bottom,rgba(8,5,4,.42) 0%,rgba(8,5,4,.52) 23%,rgba(8,5,4,.73) 43%,rgba(8,5,4,.08) 62%,rgba(8,5,4,.05) 77%,rgba(8,5,4,.84) 100%),linear-gradient(90deg,rgba(5,5,4,.28),transparent 25%,transparent 75%,rgba(5,5,4,.25))}
.frame{position:absolute;inset:23px;border:2px solid var(--line);pointer-events:none;z-index:5;box-shadow:inset 0 0 0 8px rgba(9,6,4,.35),0 0 0 8px rgba(9,6,4,.24)}
.frame:before{content:"";position:absolute;inset:11px;border:1px solid rgba(245,201,126,.45)}
.frame span{position:absolute;color:#f1ca88;font-size:28px;text-shadow:0 0 15px #050301}.frame span:nth-child(1){top:8px;left:14px}.frame span:nth-child(2){top:8px;right:14px}.frame span:nth-child(3){bottom:8px;left:14px}.frame span:nth-child(4){bottom:8px;right:14px}
.brand-zone{position:absolute;top:99px;left:var(--safe);right:var(--safe);display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}
.logo{width:244px;height:178px;object-fit:contain;filter:brightness(0) invert(1);drop-shadow:0 8px 14px #000}
.kicker{font-size:17px;line-height:1.5;letter-spacing:.28em;color:var(--gold);white-space:nowrap;text-shadow:0 2px 12px #050302}
.hero{position:absolute;top:455px;left:var(--safe);right:var(--safe);text-align:center}
.eyebrow{font-size:21px;letter-spacing:.35em;color:var(--gold);margin-bottom:39px;text-shadow:0 2px 12px #000}
.hero:before,.hero:after{content:"";display:block;width:155px;height:1px;background:var(--gold);margin:0 auto 35px;box-shadow:0 0 8px rgba(248,200,128,.6)}
.hero:after{margin:35px auto 0}
h1{margin:0;font-size:96px;font-weight:800;line-height:1.22;letter-spacing:-.055em;white-space:pre-line;color:var(--ivory);text-shadow:0 5px 5px #100804,0 0 32px rgba(0,0,0,.9)}
.subtitle{margin:36px 0 0;font-size:28px;font-weight:650;letter-spacing:.22em;color:var(--ivory);text-shadow:0 3px 14px #000}
.footer{position:absolute;left:var(--safe);right:var(--safe);bottom:94px;display:flex;align-items:flex-end;justify-content:space-between;gap:26px;border-top:1px solid var(--line);padding-top:30px;text-shadow:0 2px 12px #000}
.footer-info{min-width:0}.cta{font-size:31px;font-weight:800;letter-spacing:.07em;margin-bottom:20px}.detail{display:flex;gap:12px;font-size:17px;line-height:1.5;margin-top:11px}.detail-label{color:var(--gold);white-space:nowrap}.qr-block{display:flex;flex:0 0 143px;flex-direction:column;align-items:center;gap:7px;font-size:12px;white-space:nowrap;color:var(--ivory)}.qr-block img{width:143px;height:143px;object-fit:contain;padding:5px;background:white;box-shadow:0 6px 18px #000}
@media screen and (max-width:900px){body{overflow:auto;align-items:start}.poster{position:absolute;top:0;left:0;transform-origin:top center}}
@media print{@page{size:800mm 1800mm;margin:0}html,body{width:800mm;height:1800mm;margin:0;background:transparent;display:block;overflow:hidden}.poster{width:800px;height:1800px;transform:none;zoom:3.779527559}}
