/* 我的足球人生：遊戲畫面(日系清爽：淺藍白底、白色圓角卡、細框、藍色主色)。共用變數在 site.css */
#zero{position:fixed;inset:0;z-index:9000;overflow:auto;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7}
/* 上方 */
#zero .zt{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 20px;background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
#zero .zt .lg{font:900 16px var(--sans);color:var(--ink);text-decoration:none}
#zero .zt .age{font:700 32px/1 var(--num);color:var(--blue)}#zero .zt .age small{font:500 13px var(--sans);color:var(--mute);margin-left:2px}
#zero .zt .dt{color:var(--mute);font-size:12.5px;min-width:160px}#zero .zt .bar{height:4px;background:var(--line2);border-radius:2px;margin-top:4px}#zero .zt .bar i{display:block;height:100%;background:var(--blue);border-radius:2px}
#zero .zt .sp{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
#zero .zt button{font:700 12.5px var(--sans);padding:6px 12px;border-radius:999px;border:0;background:var(--soft);color:var(--blue);cursor:pointer}
#zero .zt button:hover{background:#dbeaff}#zero .zt button.on{background:var(--blue);color:#fff}
/* 版面 */
#zero .zg{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:16px;padding:20px;max-width:1320px;margin:0 auto}
#zero .zc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;margin-bottom:16px}
#zero .zc>h4{margin:0 0 10px;font:900 15px var(--sans);display:flex;align-items:baseline;gap:8px}
#zero .zc>h4 small{margin-left:auto;font:500 12px var(--sans)!important;color:var(--mute)!important}
/* 球員登錄證 */
#zero .reg{padding:0;overflow:hidden}
#zero .reg .hd{display:flex;justify-content:space-between;align-items:center;padding:9px 16px;background:var(--blue);color:#fff;font:700 13px var(--num);letter-spacing:.1em}
#zero .reg .pf{display:flex;gap:14px;padding:14px 16px}
#zero .reg .ph{width:84px;height:104px;border-radius:14px;flex:none;display:grid;place-items:center;overflow:hidden;background:linear-gradient(var(--sky) 60%,var(--grass) 60%)}
#zero .reg .ph img{width:70px;image-rendering:pixelated}
#zero .reg .nm{font:900 20px/1.2 var(--sans);margin-bottom:6px}
#zero .kv{display:grid;grid-template-columns:auto 1fr;gap:1px 10px;font-size:12.5px}#zero .kv b{color:var(--mute);font-weight:500}
#zero .reg .club{padding:10px 16px;background:#f7fafd;border-top:1px solid var(--line2);font-size:12.5px;color:var(--ink2)}#zero .reg .club span{color:var(--blue);font-weight:700}
#zero .baby,#zero .baby2{font:700 12px var(--sans);color:var(--blue);background:#fff;padding:3px 10px;border-radius:999px}#zero .baby2{align-self:center;margin:0 6px}
/* 生活條 */
#zero .stt{display:grid;grid-template-columns:62px 1fr 30px;gap:8px;align-items:center;font-size:13px}#zero .stt i{height:8px;border-radius:4px;background:var(--line2);overflow:hidden}#zero .stt i b{display:block;height:100%;border-radius:4px;transition:width .6s}
#zero .stt span:nth-child(3n){font:700 15px var(--num);text-align:right}
/* 場景 */
#zero .scene{position:relative;height:210px;overflow:hidden;border-radius:18px;margin-bottom:6px;border:1px solid var(--line)}
#zero .scene canvas{width:100%;height:100%;image-rendering:pixelated;display:block}
#zero .scene .who{position:absolute;bottom:22px;display:flex;align-items:flex-end;gap:2px;left:50%;transform:translateX(-50%)}#zero .scene .who img{image-rendering:pixelated}
#zero .loc{font-size:13px;color:var(--ink2);padding:8px 4px 14px}
/* 重心 */
#zero .fo{display:flex;flex-wrap:wrap;gap:6px}
#zero .fo button{font:700 13px var(--sans);padding:7px 16px;border-radius:999px;border:0;background:var(--soft);color:var(--blue);cursor:pointer}
#zero .fo button.on{background:var(--blue);color:#fff}#zero .fo button:disabled{opacity:.4;cursor:default}
/* 人生紀錄 */
#zero .lgx{max-height:480px;overflow:auto}#zero .lgx>div{display:grid;grid-template-columns:44px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line2);font-size:13.5px}#zero .lgx>div:first-child{border-top:0}
#zero .lgx em{font:700 13px var(--num);font-style:normal;color:var(--mute)}
#zero .lgx .big{font-weight:700}#zero .lgx .star{font-weight:700;color:var(--blue2)}
/* 家人／名單／生涯 */
#zero .fam div,#zero .pr div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--line2);font-size:13px}#zero .fam div:first-of-type,#zero .pr div:first-of-type{border-top:0}
#zero small.d{color:var(--mute);font-size:11.5px;display:block;text-align:right}
/* 人生地圖 */
#zero .map{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}#zero .map i{aspect-ratio:1;border-radius:4px;background:var(--line2);position:relative}
#zero .map i.cur{box-shadow:0 0 0 2px var(--blue)}
#zero .map i.st:after{content:'★';position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:#fff;font-style:normal}
/* 抉擇 */
#zero .ask{position:fixed;inset:0;z-index:20;background:#12233a59;display:grid;place-items:center;padding:16px}
#zero .ask .bx{max-width:460px;width:100%;background:var(--card);border-radius:22px;padding:22px 22px 18px}
#zero .ask h3{margin:0 0 6px;font:900 19px var(--sans)}
#zero .ask p{margin:0 0 14px;color:var(--ink2);font-size:14px}
#zero .ask button{display:block;width:100%;margin-top:8px;font:700 14.5px var(--sans);padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;text-align:left}
#zero .ask button:hover{border-color:var(--blue)}#zero .ask button.main{background:var(--blue);border-color:var(--blue);color:#fff}#zero .ask button.hint{box-shadow:0 0 0 3px var(--yellow)}
/* ---------- 出生畫面 ---------- */
#zero .birth{position:fixed;inset:0;z-index:30;overflow:auto;padding:18px 14px 100px;background:var(--bg)}
#zero .bw{max-width:620px;margin:0 auto}
#zero .bh{border-radius:22px;padding:26px 18px 28px;text-align:center;background:linear-gradient(var(--sky),#fff);border:1px solid var(--line);margin-bottom:16px}
#zero .bk{margin:0 0 14px;font:700 13px var(--sans);letter-spacing:.2em;color:var(--blue)}
#zero .reel{display:flex;align-items:center;justify-content:center;gap:12px;height:68px;max-width:360px;margin:0 auto;border-radius:999px;background:#fff;border:1px solid var(--line);font:900 23px var(--sans);transition:box-shadow .3s,transform .3s}
#zero .reel .flag{width:42px;height:28px}#zero .reel .rf .fchip{font-size:14px;padding:4px 6px}
#zero .reel.stop{box-shadow:0 0 0 4px var(--blue);transform:scale(1.03)}
#zero .bn{opacity:0;transform:translateY(8px);transition:all .5s .15s}#zero .birth.shown .bn{opacity:1;transform:none}
#zero .bn h2{font:900 32px/1.25 var(--sans);margin:18px 0 4px}#zero .bn p{margin:0;color:var(--ink2)}
#zero .pill{display:inline-block;margin-left:8px;padding:1px 12px;border-radius:999px;background:var(--soft);color:var(--blue);font:700 13px var(--sans)}
#zero .bn2{opacity:0;transform:translateY(10px);transition:all .5s .35s}#zero .birth.shown .bn2{opacity:1;transform:none}
#zero .bc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:16px}
#zero .bc h4{margin:0 0 10px;font:900 16px var(--sans);display:flex;align-items:center;gap:8px}
#zero .bc p{margin:0 0 12px;font-size:14px;color:var(--ink2)}#zero .bf{margin-left:auto;font:500 12.5px var(--sans);color:var(--mute)}
#zero .kv2{display:grid;grid-template-columns:1fr 1fr;gap:8px}#zero .kv2>div{background:#f7fafd;border-radius:12px;padding:9px 12px}
#zero .kv2 small{display:block;color:var(--mute);font-size:11.5px}#zero .kv2 b{display:block;font-size:14.5px}
#zero .kv2 .hi{background:#fff7d6}#zero .kv2 .w2{grid-column:span 2}
#zero .lb{display:block;height:6px;border-radius:3px;background:var(--line2);margin-top:6px;overflow:hidden}#zero .lb i{display:block;height:100%;background:var(--blue)}
#zero .dots{font-size:10px;letter-spacing:2px;color:var(--blue)}#zero .dots i{font-style:normal;color:var(--line)}
#zero .bstar{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;margin-top:8px;background:#f7fafd}
#zero .bstar i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--blue);flex:none}#zero .bstar i:before{content:'★'}
#zero .bstar b{display:block}#zero .bstar small{color:var(--mute)}
#zero .note{background:var(--soft);border-radius:12px;padding:10px 12px;color:var(--ink2)!important;font-size:13px!important;margin-top:12px!important}
#zero .tg small{display:block;color:var(--mute);font-size:12px;margin-bottom:4px}#zero .tg span{display:inline-block;margin:0 6px 6px 0;padding:3px 12px;border-radius:999px;background:var(--soft);color:var(--blue);font-size:13px;font-weight:700}
#zero .bb{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;justify-content:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:#ffffffeb;backdrop-filter:blur(8px);border-top:1px solid var(--line)}
#zero .bb button{flex:1;max-width:290px;font:700 15px var(--sans);padding:13px;border-radius:999px;border:0;background:var(--soft);color:var(--blue);cursor:pointer}
#zero .bb button.main{background:var(--blue);color:#fff}#zero .bb button:disabled{opacity:.45}
/* 分享表單 */
#zero .sf{display:block;margin:10px 0}#zero .sf span{display:block;font-size:12.5px;font-weight:700;color:var(--ink2);margin-bottom:4px}
#zero .sf input{width:100%;font:500 15px var(--sans);padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f7fafd;color:var(--ink)}#zero .sf input:focus{outline:2px solid var(--blue);border-color:transparent}
#zero .sh-msg{min-height:1.4em;font-size:13px!important;color:var(--blue2)!important;font-weight:700;margin:6px 0 0!important}
/* 世代名單 */
#zero .pr .sqh{display:grid;grid-template-columns:34px 34px 1fr auto;gap:6px;font:700 11px var(--num);letter-spacing:.06em;color:var(--mute);text-transform:uppercase;padding:0 0 4px}
#zero .pr div.sq{display:grid;grid-template-columns:34px 34px 1fr auto;gap:6px;align-items:center;padding:8px 0;border-top:1px solid var(--line2)}
#zero .pr div.sq.me{background:var(--soft);margin:0 -10px;padding:8px 10px;border-radius:12px;border-top:0}
#zero .sq .no{font:700 20px/1 var(--num);text-align:center;color:var(--blue)}#zero .sq .ps{font:700 11.5px var(--num);font-style:normal;text-align:center;background:#f0f4f8;border-radius:6px;padding:2px 0;color:var(--ink2)}
#zero .sq .nm2 b{display:block;font-size:13px;line-height:1.3}#zero .sq .nm2 small{color:var(--mute);font-size:11.5px}#zero .sq .st2{font-size:12px;text-align:right;color:var(--ink2);max-width:110px}
@media (max-width:900px){#zero .zg{grid-template-columns:1fr;padding:14px 10px}#zero .zt .sp{margin-left:0}#zero .zt .dt{min-width:0}}

#zero .lgx .dt{display:block;margin-top:6px;font-size:12.5px;line-height:1.65;color:var(--mute)}#zero .lgx .dt b{display:inline-block;margin-right:7px;padding:0 7px;border-radius:5px;background:var(--soft);color:var(--blue2);font-size:11.5px;font-weight:700}
#zero .trt i b{background:#8a6cf0}
#zero .lgx .cti{display:block;font-size:12.5px;font-weight:700;color:#7a55d8}#zero .lgx .cch{display:block;font-weight:700}#zero .lgx .crr{display:block;margin-top:2px}
#zero .cfx{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}#zero .cfx i{font-style:normal;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px}#zero .cfx i.up{background:#e3f6ea;color:#1f8a4c}#zero .cfx i.dn{background:#fde8e6;color:#c8463a}
#zero .ask .cfx{justify-content:center;margin-top:6px}
#zero .mon{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}#zero .mon b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#zero .mon div{background:var(--soft);border-radius:10px;padding:8px 7px}#zero .mon small{display:block;font-size:11.5px;color:var(--mute)}#zero .mon b{font:700 15px var(--num)}#zero .mon b.neg{color:#c8463a}
#zero .ml{margin:12px 0 6px;font-size:12.5px;font-weight:700}#zero .md{font-size:12.5px;color:var(--mute);margin-top:6px}

#zero .lgx .ach{font-weight:700;color:#b07a00}#zero .lgx .ach i.nw{font-style:normal;font-size:11px;margin-left:6px;padding:1px 7px;border-radius:999px;background:#fff3c4;color:#8a5a00}
#zero .achs{display:flex;flex-wrap:wrap;gap:5px}#zero .achs i{font-style:normal;font-size:11.5px;padding:3px 9px;border-radius:999px;background:#f0f3f7;color:#a5b0bf}#zero .achs i.old{background:var(--soft);color:#4a7fc0}#zero .achs i.on{background:#ffc400;color:#12233a;font-weight:700}
#zero .pst{background:#0f1220;color:#eef1f8;border-radius:14px;overflow:hidden;max-width:380px;margin:2px 0}#zero .ph2{display:flex;gap:9px;align-items:center;padding:9px 11px}#zero .ph2 i{width:30px;height:30px;border-radius:50%;border:2px solid #ffcf4a;display:grid;place-items:center;font-style:normal;font-weight:900;color:#ffcf4a;font-size:13px}#zero .ph2 b{display:block;font-size:13px}#zero .ph2 small{display:block;font-size:11px;color:#8b93b0}
#zero .pimg{position:relative;text-align:center;padding:16px 10px 12px;background:radial-gradient(circle at 50% 42%,#ffcf4a55,transparent 60%),linear-gradient(135deg,#2a1d05,#0b0f22 70%)}#zero .pimg>b{display:block;font-size:24px;font-weight:900;color:#ffcf4a;text-shadow:0 0 18px #ffb300}#zero .pimg>small{display:block;font:900 13px ui-monospace,Consolas,monospace;letter-spacing:3px;color:#fff;margin:2px 0 6px}#zero .pimg img{display:block;margin:0 auto;image-rendering:pixelated}#zero .pimg em{display:block;font-style:normal;font-weight:900;font-size:17px;margin-top:6px}#zero .pimg span{display:block;font-size:12px;color:#ffcf4a}
#zero .plk{padding:8px 11px 0;font-size:12.5px;font-weight:700}#zero .pcp{padding:4px 11px;font-size:12.5px;line-height:1.55}#zero .pcm{padding:0 11px 6px;font-size:12px;color:#d6dbea;line-height:1.7}#zero .pcm b.v:after,#zero .pcp b:after{content:' ✔';color:#6cc6ff;font-size:10px}
#zero .psv{margin:4px 11px 11px;border:0;border-radius:999px;background:#2a3354;color:#eef1f8;font:700 12px var(--sans,inherit);padding:6px 12px;cursor:pointer}
#zero .lgx .pimg em{font:900 17px/1.3 inherit;font-family:inherit;color:#fff}
#zero .ask .oft{display:block;font-size:12px;font-weight:500;opacity:.78;margin-top:3px}

#zero .end{position:fixed;inset:0;z-index:25;background:#f4f8fb;overflow:auto;padding:24px 14px 60px}#zero .ew{max-width:760px;margin:0 auto}
#zero .eh{display:flex;gap:22px;align-items:center;border-radius:24px;padding:24px;background:linear-gradient(135deg,var(--k1),color-mix(in srgb,var(--k1) 55%,#000));color:#fff;position:relative;overflow:hidden}
#zero .eh:after{content:'';position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--k2)}
#zero .es{flex:none;width:150px;display:grid;place-items:end center;background:#ffffff18;border-radius:18px;padding:10px 0 0}#zero .en small{opacity:.85;font:700 14px var(--num)}#zero .en h2{margin:4px 0 6px;font:900 34px/1.15 var(--sans)}
#zero .ef{margin:0 0 10px;font-weight:700;display:flex;gap:6px;align-items:center}#zero .ef svg{width:28px;height:19px;border-radius:3px}#zero .hl{display:inline-block;background:#ffc400;color:#12233a;border-radius:999px;padding:5px 14px;font-weight:900}#zero .ep{margin:10px 0 0;opacity:.92}
#zero .ebt{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#zero .ebt button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font:700 14px var(--sans);cursor:pointer;color:var(--ink)}#zero .ebt button.main{background:var(--blue);border-color:var(--blue);color:#fff}
#zero .ec{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-top:12px}#zero .ec h4{margin:0 0 10px;font:900 16px var(--sans)}#zero .ec h4 small{color:var(--mute);font-weight:500;font-size:12.5px;margin-left:6px}
#zero .eg{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}#zero .eg div{background:var(--soft);border-radius:14px;padding:10px 12px}#zero .eg b{display:block;font:700 26px var(--num);color:var(--blue)}#zero .eg small{color:var(--mute);font-size:12px}
#zero .hr{display:grid;grid-template-columns:26px auto auto 1fr;gap:8px;align-items:baseline;padding:7px 0;border-top:1px solid var(--line2)}#zero .hr:first-of-type{border-top:0}#zero .hr i{font-style:normal}#zero .hr em{font:900 16px var(--num);color:#d19600;font-style:normal}#zero .hr small{color:var(--mute);font-size:12px;text-align:right}
#zero .tr2{display:grid;grid-template-columns:16px 1fr;gap:4px 10px;padding:7px 0;border-top:1px solid var(--line2)}#zero .tr2 .kd{width:14px;height:14px;border-radius:4px;border:2px solid;margin-top:3px;grid-row:span 2}#zero .tr2 small{color:var(--mute);font-size:12px}
#zero .ec details summary{cursor:pointer;color:var(--blue);font-weight:700;font-size:13.5px;padding:6px 0}#zero .ekv div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line2);font-size:14px}#zero .ekv div:first-child{border-top:0}#zero .ekv span{color:var(--mute)}#zero .ekv b{text-align:right}
#zero .pr2{display:flex;gap:8px;align-items:center;padding:6px 0;font-size:13.5px}#zero .pr2 svg{width:22px;height:15px}#zero .pr2 small{color:var(--mute)}
#zero .rl{position:fixed;inset:0;z-index:30;background:#0b0f22e6;display:grid;place-items:center;padding:14px}#zero .rb{width:min(440px,100%)}#zero .rc canvas{width:100%;height:auto;border-radius:18px;display:block}
#zero .rbt{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}#zero .rbt button{border:0;border-radius:999px;padding:10px 16px;font:700 14px var(--sans);background:#fff;color:#12233a;cursor:pointer}
@media(max-width:600px){#zero .eh{flex-direction:column;text-align:center}#zero .ef{justify-content:center}}

#zero .prs{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;max-width:440px}
#zero .prc{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;max-height:320px;background:#0b1024}
#zero .prc-wall{position:absolute;inset:0 0 34% 0;background-color:var(--c1);background-image:radial-gradient(circle at 25% 33%,var(--c2) 0 7%,#0000 7.5%),radial-gradient(circle at 75% 33%,#ffffff22 0 7%,#0000 7.5%),radial-gradient(circle at 50% 83%,#ffffff22 0 7%,#0000 7.5%),radial-gradient(circle at 0 83%,var(--c2) 0 7%,#0000 7.5%),radial-gradient(circle at 100% 83%,var(--c2) 0 7%,#0000 7.5%);background-size:64px 52px}
#zero .prc-wall::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0006)}
#zero .prc-who{position:absolute;left:50%;bottom:15%;width:30%;transform:translateX(-50%);animation:prcSit .7s cubic-bezier(.2,1.2,.4,1) .2s both}#zero .prc-who img{width:100%;height:auto!important;image-rendering:pixelated;display:block}@keyframes prcSit{from{transform:translate(-50%,20px);opacity:0}}
#zero .prc-tbl{position:absolute;left:4%;right:4%;bottom:12%;height:22%;background:linear-gradient(180deg,var(--c1),color-mix(in srgb,var(--c1) 60%,#000));border-radius:6px 6px 2px 2px;box-shadow:0 10px 24px #000a;border-top:4px solid #ffffff2a}
#zero .prc-pl{position:absolute;left:50%;bottom:21%;transform:translateX(-50%);background:#f3f3f3;color:#141a33;font:900 12px var(--sans);padding:3px 12px;border-radius:3px;letter-spacing:.1em;z-index:3;white-space:nowrap}
#zero .prc-mic{position:absolute;bottom:33%;width:4px;height:16%;background:#222;border-radius:2px;z-index:2;transform-origin:bottom}
#zero .prc-mic i{position:absolute;left:50%;top:-10px;width:16px;height:18px;margin-left:-8px;border-radius:7px;background:var(--m)}#zero .prc-mic b{position:absolute;left:50%;top:6px;width:22px;height:9px;margin-left:-11px;background:var(--m);border-radius:2px;font:900 6px/9px var(--sans);color:#fff;text-align:center}
#zero .prc-fl{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#fff,#fff0 60%);opacity:0;pointer-events:none;z-index:7;animation:prcFl 2.6s linear infinite}@keyframes prcFl{0%,100%{opacity:0}2%{opacity:.95}7%{opacity:0}}
#zero .prc-lb{position:absolute;left:8px;top:8px;z-index:8;background:#e0483e;color:#fff;font:900 11px var(--num);padding:2px 7px;border-radius:3px;letter-spacing:.1em}#zero .prc-lb::before{content:'● '}
#zero .prc-crowd{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:6;pointer-events:none}
#zero .prc-rp{position:absolute;bottom:-14%;width:16%;aspect-ratio:1/1.05}#zero .prc-rp .hd{position:absolute;left:24%;top:0;width:52%;aspect-ratio:1;border-radius:50%;background:var(--h)}#zero .prc-rp .bd{position:absolute;left:0;right:0;top:40%;bottom:0;border-radius:40% 40% 0 0;background:var(--b)}
#zero .prc-rp .arm{position:absolute;left:70%;width:10%;height:62%;background:var(--b);border-radius:6px;top:-30%;transform-origin:bottom;animation:prcHand 1.6s ease-in-out infinite}#zero .prc-rp .arm::after{content:'';position:absolute;left:-30%;top:-14%;width:160%;aspect-ratio:1;border-radius:50%;background:#e8c4a0}@keyframes prcHand{50%{transform:rotate(8deg)}}
#zero .prc-rp .cam{position:absolute;left:12%;top:8%;width:70%;height:34%;background:#1b1b1b;border-radius:3px;box-shadow:0 0 0 2px #333}#zero .prc-rp .cam::before{content:'';position:absolute;left:30%;top:14%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#5a8cff,#0a0f2a 60%);border:2px solid #444}
#zero .prc-rp .nt{position:absolute;right:-6%;top:40%;width:34%;height:30%;background:#f4f1e8;border-radius:2px;transform:rotate(-12deg)}
#zero .prq{margin:10px 2px 6px;font-size:13.5px;line-height:1.6}#zero .prr{margin:6px 2px 2px;font-size:13px;line-height:1.6;color:var(--ink2)}
#zero .prc-ans{display:grid;gap:6px}#zero .prc-ans .pra{text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font:700 13.5px var(--sans);cursor:pointer;color:var(--ink)}#zero .prc-ans .pra:hover{background:var(--soft)}
@media (prefers-reduced-motion:reduce){#zero .prc-fl,#zero .prc-rp .arm,#zero .prc-who{animation:none}}

#zero .tg{margin-left:6px;border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:999px;padding:2px 10px;font:700 11.5px var(--sans);cursor:pointer}
#zero .open .tg{background:var(--blue);color:#fff;border-color:var(--blue)}
#zero #z-ach:not(.open) .achs i:not(.on){display:none}#zero .achn{margin:0;font-size:12.5px;color:var(--mute)}
#zero #z-abc .tg{display:none}
@media (max-width:700px){
 #zero .zt{padding:7px 10px;gap:4px 10px}#zero .zt .lg{font-size:14px}#zero .zt .age{font-size:26px}#zero .zt .dt{font-size:11.5px}#zero .zt button{padding:5px 9px;font-size:11.5px}
 #zero .zg{display:flex;flex-direction:column;gap:0;padding:8px 8px 40px}#zero .zg>div{display:contents}
 #zero .scene{order:1;height:150px;border-radius:14px;margin-bottom:2px}#zero .loc{order:2;padding:4px 4px 8px;font-size:12px}
 #zero #z-reg{order:3}#zero #z-foc{order:4}#zero #z-logc{order:5}#zero #z-mon{order:6}#zero #z-abc{order:7}#zero #z-stc{order:8}#zero #z-trc{order:9}#zero #z-fam{order:10}#zero #z-pr{order:11}#zero #z-car{order:12}#zero #z-mapc{order:13}#zero #z-ach{order:14}
 #zero .zc{padding:10px 12px;margin-bottom:8px;border-radius:14px}#zero .zc>h4{font-size:14px;margin-bottom:7px}
 #zero .reg .pf{padding:9px 12px;gap:10px}#zero .reg .ph{width:60px;height:76px;border-radius:10px}#zero .reg .ph img{width:50px}#zero .reg .nm{font-size:16px;margin-bottom:3px}#zero .reg .kv{font-size:12px}#zero .reg .hd{padding:6px 12px;font-size:12px}#zero .reg .club{padding:7px 12px;font-size:12px}
 #zero #z-abc .tg{display:inline-block}#zero #z-abc:not(.open) #z-radar svg{display:none!important}
 #zero .stt{grid-template-columns:42px 1fr 22px 42px 1fr 22px;gap:5px 6px;font-size:11.5px}#zero .stt span:nth-child(3n){font-size:12.5px}#zero .stt i{height:6px}
 #zero .lgx{max-height:360px}#zero .lgx>div{padding:6px 0;font-size:13px;grid-template-columns:38px 1fr}
 #zero .fo button{padding:7px 12px;font-size:12.5px}#zero .mon{gap:4px}#zero .mon b{font-size:11.5px}#zero .mon small{font-size:10px;white-space:nowrap}#zero .mon div{padding:5px 4px;border-radius:8px}#zero .ml{margin:8px 0 4px}#zero .md{margin-top:4px;font-size:11.5px}
 #zero .map{gap:2px;grid-template-columns:repeat(15,1fr)}#zero #z-car .tg{display:inline-block}#zero #z-car:not(.open)>div:nth-of-type(n+6){display:none}#zero .pr .sq,#zero .fam>div{padding:5px 0}
}
#zero #z-car .tg{display:none}
#zero select.cur{margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 8px;font:700 12px var(--sans);color:var(--blue)}
#zero .shopb{display:block;width:100%;margin-top:8px;border:0;border-radius:999px;background:var(--yellow);color:#12233a;font:900 14px var(--sans);padding:9px;cursor:pointer}
#zero .shop .bx{max-width:520px;max-height:88vh;overflow:auto}#zero .shop h3 small{display:block;font:500 12.5px var(--sans);color:var(--mute);margin-top:4px}#zero .shop .sc{margin:12px 0 6px;font:900 13px var(--sans);color:var(--ink)}
#zero .shop .sg{display:grid;grid-template-columns:1fr 1fr;gap:6px}#zero .shop .sg button{margin:0;padding:9px 11px;border-radius:12px}#zero .shop .sg button b{display:block;font-size:13.5px}#zero .shop .sg button small{display:block;font:500 12px var(--sans);color:var(--mute);margin-top:2px}#zero .shop .sg button:disabled{opacity:.4;cursor:not-allowed}
#zero .shop .bx>button.main{margin-top:14px;text-align:center}
#zero .gl{margin:12px 0 6px;font:900 13px var(--sans);border-top:1px solid var(--line2);padding-top:10px}#zero .gl small{font:500 11.5px var(--sans);color:var(--mute);margin-left:6px}
#zero .gs button{font-size:12.5px;padding:6px 11px;background:#fff8dc;color:#8a5a00}#zero .gs button.on{background:var(--yellow);color:#12233a}#zero .gs button.off{background:var(--soft);color:var(--mute)}
#zero .gd{font-size:12px;color:var(--mute);margin-top:6px}
#zero .live{background:#0b1024;color:#eef1f8;border-radius:14px;padding:10px 12px;max-width:440px}
#zero .lvh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:6px}#zero .lvl{background:#e0483e;color:#fff;font:900 10.5px var(--num);padding:2px 7px;border-radius:3px;letter-spacing:.1em}#zero .lvl::before{content:'● '}#zero .lvh b{font-size:14px}#zero .lvh small{flex-basis:100%;color:#8b93b0;font-size:12px}
#zero .live ol{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.6}#zero .live li{padding:3px 0;border-top:1px solid #ffffff14;animation:lvIn .4s both}#zero .live li:first-child{border-top:0}@keyframes lvIn{from{opacity:0;transform:translateY(4px)}}
#zero .cmh{margin:12px 0 6px;font:900 13px var(--sans);color:var(--mute)}#zero .cmh:first-of-type{margin-top:0}#zero .cmr{font-size:13.5px;line-height:1.6;padding:4px 0}
#zero .cms{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:6px 10px;border-radius:10px;font-size:13.5px}#zero .cms small{color:var(--mute)}#zero .cms em{font-style:normal;flex-basis:100%;font-size:12.5px;color:#12233a}#zero .cms.me{background:#fff6d1;border:1px solid #f0d77a}

/* 重大事件社群貼文：彈出動畫，按繼續才往下走 */
#zero .ask.pop{background:#0b1626a6;animation:ppFade .25s ease-out}
#zero .ask.pop .bx{max-width:400px;background:transparent;padding:0;animation:ppIn .55s cubic-bezier(.2,1.35,.4,1) both;max-height:100%;overflow:auto}
#zero .ask.pop .pst{margin:0;box-shadow:0 18px 50px #0007;animation:ppGlow 1.6s ease-out .4s 1}
#zero .ask.pop .ppn{display:table;margin:0 auto 10px;background:#fff;color:#12233a;font:800 13px var(--sans);padding:6px 14px;border-radius:999px;box-shadow:0 6px 18px #0005;animation:ppDrop .45s cubic-bezier(.2,1.5,.4,1) .15s both}
#zero .ask.pop .ppb{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:10px;animation:ppFade .3s ease-out .5s both}
#zero .ask.pop .ppb button{margin:0;text-align:center}
#zero .ask.pop .plk{animation:ppBeat .6s ease-out .7s 2}
@keyframes ppFade{from{opacity:0}to{opacity:1}}
@keyframes ppIn{0%{opacity:0;transform:translateY(60px) scale(.7) rotate(-4deg)}100%{opacity:1;transform:none}}
@keyframes ppDrop{0%{opacity:0;transform:translateY(-24px) scale(.8)}100%{opacity:1;transform:none}}
@keyframes ppGlow{0%{box-shadow:0 0 0 0 #ffc400cc,0 18px 50px #0007}100%{box-shadow:0 0 0 22px #ffc40000,0 18px 50px #0007}}
@keyframes ppBeat{0%,100%{transform:scale(1)}40%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){#zero .ask.pop,#zero .ask.pop *{animation:none!important}}
#zero .ask.pop .pq .ppb{display:block}#zero .ask.pop .pq .ppb button{margin-top:8px;text-align:left}#zero .ask.pop .pq .prs{max-width:none;box-shadow:0 18px 50px #0007;animation:ppGlow 1.6s ease-out .4s 1}
#zero .shop .sg button.got{animation:shopgot .5s ease}@keyframes shopgot{0%{transform:scale(.94);background:#ffe9a8}100%{transform:none}}