/* ==========================================================================
   萤屿 · 科技工作台主题（最后加载）
   纯黑 / 纯白 + 工程蓝 + 等宽字标签 + 蓝图网格，替换此前的夜空亚克力
   ========================================================================== */

:root {
  --tw-accent: #2b7de1;
  --tw-accent-2: #59a1ff;
  --tw-bg: #05070a;
  --tw-panel: #0b0f14;
  --tw-panel-2: #0e131a;
  --tw-line: #1b2430;
  --tw-ink: #e8eef6;
  --tw-soft: #9fb0c4;
  --tw-muted: #66788c;
}

html[data-theme="light"] {
  --tw-accent: #1e63c8;
  --tw-accent-2: #2b7de1;
  --tw-bg: #ffffff;
  --tw-panel: #ffffff;
  --tw-panel-2: #f5f7fa;
  --tw-line: #d8e0ea;
  --tw-ink: #0f1722;
  --tw-soft: #47576b;
  --tw-muted: #6b7684;
}

html,
html[data-theme="light"],
html[data-theme="dark"],
html[data-theme="dimmed"],
html[data-theme="contrast"] {
  color-scheme: light dark;
  --clover-bg: var(--tw-bg);
  --clover-panel: var(--tw-panel);
  --clover-panel-strong: var(--tw-panel);
  --clover-cell: var(--tw-panel);
  --clover-line: var(--tw-line);
  --clover-line-soft: var(--tw-line);
  --clover-text: var(--tw-ink);
  --clover-text-soft: var(--tw-soft);
  --clover-muted: var(--tw-muted);
  --clover-green: var(--tw-accent);
  --clover-green-deep: var(--tw-accent);
  --clover-mint: var(--tw-accent-2);
  --clover-teal: var(--tw-accent-2);
  --clover-radius: 10px;
  --bg: var(--tw-bg);
  --bg-soft: var(--tw-panel-2);
  --ink: var(--tw-ink);
  --ink-soft: var(--tw-soft);
  --muted: var(--tw-muted);
  --card: var(--tw-panel);
  --line: var(--tw-line);
  --pink: var(--tw-accent);
  --pink-deep: var(--tw-accent);
  --pink-soft: rgba(43, 125, 225, 0.12);
  --blue: var(--tw-accent);
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* ---------------------------------------------------------------- 底板 */

html { background: var(--tw-bg) !important; }
html body { background: transparent !important; color: var(--tw-ink); }
html[data-theme="dark"] body { background: transparent !important; }

html body::before {
  background:
    radial-gradient(900px 520px at 78% -10%, rgba(43, 125, 225, 0.18), transparent 62%),
    radial-gradient(700px 460px at 4% 0%, rgba(43, 125, 225, 0.08), transparent 66%),
    var(--tw-bg) !important;
}

html body::after {
  background-image:
    linear-gradient(rgba(43, 125, 225, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 125, 225, 0.09) 1px, transparent 1px),
    linear-gradient(rgba(43, 125, 225, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 125, 225, 0.04) 1px, transparent 1px);
  background-size: 128px 128px, 128px 128px, 32px 32px, 32px 32px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
  mask-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%);
}

html[data-theme="light"] body::before {
  background:
    radial-gradient(900px 520px at 78% -10%, rgba(43, 125, 225, 0.1), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%) !important;
}

::selection { background: rgba(43, 125, 225, 0.28); color: var(--tw-ink); }

/* ---------------------------------------------------------------- 顶栏 */

