@mooncellwiki/prts-design-css 0.1.0

package/src/arknights/module.css

@@ -0,0 +1,49 @@
+/*! PRTS Design · arknights/module.css — B10 模组卡 Module · 依赖：tokens.css · decor/ */
+/* B10. 模组卡 —— 同现网 {{模组}}（Template:模组 输出的 .equiptemplate）一张卡装完：型号 + 名称 + 基础信息（故事，默认只露 3 行）+ 三阶段属性 / 特性追加 · 天赋更新 + 解锁任务 + 解锁需求与材料
+ *  结构：.ak-module[data-color=red] > .ak-module__img + .ak-module__main( .ak-module__head( .ak-module__type + h3.ak-module__name + [.ak-module__hint] ) + .ak-module__story + label.ak-module__more( input[type=checkbox][data-toggle-class=is-open][data-toggle-target=.ak-module__main] + .off + .on ) )
+ *                                   + .ak-module__body( table.ak-module__stages + .ak-module__tasks + table.ak-module__unlock )
+ *  --_bar = 型号色：模板参数 类型颜色 red / blue / green / yellow / purple → data-color（同游戏模组类型底色）；ORIGINAL 原型证章不写 = 灰。左侧粗色条与 1px 框直角拼接（tokens §Shape）。
+ *  「全文阅读」是 checkbox 开关（preview.js 的 data-toggle-class 约定），无 JS 时故事只露 3 行——正文仍在 DOM 里可搜索 */
+.ak-module { --_bar: var(--ak-fg-muted); display: grid; grid-template-columns: 96px 1fr; gap: 12px 16px; padding: 14px; margin: 0 0 var(--ak-space-4); background: var(--ak-bg-surface); border: 1px solid var(--ak-border); border-left-width: var(--ak-bar-w-lg); border-image: linear-gradient(to right, var(--_bar) 8px, var(--ak-border) 8px) 1 1 1 8; }
+.ak-module[data-color="red"] { --_bar: var(--ak-red-600); } .ak-module[data-color="blue"] { --_bar: var(--ak-blue-500); } .ak-module[data-color="green"] { --_bar: var(--ak-green-500); } .ak-module[data-color="yellow"] { --_bar: var(--ak-yellow-600); } .ak-module[data-color="purple"] { --_bar: var(--ak-purple-500); }
+.ak-module__img { width: 96px; height: 96px; background: #1d1f20; display: grid; place-items: center; overflow: hidden; }
+.ak-module__img img { max-width: 92%; max-height: 92%; }
+.ak-module__main { min-width: 0; }
+.ak-module__head { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-bottom: 8px; }
+.ak-module__type { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 8px; background: var(--_bar); color: #fff; font: 800 var(--ak-fs-sm)/1 var(--ak-font-display); letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; }
+.ak-module__type img { height: 16px; width: auto; }
+.ak-module__type small { font-family: var(--ak-font-label); font-size: .72em; font-weight: 600; letter-spacing: .1em; opacity: .85; }
+.ak-module__name, :is(h1, h2, h3, h4, h5, h6).ak-module__name { font-weight: 800; font-size: var(--ak-fs-body-lg); margin: 0; }
+.ak-module__hint { font: 600 var(--ak-fs-xs)/1 var(--ak-font-label); letter-spacing: .06em; color: var(--ak-fg-muted); cursor: help; border: 1px solid var(--ak-border-strong); padding: 3px 6px; }
+.ak-module__story { font-size: var(--ak-fs-sm); color: var(--ak-fg-secondary); line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
+.ak-module__main.is-open .ak-module__story { display: block; -webkit-line-clamp: unset; }
+.ak-module__story p { margin: 0 0 .6em; } .ak-module__story p:last-child { margin: 0; }
+.ak-module__more { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; font: 600 var(--ak-fs-xs)/1 var(--ak-font-body); color: var(--ak-link); cursor: pointer; }
+.ak-module__more > input { position: absolute; opacity: 0; width: 0; height: 0; }
+.ak-module__more > input:checked ~ .off, .ak-module__more > input:not(:checked) ~ .on { display: none; }
+.ak-module__more:hover { text-decoration: underline; }
+.ak-module__more:has(> input:focus-visible) { outline: 2px solid var(--ak-focus); outline-offset: 2px; }   /* 开关本身是 0×0 的隐形复选框，键盘焦点画在整个 label 上 */
+.ak-module__body { grid-column: 1 / -1; display: grid; gap: 12px; }
+.ak-module__stages, .ak-module__unlock { width: 100%; border-collapse: collapse; font-size: var(--ak-fs-sm); line-height: 1.6; border: 1px solid var(--ak-border); }
+.ak-module__stages th, .ak-module__stages td, .ak-module__unlock th, .ak-module__unlock td { padding: 8px 10px; border-top: 1px solid var(--ak-border-subtle); vertical-align: middle; text-align: left; }
+.ak-module__stages thead th, .ak-module__unlock thead th { background: var(--ak-bg-surface-2); font: 700 var(--ak-fs-xs)/1.3 var(--ak-font-body); color: var(--ak-fg-secondary); border-top: 0; border-bottom: 1px solid var(--ak-border-strong); white-space: nowrap; }
+.ak-module__stages tbody tr:first-child > *, .ak-module__unlock tbody tr:first-child > * { border-top: 0; }
+.ak-module__stages .lv, .ak-module__unlock .lv { width: 96px; white-space: nowrap; }
+.ak-module__stages .stats { width: 150px; }
+.ak-module__lv { display: inline-flex; align-items: center; gap: 8px; font: 800 var(--ak-fs-xs)/1 var(--ak-font-label); letter-spacing: .1em; }
+.ak-module__lv > i { display: inline-flex; gap: 2px; }
+.ak-module__lv > i > b { width: 12px; height: 6px; background: var(--ak-bg-surface-3); }
+.ak-module__lv > i > b.on { background: var(--_bar); }
+.ak-module__stats { display: flex; flex-wrap: wrap; gap: 2px 12px; font-variant-numeric: tabular-nums; }
+.ak-module__stats > span { white-space: nowrap; }   /* 「攻击 +50」是一个整体，换行只在项与项之间 */
+.ak-module__kicker { display: inline-block; margin-right: 6px; padding: 3px 6px; vertical-align: 1px; background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); font: 700 10px/1 var(--ak-font-label); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
+.ak-module__tasks { padding: 8px 12px; background: var(--ak-bg-surface-2); font-size: var(--ak-fs-sm); }
+.ak-module__tasks > ul { margin: 4px 0 0; padding-left: 18px; }
+.ak-module__tasks li { margin: 2px 0; }
+.ak-module__req { display: inline-flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.ak-module__req .ak-trust, .ak-module__req .ak-elite { font-size: var(--ak-fs-xs); }
+.ak-module__stage { display: inline-flex; gap: 2px; }   /* 兼容旧结构（三段进度条） */
+.ak-module__stage > i { width: 22px; height: 6px; background: var(--ak-bg-surface-3); }
+.ak-module__stage > i.on { background: var(--ak-accent); }
+.ak-module__mission { font-size: var(--ak-fs-xs); color: var(--ak-fg-secondary); }
+@media (max-width: 639px) { .ak-module { grid-template-columns: 64px 1fr; padding: 10px; } .ak-module__img { width: 64px; height: 64px; } .ak-module__stages .stats { width: auto; } .ak-module__stages .lv, .ak-module__unlock .lv { width: auto; } }

package/src/arknights/news.css

@@ -0,0 +1,6 @@
+/*! PRTS Design · arknights/news.css — B17 Breaking-news 横幅 News · 依赖：tokens.css · decor/ */
+/* B17. Breaking-news 横幅（游戏内主界面）*/
+.ak-news { display: flex; align-items: stretch; background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); font-size: var(--ak-fs-sm); overflow: hidden; }
+.ak-news__label { background: var(--ak-red-700); color: #fff; padding: 6px 14px; font: 800 var(--ak-fs-xs)/1.4 var(--ak-font-display); letter-spacing: .1em; text-transform: uppercase; display: flex; align-items: center; }   /* 矩形红块（不斜切） */
+.ak-news__text { padding: 6px 14px; align-self: center; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }   /* 正文是普通行内流（不是 flex：否则文字节点 / <a> / <b> 各自成 item，手机上 white-space: normal 时会被拆成一列列换行）；min-width: 0 让它能缩到比内容窄，省略号才生效 */
+.ak-news__text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

package/src/arknights/op-card.css

@@ -0,0 +1,26 @@
+/*! PRTS Design · arknights/op-card.css — B4 干员卡 Operator card · 依赖：tokens.css · decor/ */
+/* B4. 干员卡（游戏内干员列表卡） */
+.ak-op-card { --_w: 128px; width: var(--_w); position: relative; background: var(--ak-bg-surface); border: 1px solid var(--ak-border); overflow: hidden; text-decoration: none; color: var(--ak-fg); display: block; transition: transform var(--ak-dur-normal) var(--ak-ease), border-color var(--ak-dur-normal), box-shadow var(--ak-dur-normal); }
+.ak-op-card:hover { transform: translateY(-3px); border-color: var(--ak-accent); box-shadow: var(--ak-shadow-md); text-decoration: none; color: var(--ak-fg); }
+.ak-op-card:is(:visited, :active) { color: var(--ak-fg); }   /* 同 :hover：整块是链接，宿主的 a:visited / a:active (0,1,1) 压得过 .ak-op-card */
+.ak-op-card__portrait { display: block; position: relative; aspect-ratio: 1; background: #1d1f20 linear-gradient(180deg, #2b2d2f, #141516); overflow: hidden; }
+.ak-op-card__portrait > img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.ak-op-card__portrait::after { content: ""; position: absolute; inset: auto 0 0 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(0,0,0,.75)); }
+.ak-op-card__rarity { position: absolute; left: 4px; top: 4px; z-index: 1; height: 12px; }
+.ak-op-card__rarity img { height: 100%; width: auto; display: block; }
+.ak-op-card__rarity > .ak-rarity { display: flex; height: 100%; font-size: 8px; }   /* 没有星级原图时的 CSS 星形：原图 12px 高里星形只占 ~7px，8px 字号（星 .9em）与它等大，在 12px 高里居中 */
+.ak-op-card__prof { position: absolute; left: 4px; bottom: 4px; z-index: 1; width: 26px; height: 26px; background: rgba(0,0,0,.6); display: grid; place-items: center; }
+.ak-op-card__prof img { width: 22px; height: 22px; }
+.ak-op-card__elite { position: absolute; right: 4px; bottom: 4px; z-index: 1; height: 16px; }
+.ak-op-card__elite img { height: 100%; width: auto; }
+.ak-op-card__badge { position: absolute; right: 4px; top: 4px; z-index: 1; }   /* 右上角空着的那一角：额外角标（首页「兑」字标 / 模组类型小图标），Vue 的 #badge 插槽包在这里 */
+.ak-op-card__name { display: block; padding: 6px 8px 7px; font-weight: 700; font-size: var(--ak-fs-sm); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 3px solid var(--ak-r, var(--ak-border)); }
+.ak-op-card__sub { display: block; font: 600 10px/1 var(--ak-font-label); color: var(--ak-fg-muted); margin-top: 3px; letter-spacing: .06em; text-transform: uppercase; }
+.ak-op-card--sm { --_w: 88px; } .ak-op-card--sm .ak-op-card__name { font-size: var(--ak-fs-xs); padding: 4px 6px; }
+.ak-op-card--lg { --_w: 180px; }
+.ak-op-card--rail { border-left-width: 3px; border-image: linear-gradient(to right, var(--ak-r) 3px, var(--ak-border) 3px) 1 1 1 3; }   /* 稀有度色条与 1px 框直角拼接 */
+.ak-op-card--rail:hover { border-image-source: linear-gradient(to right, var(--ak-r) 3px, var(--ak-accent) 3px); }
+.ak-op-card--rail .ak-op-card__name { border-top: 0; }
+.ak-op-card.is-current { border-color: var(--ak-accent); box-shadow: inset 0 0 0 1px var(--ak-accent); }   /* 当前项（异格一览里正在看的这位，同 operator.html 的 .op-alter 规则）；Vue 同时给 aria-current */
+.ak-op-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: var(--ak-space-3); }
+.ak-op-grid > .ak-op-card { --_w: auto; width: auto; }

package/src/arknights/op-row.css

@@ -0,0 +1,6 @@
+/*! PRTS Design · arknights/op-row.css — B4 干员横向条目 Operator row · 依赖：tokens.css · decor/ */
+/* 干员横向条目（列表/表格内） */
+.ak-op-row { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; }
+.ak-op-row .ak-avatar { --_s: 36px; border-left-width: 3px; border-image: linear-gradient(to right, var(--ak-r, var(--ak-border)) 3px, var(--ak-border) 3px) 1 1 1 3; }
+.ak-op-row__name { font-weight: 700; line-height: 1.2; }
+.ak-op-row__meta { font-size: var(--ak-fs-xs); color: var(--ak-fg-muted); display: flex; gap: 6px; align-items: center; }

package/src/arknights/phase-tabs.css

@@ -0,0 +1,8 @@
+/*! PRTS Design · arknights/phase-tabs.css — B3 精英化阶段选择器 Phase tabs · 依赖：tokens.css · decor/ */
+/* 精英化阶段选择器（E0 / E1 / E2） */
+.ak-phase-tabs { display: inline-flex; border: 1px solid var(--ak-border-strong); }
+.ak-phase-tabs > button { all: unset; cursor: pointer; padding: 4px 10px; display: inline-flex; align-items: center; gap: 4px; font: 700 var(--ak-fs-xs)/1 var(--ak-font-label); color: var(--ak-fg-muted); }
+.ak-phase-tabs > button + button { border-left: 1px solid var(--ak-border-strong); }
+.ak-phase-tabs > button > img { height: 14px; filter: var(--ak-glyph-filter); opacity: .6; }
+.ak-phase-tabs > button.is-active { background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); }
+.ak-phase-tabs > button.is-active > img { filter: var(--ak-glyph-filter-inverse); opacity: 1; }   /* 选中项是反色块：亮色下深底白线稿不动、暗色下白底要反相——走令牌。先前按 :root[data-theme="dark"] 分支，跟随系统的暗色没有 data-theme，漏成白图标落在白底上 */

package/src/arknights/pot-list.css

@@ -0,0 +1,7 @@
+/*! PRTS Design · arknights/pot-list.css — B3 潜能提升一览 Potential list · 依赖：tokens.css · decor/ */
+/* 潜能提升一览（干员页「潜能提升」节，同现网 {{潜能提升}} 的五格表）：潜能 2–6 各一格 = 图标 + 小标 + 效果；.is-on 标出当前潜能已生效的项（属性面板选了潜能后由脚本点亮） */
+.ak-pot-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--ak-border); border: 1px solid var(--ak-border); }
+.ak-pot { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; padding: 8px 12px; background: var(--ak-bg-surface); font-size: var(--ak-fs-sm); line-height: 1.4; }
+.ak-pot__label { display: block; margin-bottom: 2px; font: 700 var(--ak-fs-overline)/1 var(--ak-font-label); letter-spacing: var(--ak-tracking-overline); text-transform: uppercase; color: var(--ak-fg-muted); }
+.ak-pot.is-on { box-shadow: inset 0 3px 0 var(--ak-accent); }
+.ak-pot.is-on .ak-pot__label { color: var(--ak-accent); }

