/* ============================================================================
* uw-tech-fleet.css
* 《放置：宇宙大战》卡通风格双主题 —— 科技分类/研究卡 + 舰长经验条 + 星域徽章
*
* 本文件从 uw-theme.css 拆分而来（2026-11-03），原始单文件 5204 行。
* 拆分后由 index.html 逐个 引入，加载顺序必须保持变量文件在最前。
* 所有规则只引用 uw-variables.css 里定义的 CSS 变量，不硬编码颜色。
* ==========================================================================*/
/* ============================================================================
* 科技分类：从「卡片」退回「托盘」层级
* ----------------------------------------------------------------------------
* 原来的毛病有两层：
* 1) .uw-tech-category 被算进了上面的「页面卡片族」，于是分组框和它内部的研究
* 项目卡成了同一层级的实体卡片 —— 框套框；
* 2) 它自己只有 margin-bottom、没有 padding（universe-war.css:1122），
* 内层卡片直接贴住外层描边，视觉上就「连」在一起了。
* 建筑页的分层是对的：.uw-building-list 是蜜糖托盘、里面装白色行卡，
* 而托盘与行卡之间靠**底色差**区分，不是靠多套一层描边。
*
* 修法：分组容器退回「托盘」——底色换成 bg-secondary、补上内边距，
* 让卡片浮在托盘上而不是和托盘平级。
* 描边与厚度对齐建筑页的托盘（.uw-building-list / .uw-building-construct，
* 见上面「列表容器」那组），这样两个页面读起来是同一套结构：
* 蜜糖托盘（容器，装东西） > 白卡（内容，可点）
* 白天 bg-secondary 是蜜糖（卡片是白）、夜间是深靛（卡片更亮），
* 两个主题下托盘都比卡片「退后一层」。 */
.uw-tech-category {
background-color: var(--uw-color-bg-secondary);
/* border-style 必须显式写：universe-war.css 那边只给了 margin，
原本的 solid 是随 border 简写一起来的，拆开写就会退化成 none（宽度归零） */
border-style: solid;
border-width: var(--uw-edge);
border-color: var(--uw-edge-color);
border-radius: var(--uw-r-card);
box-shadow: 0 var(--uw-lift) 0 var(--uw-drop);
padding: 12px 14px 14px;
margin-bottom: 18px;
}
/* 分类标题：去掉贯穿整行的 1px 下划线（那是表格表头的做法），
改成与页面标题同源的「圆头色条 + 主字色」，一眼能看出这是分节。 */
.uw-tech-category h4 {
color: var(--uw-color-text-primary);
border-bottom: none;
font-size: 14px;
font-weight: 700;
margin: 0 0 12px;
padding: 0 0 0 13px;
position: relative;
}
.uw-tech-category h4::before {
content: "";
position: absolute;
left: 0;
top: 2px;
width: 5px;
height: 14px;
border-radius: var(--uw-r-pill);
background: var(--uw-color-accent);
}
/* 卡片在托盘上再松一点，原来的 8px 在加了内边距后仍偏挤 */
.uw-tech-category .uw-tech-grid {
gap: 10px;
}
/* ── 赛季成就的两个入口由 改成