html body .site-header {
  background: var(--tw-bg) !important;
  border-bottom: 1px solid var(--tw-line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .site-header.is-scrolled { background: var(--tw-bg) !important; border-bottom-color: var(--tw-accent) !important; }

.brand-avatar { border-radius: 4px !important; border: 1px solid var(--tw-line) !important; }
.brand-text b {
  font-family: var(--mono) !important;
  font-size: 15px;
  letter-spacing: 0.18em !important;
  text-transform: uppercase;
}

.site-nav { gap: 2px; }
.site-nav a {
  font-family: var(--mono) !important;
  font-size: 11.5px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 6px 10px;
}
.site-nav a:hover { background: rgba(43, 125, 225, 0.1) !important; color: var(--tw-accent) !important; }
.site-nav a.active {
  background: transparent !important;
  color: var(--tw-accent) !important;
  box-shadow: inset 0 -2px 0 var(--tw-accent) !important;
  font-weight: 700;
}

.theme-toggle {
  border-radius: 4px !important;
  border: 1px solid var(--tw-line) !important;
  background: transparent !important;
  color: var(--tw-soft) !important;
}

html body .btn.ghost {
  border-radius: 4px !important;
  border-color: var(--tw-line) !important;
  background: transparent !important;
  color: var(--tw-soft) !important;
}
html body .btn.ghost:hover {
  border-color: var(--tw-accent) !important;
  color: var(--tw-accent) !important;
  background: rgba(43, 125, 225, 0.08) !important;
}
html body .btn.primary,
html body .btn:not(.ghost):not(.small):not(.ok):not(.danger) {
  background: var(--tw-accent) !important;
  color: #fff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600;
}

.user-avatar { border-radius: 4px !important; background: var(--tw-accent) !important; box-shadow: none !important; }
html body .user-dropdown {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 6px !important;
  box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: none !important;
}
.user-dropdown-head { border-bottom: 1px solid var(--tw-line) !important; }
.user-dropdown-item { border-radius: 4px; font-size: 12.5px; }
.user-dropdown-item:hover { background: rgba(43, 125, 225, 0.1) !important; color: var(--tw-accent) !important; }

/* ---------------------------------------------------------------- 面板 */

html body .side-card,
html body .friend-links,
html body .card-surface,
html body .announce,
html body .ui-dialog,
html body .music-box,
html body .empty-state {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 10px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  color: var(--tw-ink);
}
html body .side-card { padding: 16px; }
html body .side-card:hover {
  transform: none;
  border-color: var(--tw-accent) !important;
  box-shadow: none !important;
}
.side-card::before { display: none !important; }

.side-card h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono) !important;
  font-size: 11.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tw-soft) !important;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--tw-line);
  margin-bottom: 12px;
}
.side-card h3 i { margin-left: auto; color: var(--tw-muted); font-size: 9px; letter-spacing: 0.16em; }
.side-card h3::before { display: none !important; }
.ic { color: var(--tw-accent); }

/* 区块标题 */
.section-head h2,
.section-title h2,
.toolbar h2 {
  font-family: var(--mono) !important;
  font-size: 15px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tw-ink) !important;
  font-weight: 700;
  padding-left: 10px;
  border-left: 2px solid var(--tw-accent);
}
.section-head h2::before,
.section-title h2::before { display: none !important; }
.section-head p { font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.3em; color: var(--tw-muted) !important; text-transform: uppercase; }
.section-head .more { font-family: var(--mono); font-size: 10.5px; color: var(--tw-muted) !important; letter-spacing: 0.08em; }
.section-head .more:hover { color: var(--tw-accent) !important; }

/* ---------------------------------------------------------------- Hero：工作台底板 */

.hero-clover {
  min-height: min(64vh, 560px);
  border-bottom: 1px solid var(--tw-line);
  margin-bottom: clamp(18px, 3vw, 36px);
  background:
    linear-gradient(180deg, rgba(43, 125, 225, 0.06), transparent 46%),
    var(--tw-bg);
}
.clover-sky { background: transparent !important; transition: none; }
.clover-sky::before,
.clover-sky::after { display: none !important; }
.hero-stars,
.hero-moon,
.hero-cloud,
.hero-hills,
.hero-trees,
.hero-glow,
#hero-particles,
.hero-bio { display: none !important; }