package/src/arknights/potential.css

@@ -0,0 +1,4 @@
+/*! PRTS Design · arknights/potential.css — B3 潜能 / 专精 Potential · Specialization · 依赖：tokens.css · decor/ */
+.ak-potential, .ak-spec { display: inline-grid; place-items: center; background: #1d1f20; padding: 2px; vertical-align: middle; }
+.ak-potential > img, .ak-spec > img { height: 20px; width: auto; display: block; }
+.ak-potential--bare, .ak-spec--bare { background: none; padding: 0; }

package/src/arknights/profession.css

@@ -0,0 +1,16 @@
+/*! PRTS Design · arknights/profession.css — B2 职业 / 分支 Profession · 依赖：tokens.css · decor/ */
+/* B2. 职业 / 分支图标 */
+.ak-prof { --_s: 32px; display: inline-grid; place-items: center; width: var(--_s); height: var(--_s); flex: none; }
+.ak-prof > img { width: 82%; height: 82%; object-fit: contain; filter: var(--ak-glyph-filter); }
+.ak-prof--box { background: #1d1f20; }
+.ak-prof--box > img { filter: none; }
+.ak-prof--sm { --_s: 22px; } .ak-prof--lg { --_s: 48px; } .ak-prof--xl { --_s: 72px; }
+.ak-prof--outline { border: 1px solid var(--ak-border-strong); }
+.ak-subprof { --_s: 26px; display: inline-grid; place-items: center; width: var(--_s); height: var(--_s); flex: none; }
+.ak-subprof > img { width: 90%; height: 90%; object-fit: contain; filter: var(--ak-glyph-filter); }
+.ak-prof-label { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
+.ak-prof-label .ak-en { color: var(--ak-fg-muted); font-size: .8em; }
+/* 8 职业色（用于图表/筛选高亮，非官方，源自社区常用配色并降饱和） */
+:root { --ak-prof-pioneer: #c9a94b; --ak-prof-warrior: #c96a4b; --ak-prof-tank: #5e8fc9; --ak-prof-sniper: #4bb3c9; --ak-prof-caster: #9b6fc9; --ak-prof-medic: #5fc98c; --ak-prof-support: #c95fa2; --ak-prof-special: #8a8f99; }
+[data-prof="pioneer"] { --ak-p: var(--ak-prof-pioneer); } [data-prof="warrior"] { --ak-p: var(--ak-prof-warrior); } [data-prof="tank"] { --ak-p: var(--ak-prof-tank); } [data-prof="sniper"] { --ak-p: var(--ak-prof-sniper); }
+[data-prof="caster"] { --ak-p: var(--ak-prof-caster); } [data-prof="medic"] { --ak-p: var(--ak-prof-medic); } [data-prof="support"] { --ak-p: var(--ak-prof-support); } [data-prof="special"] { --ak-p: var(--ak-prof-special); }

package/src/arknights/range.css

@@ -0,0 +1,10 @@
+/*! PRTS Design · arknights/range.css — B9 攻击范围 Range · 依赖：tokens.css · decor/ */
+/* B9. 攻击范围格 —— 同现网 prts.wiki Widget:Range/* 的画法：自身格 = 实心蓝方块，攻击格 = 灰色 2px 空心框，不在范围内的格不画；
+ *  格 22px + 间隙 4px（= 现网 26px 格距），只画范围的外接矩形（1-1 就是 1×2，不要补空格撑成 3×3）。
+ *  i.self 自身 · i.on 可攻击 · i.off（或不写 class）空格。颜色两个钩子：--ak-range-self（自身）/ --ak-range-cell（攻击格描边） */
+.ak-range { --_cell: 22px; --_gap: 4px; --_bw: 2px; display: inline-grid; gap: var(--_gap); grid-template-columns: repeat(var(--cols, 5), var(--_cell)); vertical-align: top; }
+.ak-range > i { display: block; width: var(--_cell); height: var(--_cell); box-sizing: border-box; background: transparent; border: 0; }
+.ak-range > i.on { border: var(--_bw) solid var(--ak-range-cell, var(--ak-fg-subtle)); }
+.ak-range > i.self { background: var(--ak-range-self, var(--ak-blue-500)); }
+.ak-range--lg { --_cell: 28px; --_gap: 5px; }
+.ak-range--sm { --_cell: 14px; --_gap: 2px; --_bw: 1.5px; }   /* 技能卡侧槽 / 表格里用 */

package/src/arknights/rarity.css

@@ -0,0 +1,21 @@
+/*! PRTS Design · arknights/rarity.css — B1 稀有度 Rarity · 色轨 · 依赖：tokens.css · decor/ */
+/* B1. 稀有度 ─ 星级 & 色阶 */
+.ak-rarity { display: inline-flex; align-items: center; gap: 1px; height: 1em; vertical-align: middle; --_c: var(--ak-yellow-500); }
+.ak-rarity > i { width: .9em; height: .9em; background: var(--_c); clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
+.ak-rarity--white { --_c: var(--ak-fg); }
+.ak-rarity--r1 { --_c: var(--ak-rarity-1-text); } .ak-rarity--r2 { --_c: var(--ak-rarity-2-text); } .ak-rarity--r3 { --_c: var(--ak-rarity-3-text); }
+.ak-rarity--r4 { --_c: var(--ak-rarity-4-text); } .ak-rarity--r5 { --_c: var(--ak-rarity-5-text); } .ak-rarity--r6 { --_c: var(--ak-rarity-6-text); }
+.ak-rarity--lg { font-size: 1.4em; } .ak-rarity--sm { font-size: .8em; }
+/* 使用游戏原图 */
+.ak-rarity-img { display: inline-block; height: 14px; width: auto; vertical-align: middle; }
+/* 稀有度色轨（用于表格/卡片的左边缘、文字色、背景色） */
+[data-rarity="1"] { --ak-r: var(--ak-rarity-1); --ak-r-text: var(--ak-rarity-1-text); }
+[data-rarity="2"] { --ak-r: var(--ak-rarity-2); --ak-r-text: var(--ak-rarity-2-text); }
+[data-rarity="3"] { --ak-r: var(--ak-rarity-3); --ak-r-text: var(--ak-rarity-3-text); }
+[data-rarity="4"] { --ak-r: var(--ak-rarity-4); --ak-r-text: var(--ak-rarity-4-text); }
+[data-rarity="5"] { --ak-r: var(--ak-rarity-5); --ak-r-text: var(--ak-rarity-5-text); }
+[data-rarity="6"] { --ak-r: var(--ak-rarity-6); --ak-r-text: var(--ak-rarity-6-text); }
+.ak-r-text { color: var(--ak-r-text); } .ak-r-bg { background: var(--ak-r); color: #1d1f20; } .ak-r-border { border-color: var(--ak-r) !important; }
+.ak-r-bar { border-left: var(--ak-bar-w) solid var(--ak-r); }
+.ak-r-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; font: 700 var(--ak-fs-xs)/1 var(--ak-font-label); background: var(--ak-r); color: #1d1f20; }
+.ak-r-swatch { display: inline-block; width: 1em; height: 1em; background: var(--ak-r); vertical-align: -.15em; margin-right: .3em; }

package/src/arknights/rich-text.css

@@ -0,0 +1,18 @@
+/*! PRTS Design · arknights/rich-text.css — B7 游戏内富文本 Rich text · 数值变化 · 依赖：tokens.css · decor/ */
+/* B7. 游戏内富文本（<@ba.vup> 等 → span 类） */
+.ak-rt-vup, .ba-vup, .ak-buff { color: var(--ak-rt-vup); font-weight: 600; }
+.ak-rt-vdown, .ba-vdown, .ak-debuff { color: var(--ak-rt-vdown); font-weight: 600; }
+.ak-rt-rem, .ba-rem { color: var(--ak-rt-rem); font-weight: 600; }
+.ak-rt-kw, .ba-kw { color: var(--ak-rt-kw); font-weight: 600; }
+.ak-rt-imp, .ba-imp, .tu-imp { color: var(--ak-rt-imp); font-weight: 700; }
+.ak-rt-drop, .ba-drop { color: var(--ak-rt-drop); }
+.ak-rt-enemy, .ba-enemy { color: var(--ak-rt-enemy); font-weight: 600; }
+.ak-rt-gild, .ba-gild { color: var(--ak-rt-gild); }
+.ak-rt-acrem, .ba-acrem { color: var(--ak-rt-acrem); }
+.ak-rt-level, .ba-level { color: var(--ak-rt-level); font-weight: 700; }
+.ak-rt-talpu, .ba-talpu { color: var(--ak-rt-vup); }   /* 潜能加成 (+1%) */
+.ak-rt-term, .ba-term { border-bottom: 1px dashed currentColor; cursor: help; }   /* <$ba.stun> 术语 */
+.ak-rt-pn, .ba-pn { font-style: italic; }
+/* 数值变化对比 */
+.ak-delta-up::after { content: "▲"; font-size: .7em; margin-left: 2px; color: var(--ak-rt-vup); }
+.ak-delta-down::after { content: "▼"; font-size: .7em; margin-left: 2px; color: var(--ak-rt-vdown); }

package/src/arknights/skill-levels.css

@@ -0,0 +1,13 @@
+/*! PRTS Design · arknights/skill-levels.css — B6 技能等级选择器 Skill levels · 依赖：tokens.css · decor/ */
+/* 技能等级选择器 1-7 + M1-M3 */
+.ak-skill-levels { display: inline-flex; border: 1px solid var(--ak-border-strong); }
+.ak-skill-levels > button { all: unset; cursor: pointer; width: 30px; height: 26px; display: grid; place-items: center; font: 700 var(--ak-fs-xs)/1 var(--ak-font-label); color: var(--ak-fg-muted); }
+.ak-skill-levels > button + button { border-left: 1px solid var(--ak-border); }
+.ak-skill-levels > button.is-mastery { color: var(--ak-rt-vup); }
+.ak-skill-levels > button.is-active { background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); }
+.ak-skill-levels > button.is-mastery.is-active { background: var(--ak-blue-500); color: #fff; }
+.ak-skill-levels > button.is-mastery > img { height: 14px; filter: var(--ak-glyph-filter); }
+.ak-skill-levels > button.is-mastery.is-active > img { filter: none; }
+/* 键盘焦点：上面的 all: unset 把全局 :focus-visible 焦点环也清掉了，补回来（内缩 2px——按钮一个挨一个，外扩会被邻格盖住）；禁用同按钮 */
+.ak-skill-levels > button:focus-visible { outline: 2px solid var(--ak-focus); outline-offset: -2px; }
+.ak-skill-levels > button:disabled { opacity: .45; cursor: not-allowed; }

package/src/arknights/skill-matrix.css

@@ -0,0 +1,25 @@
+/*! PRTS Design · arknights/skill-matrix.css — B6d 技能参数矩阵 Skill matrix · 依赖：tokens.css · decor/ */
+/* B6d. 技能参数矩阵——另一种对比法：等级横着放、参数竖着放（游戏内技能详情 / 各类工具箱的写法），和 B6b 的全等级表二选一
+ *  描述只写一遍，变量位 .ak-var 写区间（200%→320%）；每个变量一行、每级一列，较上一级有变化的格子 .is-up 正常色、没变的淡掉——
+ *  一眼看出「哪一级涨了什么、涨了多少」，十行重复的句子不用读十遍；手机上也不用横向滚。
+ *  可选 JS（preview.js 有示例）：悬停 / 点某一列 → 整列 .is-hl，描述里的 .ak-var 换成该级的值，离开还原区间。
+ *  结构：.ak-skill-sheet > .ak-skill--wide + .ak-skill-sheet__tpl( 描述 + .ak-var[data-var] ) + table.ak-skill-matrix( thead th 等级（th.m-start = 专精 Ⅰ）；tbody tr[data-var] > th 参数名 + td.is-up / td ) */
+.ak-skill-sheet__tpl { padding: 10px 12px; font-size: var(--ak-fs-sm); line-height: 1.7; border-bottom: 1px solid var(--ak-border-subtle); }
+.ak-var { font-weight: 700; color: var(--ak-rt-vup); border-bottom: 1px dotted currentColor; white-space: nowrap; }
+.ak-skill-matrix { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: var(--ak-fs-sm); }
+.ak-skill-matrix th, .ak-skill-matrix td { padding: 5px 4px; text-align: center; border-top: 1px solid var(--ak-border-subtle); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.ak-skill-matrix thead th { background: var(--ak-bg-surface-2); font: 800 var(--ak-fs-xs)/1.3 var(--ak-font-body); color: var(--ak-fg-secondary); border-top: 0; border-bottom: 1px solid var(--ak-border-strong); }
+.ak-skill-matrix thead th img { height: 13px; width: auto; vertical-align: -2px; margin-right: 2px; filter: var(--ak-glyph-filter); }
+.ak-skill-matrix thead th.is-mastery { color: var(--ak-rt-vup); }
+.ak-skill-matrix tbody th { text-align: left; font-weight: 600; color: var(--ak-fg-secondary); padding-left: 12px; white-space: normal; }
+.ak-skill-matrix col.label { width: 120px; }
+.ak-skill-matrix td { font-weight: 700; color: var(--ak-fg-subtle); }   /* 正文字体（表格数字硬规则，见 table-numerals.css（B99））*/
+.ak-skill-matrix td.is-up { color: var(--ak-fg); }                  /* 较上一级有变化（第 1 级也算） */
+.ak-skill-matrix .m-start { border-left: 1px solid var(--ak-border-strong); }   /* 7 与专精 Ⅰ 之间一道分隔 */
+.ak-skill-matrix .is-hl { background: var(--ak-accent-subtle); }
+.ak-skill-matrix thead th.is-hl { color: var(--ak-accent); }
+.ak-skill-matrix tbody th .ak-sp-init, .ak-skill-matrix tbody th .ak-sp-cost, .ak-skill-matrix tbody th .ak-sp-dur { font-weight: 700; }   /* 字体由 B99 兜底回正文 */
+/* 列头按钮（Vue 版 AkSkillMatrix 输出：键盘也能逐列预览 / 钉住，aria-pressed = 钉住的列）：去掉按钮外观，字随列头；全局焦点环被 all: unset 清掉了，补回来 */
+.ak-skill-matrix thead th > button { all: unset; cursor: pointer; }
+.ak-skill-matrix thead th > button:focus-visible { outline: 2px solid var(--ak-focus); outline-offset: 2px; }
+@media (max-width: 639px) { .ak-skill-matrix col.label { width: 72px; } .ak-skill-matrix tbody th { padding-left: 8px; font-size: var(--ak-fs-xs); } .ak-skill-matrix th, .ak-skill-matrix td { padding: 5px 2px; font-size: var(--ak-fs-xs); } }

package/src/arknights/skill-sheet.css

@@ -0,0 +1,30 @@
+/*! PRTS Design · arknights/skill-sheet.css — B6b 技能全等级表 Skill sheet · 依赖：tokens.css · decor/ */
+/* B6b. 技能全等级表——prts.wiki 现网的「等级 × 描述 / 初始 / 消耗 / 持续」对比：一张表看完 1–7 + 专精 Ⅰ–Ⅲ，不靠等级切换器来回点
+ *  结构：.ak-skill-sheet > .ak-skill.ak-skill--wide（表头：图标 / 名称 / SP 类型 / 开放条件 / 范围）+ table.ak-skill-table + .ak-skill-sheet__note */
+.ak-skill-sheet { border: 1px solid var(--ak-border); background: var(--ak-bg-surface); margin: 0 0 var(--ak-space-4); }
+.ak-skill-sheet > .ak-skill { border: 0; border-bottom: 1px solid var(--ak-border); }
+.ak-skill-sheet > .ak-skill .ak-skill__desc { grid-column: 1 / -1; }
+.ak-skill-sheet > .ak-skill > .ak-skill__icon + :not(.ak-skill__desc) { justify-content: center; }   /* 表头里没有 SP 芯片行（数值在表格列里），名称行居中对齐图标 */
+.ak-skill-table { width: 100%; border-collapse: collapse; font-size: var(--ak-fs-sm); line-height: 1.6; }
+.ak-skill-table th, .ak-skill-table td { padding: 6px 10px; border-top: 1px solid var(--ak-border-subtle); vertical-align: middle; text-align: center; }
+.ak-skill-table thead th { background: var(--ak-bg-surface-2); font: 700 var(--ak-fs-xs)/1.3 var(--ak-font-body); color: var(--ak-fg-secondary); border-top: 0; border-bottom: 1px solid var(--ak-border-strong); white-space: nowrap; }
+.ak-skill-table thead th .ak-sp-cost, .ak-skill-table thead th .ak-sp-init, .ak-skill-table thead th .ak-sp-dur { font-weight: 700; }   /* 列头直接用同一套芯片做图例（字体由 B99 兜底回正文）*/
+.ak-skill-table tbody tr:first-child > * { border-top: 0; }
+.ak-skill-table .lv { width: 56px; font: 800 var(--ak-fs-sm)/1 var(--ak-font-body); white-space: nowrap; }
+.ak-skill-table .desc { text-align: left; }
+.ak-skill-table .num { width: 52px; font-weight: 700; font-variant-numeric: tabular-nums; }   /* 正文字体（表格数字硬规则，见 table-numerals.css（B99））*/
+.ak-skill-table .num:empty::before { content: "—"; color: var(--ak-fg-subtle); font-weight: 400; }
+.ak-skill-table tr.is-mastery .lv { color: var(--ak-rt-vup); }
+.ak-skill-table tr.is-mastery .lv img { height: 14px; width: auto; vertical-align: -3px; margin-right: 3px; filter: var(--ak-glyph-filter); }
+.ak-skill-table tr:not(.is-mastery) + tr.is-mastery > * { border-top-color: var(--ak-border-strong); }   /* 7 级与专精之间一道略深的分隔 */
+.ak-skill-table tr.is-hl > * { background: var(--ak-accent-subtle); }   /* 可选：高亮某一行（当前等级） */
+.ak-skill-sheet__note { padding: 8px 12px; font-size: var(--ak-fs-xs); color: var(--ak-fg-muted); line-height: 1.7; border-top: 1px solid var(--ak-border-subtle); }
+.ak-skill-sheet__note p { margin: 0; }
+/* 窄屏：数值列收窄、列头芯片只留图形（文字 font-size:0，mask 图形是固定像素不受影响）；表头卡的右侧槽换到第二行 */
+@media (max-width: 639px) {
+  .ak-skill-table th, .ak-skill-table td { padding: 6px 5px; }
+  .ak-skill-table .lv { width: 40px; } .ak-skill-table .num { width: 38px; }
+  .ak-skill-table thead th .ak-sp-cost, .ak-skill-table thead th .ak-sp-init, .ak-skill-table thead th .ak-sp-dur { font-size: 0; gap: 0; padding: 0 7px; }
+  .ak-skill--wide { grid-template-columns: 64px 1fr; }
+  .ak-skill__aside { grid-column: 1 / -1; grid-row: auto; justify-content: space-between; }
+}

package/src/arknights/skill.css

@@ -0,0 +1,28 @@
+/*! PRTS Design · arknights/skill.css — B6 技能卡 Skill · 依赖：tokens.css · decor/ */
+/* B6. 技能（图标 + SP 类型 + 触发类型）
+ *  结构：.ak-skill > .ak-skill__icon + <div>( .ak-skill__head( __name [+ __alias] + .ak-sp + .ak-sp-trigger ) + .ak-skill__stats( .ak-sp-cost .ak-sp-init ) ) [+ .ak-skill__aside] + .ak-skill__desc
+ *  右栏撑满图标高度并上下两端对齐：名称行贴图标顶边、SP 芯片行贴图标底边（不再悬在中间） */
+.ak-skill { display: grid; grid-template-columns: 64px 1fr; gap: 12px 14px; padding: 12px; background: var(--ak-bg-surface); border: 1px solid var(--ak-border); position: relative; }
+.ak-skill > .ak-skill__icon + :not(.ak-skill__desc) { display: flex; flex-direction: column; justify-content: space-between; gap: 6px; min-height: 68px; min-width: 0; }
+.ak-skill.is-selected { border-color: var(--ak-blue-500); box-shadow: inset 0 0 0 2px var(--ak-blue-500); }
+.ak-skill.is-selected::before { content: ""; position: absolute; left: 0; top: 0; border-style: solid; border-width: 12px 12px 0 0; border-color: var(--ak-blue-500) transparent transparent; }
+.ak-skill__icon { --_sp: var(--ak-sp-auto); position: relative; width: 64px; height: 64px; background: #1d1f20; border: 2px solid var(--_sp); overflow: hidden; }
+.ak-skill__icon > img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.ak-skill__icon::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--_sp); }
+.ak-skill__icon--auto { --_sp: var(--ak-sp-auto); } .ak-skill__icon--attack { --_sp: var(--ak-sp-attack); } .ak-skill__icon--hit { --_sp: var(--ak-sp-hit); } .ak-skill__icon--passive { --_sp: var(--ak-sp-passive); }
+.ak-skill__icon.is-locked > img { filter: grayscale(1) brightness(.4); }
+.ak-skill__icon.is-locked::before { content: "🔒"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 20px; z-index: 1; }
+.ak-skill__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.ak-skill__name, :is(h1, h2, h3, h4, h5, h6).ak-skill__name { font-weight: 800; font-size: var(--ak-fs-body-lg); line-height: var(--ak-lh-tight); margin: 0; }   /* 标签限定那条 (0,1,1)：压过宿主正文的 .mw-body h4（Vector）；行高自己写，不靠正文标题规则 */
+/* 技能名后的别名（干员页全等级表的表头）：英文名 .ak-en（Bender 大写，再小一号）+ 日文名，灰色小字、与技能名基线对齐
+ *  结构：.ak-skill__alias > span.ak-en + span（日文名） */
+.ak-skill__alias { display: inline-flex; gap: 8px; align-items: baseline; font-size: var(--ak-fs-xs); color: var(--ak-fg-muted); }
+.ak-skill__alias .ak-en { font-size: 10px; }
+.ak-skill__meta { display: flex; gap: 6px; flex-wrap: wrap; font-size: var(--ak-fs-xs); }
+.ak-skill__desc { grid-column: 1 / -1; font-size: var(--ak-fs-sm); color: var(--ak-fg-secondary); line-height: 1.7; }
+.ak-skill__stats { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; font-size: var(--ak-fs-sm); font-variant-numeric: tabular-nums; }   /* 正文字体；SP 芯片自带 Bender；与图标底边对齐由上面的 space-between 负责（不要再给它 ak-mt-*） */
+.ak-skill__stats b { font-weight: 800; }
+.ak-skill__aside { grid-column: 3; grid-row: 1; align-self: center; display: flex; align-items: center; gap: 12px; }   /* 技能卡右侧槽：攻击范围 / 开放条件（需要 .ak-skill--wide 的三栏网格） */
+.ak-skill--wide { grid-template-columns: 64px 1fr auto; }
+.ak-skill__open { font: 600 var(--ak-fs-xs)/1 var(--ak-font-label); letter-spacing: .06em; color: var(--ak-fg-muted); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
+.ak-skill__open img { height: 12px; filter: var(--ak-glyph-filter); }

package/src/arknights/sp.css

@@ -0,0 +1,15 @@
+/*! PRTS Design · arknights/sp.css — B6 SP 类型 / 触发 / 数值芯片 · 依赖：tokens.css · decor/ */
+/* SP 类型标签（游戏内：绿=自动 橙=攻击 黄=受击 灰=被动） */
+.ak-sp { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; font: 700 var(--ak-fs-xs)/1 var(--ak-font-body); color: #1d1f20; background: var(--ak-sp-auto); }
+.ak-sp--attack { background: var(--ak-sp-attack); } .ak-sp--hit { background: var(--ak-sp-hit); } .ak-sp--passive { background: var(--ak-sp-passive); color: #fff; }
+.ak-sp-trigger { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; font: 700 var(--ak-fs-xs)/1 var(--ak-font-body); background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); }
+.ak-sp-trigger--auto { background: var(--ak-gray-500); color: #fff; }
+/* SP 数值芯片（游戏内 skill_sp_cost_bkg 荧光绿闪电 / 初始技力 ▶ / 持续 ⏱）
+ *  三枚同高同内距、图形用单色 SVG mask（不用 emoji——彩色闪电字形基线不稳，两枚芯片会错半像素），盒子与数字严格对齐 */
+.ak-sp-cost, .ak-sp-init, .ak-sp-dur { display: inline-flex; align-items: center; gap: 5px; height: 20px; padding: 0 8px 0 6px; font: 800 12px/1 var(--ak-font-label); font-variant-numeric: tabular-nums; vertical-align: middle; white-space: nowrap; }
+.ak-sp-cost::before, .ak-sp-init::before, .ak-sp-dur::before { content: ""; flex: none; width: 10px; height: 11px; background: currentColor; -webkit-mask: var(--_g) center / contain no-repeat; mask: var(--_g) center / contain no-repeat; }
+.ak-sp-cost { --_g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpolygon points='8,0 1,9.5 5.5,9.5 4,16 11,6.5 6.5,6.5'/%3E%3C/svg%3E"); background: var(--ak-lime-400); color: #1d1f20; }
+.ak-sp-init { --_g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpolygon points='0,0 10,6 0,12'/%3E%3C/svg%3E"); background: var(--ak-gray-800); color: #fff; }
+.ak-sp-init::before { width: 8px; height: 10px; }
+.ak-sp-dur { --_g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M7 3.5v3.8l2.6 1.6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); background: var(--ak-bg-surface-3); color: var(--ak-fg); }
+.ak-sp-dur::before { width: 11px; height: 11px; }

package/src/arknights/stage.css

@@ -0,0 +1,22 @@
+/*! PRTS Design · arknights/stage.css — B13 关卡 / 关卡编号 / 理智 Stage · 依赖：tokens.css · decor/ */
+/* B13. 关卡卡 / 关卡编号 */
+.ak-stage { --_bd: var(--ak-border); display: grid; grid-template-columns: max-content 1fr; gap: 12px; align-items: center; padding: 10px 14px; background: var(--ak-bg-surface); border: 1px solid var(--_bd); text-decoration: none; color: inherit; position: relative; }
+.ak-stage:hover { --_bd: var(--ak-accent); text-decoration: none; color: inherit; }
+.ak-stage__code { font: 800 var(--ak-fs-h3)/1 var(--ak-font-display); letter-spacing: -.02em; min-width: 72px; }
+.ak-stage__code small { display: block; font: 600 9px/1 var(--ak-font-label); letter-spacing: .12em; color: var(--ak-fg-muted); margin-top: 3px; }
+.ak-stage__name { font-weight: 700; }
+.ak-stage__meta { display: flex; gap: 10px; font: 600 var(--ak-fs-xs)/1 var(--ak-font-label); color: var(--ak-fg-muted); margin-top: 4px; }
+.ak-stage__meta b { color: var(--ak-fg); }
+.ak-stage--hard, .ak-stage--ex, .ak-stage--story { border-left-width: 4px; border-image: linear-gradient(to right, var(--_bar) 4px, var(--_bd) 4px) 1 1 1 4; }   /* 关卡类型色条与框直角拼接 */
+.ak-stage--hard { --_bar: var(--ak-red-600); }
+.ak-stage--ex { --_bar: var(--ak-red-700); }
+.ak-stage--story { --_bar: var(--ak-fg-muted); }
+.ak-stage-code { --_fg: var(--ak-fg-inverse); display: inline-block; font: 800 1em/1 var(--ak-font-display); letter-spacing: -.02em; padding: 2px 6px; background: var(--ak-bg-inverse); color: var(--_fg); }
+.ak-stage-code--hard { --_fg: #fff; background: var(--ak-red-700); }
+/* 理智 / 消耗 */
+.ak-sanity { display: inline-flex; align-items: center; gap: 4px; font: 800 var(--ak-fs-sm)/1 var(--ak-font-label); }
+.ak-sanity::before { content: ""; width: 12px; height: 14px; background: currentColor; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
+/* 链接版关卡号（Vue AkStageCode）自己标 ak-not-prose 躲开正文 a:visited / a:hover 的链接色——not-prose 基线只管子孙里的 a，标在链接自身时要在这里去掉 UA 默认下划线，悬停再给回 */
+a.ak-stage-code.ak-not-prose { text-decoration: none; }
+a.ak-stage-code:is(:visited, :hover, :active) { color: var(--_fg); }   /* 反白字不能被宿主 / 正文的 a:visited、a:hover (0,1,1) 换成链接色或继承色 */
+a.ak-stage-code.ak-not-prose:hover { text-decoration: underline; text-underline-offset: 2px; }

package/src/arknights/table-numerals.css

@@ -0,0 +1,7 @@
+/*! PRTS Design · arknights/table-numerals.css — B99 硬规则：表格数据里的数字回正文字体（放在方舟组件最后） · 依赖：tokens.css · decor/ */
+/* B99. 硬规则：表格数据里的数字一律不用 Bender 系（--ak-font-label）——Bender 数字比例宽度、子集无 tnum、小字号发虚，成列就对不齐。
+ *  表格组件（.ak-skill-table / .ak-skill-matrix / .ak-talent-table / .wikitable / .ak-kv）自身已按正文字体写；这里兜底：
+ *  带数字的 HUD 类掉进 td / th / 键值表 dd 时回正文字体，字重 / 字号 / 字距 / 颜色 / 底色照旧（优先级 0,2,1，压过单类选择器）。
+ *  面板级 HUD 数值（.ak-attrs / .ak-stat / 技能卡芯片 / 素材列表的数量角标）不在表格里，不受影响 */
+:is(td, th, .ak-kv > dd) :is(.ak-num, .ak-code-id, .ak-trust, .ak-item__count, .ak-elite, .ak-level, .ak-sanity, .ak-sp-cost, .ak-sp-init, .ak-sp-dur, .ak-countdown, .ak-stage__meta, .ak-event__time, .ak-timeline__date),
+:is(td, th, .ak-kv > dd):is(.ak-num, .ak-code-id) { font-family: var(--ak-font-body); }

package/src/arknights/talent-table.css

@@ -0,0 +1,30 @@
+/*! PRTS Design · arknights/talent-table.css — B6c 天赋条件表 Talent table · 依赖：tokens.css · decor/ */
+/* B6c. 天赋条件表——prts.wiki 现网的「条件 × 描述」对比（精英阶段 / 模组等级），潜能加成用表头右侧的开关切换描述
+ *  结构：table.ak-talent-table > thead( th.name th.cond th.desc( label.ak-check.ak-talent-table__toggle > input[data-toggle-class=is-pot] ) ) + tbody > tr( td.name[rowspan] td.cond td.desc( .ak-talent-table__base + .ak-talent-table__pot ) ) */
+.ak-talent-table { width: 100%; border-collapse: collapse; font-size: var(--ak-fs-sm); line-height: 1.6; background: var(--ak-bg-surface); border: 1px solid var(--ak-border); margin: 0 0 var(--ak-space-3); }
+.ak-talent-table th, .ak-talent-table td { padding: 6px 10px; border-top: 1px solid var(--ak-border-subtle); vertical-align: middle; text-align: left; }
+.ak-talent-table thead th { background: var(--ak-bg-surface-2); font: 700 var(--ak-fs-xs)/1.3 var(--ak-font-body); color: var(--ak-fg-secondary); border-top: 0; border-bottom: 1px solid var(--ak-border-strong); white-space: nowrap; }
+.ak-talent-table tbody tr:first-child > * { border-top: 0; }
+.ak-talent-table .name { width: 112px; font-weight: 800; }
+.ak-talent-table td.name { border-right: 1px solid var(--ak-border-subtle); vertical-align: top; padding-top: 8px; }
+.ak-talent-table .cond { width: 168px; white-space: nowrap; color: var(--ak-fg-secondary); }
+.ak-talent-table .cond .ak-elite { vertical-align: middle; font-size: var(--ak-fs-sm); }   /* 字体由 B99 兜底回正文 */
+.ak-talent-table__toggle { float: right; margin-left: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; }
+.ak-talent-table__toggle > input { width: 16px; height: 16px; }
+.ak-talent-table__toggle .ak-potential > img { height: 14px; }   /* 开关里的潜能图标跟字高（潜能组件默认 20px） */
+.ak-talent-table__pot { display: none; }
+.ak-talent-table.is-pot .ak-talent-table__base { display: none; }
+.ak-talent-table.is-pot .ak-talent-table__pot { display: inline; }
+/* 算法标记（现网「算法」开关）：勾上后描述里每个加成项前标出它进公式的方式——同现网的四枚小图标：绿 + 直接加算 · 蓝 + 直接乘算（直接乘算之间为加法计算）· 橙 + 最终加算 · 橙 × 最终乘算
+ *  结构：td.desc 里 <i class="ak-calc ak-calc--mul" title="直接乘算"></i> 紧贴数值；表头再挂一枚 label.ak-talent-table__toggle > input[data-toggle-class=is-calc]；tfoot > tr.ak-talent-table__legend 是图例行，只在 .is-calc 时显示 */
+.ak-calc { display: none; width: 14px; height: 14px; margin: 0 2px 0 1px; vertical-align: -2px; font: 800 11px/14px var(--ak-font-label); text-align: center; color: #fff; }
+.ak-calc--add { background: var(--ak-green-500); } .ak-calc--add::before { content: "+"; }
+.ak-calc--mul { background: var(--ak-blue-500); } .ak-calc--mul::before { content: "+"; }
+.ak-calc--fadd { background: var(--ak-orange-500); color: #1d1f20; } .ak-calc--fadd::before { content: "+"; }
+.ak-calc--fmul { background: var(--ak-orange-500); color: #1d1f20; } .ak-calc--fmul::before { content: "×"; }
+.ak-talent-table.is-calc .ak-calc, .ak-talent-table__legend .ak-calc { display: inline-block; }
+.ak-talent-table__legend { display: none; }
+.ak-talent-table.is-calc .ak-talent-table__legend { display: table-row; }
+.ak-talent-table__legend > td { font-size: var(--ak-fs-xs); color: var(--ak-fg-muted); background: var(--ak-bg-surface-2); }
+.ak-talent-table__legend > td > span { display: inline-flex; align-items: center; margin-right: 14px; white-space: nowrap; }
+@media (max-width: 639px) { .ak-talent-table .name { width: 72px; } .ak-talent-table .cond { width: auto; white-space: normal; } .ak-talent-table__toggle { float: none; display: inline-flex; margin: 4px 12px 0 0; } }

package/src/arknights/talent.css

@@ -0,0 +1,7 @@
+/*! PRTS Design · arknights/talent.css — B6c 天赋卡 Talent · 依赖：tokens.css · decor/ */
+/* 天赋（卡片式摘要：用于列表/侧栏；干员页正文用 talent-table.css 的条件表） */
+.ak-talent { padding: 10px 12px; border-left: var(--ak-bar-w) solid var(--ak-accent); background: var(--ak-bg-surface-2); margin-bottom: 8px; }
+.ak-talent__name { margin: 0 0 4px; font-weight: 800; display: flex; gap: 8px; align-items: center; margin-bottom: 4px; }
+.ak-talent__req { font: 600 10px/1 var(--ak-font-label); color: var(--ak-fg-muted); display: inline-flex; gap: 4px; align-items: center; letter-spacing: .06em; }
+.ak-talent__req img { height: 12px; filter: var(--ak-glyph-filter); }
+.ak-talent__desc { font-size: var(--ak-fs-sm); color: var(--ak-fg-secondary); }

package/src/arknights/trust.css

@@ -0,0 +1,4 @@
+/*! PRTS Design · arknights/trust.css — B3 信赖 Trust · 依赖：tokens.css · decor/ */
+/* 信赖 */
+.ak-trust { display: inline-flex; align-items: center; gap: 6px; font-family: var(--ak-font-label); font-weight: 700; }
+.ak-trust::before { content: ""; width: 12px; height: 12px; background: var(--ak-red-500); clip-path: polygon(50% 100%, 0 38%, 15% 10%, 50% 30%, 85% 10%, 100% 38%); }

package/src/arknights/voice.css

@@ -0,0 +1,21 @@
+/*! PRTS Design · arknights/voice.css — B11 语音条目 Voice · 依赖：tokens.css · decor/ */
+/* B11. 语音条目 */
+.ak-voice { display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--ak-border-subtle); align-items: start; }
+.ak-voice__play { all: unset; width: 32px; height: 32px; display: grid; place-items: center; background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); cursor: pointer; }
+.ak-voice__play::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent currentColor; margin-left: 2px; }
+.ak-voice__play.is-playing::before { width: 10px; height: 12px; border: 0; border-left: 3px solid currentColor; border-right: 3px solid currentColor; margin: 0; }
+.ak-voice__play:hover { background: var(--ak-accent); color: var(--ak-accent-fg); }
+.ak-voice__title { font: 700 var(--ak-fs-xs)/1 var(--ak-font-body); color: var(--ak-fg-muted); margin-bottom: 4px; display: flex; gap: 8px; align-items: center; }
+.ak-voice__lang { font: 600 10px/1 var(--ak-font-label); letter-spacing: .1em; padding: 2px 5px; border: 1px solid var(--ak-border-strong); }
+.ak-voice__text { font-size: var(--ak-fs-sm); line-height: 1.7; }
+.ak-voice__wave { display: inline-flex; gap: 2px; align-items: flex-end; height: 14px; }
+.ak-voice__wave > i { width: 2px; background: var(--ak-accent); height: 40%; }
+.is-playing ~ * .ak-voice__wave > i { animation: ak-bars 1s ease-in-out infinite; }
+.ak-voice__cond { font: 600 10px/1 var(--ak-font-label); letter-spacing: .06em; padding: 3px 5px; background: var(--ak-bg-surface-3); color: var(--ak-fg-muted); white-space: nowrap; }   /* 解锁条件（提升至精英阶段1以查看 / 提升信赖至40%以查看） */
+.ak-voice-list { border: 1px solid var(--ak-border); background: var(--ak-bg-surface); margin: 0 0 var(--ak-space-4); }
+.ak-voice-list > .ak-voice:last-child { border-bottom: 0; }
+.ak-voice-list > .ak-voice:hover { background: var(--ak-bg-hover); }
+.ak-voice__play:disabled { cursor: not-allowed; opacity: .35; background: var(--ak-bg-inverse); color: var(--ak-fg-inverse); }   /* 没有音频地址：压暗，悬停不反色 */
+/* 语种切换条（= 干员页的 .op-voice-langs，收进组件）：.ak-overline 标签 + 一排 .ak-chip[aria-pressed]（名字 + <small> CV 名）+ 附注；切语种只换台词 / 徽标 / 音频 */
+.ak-voice-langs { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 0 0 var(--ak-space-3); }
+.ak-voice-langs .ak-chip small { font: 600 10px/1 var(--ak-font-label); color: inherit; opacity: .7; }

package/src/base/catlinks.css

@@ -0,0 +1,64 @@
+/*! PRTS Design · base/catlinks.css — Category links 页面底部分类栏 · 依赖：tokens.css */
+/* ─── Category links（页面底部分类栏）─────────────────────────────────────
+ *  MW 输出：div.catlinks > div.mw-normal-catlinks( a[分类] + "：" 文本节点 + ul > li > a ) [+ div.mw-hidden-catlinks( "隐藏分类：" 文本 + ul )]
+ *  设计（参考 fz.wiki）：不再做芯片盒；一行 = 树状图标 + overline 小标签 + 普通下划线链接。
+ *  「：」来自 colon-separator 消息、是裸文本节点：容器 font-size:0 吞掉它（无 JS 亦生效），子元素再恢复字号；
+ *  skin.js / preview.js 的 tidyCatlinks() 会进一步移除该文本并把「隐藏分类」文字标签包成 span.ak-catlinks__label。 */
+.catlinks { margin: var(--ak-space-3) 0 0; padding: 0 var(--ak-space-1); font-size: var(--ak-fs-sm); line-height: 1.5; clear: both; border: 0; background: transparent; }
+.ak-body--flat + .catlinks { border-top: 1px solid var(--ak-border); padding-top: var(--ak-space-3); }
+.catlinks > div { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-height: 24px; }
+.catlinks > div + div { margin-top: 4px; }
+.catlinks > div::before {   /* 「分类」标签图标：OOUI / Codex 的 tag（cdxIconTag，两边同一份图形），
+                               和皮肤其余 .ak-icon 同源，不必再自带第三方 SVG */
+  content: ""; flex: none; width: 16px; height: 16px; background: currentColor; color: var(--ak-fg-muted);
+  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3C/svg%3E") center/contain no-repeat;
+          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23000' d='M9 1.28A1 1 0 0 0 8.35 1H2a1 1 0 0 0-1 1v6.35a1 1 0 0 0 .28.65L11 18.72a1 1 0 0 0 1.37 0l6.38-6.38a1 1 0 0 0-.03-1.34zM5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2'/%3E%3C/svg%3E") center/contain no-repeat;
+}
+
+.catlinks .mw-hidden-catlinks::before { color: var(--ak-fg-subtle); }
+.catlinks .mw-normal-catlinks { font-size: 0; }                                        /* 吞掉「：」文本节点 */
+.catlinks .mw-normal-catlinks > a, .catlinks .mw-normal-catlinks > ul { font-size: var(--ak-fs-sm); }
+/* 标签：分类（链到 Special:Categories）/ 隐藏分类（JS 包成 span） */
+.catlinks .mw-normal-catlinks > a, .catlinks .ak-catlinks__label { font: 700 var(--ak-fs-overline)/1 var(--ak-font-label); letter-spacing: var(--ak-tracking-overline); text-transform: uppercase; color: var(--ak-fg-muted); text-decoration: none; margin-right: 2px; }
+.catlinks .mw-normal-catlinks > a:hover { color: var(--ak-accent); text-decoration: none; }
+.catlinks .mw-hidden-catlinks { color: var(--ak-fg-muted); }
+.catlinks .mw-hidden-catlinks .ak-catlinks__label { color: var(--ak-fg-subtle); }
+/* 链接：就用全局 a / a:hover / a:visited，这里不重写颜色——MW 核心 interface-category.less 只给 .catlinks / li
+ * 画框和竖线，不碰链接色，没什么要压的；重写一遍 `.catlinks li a { color }`（0,1,2）反而会盖掉 a:visited（0,1,1），分类链接永远不褪色 */
+.catlinks ul { display: contents; margin: 0; padding: 0; list-style: none; }
+.catlinks li, .catlinks li:first-child { display: inline; margin: 0; padding: 0; border: 0; line-height: inherit; }
+.catlinks li::before { display: none !important; }
+.catlinks li a.mw-redirect { font-style: italic; }
+.catlinks .mw-hidden-catlinks li a { color: var(--ak-fg-secondary); }
+.catlinks .mw-hidden-catlinks li a:hover { color: var(--ak-link-hover); }
+.catlinks > .mw-hidden-cats-hidden, .catlinks.catlinks-allhidden { display: none; }   /* 特异性需高于 .catlinks > div 的 flex */
+.mw-indicators { display: flex; gap: var(--ak-space-2); float: right; font-size: var(--ak-fs-xs); }
+.mw-indicator { display: inline-flex; align-items: center; }
+#siteSub, .printfooter, .mw-jump-link { display: none; }
+#contentSub, #contentSub2 { font-size: var(--ak-fs-xs); color: var(--ak-fg-muted); margin: 0 0 var(--ak-space-3); }
+#contentSub .subpages a { color: var(--ak-fg-muted); }
+.mw-empty-elt { display: none; }
+.noprint {}
+.mw-redirectedfrom { color: var(--ak-fg-muted); font-size: var(--ak-fs-xs); }
+.redirectMsg { font-size: var(--ak-fs-body-lg); }
+.redirectText { list-style: none; padding: 0; }
+.mw-parser-output .center, .mw-parser-output .mw-halign-center { text-align: center; }
+.mw-parser-output .floatright, .mw-parser-output .floatleft { margin: .3em 0 .5em 1em; }
+.mw-parser-output .floatleft { margin: .3em 1em .5em 0; }
+.mw-parser-output .clear, .clearfix::after { clear: both; }
+.clearfix::after { content: ""; display: table; }
+.mw-parser-output .nowrap { white-space: nowrap; }
+.mw-parser-output .noresize { max-width: none; }
+.mw-parser-output .plainlist ul, .mw-parser-output .plainlist ol { list-style: none; padding: 0; margin: 0; }
+.mw-parser-output .plainlist li::before { display: none; }
+.mw-parser-output .hlist ul { display: inline; padding: 0; margin: 0; }
+.mw-parser-output .hlist li { display: inline; }
+.mw-parser-output .hlist li::before { display: none; }
+.mw-parser-output .hlist li:not(:last-child)::after { content: " · "; color: var(--ak-fg-subtle); }
+.mw-parser-output .toccolours { border: 1px solid var(--ak-border); background: var(--ak-bg-surface-2); padding: var(--ak-space-2) var(--ak-space-3); }
+.mw-parser-output .infobox { border: 1px solid var(--ak-border); background: var(--ak-bg-surface); font-size: var(--ak-fs-sm); }
+.mw-parser-output .navbox { border: 1px solid var(--ak-border); background: var(--ak-bg-surface); font-size: var(--ak-fs-xs); margin: var(--ak-space-4) 0 0; clear: both; }
+.mw-parser-output .navbox th, .mw-parser-output .navbox-title, .mw-parser-output .navbox-group { background: var(--ak-bg-surface-2); padding: .3em .6em; }
+.mw-parser-output .navbox-title { border-left: var(--ak-bar-w) solid var(--ak-accent); text-align: left; font-weight: 700; }
+.mw-parser-output .navbox-list { padding: .3em .6em; }
+.mw-parser-output .navbox-even { background: var(--ak-bg-surface-2); }

package/src/base/collapsible.css

@@ -0,0 +1,10 @@
+/*! PRTS Design · base/collapsible.css — Collapsible（jquery.makeCollapsible） · 依赖：tokens.css */
+/* ─── Collapsible (jquery.makeCollapsible) ─────────────────────────────── */
+.mw-collapsible-toggle { float: right; font-size: var(--ak-fs-xs); font-weight: 400; user-select: none; }
+.mw-collapsible-toggle a { color: var(--ak-link); }
+.mw-collapsible-toggle-default::before { content: "["; color: var(--ak-fg-subtle); }
+.mw-collapsible-toggle-default::after { content: "]"; color: var(--ak-fg-subtle); }
+.mw-collapsed > .mw-collapsible-content { display: none; }
+.mw-collapsible.ak-collapse-box { border: 1px solid var(--ak-border); background: var(--ak-bg-surface); margin: var(--ak-space-4) 0; }
+.mw-collapsible.ak-collapse-box > .mw-collapsible-toggle { float: none; display: block; padding: var(--ak-space-2) var(--ak-space-4); background: var(--ak-bg-surface-2); }
+.mw-collapsible.ak-collapse-box > .mw-collapsible-content { padding: var(--ak-space-3) var(--ak-space-4); }