/* 全站基础层 —— 与工作台 workbench.html 完全一致，子页面只引用、不允许覆盖。
 * 覆盖范围：调色变量、正文字体与行高、标题字号阶梯、磨砂顶栏（logo 芯片/标题块/右上控件）、
 * 导航链接、按钮与表单控件基准。页面自己的 <style> 只写版面布局，不写这些基础值。
 * 改这里 = 改全站，改前先对照 workbench.html。 */

:root{
  --ink:#16324f; --sub:#5b7085; --line:#dbe4ef; --bg:#f3f6fa; --card:#ffffff;
  --blue:#0f5ea8; --blue-l:#e8f1fa; --red:#d64541; --red-l:#fbeceb;
  --orange:#e07b1f; --orange-l:#fdf2e4; --green:#2e8b57; --green-l:#eaf5ef;
  --gray:#8a97a6; --gold:#FFC000; --gold-l:#fdf3dc;
  --brand-deep:#0F408F; --brand-lt:#2E69AD;
  --violet:#6f5bd0; --violet-l:#efeafc; --teal:#1b8a7a; --teal-l:#e6f4f1;
  --r-app:24px; --r-card:18px; --r-nest:12px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}
button,input,select,textarea,summary{font-family:inherit;touch-action:manipulation}
a{color:var(--blue)}
:focus-visible{outline:3px solid #86b6e1;outline-offset:3px}

/* 标题阶梯：页面主标题=工作台视图标题 21px/800，卡片标题 16px，小标题 14px */
h1{font-size:21px;font-weight:800;letter-spacing:.5px;line-height:1.3}
h2{font-size:16px;font-weight:700;line-height:1.35}
h3{font-size:14px;font-weight:600;line-height:1.4}
p{line-height:1.6}
.sub,.muted,small{color:var(--sub)}
small{font-size:12.5px}

/* ===== 磨砂顶栏（house rule，与工作台同） ===== */
header{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:14px;padding:10px 20px;
  background:rgba(247,250,253,.86);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  border-bottom:1px solid var(--line)}
.logo-chip{background:#fff;border-radius:10px;padding:6px 14px;flex-shrink:0;box-shadow:0 2px 10px rgba(0,45,84,.14);border:1px solid var(--line)}
.logo-chip img{height:clamp(26px,2.4vw,40px);display:block;max-width:100%;object-fit:contain}
.tt{min-width:0}
.tt b{display:block;font-size:clamp(14px,1.4vw,20px);font-weight:700;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt span{display:block;font-size:11px;color:var(--sub);letter-spacing:1.6px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-r{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
.chip{display:flex;align-items:center;gap:6px;font-size:12px;padding:6px 12px;border-radius:20px;background:rgba(0,75,135,.07);
  color:#004b87;border:1px solid var(--line);white-space:nowrap}
.chip.mock{background:rgba(255,192,0,.16);color:#8a6200;border-color:rgba(255,192,0,.42)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.8s infinite}
.chip .live{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
/* 右上 36px 图标钮（工作台刷新/待办同款） */
.bell{position:relative;width:36px;height:36px;border-radius:10px;background:rgba(0,75,135,.07);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bell:hover{background:rgba(0,75,135,.12)}
.bell svg{width:17px;height:17px;stroke:#004b87;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* 右上文字钮（返回工作台等），与搜索框同一视觉语言 */
.hdr-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:20px;font-size:12.5px;
  color:#004b87;background:rgba(0,75,135,.06);border:1px solid var(--line);text-decoration:none;white-space:nowrap;cursor:pointer}
.hdr-btn:hover{background:rgba(0,75,135,.1)}
/* 页内并联导航（提报页顶部那排），字号字色与顶栏控件一致 */
.navlinks{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.navlinks a{font-size:12px;color:#004b87;text-decoration:none;border:1px solid transparent;border-radius:16px;
  padding:6px 12px;background:rgba(0,75,135,.06);white-space:nowrap}
.navlinks a:hover{background:rgba(0,75,135,.1)}
.navlinks a.on{background:var(--blue-l);border-color:var(--blue);font-weight:700}

/* ===== 按钮基准：36px 高、13px 字，与工作台卡片内操作钮同档 ===== */
button,.button-link{font-size:13px;font-weight:600;min-height:36px;padding:7px 14px;border-radius:9px;
  border:1px solid var(--line);background:#fff;color:var(--blue);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.4;text-decoration:none}
button:hover:not(:disabled),.button-link:hover{background:var(--blue-l)}
button.primary,button.pri{color:#fff;background:linear-gradient(100deg,#2E69AD,#0F408F);border-color:transparent}
button.primary:hover:not(:disabled),button.pri:hover:not(:disabled){background:#0F408F}
button.ok{background:var(--green);color:#fff;border-color:transparent}
button.danger,button.dgr{color:var(--red);border-color:#eac1bf}
button.warn{color:var(--orange);border-color:#f0d3b3}
button.small,button.sm,button.compact{min-height:30px;padding:4px 10px;font-size:12px}
button:disabled{opacity:.5;cursor:not-allowed}
button svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* ===== 表单控件基准：38px 高、14px 字 ===== */
input,select,textarea{font-size:14px;color:var(--ink);background:#fff;border:1px solid #cdd9e5;border-radius:8px;
  padding:8px 11px;min-height:38px;max-width:100%;min-width:0}
textarea{resize:vertical;min-height:80px;line-height:1.5}
input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed;background:#f4f7fa}

/* ===== 提示条与徽标基准 ===== */
.notice{border:1px solid #ead7a3;background:var(--gold-l);color:#775700;padding:12px 16px;border-radius:10px;
  margin-bottom:16px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.notice.info{background:var(--blue-l);border-color:var(--line);color:var(--ink)}
.notice.error{border-color:#eac1bf;background:var(--red-l);color:#b73734}
.notice.ok,.notice.success{background:var(--green-l);border-color:#bfe0cd;color:#245f41}
.pill{display:inline-block;background:var(--blue-l);color:var(--blue);font-size:12px;padding:3px 9px;border-radius:6px;white-space:nowrap}

@media(max-width:640px){
  header{gap:10px;padding:10px 14px;flex-wrap:wrap}
  .tt{flex:1}
  .logo-chip{padding:7px 10px}
  .logo-chip img{height:auto;width:145px}
  .tt{flex:1}
  .tt b{font-size:14px;white-space:normal}
  .tt span{font-size:9px;letter-spacing:1px}
  .tb-r{flex-wrap:wrap;justify-content:flex-end;width:100%}
  h1{font-size:19px}
}