.pol{background:var(--card);border-radius:12px;padding:11px 13px;margin-bottom:8px;box-shadow:0 1px 4px rgba(14,42,71,.05);display:flex;align-items:center;gap:10px;cursor:pointer}
.pol:active{background:#f7f9fc}
.pol .pi{width:36px;height:36px;border-radius:9px;background:#eef1ff;display:flex;align-items:center;justify-content:center;font-size:18px}
.pol .pb{flex:1}
.pol .pt{font-size:13px;font-weight:600}
.pol .ps{font-size:10.5px;color:var(--sub);margin-top:3px}
.pol .arrow{color:#b7c0cc;font-size:16px}
.hot-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hot{background:var(--card);border:1px solid #e6e9ee;border-radius:18px;padding:7px 13px;font-size:11.5px;color:var(--navy2);font-weight:600;cursor:pointer}
.hall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px}
.hall .cell{background:var(--card);border-radius:12px;padding:12px 2px;text-align:center;box-shadow:0 1px 4px rgba(14,42,71,.05);cursor:pointer}
.hall .cell:active{background:#f7f9fc}
.hall .ci{width:38px;height:38px;margin:0 auto 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:19px}
.hall .ct{font-size:11px;font-weight:600}
.banner{background:linear-gradient(135deg,#7a1f24,var(--red));color:#fff;border-radius:12px;padding:12px 14px;margin-top:14px;display:flex;align-items:center;gap:12px;cursor:pointer}
.banner .btxt{flex:1}
.banner .bt{font-size:12px}
.banner .bs{font-size:10.5px;opacity:.85;margin-top:2px}
.banner .vl{margin-left:auto;background:#fff;color:var(--red);font-size:11px;font-weight:800;padding:6px 12px;border-radius:8px;flex-shrink:0}
.sub{font-size:11px;color:var(--sub);margin:12px 2px 8px;font-weight:600}
.bbar{display:flex;gap:10px;margin-top:6px}
.bb{flex:1;background:var(--card);border-radius:12px;padding:14px;text-align:center;box-shadow:0 1px 4px rgba(14,42,71,.05);cursor:pointer}
.bb:active{background:#f7f9fc}
.bb .fi{font-size:24px}
.bb .ft{font-size:12px;font-weight:700;margin-top:6px}
.bb .fs{font-size:10px;color:var(--sub);margin-top:2px}
.profile{background:linear-gradient(140deg,var(--navy),var(--navy2));color:#fff;border-radius:14px;padding:16px;display:flex;align-items:center;gap:13px}
.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#e6c161);display:flex;align-items:center;justify-content:center;font-size:26px;color:#5a4200;font-weight:800;flex-shrink:0}
.profile .pi2{flex:1}
.profile .pn{font-size:16px;font-weight:800}
.profile .ps{font-size:11px;opacity:.85;margin-top:3px}
.member-card{background:linear-gradient(135deg,#6d1418,var(--red));color:#fff;border-radius:14px;padding:16px;margin-top:14px;position:relative;overflow:hidden;cursor:pointer}
.member-card::after{content:"✦";position:absolute;right:14px;bottom:-6px;font-size:56px;color:rgba(255,255,255,.14)}
.member-card .mm{font-size:11px;opacity:.85;letter-spacing:1px}
.member-card .mp{font-size:15px;font-weight:800;margin-top:4px}
.member-card .up{margin-top:10px;background:#fff;color:var(--red);font-size:12px;font-weight:800;border-radius:8px;padding:8px;text-align:center}
.dt-img{height:150px;border-radius:14px;background:linear-gradient(135deg,var(--navy2),#2c5a8c);display:flex;align-items:center;justify-content:center;font-size:54px;color:#fff;margin-bottom:12px}
.dt-h{font-size:19px;font-weight:800;color:var(--navy);line-height:1.4}
.dt-meta{font-size:11.5px;color:var(--sub);margin-top:8px}
.dt-body{font-size:13.5px;line-height:1.8;color:#38465a;margin-top:12px}
.chiprow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{background:#eef1ff;color:#3a4f9a;font-size:11px;padding:5px 12px;border-radius:14px}
.cta{margin-top:18px;background:linear-gradient(135deg,var(--gold),#e0b944);color:#5a4200;font-weight:800;font-size:15px;border-radius:12px;padding:13px;text-align:center;cursor:pointer}
.cta:active{filter:brightness(.94)}
.backbar{font-size:12px;color:#3a4f9a;cursor:pointer;margin-bottom:8px;font-weight:600}
.prog{font-size:12px;color:var(--sub);text-align:center;margin-top:4px}
.bar{height:8px;background:#e6e9ee;border-radius:6px;margin:10px 0 18px;overflow:hidden}
.bar .fill{height:100%;background:linear-gradient(90deg,var(--gold),#e6c161);border-radius:6px;transition:width .3s}
.qcard{background:var(--card);border-radius:14px;padding:20px 16px;box-shadow:0 4px 16px rgba(14,42,71,.08)}
.qcard .q{font-size:18px;font-weight:800;color:var(--navy);margin-bottom:16px}
.opts{display:flex;flex-direction:column;gap:10px}
.opt{font-size:14px;color:var(--txt);border:2px solid #e6e9ee;border-radius:10px;padding:12px 14px;cursor:pointer;transition:all .12s}
.opt.on{border-color:var(--gold);background:#fffaf0;color:#8a6a00;font-weight:700}
.nxt{margin-top:18px;background:#e6e9ee;color:#b7c0cc;font-size:15px;font-weight:800;border-radius:10px;padding:13px;text-align:center;cursor:pointer}
.nxt.enabled{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.of{background:var(--card);border-radius:12px;padding:12px 14px;margin-bottom:9px;box-shadow:0 1px 4px rgba(14,42,71,.05);display:flex;align-items:center;gap:10px;cursor:pointer}
.of:active{background:#f7f9fc}
.of .ofi{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.of .ob{flex:1}
.of .ot{font-size:13px;font-weight:600}
.of .os{font-size:10.5px;color:var(--sub);margin-top:3px}
.line{background:var(--card);border-radius:12px;padding:14px;margin-top:12px;box-shadow:0 1px 4px rgba(14,42,71,.05)}
.line .lt{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:8px}
.line .li{font-size:12.5px;color:#38465a;line-height:1.7;display:flex;gap:8px;margin-bottom:6px}
.line .li::before{content:"·";color:var(--gold);font-weight:800}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.gcard{background:var(--card);border-radius:12px;padding:14px;text-align:center;box-shadow:0 1px 4px rgba(14,42,71,.05)}
.gcard .gi{font-size:38px}
.gcard .gt{font-size:13px;font-weight:700;margin-top:8px}
.gcard .gs{font-size:10.5px;color:var(--sub);margin-top:4px}
.empty{padding:60px 20px;text-align:center;color:var(--sub);font-size:14px;line-height:1.8}
.empty .big{font-size:50px;display:block;margin-bottom:12px}
.sideNote{max-width:400px;font-size:12px;color:#8fa0b5;line-height:1.7;background:#0f1824;border:1px solid #233140;border-radius:12px;padding:14px 16px;margin:18px auto 0}
.sideNote b{color:#e6c161}
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(14,42,71,.92);color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;z-index:99;display:none;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:70%}