/**
 * 单页壳 index_unified：类抖音深色（仅影响底部四 Tab 所在壳层，不改动业务逻辑）
 * 需在 member_unified_embed.css 之后加载以覆盖浅色 V2。
 */
html.page-unified {
  color-scheme: dark;
  --ud-bg: #000000;
  --ud-surface: #161823;
  --ud-surface-elev: #1e1f2e;
  --ud-border: rgba(255, 255, 255, 0.09);
  --ud-border-soft: rgba(255, 255, 255, 0.06);
  --ud-text: rgba(255, 255, 255, 0.92);
  --ud-text-dim: rgba(255, 255, 255, 0.62);
  --ud-accent: #fe2c55;
  --text-primary: var(--ud-text);
  --text-secondary: var(--ud-text-dim);
  --tint: var(--ud-accent);
  --g-fill-1: rgba(30, 31, 46, 0.85);
  --g-fill-2: rgba(22, 24, 35, 0.92);
  --g-tint: rgba(254, 44, 85, 0.08);
  --g-stroke: var(--ud-border);
  --g-stroke-soft: var(--ud-border-soft);
  --g-inset: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --g-shade: 0 8px 28px rgba(0, 0, 0, 0.45);
}

html.page-unified {
  background-color: var(--ud-bg) !important;
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(254, 44, 85, 0.07) 0%, transparent 52%),
    linear-gradient(180deg, #0a0a0f 0%, var(--ud-bg) 38%) !important;
  background-attachment: fixed;
}

html.page-unified body {
  color: var(--ud-text);
  /* 盖住 video/index.css 里 .page-nearby body #fafafa（「我的」Tab 会给 html 加 .page-nearby） */
  background-color: transparent !important;
  background-image: none !important;
}

html.page-unified .uni-app {
  background-color: var(--ud-bg);
}

/* 顶栏 */
html.page-unified .uni-chrome {
  background: linear-gradient(180deg, #161823 0%, #12131a 100%);
  border-bottom: 0.5px solid var(--ud-border);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

html.page-unified .uni-site-brand__logo {
  background: rgba(255, 255, 255, 0.06);
  border: 0.5px solid var(--ud-border);
  box-shadow: none;
}

/* 顶栏品牌行：站名 / 域名 / 统计 略提亮（小字号在深色条上更易读） */
html.page-unified .uni-chrome .uni-site-brand__name {
  color: #ffffff;
}
html.page-unified .uni-chrome .uni-site-brand__url,
html.page-unified .uni-chrome .uni-chrome__stats {
  color: rgba(255, 255, 255, 0.82);
}
html.page-unified .uni-chrome .uni-chrome__tab {
  color: rgba(255, 255, 255, 0.78);
}

html.page-unified .uni-search-form input.uni-search-input {
  background: rgba(255, 255, 255, 0.08);
  border: 0.5px solid var(--ud-border-soft);
  color: var(--ud-text);
}
html.page-unified .uni-search-form input.uni-search-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}
html.page-unified .uni-search-form input.uni-search-input:focus {
  border-color: rgba(254, 44, 85, 0.45);
  box-shadow: 0 0 0 3px rgba(254, 44, 85, 0.15);
}

html.page-unified .uni-search-submit {
  background: rgba(255, 255, 255, 0.1);
  border: 0.5px solid var(--ud-border-soft);
  color: rgba(255, 255, 255, 0.55);
}
html.page-unified .uni-search-submit:active {
  background: rgba(255, 255, 255, 0.14);
}

html.page-unified .uni-cat__arrow {
  background: var(--ud-surface);
  color: var(--ud-accent);
  border-right: 0.5px solid var(--ud-border-soft);
  border-left: 0.5px solid var(--ud-border-soft);
}
html.page-unified .uni-cat__arrow:disabled .uni-cat__chev2 {
  color: rgba(255, 255, 255, 0.22);
}

html.page-unified .uni-cat__chip {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--ud-border-soft);
}
html.page-unified .uni-cat__chip:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.12);
}
html.page-unified .uni-cat__chip.is-active,
html.page-unified .uni-cat__chip.dj {
  color: #fff;
  background: var(--ud-accent);
  border-color: var(--ud-accent);
}
html.page-unified .uni-cat__chip--accent {
  background: rgba(254, 44, 85, 0.12) !important;
  border-color: rgba(254, 44, 85, 0.28) !important;
  color: #ff6b87 !important;
}
html.page-unified .uni-cat__chip--accent.is-active,
html.page-unified .uni-cat__chip--accent.dj {
  color: #fff !important;
  background: var(--ud-accent) !important;
  border-color: var(--ud-accent) !important;
}

/* 首页列表区 */
html.page-unified:has(#uni-panel-nearby.is-active) .uni-app {
  background-color: var(--ud-bg);
}

html.page-unified #uni-panel-nearby.uni-panel {
  background: var(--ud-bg);
}

html.page-unified .uni-embed-nearby .grid-item {
  border: 0.5px solid var(--ud-border-soft);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
  background: var(--ud-surface);
}

html.page-unified .uni-embed-nearby .grid-item .bjbj {
  background: #0d0e14;
}

html.page-unified .uni-embed-nearby .grid-item .bjbj .item-img-blur {
  background-color: #12131a;
}

html.page-unified .uni-embed-nearby .grid-item .section-p {
  background: rgba(0, 0, 0, 0.25);
  border-top: 0.5px solid var(--ud-border-soft);
}

html.page-unified .uni-embed-nearby .grid-item .title-p {
  color: rgba(255, 255, 255, 0.9);
}

html.page-unified .uni-embed-nearby .grid-item .bjbj .uni-cover-ph {
  color: rgba(255, 255, 255, 0.32);
}

