/* SRAMS 原型 · 公共基础层：重置、设计令牌（浅色 / 夜间）、原子类与按钮。
   令牌取 profile 与 group 两页的并集，auth 一并共用。 */

/* 三档灰的深浅次序不许倒：正文最深、侧栏栏目次之、次要说明与小节标题最浅。
   四档文字在浅色底和夜间底上都不低于 4.5:1（界面风格.md 颜色一节） */
body{--bg:#f4f9fc;--panel:#fff;--sbBg:var(--panel);--sbInk:#4b5158;
 --ink:#17181b;--mute:#666d78;--line:#e8eaee;--cbC:#ebedf1;--soft:#f1f2f5;--tint:#f4f5f8;
 --acc:#1f5fd6;--accH:#1a51b8;--accInk:#fff;
 --stC:#6f7681;--dgr:#c4433a;--dgrH:#ab362e;--okc:#1f7a4d;
 /* 卡片那道影：偏下、偏散 —— 大卡片不描边了，靠它跟底色分开。上沿几乎不留影，
    免得贴着卡头那行字发灰 */
 --sh:0 1px 2px rgba(20,24,40,.03),0 5px 16px rgba(20,24,40,.07);
 --num1:#1f5fd6;--num2:#c07a1e;--num3:#2f9e63;--org:#d9822b;
 --f:-apple-system,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;
 /* 标题与站名这一档也跟正文同一套无衬线（跟个人页面取同一个决定）：
    站名（.tb .bd）和弹窗标题（.dlg .dt）走的这个变量，改这一处就全跟过来 */
 --hf:var(--f);
 /* 数字这一档跟正文同一套无衬线（跟个人页面取同一个决定）；等宽对齐靠各处自己挂的
    lining-nums / tabular-nums */
 --nf:var(--f);
 /* 圆角两档只给「卡片类外框」用：大卡片（.cd / .pcard / .gcard）走 --r，
    表格框（.ltab 一族）走 --r2。
    按钮、输入框、搜索框、徽标、下拉窗口、浮层这些控件不跟这两档，各按原值走。
    当前大卡片与表格试直角，两档都是 0；要换回圆角，改这一处即可 */
 --r:0;--r2:0;
 margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--f);-webkit-font-smoothing:antialiased}