.hero-clover::before,
.hero-clover::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
.hero-clover::before {
  inset: 0;
  background-image:
    linear-gradient(rgba(43, 125, 225, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(43, 125, 225, 0.12) 1px, transparent 1px);
  background-size: 64px 64px;
  -webkit-mask-image: radial-gradient(circle at 50% 42%, #000 0%, transparent 76%);
  mask-image: radial-gradient(circle at 50% 42%, #000 0%, transparent 76%);
}
.hero-clover::after {
  left: 50%;
  top: 18%;
  width: min(760px, 86vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(43, 125, 225, 0.5), transparent);
}

.hero-clover-inner { position: relative; z-index: 2; text-align: left; padding: 0 8vw; }
.hero-pixel-title {
  font-family: var(--mono) !important;
  font-size: clamp(30px, 5.2vw, 58px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  color: var(--tw-ink) !important;
  text-shadow: none !important;
  line-height: 1.16;
}
.hero-pixel-sub {
  font-family: var(--mono) !important;
  font-size: 10px !important;
  letter-spacing: 0.5em !important;
  text-transform: uppercase;
  color: var(--tw-accent) !important;
  text-shadow: none !important;
  margin-top: 12px;
}
.hero-kicker,
.hero-desc { color: var(--tw-soft) !important; font-size: 13px; }
.hero-chips { justify-content: flex-start; }
.hero-chips span {
  border: 1px solid var(--tw-line) !important;
  background: transparent !important;
  border-radius: 3px !important;
  font-family: var(--mono);
  font-size: 10.5px !important;
  letter-spacing: 0.08em;
  color: var(--tw-soft) !important;
}
.hero-stats {
  justify-content: flex-start;
  border: 1px solid var(--tw-line) !important;
  border-radius: 6px !important;
  background: transparent !important;
  backdrop-filter: none !important;
  width: fit-content;
}
.hero-stats > div { padding: 10px 22px; border-right: 1px solid var(--tw-line); }
.hero-stats > div:last-child { border-right: 0; }
.hero-stats b { font-family: var(--mono) !important; font-size: 22px !important; color: var(--tw-ink) !important; }
.hero-stats span { font-family: var(--mono); font-size: 9.5px !important; letter-spacing: 0.14em; color: var(--tw-muted) !important; text-transform: uppercase; }
.hero-down { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.16em; color: var(--tw-muted) !important; text-transform: uppercase; }
.hero-down i { color: var(--tw-accent); }
.wave-sep { display: none; }

/* ---------------------------------------------------------------- 精选 / 文章 */

.featured-stage {
  border-radius: 8px !important;
  border: 1px solid var(--tw-line) !important;
  box-shadow: none !important;
  background: var(--tw-panel) !important;
}
.featured-slide img { filter: none; }
.featured-info h3 { font-family: var(--sans) !important; font-size: 19px; }
.featured-dots button { border-radius: 2px !important; background: var(--tw-line) !important; }
.featured-dots button.active { background: var(--tw-accent) !important; }
.featured-shade { background: linear-gradient(to top, rgba(2, 6, 12, 0.94), rgba(2, 6, 12, 0.45) 52%, transparent 82%) !important; }

.post-card {
  border-radius: 8px !important;
  border: 1px solid var(--tw-line) !important;
  background: var(--tw-panel) !important;
  box-shadow: none !important;
}
.post-card:hover { border-color: var(--tw-accent) !important; box-shadow: none !important; }
.post-cover::after { background: none !important; }
.post-overlay { background: linear-gradient(to top, rgba(2, 6, 12, 0.94), rgba(2, 6, 12, 0.35) 46%, transparent 76%) !important; }
.post-foot .item-tag {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 3px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--mono);
  font-size: 10px !important;
}
.post-foot .item-tag:hover { background: var(--tw-accent) !important; border-color: var(--tw-accent) !important; color: #fff !important; }
.post-foot .comments { color: rgba(255, 255, 255, 0.7) !important; }

.searchbar input,
.games-search input,
.side-search {
  background: var(--tw-panel-2) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 5px !important;
  color: var(--tw-ink) !important;
  font-family: var(--mono);
  font-size: 11.5px;
}
.searchbar input:focus,
.games-search input:focus { border-color: var(--tw-accent) !important; box-shadow: none !important; }
.searchbar::before { filter: none !important; opacity: 0.55; }
.filter-tag {
  background: transparent !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 3px !important;
  color: var(--tw-soft) !important;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
}
.filter-tag:hover { color: var(--tw-accent) !important; border-color: var(--tw-accent) !important; }
.filter-tag.active { background: var(--tw-accent) !important; border-color: var(--tw-accent) !important; color: #fff !important; }

/* 统计格 */
.stat-grid { gap: 8px; }
.stat-cell {
  border-radius: 6px !important;
  border: 1px solid var(--tw-line) !important;
  background: var(--tw-panel-2) !important;
}
.stat-cell::after { display: none !important; }
.stat-cell b { font-family: var(--mono); color: var(--tw-ink) !important; font-size: 22px; }
.stat-cell > span:last-child { font-family: var(--mono); font-size: 9.5px !important; color: var(--tw-muted) !important; letter-spacing: 0.06em; }
.stat-cell.tone-green,
.stat-cell.tone-teal,
.stat-cell.tone-blue,
.stat-cell.tone-purple { background: var(--tw-panel-2) !important; }
.stat-cell .ic { color: var(--tw-accent) !important; }

/* ---------------------------------------------------------------- 时钟 / 一言 */

.clock-card { padding: 16px !important; }
.clock-top { font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.14em; color: var(--tw-soft) !important; text-transform: uppercase; }
.clock-pulse { border-radius: 1px; background: var(--tw-accent); box-shadow: none; animation: none; }
.clock-top small { color: var(--tw-muted) !important; }
.clock-display b { font-family: var(--mono) !important; color: var(--tw-ink) !important; text-shadow: none !important; font-size: 36px; }
.clock-display i { color: var(--tw-accent) !important; }
.clock-meta { font-family: var(--mono); font-size: 10px; color: var(--tw-muted) !important; }
.clock-meta span:last-child { color: var(--tw-accent) !important; }
.clock-track { height: 2px; background: var(--tw-line) !important; border-radius: 0; }
.clock-track i { background: var(--tw-accent) !important; box-shadow: none !important; border-radius: 0; }
.clock-foot { font-family: var(--mono); font-size: 9.5px; color: var(--tw-muted) !important; letter-spacing: 0.05em; }

.quote-card { padding: 16px !important; }
.quote-mark { display: none; }
.quote-text { font-size: 12.5px; line-height: 1.8; color: var(--tw-ink); }
.quote-foot { font-family: var(--mono); font-size: 9.5px; color: var(--tw-muted) !important; }
.quote-refresh {
  border: 1px solid var(--tw-line) !important;
  border-radius: 3px !important;
  color: var(--tw-accent) !important;
  font-family: var(--mono);
  font-size: 9.5px;
  padding: 3px 8px;
}
.quote-refresh:hover { background: rgba(43, 125, 225, 0.1) !important; }

/* ---------------------------------------------------------------- 游戏库 / 露米娅 */

.games-page, .lumiya-page { padding-top: 104px; }
.games-hero,
.lumiya-hero {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.games-hero::before, .lumiya-hero::before { display: none !important; }
.games-kpi {
  background: var(--tw-panel-2) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 6px !important;
}
.games-kpi b { font-family: var(--mono); color: var(--tw-ink) !important; }
.games-kpi span { font-family: var(--mono); font-size: 9.5px !important; color: var(--tw-muted) !important; letter-spacing: 0.08em; }
.game-card {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 8px !important;
}
.game-card:hover { border-color: var(--tw-accent) !important; box-shadow: none !important; }
.game-hours, .game-price {
  background: rgba(2, 6, 12, 0.82) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 3px !important;
  font-family: var(--mono);
  color: #fff !important;
}
.game-body small.is-recent { color: var(--tw-accent) !important; }
.games-empty, .lumiya-empty { font-family: var(--mono); font-size: 11px; color: var(--tw-muted); }
.lumiya-card {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}
.lumiya-card:hover { border-color: var(--tw-accent) !important; }
.lumiya-cover { border-radius: 4px !important; background: var(--tw-panel-2) !important; }
.lumiya-meta { font-family: var(--mono); font-size: 9.5px; color: var(--tw-muted) !important; }
.lumiya-tag { color: var(--tw-accent) !important; }
.lumiya-hero-text h1 { font-family: var(--mono); letter-spacing: 0.08em; }
.lumiya-back { border-radius: 3px !important; border-color: var(--tw-line) !important; font-family: var(--mono); font-size: 10.5px; }
.lumiya-tag, .lumiya-meta span { letter-spacing: 0.02em; }

/* ---------------------------------------------------------------- 播放器：紧凑条 */

.nc-player {
  width: 344px !important;
  padding: 10px 12px 8px !important;
  border-radius: 8px !important;
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  box-shadow: 0 20px 40px -30px rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.nc-ambient { display: none !important; }
.nc-player::after { display: none !important; }
.nc-head { padding: 0 0 8px !important; border-bottom: 1px solid var(--tw-line); margin-bottom: 8px; }
.nc-brand { font-family: var(--mono); font-size: 9.5px !important; letter-spacing: 0.16em; color: var(--tw-muted) !important; text-transform: uppercase; }
.nc-brand i { border-radius: 1px; background: var(--tw-accent); box-shadow: none; animation: none; }
.nc-head-btns button { border-radius: 3px !important; color: var(--tw-muted) !important; }
.nc-head-btns button:hover { background: rgba(43, 125, 225, 0.12) !important; color: var(--tw-accent) !important; }

.nc-stage { gap: 10px; padding: 0 0 8px 0 !important; }
.nc-disc {
  flex: 0 0 46px;
  width: 46px !important;
  height: 46px !important;
  border-radius: 4px !important;
  background: var(--tw-panel-2) !important;
  box-shadow: none !important;
  animation: none !important;
}
.nc-disc img { width: 46px !important; height: 46px !important; border-radius: 4px !important; box-shadow: none !important; background: var(--tw-panel-2); }
.nc-disc-hole { display: none !important; }
.nc-meta b { font-size: 12.5px !important; font-weight: 600; }
.nc-meta small { font-size: 10px !important; color: var(--tw-muted) !important; margin-top: 2px !important; }
.nc-eq { display: none !important; }

.nc-progress { gap: 8px; padding: 0 !important; }
.nc-progress span { font-family: var(--mono); font-size: 9.5px !important; color: var(--tw-muted) !important; min-width: 30px; }
.nc-player input[type="range"]::-webkit-slider-runnable-track { height: 2px; border-radius: 0; }
.nc-player input[type="range"]::-moz-range-track { height: 2px; border-radius: 0; }
.nc-player input[type="range"]::-webkit-slider-thumb { width: 8px; height: 8px; margin-top: -3px; border-radius: 1px; background: var(--tw-accent); box-shadow: none; opacity: 1; }
.nc-player input[type="range"]::-moz-range-thumb { border-radius: 1px; background: var(--tw-accent); }

.nc-controls { padding: 4px 0 6px !important; justify-content: flex-start; }
.nc-main-ctrls { gap: 2px; }
.nc-nudge { width: 28px !important; height: 28px !important; border-radius: 3px !important; color: var(--tw-soft) !important; }
.nc-nudge:hover { background: rgba(43, 125, 225, 0.1) !important; color: var(--tw-accent) !important; transform: none; }
.nc-play {
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px !important;
  background: var(--tw-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.nc-play svg { width: 16px !important; height: 16px !important; }
.nc-vol { display: none !important; }

.nc-tabs { border-top: 1px solid var(--tw-line); padding-top: 6px; margin: 0 !important; }
.nc-tabs button { font-family: var(--mono); font-size: 10px !important; border-radius: 3px !important; padding: 4px 8px; color: var(--tw-muted) !important; letter-spacing: 0.08em; }
.nc-tabs button.active { background: rgba(43, 125, 225, 0.12) !important; border: 1px solid rgba(43, 125, 225, 0.3); color: var(--tw-accent) !important; }
.nc-tabs em { background: rgba(43, 125, 225, 0.14) !important; color: var(--tw-accent) !important; border-radius: 2px; }

.nc-search { padding: 8px 0 4px !important; }
.nc-search input {
  background: var(--tw-panel-2) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 4px !important;
  font-size: 11px;
  color: var(--tw-ink) !important;
}
.nc-search input:focus { border-color: var(--tw-accent) !important; background: var(--tw-panel-2) !important; }
.nc-go {
  border-radius: 4px !important;
  background: var(--tw-accent) !important;
  color: #fff !important;
  font-family: var(--mono);
  font-size: 10.5px;
  box-shadow: none;
}
.nc-list { max-height: 168px; gap: 2px; }
.nc-row { border-radius: 4px !important; padding: 5px 6px; }
.nc-row:hover { background: rgba(43, 125, 225, 0.08) !important; transform: none; }
.nc-row.playing { background: rgba(43, 125, 225, 0.12) !important; }
.nc-row-art { width: 26px; height: 26px; flex-basis: 26px; border-radius: 3px !important; background: var(--tw-panel-2) !important; }
.nc-row-text b { font-size: 11.5px !important; }
.nc-row-text small { font-size: 9.5px !important; color: var(--tw-muted) !important; }
.nc-row-badge { font-family: var(--mono); color: var(--tw-muted) !important; }
.nc-row.playing .nc-row-badge { color: var(--tw-accent) !important; }
.nc-empty { font-family: var(--mono); font-size: 10.5px; color: var(--tw-muted); }
.nc-hint { display: none !important; }

.nc-mini {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 32px -26px rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: none !important;
}
.nc-mini-disc { border-radius: 6px !important; animation: none !important; box-shadow: none !important; }
.nc-mini-play { border-radius: 50% !important; background: var(--tw-accent) !important; color: #fff !important; }
.nc-mini-text b { font-size: 11px; }
.nc-mini-text small { font-family: var(--mono); font-size: 9.5px; color: var(--tw-muted); }

/* ---------------------------------------------------------------- 其它全局小件 */

.scroll-progress { background: var(--tw-accent) !important; box-shadow: none !important; height: 2px; }
.to-top {
  border-radius: 3px !important;
  border: 1px solid var(--tw-line) !important;
  background: var(--tw-panel) !important;
  color: var(--tw-accent) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.friend-links { border-radius: 10px !important; }
.friend-badge { border-radius: 4px !important; background: rgba(43, 125, 225, 0.12) !important; border-color: rgba(43, 125, 225, 0.3) !important; }
.friend-logo { border-radius: 4px !important; }
.friend-chip { border-radius: 6px !important; }
.friend-chip:hover { border-color: var(--tw-accent) !important; }
.friend-viewall { font-family: var(--mono); font-size: 10px; }

.heatmap { filter: none; }
.recent-icon, .latest-icon { border-radius: 4px !important; background: rgba(43, 125, 225, 0.1) !important; color: var(--tw-accent); }
.recent-item:hover .recent-info b,
.recent-item:hover .recent-arrow { color: var(--tw-accent) !important; }

.site-footer {
  border-top: 1px solid var(--tw-line) !important;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: 0.04em;
  color: var(--tw-muted) !important;
}

.login-card, .auth-card {
  background: var(--tw-panel) !important;
  border: 1px solid var(--tw-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.login-card input, .auth-card input { border-radius: 4px !important; }

@media (max-width: 760px) {
  .hero-clover-inner { padding: 0 20px; text-align: left; }
  .hero-stats > div { padding: 8px 14px; }
  .nc-player { right: 12px !important; left: 12px !important; bottom: 12px !important; width: auto !important; }
}

/* 露米娅条目 / 文章作者标记 */
.lumiya-ticker {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--tw-line);
  margin-top: 10px;
}
.lumiya-line {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 6px;
  border-bottom: 1px solid var(--tw-line);
  color: var(--tw-ink);
  font-size: 12.5px;
  transition: padding-left 0.18s ease, color 0.18s ease;
}
.lumiya-line:hover { color: var(--tw-accent); padding-left: 12px; }
.lumiya-no { font-family: var(--mono); font-size: 10px; color: var(--tw-accent); }
.lumiya-line-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lumiya-line time { font-family: var(--mono); font-size: 9.5px; color: var(--tw-muted); }
.lumiya-arrow { font-family: var(--mono); color: var(--tw-muted); }

.post-src {
  display: inline-block;
  padding: 1px 6px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--tw-accent);
  color: #fff;
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
}

/* 覆盖亮色主题里旧的绿色导航胶囊 */
html[data-theme] .site-nav a.active {
  background: transparent !important;
  color: var(--tw-accent) !important;
  box-shadow: inset 0 -2px 0 var(--tw-accent) !important;
  font-weight: 700 !important;
}