/* =======================================================================
   admin.css —— 后台「真实站点渲染」补充样式
   基础 token / 外壳 / 表格 / 徽标 / 按钮 沿用原型 proto-admin.css，
   这里只补原型里没有、但真实后台渲染需要的结构类。
   ======================================================================= */

/* ---------- 真实站点布局修正：外壳占满视口 ---------- */
/* proto-admin.css 里 .adm-shell{height:calc(100vh - 168px)} 是原型演示环境的高度
   （原型页里 shell 外还套着一层 168px 的装饰外壳）；
   真实后台的 body 直接就是 .adm-shell，必须占满 100vh，否则底部留白。 */
.adm-shell{height:100vh;min-height:0}

/* ---------- 登录页：登录框居中（覆盖原型左品牌栏+右登录框的分屏布局） ---------- */
.login{display:flex;align-items:center;justify-content:center;min-height:100%;padding:24px;background:radial-gradient(130% 120% at 50% -12%,var(--bg-soft),var(--bg))}
.lg-card{width:100%;max-width:392px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 28px 24px;box-shadow:var(--sh-2);text-align:center}
.lg-brand{display:flex;justify-content:center;margin-bottom:16px}
.lg-brand .mk{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--ink-1);text-align:left}
.lg-brand .mk i{width:30px;height:30px;border-radius:9px;background:linear-gradient(160deg,#ffe53b,#f2c800);display:grid;place-items:center;color:#1c2330;font-style:normal;font-size:15px;font-weight:700;flex:none}
.lg-brand .mk small{display:block;font-size:9.5px;letter-spacing:.18em;color:var(--ink-4);font-weight:700;line-height:1.2}
.lg-title{margin:0 0 4px;font-size:18px;color:var(--ink-1)}
.lg-lead{font-size:12px;color:var(--ink-3);margin:0 auto 14px;max-width:30em;line-height:1.6}
.lg-lead b{color:var(--ink-1)}
.lg-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 auto 18px;max-width:320px;text-align:left}
.lg-caps span{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:11px;color:var(--ink-3);line-height:1.45}
.lg-caps b{display:block;color:var(--brand-deep);font-size:10px;letter-spacing:.06em;margin-bottom:2px}
.lg-card .lgq{margin:2px auto 4px}
.lg-card .lgq-steps{margin:14px auto 0;max-width:340px}
.lg-card .hr{margin:16px 0 12px}

/* ---------- 侧栏导航容器 ---------- */
.sidenav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 8px 10px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin}
.sidenav::-webkit-scrollbar{width:6px}
.sidenav::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px}
.sgroup{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--ink-4);padding:11px 9px 4px;text-transform:uppercase}
.sgroup:first-child{padding-top:3px}

/* ---------- 顶栏搜索 ---------- */
.gsearch{width:200px;max-width:26vw;padding:5px 10px;font-size:12px;border-radius:999px}
@media(max-width:1080px){.gsearch{width:150px}}

/* ---------- 加载 / 空态 ---------- */
.loading{padding:44px 10px;text-align:center;font-size:12.5px;color:var(--ink-4);letter-spacing:.02em}
.loading::before{content:"";display:block;width:22px;height:22px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--line-2);border-top-color:var(--brand-deep);animation:admspin .7s linear infinite}
@keyframes admspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.loading::before{animation:none}}
.czro{padding:26px 12px;text-align:center;font-size:12px;color:var(--ink-4);background:var(--surface-2);border:1px dashed var(--line-2);border-radius:9px}

