/* assets/unify.css — Seamless layout unify (do NOT change brand colors) */
:root{
  --page-max: 1180px;
  --page-pad: 22px;
  --gap: 20px;
  --radius: 16px;
  --card-border: #e5e7eb;
  --shadow: 0 8px 24px rgba(0,0,0,.06);
}
html, body { margin: 0; }
img, video { max-width: 100%; height: auto; }
/* Center typical containers */
.hero > .container,
main.container,
.container.center,
.wrap.center,
.wrapper.center,
.page.center,
.content.center,
.main.center,
.inner.center {
  max-width: var(--page-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
  box-sizing: border-box;
}
/* Grids */
.grid, .grid-2col, .layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(280px, 340px);
  column-gap: var(--gap);
  align-items: start;
}
@media (max-width: 900px){
  .grid, .grid-2col, .layout { grid-template-columns: 1fr; }
}
/* Cards */
.card, .panel, .box, .widget {
  background: var(--card); /* 使用变量，以便在深色模式下切换 */
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px;
}
.post { display:block; padding:12px; border:1px solid var(--card-border); border-radius:14px; background:var(--card); } /* 使用变量 */
.post + .post { margin-top: 10px; }
/* 移除 !important，依赖 style.css 中的 code block 变量和 dark mode 定义 */
pre, code, .code { 
    background: color-mix(in lab, var(--bg) 80%, #fff); 
    border: 1px solid var(--card-border); 
    padding: 8px 10px; 
    border-radius: 10px; 
    /* 移除硬编码颜色，让其继承 body/card 的 var(--text) */
}
.center { max-width: var(--page-max) !important; margin: 0 auto !important; padding-left: var(--page-pad) !important; padding-right: var(--page-pad) !important; }

/* ！！！已移除硬编码的 'html, body' 覆盖样式 ！！！ */


/* ==== Fix: 首页侧栏“订阅直链”块可读性（浅底深字） - 移除 !important 依赖变量 ==== */
main.container .card .code,
aside .card .code,
#posts .code {
  background: var(--bg); /* 使用浅色背景变量 */
  color: var(--text);             /* 使用深色文字变量 */
  border: 1px solid var(--card-border); /* 使用边框变量 */
  border-radius: 10px;
  word-break: break-all;
}

/* 若把直链做成可点的 <a>，确保是深色并带下划线 */
main.container .card .code a,
aside .card .code a {
  color: var(--text); /* 使用变量 */
  text-decoration: underline; /* 移除 !important */
}

/* 保险：让按钮使用变量，而不是硬编码的 #ffffff */
.btn, button {
  color: var(--primary-contrast); /* 按钮文本颜色应使用主题对比色变量 */
}