html.page-unified .uni-embed-nearby .uni-nearby-pager__link,
html.page-unified .uni-embed-nearby .uni-nearby-pager__num {
  color: rgba(255, 255, 255, 0.75);
  background: var(--ud-surface-elev);
  border: 0.5px solid var(--ud-border);
}

html.page-unified .uni-embed-nearby .uni-nearby-pager__current {
  color: #fff;
  background: var(--ud-accent);
  border-color: var(--ud-accent);
}

html.page-unified .uni-embed-nearby a.uni-nearby-pager--pending-current {
  background: var(--ud-accent);
  border-color: var(--ud-accent);
}

html.page-unified .uni-embed-nearby span.uni-nearby-pager__current--pending-ghost {
  color: rgba(255, 255, 255, 0.75);
  background: var(--ud-surface-elev);
  border: 0.5px solid var(--ud-border);
}

html.page-unified .uni-embed-nearby a.uni-nearby-pager__link--pending {
  color: #ff7a93;
  box-shadow: 0 0 0 1px rgba(254, 44, 85, 0.45);
}

html.page-unified .uni-embed-nearby .uni-nearby-pager__ell {
  color: rgba(255, 255, 255, 0.38);
}

html.page-unified .uni-embed-nearby .uni-nearby-pager__muted {
  color: rgba(255, 255, 255, 0.32);
}

html.page-unified .uni-placeholder {
  background: var(--ud-surface-elev);
  border: 0.5px solid var(--ud-border);
  color: var(--ud-text);
}
html.page-unified .uni-placeholder h2 {
  color: var(--ud-text);
}
html.page-unified .uni-placeholder p {
  color: var(--ud-text-dim);
}
html.page-unified .uni-placeholder a {
  color: #ff7a93;
}

/* 底栏 Tab（抖音式深底 + accent 选中）；!important 压过 video/index.css .page-nearby .dsp-douyin-tabbar 白底 */
html.page-unified .dsp-douyin-tabbar {
  background: var(--ud-surface) !important;
  background-color: var(--ud-surface) !important;
  border-top: 0.5px solid var(--ud-border-soft) !important;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.35);
}

html.page-unified .dsp-douyin-tabbar .tab-item {
  color: rgba(255, 255, 255, 0.42);
}

html.page-unified .dsp-douyin-tabbar .tab-item.active .tab-icon-svg {
  color: var(--ud-accent);
  transform: scale(1.06);
}

html.page-unified .dsp-douyin-tabbar .tab-item.active {
  color: var(--ud-accent);
}

/* 短视频嵌入区：兜底与壳一致纯黑（视频层本身已是黑） */
html.page-unified #uni-panel-dsp.uni-panel {
  background: var(--ud-bg);
}

/* 交友圈外壳 */
html.page-unified #uni-panel-liuyinting.uni-panel {
  background: var(--ud-bg);
}

/* 「我的」壳底 */
html.page-unified.page-unified--no-chrome #uni-panel-member {
  background: var(--ud-bg) !important;
}

/* ========== Member 浅色 V2 → 深色覆盖（保持类名 uni-embed-member--light） ========== */
html.page-unified.page-nearby.page-member .uni-embed-member--light {
  color: var(--ud-text);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-back {
  color: var(--ud-accent);
  background: rgba(22, 24, 35, 0.72);
  border: 0.5px solid var(--ud-border);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-cover {
  background: linear-gradient(180deg, #252632 0%, #161823 55%, #0d0e12 100%);
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.4);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-cover::after {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 40%);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-avatar.avator,
html.page-unified.page-nearby.page-member .uni-embed-member--light a.uni-member-avatar {
  border: 3px solid var(--ud-surface);
  background: var(--ud-surface-elev);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-pill {
  color: var(--ud-accent);
  background: rgba(255, 255, 255, 0.08);
  border: 0.5px solid var(--ud-border);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-pill--secondary {
  color: rgba(255, 255, 255, 0.65);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-sheet {
  background: rgba(30, 31, 46, 0.92);
  border: 0.5px solid var(--ud-border);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-sheet__deco {
  background: linear-gradient(180deg, rgba(254, 44, 85, 0.12) 0%, rgba(254, 44, 85, 0.03) 100%);
  border: 0.5px solid rgba(254, 44, 85, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-sheet__deco-kicker {
  color: rgba(255, 122, 147, 0.9);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-nick {
  color: #fff;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-row {
  color: rgba(255, 255, 255, 0.78);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-dim {
  color: rgba(255, 255, 255, 0.45);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-name-id {
  color: #fff;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-bio {
  color: rgba(255, 255, 255, 0.55);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-tags .uni-tag,
html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-tag,
html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-row .slide-a {
  border: 0.5px solid var(--ud-border-soft);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-title {
  color: #fff;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-empty-state {
  background: var(--ud-surface);
  border: 0.5px dashed var(--ud-border);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-empty {
  color: rgba(255, 255, 255, 0.5);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .container.uni-member-fav-wrap,
html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-wrap {
  background: var(--ud-bg) !important;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-wrap aside.fall-box.grid,
html.page-unified.page-nearby.page-member .uni-embed-member--light #uniMemberFavGrid {
  background: var(--ud-bg) !important;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .grid-item,
html.page-unified.page-nearby.page-member .uni-embed-member--light .uni-member-fav-wrap .grid-item {
  background: var(--ud-surface) !important;
  border: 0.5px solid var(--ud-border-soft) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35) !important;
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .grid-item .section-p {
  background: rgba(0, 0, 0, 0.28) !important;
  border-top: 0.5px solid var(--ud-border-soft);
}

html.page-unified.page-nearby.page-member .uni-embed-member--light .grid-item .title-p {
  color: rgba(255, 255, 255, 0.9) !important;
}