/* ---------- 提示条 alert ---------- */
.alert{display:flex;gap:9px;align-items:flex-start;padding:9px 12px;border-radius:9px;font-size:12px;line-height:1.65;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-2)}
.alert b{flex:none;font-weight:700;color:var(--ink-1)}
.alert span{min-width:0;word-break:break-word}
.alert.ok{border-color:rgba(22,163,74,.32);background:var(--success-soft);color:var(--success)}
.alert.ok b{color:var(--success)}
.alert.warn{border-color:rgba(245,158,11,.34);background:var(--brand-soft);color:var(--brand-deep)}
.alert.warn b{color:var(--brand-deep)}
.alert.bad{border-color:rgba(220,38,38,.3);background:var(--danger-soft);color:var(--danger)}
.alert.bad b{color:var(--danger)}
.alert.info{border-color:rgba(37,99,235,.3);background:var(--accent-soft);color:var(--accent)}
.alert.info b{color:var(--accent)}

/* ---------- 通用卡片 ---------- */
.card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:12px 14px}
.card + .card{margin-top:10px}

/* ---------- 标签页 tabs ---------- */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;font-size:12.5px;padding:7px 12px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;line-height:1.6}
.tabs button:hover{color:var(--ink-1)}
.tabs button.on{color:var(--ink-1);font-weight:700;border-bottom-color:var(--brand)}
.tabpane{display:none}
.tabpane.on{display:block}

/* ---------- 批量操作条 ---------- */
.bulkbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 12px;margin-bottom:10px;border-radius:9px;background:var(--brand-soft);border:1px solid rgba(255,217,26,.4);font-size:12px;color:var(--ink-2)}
.bulkbar b{color:var(--ink-1);font-family:Consolas,monospace}

/* ---------- 迷你进度条（表格内） ---------- */
.mini{display:flex;align-items:center;gap:7px;min-width:88px}
.mini .tr2{flex:1;height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.mini .tr2 i{display:block;height:100%;background:var(--brand);border-radius:999px}
.mini .tr2 i.warn{background:#f59e0b}
.mini b{font-size:11px;font-family:Consolas,monospace;color:var(--ink-3);flex:none;font-weight:700}

/* ---------- 队列行（控制台待处理） ---------- */
.qrow{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;font-size:12.5px;color:var(--ink-2);cursor:pointer;border:1px solid transparent}
.qrow:hover{background:var(--bg-soft);border-color:var(--line);color:var(--ink-1)}
.qrow span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qrow b{font-family:Consolas,monospace;font-size:12px;color:var(--ink-3);flex:none}
.qrow b.warn{color:var(--danger)}

/* ---------- 播客列表行 ---------- */
.podrow{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface);margin-bottom:8px}
.podrow:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.podrow .pdcv{width:46px;height:46px;border-radius:9px;background:var(--ph-a);flex:none;object-fit:cover}
.podrow .pdinfo{flex:1;min-width:0}
.podrow .pdinfo b{display:block;font-size:13px;color:var(--ink-1);line-height:1.5}
.podrow .pdinfo span{display:block;font-size:11.5px;color:var(--ink-4);margin-top:1px}
.podrow .pdops{flex:none;display:flex;gap:8px;align-items:center}

/* ---------- 处理流程条 ---------- */
.flow{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 4px}
.fstep{font-size:11px;padding:4px 10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink-4);white-space:nowrap}
.fstep.on{background:var(--brand-soft);border-color:rgba(255,217,26,.45);color:var(--brand-deep);font-weight:700}

/* ---------- 上传拖放区 ---------- */
.drop{display:grid;place-items:center;padding:22px 12px;border:1.5px dashed var(--line-2);border-radius:10px;background:var(--surface-2);font-size:12px;color:var(--ink-4);text-align:center;cursor:pointer;transition:.16s}
.drop:hover{border-color:var(--brand);color:var(--ink-2);background:var(--brand-soft)}

/* ---------- GPX 轨迹预览 ---------- */
.mapwrap{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-soft);padding:6px}
.mapwrap svg{display:block;width:100%;height:auto;max-height:300px}

