/* 素一 · 个人站设计令牌  v1  2026-10-18
   一份 token,全站引用。改这里,所有页面一起变。 */

:root{
  /* 浅色(纸感) */
  --sy-paper:#F5F0E6;
  --sy-card:#FBF8F0;
  --sy-ink:#2E2620;
  --sy-ink-soft:#5D5046;
  --sy-line:#DED4C3;

  /* 深色(控制台类页面) */
  --sy-dark-bg:#0F1117;
  --sy-dark-card:#171B26;
  --sy-dark-line:#262D3B;
  --sy-dark-ink:#E8EAF0;
  --sy-dark-soft:#95A0B5;

  /* 品牌 */
  --sy-accent:#B04A3F;        /* 砖红:印章色,主 CTA */
  --sy-accent-soft:#F6E3DE;

  /* 形状:三级,不再出现 16/999 乱用 */
  --sy-r-sm:4px;              /* 输入、小控件 */
  --sy-r-md:10px;             /* 卡片、面板 */
  --sy-r-pill:999px;          /* 胶囊(仅操作按钮) */

  /* 字体 */
  --sy-font:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  --sy-font-serif:"Songti SC","STSong",serif;

  /* 间距 */
  --sy-gap:12px;
  --sy-pad:16px;
}

/* ── 统一返回入口:所有子页面右下角 ───────────────── */
.sy-back{
  position:fixed; right:18px; bottom:18px; z-index:2147483000;
  display:inline-flex; align-items:center; gap:6px;
  height:40px; padding:0 15px;
  border-radius:var(--sy-r-pill);
  background:rgba(20,22,28,.84); color:#fff; text-decoration:none;
  font:500 13px/1 var(--sy-font);
  box-shadow:0 6px 20px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:.6; transition:opacity .18s ease, transform .18s ease;
  white-space:nowrap;
}
.sy-back:hover,.sy-back:focus-visible{opacity:1; transform:translateY(-1px); outline:none}
.sy-back::before{content:"←"; font-size:14px; line-height:1}
@media print{ .sy-back{display:none} }
@media (max-width:700px){
  .sy-back{right:12px; bottom:12px; height:44px; padding:0 14px; opacity:.72}
}

/* ── 空状态:没数据 / 失败 / 无权限 ───────────────── */
.sy-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; padding:36px 18px; text-align:center;
  color:var(--sy-ink-soft); font:14px/1.7 var(--sy-font);
}
.sy-empty .sy-empty-title{font-size:15px; font-weight:600; color:inherit}
.sy-empty .sy-empty-hint{font-size:12.5px; opacity:.72}
.sy-empty .sy-empty-act{
  margin-top:8px; display:inline-flex; align-items:center; gap:6px;
  height:36px; padding:0 16px; border-radius:var(--sy-r-pill);
  background:var(--sy-accent); color:#fff; text-decoration:none; border:0;
  font:500 13px/1 var(--sy-font); cursor:pointer;
}
.sy-empty .sy-empty-act:hover{filter:brightness(1.06)}
.sy-empty.dark{color:var(--sy-dark-soft)}