/* 品牌、游客引导、权限状态、试看 / 未解锁、授权码兑换、标记类别 */
/* hidden 属性优先于各组件的 display（.fv-state[hidden] 选择器更具体，仍按它自己的写法淡出） */
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:1px}
.brand svg{flex:none}
.acct .btn{min-height:34px;font-size:13px}
.logo{flex:none;display:inline-block;vertical-align:middle}

/* 首页 */
.hero.guest{gap:8px}
.brandline{display:flex;align-items:center;gap:10px}
.brandline b{display:block;font-size:20px;letter-spacing:2px}
.brandline span{display:block;font:600 11px/1 var(--font-ui);letter-spacing:2px;color:var(--muted)}
.art.c4{background:linear-gradient(160deg,#8a2b2b,#2a1212)}
.poster .art small{display:block;font-size:11px;font-weight:500;opacity:.75;margin-bottom:2px}
.poster .meta{gap:8px}

/* 权限状态胶囊 */
.gchip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;white-space:nowrap;background:var(--surface-2);color:var(--muted);width:max-content;max-width:100%}
.gchip.g-perm,.gchip.g-active{background:rgba(111,212,154,.12);color:var(--ok)}
.gchip.g-expired{background:rgba(255,123,123,.12);color:var(--danger)}
.lib-access{gap:8px;margin:-4px 0 10px;font-size:13px}
.lvls{gap:6px;margin-bottom:4px}

/* 单集卡片：难度、试看、未解锁、置顶 */
.bdg{position:absolute;left:6px;top:6px;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:1px 7px;border-radius:5px;background:rgba(0,0,0,.65)}
.bdg.trial{background:var(--accent);color:var(--on-accent)}
.st-top .bdg{position:static;vertical-align:1px}
.pin{position:absolute;right:6px;top:6px;font-size:11px;padding:1px 7px;border-radius:5px;background:rgba(242,184,75,.9);color:var(--on-accent);font-weight:600}
.epc.locked .th{filter:saturate(.35) brightness(.7)}
.epc.locked .tt{color:var(--muted)}
.lvl{padding:0 6px;border-radius:4px;font-size:11px;background:var(--surface-2)}
.lvl.lv-basic{color:#8fd1a8}.lvl.lv-mid{color:#f2c46b}.lvl.lv-adv{color:#ff9a8a}.lvl.lv-na{color:var(--muted);font-style:italic}
.chip.warn{background:rgba(255,123,123,.12);color:var(--danger)}
.chip.on{background:var(--accent-soft);color:var(--accent-ink)}

/* 未解锁页 */
.lockpage{text-align:center;padding:36px 8px;display:grid;gap:10px;justify-items:center}
.lockpage h1{margin:0;font-size:20px}
.lockpage p{margin:0;color:var(--muted);max-width:32em}
.lk-th{width:min(320px,80vw);aspect-ratio:16/9;border-radius:var(--r-md);display:grid;place-items:center;background:linear-gradient(150deg,hsl(var(--h),25%,22%),#121418);color:var(--muted)}
.lk-th .ic{width:40px;height:40px}

/* 游客引导 */
.guide{text-align:center;padding:48px 12px;display:grid;gap:12px;justify-items:center}
.guide>.ic{width:44px;height:44px;color:var(--muted)}
.guide h1{margin:0}
.guide p{margin:0;color:var(--muted)}
.guide-mini{display:flex;gap:14px;align-items:flex-start}
.guide-mini>.ic{width:30px;height:30px;color:var(--muted);margin-top:2px}
.guide-mini p{margin:4px 0 10px;font-size:13px}

/* 兑换预览表 */
.rtab{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0}
.rtab th{white-space:nowrap;text-align:left;font-weight:500;color:var(--muted);padding:6px 4px;border-bottom:1px solid var(--line)}
.rtab td{padding:8px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.rtab .kind{display:inline-block;padding:1px 7px;border-radius:5px;background:rgba(111,212,154,.12);color:var(--ok);white-space:nowrap}
.rtab tr.k-none .kind{background:var(--surface-2);color:var(--muted)}
.rtab tr.k-upgrade .kind{background:var(--accent-soft);color:var(--accent-ink)}
.mono{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:1px}
.modal .alert{margin-top:8px}

/* 词语集：按词归并 */
.wl-g{border-bottom:1px solid var(--line);padding:6px 0}
.wl-h{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:4px}
.wl-g .wl-item{border-bottom:0;padding:6px 4px 6px 14px}
[hidden]{display:none!important}
.banner .btn.mini{margin-left:auto;min-height:30px}
.banner span{flex:1}

/* 标记类别 */
[data-cats] .seg{flex-wrap:wrap}
[data-cats] .chip[disabled]{opacity:.55;cursor:default}
@media (max-width:420px){[data-cats] .seg button{padding:0 8px}}

/* Scenevo: keep the approved dark-gold identity within existing brand slots. */
.brand-lockup{display:block;flex:none;max-width:100%;height:auto;object-fit:contain}
.brandline{min-width:0}
.brandline .brand-lockup{max-width:100%}