站长卡试验场 · 与内容卡同族
侧栏顶部的个人信息卡(站长卡)2026-10-22 晚重做:它不再是独立的第三物种——默认跟随同页内容卡的语言(About 页摘句卡、/posts/ 列表卡、追番页卡各自主导本页),随机开局时内容与侧栏同骰同族。三族语言每族各认一颗星:Procyon 玻璃基座、Merak 账线变奏、Megrez 票根变奏——容器始终是侧栏邻居那块玻璃卡,族语言只说在卡内。样张不另造副本:本页右侧栏的那张站长卡就是真身,与全站同一条 CSS 管线。返回 Playground。
本页预览 · 真身即样张
站长卡在本页右侧栏顶部 ↗(窄屏时在正文上方)。注意:本页没有内容卡,选「跟随内容卡」时本页显示玻璃基座——派生效果要到有内容卡的页面看,用下面两条直达链接最直观。头像点击播放/暂停音乐的彩蛋在所有形态下保留。
看联动(真实页面,非演示):/posts/ 编辑式列表 → 侧栏账线 · /posts/ 车票式 → 侧栏票根 · /about/ 账簿 → 侧栏账线 · /about/ 玻璃卡 → 侧栏基座
形态切换
aside.card读取中「跟随内容卡」是默认:侧栏语言由同页主导内容卡令牌派生,本页不落盘、全站随机开局时与内容卡同族;三个固定值是显式 override——任何页面都用同一形态,不再跟内容联动。点选只是试穿,到底部点「应用」才写进本浏览器偏好。
三族语言与它们的星
与主站排版的联动
分段选择器 → 令牌 aside.card(auto / station / ledger / ticket → <html> 的 data-mc-aside-card)→ 主站落点 source/css/aside-cards.css。派生是纯 CSS 组合闸门、零 JS、首帧生效:内容属性组合之外还套了页面结构闸门(boot 会把全部令牌属性写到每个页面,单靠内容属性会跨页误派生)——body:has(.xl-list) 的页面跟随 quote.card、body:has(.bangumi-tabs) 跟随 bangumi.list、body:has(#recent-posts, #post) 跟随 home.list;派生选择器一律 :where() 清零特异性,固定值 override 自然压过派生。
映射表(auto):账线族(quote.card=ledger/press、bangumi.list=editorial/blue-field、home.list=editorial)→ Merak 账线变奏;票根族(quote.card=ticket、home.list=ticket)→ Megrez 票根变奏;其余(glass/verse/cards 及无内容卡的页面)→ Procyon 玻璃基座。族语言只落在卡内排版(小圆章头像/账线/撕票线/描边药丸),容器背景、圆角、描边零触碰——与邻居玻璃卡同一物种(初版裸条与硬描边方案 2026-10-22 被否退役,Bellatrix 星名释放)。
生效路径:本页点选即时写 <html>(试穿);点「应用」写 localStorage,其余页面刷新后由 boot 应用;URL 直达(/about/?quote.card=ticket 或 /?aside.card=ledger)不持久化,可用于验收分享。默认值为 auto。首页布局令牌(bento/station/band)把站长卡搬出侧栏时由首页版面自己的样式接管。