:root{--gold:#d9a441;--gold2:#ffd27a;--red:#d0533c;--blue:#7fd1ff;--green:#a6e3a1;--violet:#c9b8ff;--paper:#efe6d4;
 --serif:"Noto Serif CJK SC",serif;--sans:"Inter","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:1920px;height:1080px;overflow:hidden;background:#0b0d10;font-family:var(--sans);color:#fff;-webkit-font-smoothing:antialiased}
#stage,.scene{position:absolute;inset:0;overflow:hidden}
#veil{position:absolute;inset:0;background:#000;pointer-events:none;opacity:0}
.layer{position:absolute;inset:0;overflow:hidden}
.cam{position:absolute;left:0;top:0;transform-origin:0 0}
.cam img{display:block}.cam svg{position:absolute;left:0;top:0;overflow:visible}
.vig{position:absolute;inset:0;background:radial-gradient(120% 95% at 50% 45%,transparent 50%,rgba(5,7,10,.7)),linear-gradient(180deg,rgba(5,7,10,.55),transparent 22%,transparent 80%,rgba(5,7,10,.6));pointer-events:none}
.top{position:absolute;left:96px;right:96px;top:30px;height:44px;display:flex;align-items:center;gap:22px;z-index:5}
.top .no{font:700 22px var(--sans);color:var(--gold);letter-spacing:.1em}
.top .nav{display:flex;gap:4px;align-items:center}
.top .nav span{font-size:18px;padding:5px 12px;border-radius:999px;color:rgba(255,255,255,.55);line-height:1}
.top .nav span.on{background:var(--gold);color:#1d1a16;font-weight:700}
.top .nav i{width:10px;height:1px;background:rgba(255,255,255,.3)}
.ai{position:absolute;right:96px;top:34px;font-size:18px;font-weight:700;color:#1d1a16;background:var(--gold);padding:6px 14px;border-radius:6px;letter-spacing:.05em;z-index:5}
.hd{position:absolute;left:96px;top:104px;z-index:3}
.hd .k{font-size:24px;letter-spacing:.16em;color:var(--gold);font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.hd h1{margin:8px 0 0;font:900 58px/1.18 var(--serif);text-shadow:0 2px 18px rgba(0,0,0,.7)}
.sub{position:absolute;left:120px;right:120px;bottom:50px;text-align:center;font-size:38px;font-weight:500;line-height:1.35;text-shadow:0 2px 10px #000,0 0 3px #000,0 0 18px rgba(0,0,0,.6);z-index:6}
.src{position:absolute;right:24px;bottom:12px;font-size:15px;color:rgba(255,255,255,.62);z-index:6;text-shadow:0 1px 3px #000}
.card{position:absolute;background:rgba(14,16,20,.84);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px 26px;z-index:3}
.card h3{margin:0 0 10px;font:700 28px var(--serif);color:var(--gold)}
.card p{margin:6px 0;font-size:22px;line-height:1.5;color:#e6e1d6}
.card b{color:var(--gold2)}
.chip{position:absolute;background:rgba(12,14,18,.82);border:1px solid rgba(217,164,65,.7);border-radius:10px;padding:10px 18px;z-index:3}
.chip b{display:block;font:700 22px var(--sans);color:var(--gold);letter-spacing:.04em}.chip span{font-size:22px}
.ph{position:absolute;z-index:3;border-radius:10px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.6);border:3px solid rgba(255,255,255,.9);background:#222}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph .cap{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.8));font:700 24px var(--serif)}
.ph .cr{position:absolute;right:8px;top:8px;font-size:14px;background:rgba(0,0,0,.6);padding:3px 8px;border-radius:4px;color:#ddd}
.lab{font-family:var(--sans);paint-order:stroke;stroke:rgba(0,0,0,.8);stroke-linejoin:round;font-weight:700}
.big{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3}
.yr{position:absolute;right:96px;top:96px;font:900 64px var(--serif);color:rgba(255,255,255,.92);text-shadow:0 2px 16px rgba(0,0,0,.8);z-index:3}