/* ==========================================================================
   PLINTH · 共享设计令牌与基础样式
   两个主题：dark（展厅 / 列表 / 管理端）、paper（单品详情，编辑式排版）
   ========================================================================== */

:root{
  /* 暗色 */
  --ink:#0B0D10;
  --ink-soft:#14171C;
  --ink-raise:#1B1F26;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.20);
  --text:#EDEAE4;
  --muted:rgba(237,234,228,.50);

  /* 纸面 */
  --paper:#F1EDE4;
  --paper-2:#E6E0D3;
  --paper-ink:#16130F;
  --paper-muted:rgba(22,19,15,.55);
  --paper-line:rgba(22,19,15,.12);

  /* 强调色 */
  --brass:#C9A227;
  --brass-lift:#DDB53A;
  --brass-soft:rgba(201,162,39,.14);

  /* 字体 */
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --serif:"Songti SC","STSong","Source Han Serif SC",Georgia,serif;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;

  /* 尺寸 */
  --pad-x:38px;
  --radius:3px;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:var(--sans);
  background:var(--ink);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.theme-paper{background:var(--paper);color:var(--paper-ink)}

button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* 屏幕阅读器专用 ------------------------------------------------------- */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* 加载进度 ------------------------------------------------------------- */
.loadbar{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:9999;
  background:linear-gradient(90deg,var(--brass),#EDE0B0);
  transition:width .18s ease,opacity .4s ease;
}

/* 通用站点头部 --------------------------------------------------------- */
.site-top{
  position:relative;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:22px var(--pad-x);
}
.site-mark{
  display:flex;align-items:baseline;gap:10px;
  font-size:14px;letter-spacing:.34em;font-weight:500;
}
.site-mark small{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:400}
.site-nav{display:flex;gap:30px;font-size:12.5px;letter-spacing:.14em;color:rgba(237,234,228,.62)}
.site-nav a{position:relative;padding-bottom:4px;transition:color .2s}
.site-nav a:hover{color:var(--text)}
.site-nav a.on{color:var(--text)}
.site-nav a.on::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--brass);
}
body.theme-paper .site-nav{color:var(--paper-muted)}
body.theme-paper .site-nav a:hover,
body.theme-paper .site-nav a.on{color:var(--paper-ink)}
body.theme-paper .site-nav a.on::after{background:var(--paper-ink)}

.btn-ghost,.btn-solid{
  font-size:12px;letter-spacing:.1em;padding:9px 18px;border-radius:999px;transition:.2s;
  white-space:nowrap;
}
.btn-ghost{border:1px solid var(--line-strong);color:rgba(237,234,228,.8)}
.btn-ghost:hover{border-color:rgba(255,255,255,.42);color:#fff}
.btn-solid{background:var(--brass);color:#15120A;font-weight:600}
.btn-solid:hover{background:var(--brass-lift)}

/* 「待补充」标记：没有编造数据的字段 ------------------------------------ */
.pending{
  color:rgba(237,234,228,.34);
  font-family:var(--mono);font-size:11px;
}
.pending::after{content:"待补充"}

/* 空状态 --------------------------------------------------------------- */
.empty{
  display:grid;place-items:center;text-align:center;
  padding:80px 24px;color:var(--muted);font-size:13px;line-height:1.9;
}

/* 响应式：窄屏收边距 --------------------------------------------------- */
@media (max-width:900px){
  :root{--pad-x:18px}
  .site-top{padding:16px var(--pad-x);gap:12px}
  .site-nav{display:none}
}