/* ---------- 比赛编辑头部 ---------- */
.rhead2{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.rhead2 b{font-size:15px;color:var(--ink-1)}
.rhead2 .r{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ---------- 角色行 / 权限矩阵容器 ---------- */
.rolerow{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;color:var(--ink-2);border:1px solid transparent}
.rolerow:hover{background:var(--bg-soft)}
.rolerow.on{background:var(--brand-soft);border-color:rgba(255,217,26,.4);color:var(--ink-1);font-weight:700}
.rolerow .rn{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rolerow .rc{font-size:10.5px;color:var(--ink-4);font-family:Consolas,monospace;flex:none}
.mxwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.mxwrap .mx{margin:0}

/* ---------- 日志行 ---------- */
.logrow{display:flex;gap:10px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-2)}
.logrow:last-child{border-bottom:none}
.logrow span:first-child{flex:none;font-family:Consolas,monospace;color:var(--ink-4);font-size:11px;width:62px}
.logrow b{flex:none;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--bg-soft);color:var(--ink-3)}
.logrow span:nth-of-type(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.logrow em{flex:none;font-style:normal;font-size:11px;color:var(--ink-4);font-family:Consolas,monospace}
.logrow.error b,.logrow.fail b{background:var(--danger-soft);color:var(--danger)}
.logrow.warn b{background:var(--brand-soft);color:var(--brand-deep)}
.logrow.ok b,.logrow.info b{background:var(--success-soft);color:var(--success)}

/* ---------- 投稿审核 ---------- */
.subrow{display:block;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid transparent;margin-bottom:4px}
.subrow:hover{background:var(--bg-soft)}
.subrow.on{background:var(--brand-soft);border-color:rgba(255,217,26,.4)}
.subrow b{display:block;font-size:12.5px;color:var(--ink-1);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.subrow span{display:block;font-size:11px;color:var(--ink-4);margin-top:2px}
.prev{max-height:260px;overflow-y:auto;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:12.5px;line-height:1.85;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}
.prev p{margin:0 0 9px}

/* ---------- 标签选择 chips ---------- */
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-3);background:var(--surface);line-height:1.6}
.chips button:hover{border-color:var(--ink-4);color:var(--ink-2)}
.chips button.on{background:var(--on-brand);border-color:var(--on-brand);color:var(--brand-bright);font-weight:700}

/* ---------- 译文行 ---------- */
.trow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:none}
.trow .tg{flex:none}
.trow .xs{flex:1;min-width:120px}
.trow .ops{margin-left:auto}

/* ---------- 用户详情里的动态行 ---------- */
.uprow{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.uprow:last-child{border-bottom:none}
.uprow b{flex:1;min-width:0;color:var(--ink-2);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uprow em{flex:none;font-style:normal;font-size:11px;color:var(--ink-4)}
.uprow .st{flex:none}

/* ---------- 登录页脚注 ---------- */
.lg-ft{margin-top:auto;padding-top:18px;font-size:11.5px;color:rgba(255,255,255,.5);letter-spacing:.03em}

/* ---------- 响应式预览设备框 ---------- */
.devframe{position:relative;width:100%;height:70vh;min-height:520px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg)}
.devframe iframe{display:block;width:100%;height:100%;border:0}
.devframe.mob{width:390px;max-width:100%;height:760px;margin:0 auto;min-height:0;border-radius:22px;box-shadow:var(--sh-2)}

/* ---------- 表格单元格换行 ---------- */
.tbl td.wrap{white-space:normal;word-break:break-word}
.tbl td.nowrap{white-space:nowrap}

/* ---------- 键值行 / 占位图 ---------- */
.kv{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.kv:last-child{border-bottom:none}
.kv span{color:var(--ink-4);flex:none}
.kv b{color:var(--ink-1);font-family:Consolas,monospace;font-weight:700;text-align:right;min-width:0;word-break:break-all}
.ph{display:grid;place-items:center;background:var(--ph-a);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;flex:none}
.ph span{font-size:11px}

/* ---------- 顶栏在窄屏的收起 ---------- */
@media(max-width:720px){
  .gsearch{display:none}
  .adm-body{padding:12px 12px 22px}
}