/* 夜间模式：顶栏那个开关加的一层，整组压掉浅色值。三档灰跟着一起提亮 */
body.dk{--bg:#14161b;--panel:#1b1e25;--line:#282c34;--cbC:#282c34;--soft:#22262d;--tint:#22262d;
 --acc:#6f9dff;--accH:#86adff;--accInk:#14161b;
 --ink:#e7e9ed;--mute:#a0a7b1;--stC:#9aa1ab;--sbInk:#b3bac4;
 --dgr:#c9524a;--dgrH:#b8443c;--okc:#6fc999;--sh:0 1px 2px rgba(0,0,0,.24),0 5px 16px rgba(0,0,0,.32);
 --num1:#8db4ff;--num2:#e0a95a;--num3:#6fc999;--org:#e0a95a}
*{box-sizing:border-box}
/* 窗口那条滚动条一律不画，但照样能滚（滚轮、触控板、键盘、按 Tab 聚焦到下一格都行） */
html{scrollbar-width:none}
html::-webkit-scrollbar{width:0;height:0}
.mute{color:var(--mute)}
.n{font-family:var(--nf);font-variant-numeric:lining-nums tabular-nums}
/* 类型徽标：六类共用强调色，淡底 10%、同色描边 26%、字用强调色本身 */
.tag{display:inline-block;padding:1px 8px;border:1px solid color-mix(in srgb,var(--tc,var(--acc)) 26%,transparent);
 border-radius:7px;background:color-mix(in srgb,var(--tc,var(--acc)) 10%,transparent);
 color:var(--tc,var(--acc));font-size:11px;white-space:nowrap}
/* 状态徽标：跟类型徽标同一副壳子，只是不描边 —— 待审核 / 已通过 / 已拒绝这类一行里
   往往并排两三颗，再描一圈边就太吵。颜色一样吃 .s0–.s3 那几档。
   全站只有这一处定义状态徽标的长相，各页只管把状态色挂上去 */
.rtag{display:inline-block;padding:3px 9px;border-radius:7px;
 background:color-mix(in srgb,var(--tc,var(--acc)) 12%,transparent);
 color:var(--tc,var(--acc));font-size:11px;white-space:nowrap}
/* 每一类的颜色只挂在这一屏的柱条和列表徽标上；「期刊论文」跟着强调色走，夜间模式自动提亮。
   构成图最上面那条「全部类型」也走强调色，跟期刊论文同一档，不再单占一个色 */
.k1{--tc:var(--acc)}
.k2{--tc:#2f9e63}
.k3{--tc:#d9822b}
.k4{--tc:#7c5cd0}
.k5{--tc:#d8567f}
.k6{--tc:#8d949e}
body.dk .k2{--tc:#6fc999}
body.dk .k3{--tc:#e0a95a}
body.dk .k4{--tc:#b3a6f0}
body.dk .k5{--tc:#f090a8}
body.dk .k6{--tc:#a0a7b1}
/* 申请/审核状态那三档：待审核橙 / 已通过绿 / 已拒绝红。挂设计令牌，夜间自动跟着换，
   全站只有这一套（原先个人页另有一套 .stw/.stp/.str，已并到这儿）。
   .s3 是「未加入 / 已撤回」那一档的灰；审核历史里的「已驳回」跟「已拒绝」同色，也走 .s2 */
.s0{--tc:var(--org)}
.s1{--tc:var(--okc)}
.s2{--tc:var(--dgr)}
.s3{--tc:var(--stC)}
/* 角色徽标：组长紫 / 审核人蓝 / 组员绿，.r3 是「总计」那一块的灰档，夜间跟着提亮。
   原先个人页的「我的群组」借类型色（.k4/.k1/.k2）冒充角色色，已并到这儿 */
.r0{--tc:#7c5cd0}
.r1{--tc:var(--acc)}
.r2{--tc:#2f9e63}
.r3{--tc:var(--stC)}
body.dk .r0{--tc:#b3a6f0}
body.dk .r2{--tc:#6fc999}
body.dk .r3{--tc:#9aa1ab}
.btn{padding:7px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:inherit;font:13px/1.4 var(--f);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--tint)}
/* 主按钮（一屏里那唯一一个「往下走」的动作）是强调色实底：浅色配色白字、夜间模式深字。
   禁用就退成淡底灰字 */
.btn.p{border-color:transparent;background:var(--acc);color:var(--accInk)}
.btn.p:hover{background:var(--accH)}
/* 删除按钮：红底白字，红那两档见 界面风格.md 的颜色一节 */
.btn.d{border-color:transparent;background:var(--dgr);color:#fff}
.btn.d:hover{background:var(--dgrH)}
/* 描边淡底按钮（次要动作，跟实底的主按钮分开一档）：蓝描边、垫一层 7% 淡蓝底、蓝字。
   群组编辑成果那张作者卡与个人成果填写页的「添加作者」、群组审核的「不是同一成果」都走它。
   底子那层淡蓝是调在 transparent 上的，夜间模式跟着 --acc 自己换，不另写深色档 */
.btn.bgo{border-color:color-mix(in srgb,var(--acc) 46%,transparent);
 background:color-mix(in srgb,var(--acc) 7%,transparent);color:var(--acc)}
.btn.bgo:hover{background:color-mix(in srgb,var(--acc) 13%,transparent);color:var(--accH)}
/* 行内动作是无框单图标，只有悬停时垫一层淡底，跟顶栏那两个按钮一套 */
.ib{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;
 background:transparent;color:var(--mute);cursor:pointer}
.ib:hover{background:var(--tint);color:var(--ink)}
.av{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--tint);
 color:var(--mute);font-weight:600}
/* 传过头像就放图：撑满这个圆、按短边裁，圆边靠父级的 overflow:hidden 卡住 */
.avi{display:block;width:100%;height:100%;object-fit:cover}
button.lnk{border:0;padding:0;background:transparent;font-family:var(--f);cursor:pointer}
/* 一条都没筛出来的时候给一行居中的灰字 */
.lempty{padding:44px 0;color:var(--mute);font-size:13px;text-align:center}
/* 列表：一行一条，行与行之间一条极淡横线，末行不画。整行按表格排：
   序号、类型徽标、标题、期刊或单位、动作五条轨道，上下两行同一列的左右边缘对齐。
   徽标那条钉成固定 76px（照最长的「软件著作权」），不写 auto，免得各行宽窄不同把后面的列带错位 */
.llist{list-style:none;margin:0;padding:0}
.ch>i{display:grid;place-items:center;flex:none}
.ch b{font-size:15px;font-weight:700}
.ch .r{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--mute);font-size:12px}
/* 卡头右端那个描边按钮：编辑资料 */
.bo{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid
 color-mix(in srgb,var(--acc) 42%,transparent);border-radius:9px;background:transparent;
 color:var(--acc);font:600 13px/1 var(--f);cursor:pointer}
.bo:hover{background:color-mix(in srgb,var(--acc) 10%,transparent)}
/* 卡头右端那种纯文字入口：全部时间 / 查看全部。
   line-height 收成 1，文字那一格就贴着字身，箭头按 align-items 居中的位置才跟字对得上；
   箭头自己 display:block，丢掉行内基线带来的那点下沉 */
.lk2{display:inline-flex;align-items:center;gap:5px;color:var(--acc);font-size:13px;line-height:1}
.lk2>svg{display:block;flex:none}
button.lk2{border:0;padding:0;background:transparent;font-family:var(--f);font-size:13px;
 line-height:1;cursor:pointer}