:root {
  --paper: #faf8f4; --paper-deep: #f1ede4; --paper-soft: #f6f3ec;
  --hairline: #e2dccf; --hairline-soft: #ece7db;
  --ink: #26292f; --ink-secondary: #5b6069; --muted: #8b8f97;
  --accent: #b3402f; --accent-strong: #8f2f22; --accent-soft: #f4e5e0;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC",
               "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-serif: "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", SimSun, Georgia, serif;
  --radius-sm: 3px; --radius-md: 6px; --radius-lg: 10px;
}

/* 这一份是 better 站自己的样式，叠在共享的 assets.aigcwei.cn/style.css 之上 */
a, code, p, li, h1, h2, h3 { overflow-wrap: anywhere; }  /* 长 URL 不许撑破 375px 窄屏 */
/* 本站自己的页头：这是独立站，不用主站的家族导航；页脚仍然用家族那份（只出备案号） */
.b-topbar { position: sticky; top: 0; z-index: 10; background: var(--paper);
            border-bottom: 1px solid var(--hairline); }
.b-topbar-inner { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; padding: .65rem 0; }
.b-brand { font-weight: 700; text-decoration: none; color: var(--ink); font-family: var(--font-serif); }
.b-tag { font-size: .78rem; color: var(--muted); }
.b-links { margin-left: auto; display: flex; gap: .9rem; flex-wrap: wrap; font-size: .9rem; }
.b-hero { padding: 1.4rem 0 0.6rem; }
.b-hero h1 { font-family: var(--font-serif); font-size: 1.9rem; margin: 0 0 .4rem; }
.b-hero p { color: var(--ink-secondary); margin: .3rem 0; }
.b-stat { font-size: .86rem; color: var(--muted); }
.b-secs { list-style: none; padding: 0; margin: 1.2rem 0; }
.b-secs li { border-bottom: 1px solid var(--hairline-soft); }
.b-secs a { display: grid; grid-template-columns: 2.6rem 1fr auto; grid-template-areas: "n t c" ". q q";
            gap: .1rem .6rem; padding: .7rem .15rem; text-decoration: none; color: inherit; }
.b-secs a:hover { background: var(--paper-soft); }
.b-sn { grid-area: n; color: var(--muted); font-variant-numeric: tabular-nums; }
.b-st { grid-area: t; font-weight: 600; }
.b-sc { grid-area: c; font-size: .82rem; color: var(--muted); white-space: nowrap; }
.b-sq { grid-area: q; font-size: .85rem; color: var(--muted); }
.b-q { background: var(--paper-soft); border-left: 3px solid var(--accent); padding: .55rem .85rem;
       font-size: .95rem; color: var(--ink-secondary); margin: .8rem 0 1.2rem; }
.b-entry { border-top: 1px solid var(--hairline-soft); padding: 1.05rem 0; }
.b-entry h3 { font-size: 1.06rem; margin: 0 0 .35rem; line-height: 1.6; }
.b-badges { display: flex; gap: .32rem; flex-wrap: wrap; margin: .1rem 0 .5rem; }
.b-badge { font-size: .72rem; padding: .08rem .45rem; border-radius: 999px;
           border: 1px solid var(--hairline); color: var(--ink-secondary); background: var(--paper-soft); }
.b-badge.lv { color: #1f7a4d; border-color: currentColor; }
.b-badge.ku { color: var(--accent); border-color: currentColor; }
.b-badge.top { color: var(--accent-strong); border-color: currentColor; font-weight: 600; }
.b-human { margin: .3rem 0; font-weight: 600; }
.b-cost { font-size: .9rem; color: var(--ink-secondary); margin: .25rem 0; }
.b-entry details { margin: .45rem 0 .2rem; }
.b-entry summary { cursor: pointer; font-size: .86rem; color: var(--muted); }
.b-fl { margin: .5rem 0; }
.b-fl b { display: block; font-size: .78rem; color: var(--muted); font-weight: 600; }
.b-fl p { margin: .15rem 0; font-size: .94rem; }
.b-fl a, .b-src a { word-break: break-all; }
.b-perma { font-size: .8rem; margin: .35rem 0 0; }
.b-xref { border-bottom: 1px dotted var(--muted); text-decoration: none; }
.b-meta { font-size: .82rem; color: var(--muted); }
.b-pager { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1.6rem 0; padding-top: 1rem;
           border-top: 1px solid var(--hairline); }
.b-note { font-size: .84rem; color: var(--muted); margin-top: 2rem; padding-top: .8rem;
          border-top: 1px solid var(--hairline-soft); }
.b-filters { display: flex; flex-wrap: wrap; gap: .5rem 1.2rem; align-items: center;
             margin: .8rem 0 1.2rem; font-size: .9rem; }
.b-filters fieldset { border: 1px solid var(--hairline); border-radius: var(--radius-md);
             padding: .4rem .7rem; margin: 0; }
.b-filters legend { font-size: .78rem; color: var(--muted); padding: 0 .3rem; }
.b-filters label { margin-right: .6rem; white-space: nowrap; }
.b-hit { border-top: 1px solid var(--hairline-soft); padding: .8rem 0; }
.b-hit-head { display: flex; gap: .6rem; align-items: flex-start; }
.b-hit-head h3 { flex: 1; margin: 0 0 .3rem; }
.b-pick { display: flex; align-items: center; gap: .35rem; font-size: .8rem; color: var(--muted);
          white-space: nowrap; cursor: pointer; padding-top: .15rem; }
.b-pick input { width: 1.05rem; height: 1.05rem; accent-color: var(--accent); }
.b-hit.picked { background: var(--accent-soft); }
.b-presets { display: flex; gap: .5rem; flex-wrap: wrap; margin: .6rem 0 0; }
.b-presets button { font: inherit; font-size: .85rem; cursor: pointer; padding: .3rem .7rem;
          border: 1px solid var(--hairline); border-radius: 999px; background: var(--paper-soft);
          color: var(--ink); }
.b-presets button:hover { border-color: var(--accent); color: var(--accent-strong); }
.b-bar { position: sticky; bottom: 0; display: flex; gap: .7rem; align-items: center; flex-wrap: wrap;
          margin-top: 1.2rem; padding: .7rem .9rem; background: var(--paper-deep);
          border-top: 2px solid var(--accent); font-size: .88rem; }
.b-bar button { font: inherit; font-size: .85rem; cursor: pointer; padding: .3rem .8rem;
          border: 1px solid var(--hairline); border-radius: var(--radius-md); background: var(--paper); }
.b-bar .b-count { font-weight: 600; }
.b-bar .b-hint { color: var(--muted); }
.b-hit h3 { font-size: 1rem; margin: 0 0 .3rem; }
@media (max-width: 520px) {
  .b-secs a { grid-template-columns: 2.2rem 1fr; grid-template-areas: "n t" ". c" ". q"; }
  .b-hero h1 { font-size: 1.6rem; }
}
