/* ═══════════════════════════════════════════════════════
   chatdlm-home.css  —  MDMS v2.1.17.1 首页 ChatDLM 样式
   来源: 照搬 ChatDLM 原版 index.css (degao_constitution_v0_1)
         第 1144-1820 行 + incognito/aigc-expand/site-pill/geo-tag
   策略: 1:1 对齐, 不改像素, 保留 ChatDLM 的 ae-* token 命名.
         MDMS 已有 --ae-* 系统, 可直接复用.
   ═══════════════════════════════════════════════════════ */

/* ═══ HOMEPAGE ═══ */
/* v3.0.0-alpha.4 (大过 #46 立宪): .home-wrap 已在 index.css 定义 (单一来源宪法).
   原本这里重复 padding 0 32px / padding-top:22vh, 会压死 index.css 的 logged-out
   居中补偿 (padding-left:140 修 viewport 居中). 删除重复, 完全复用 index.css. */
.home-wrap.no-scroll { overflow: hidden; }

.search-box {
  width: 100%;
  max-width: 800px;            /* v3.0.0-alpha.4: 640 → 800, 跟 index.css 视觉宪法 + chat 输入框 + topic 正文像素级对齐, 跳页不跳动 */
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-logo {
  font-family: 'Inter', 'Product Sans', -apple-system, 'Helvetica Neue', sans-serif;
  font-size: 2.625rem;
  font-weight: 700;
  color: var(--ae-text-1);
  letter-spacing: -0.5px;
  margin-bottom: 28px;
  text-align: center;
  user-select: none;
}

.search-box-inner {
  position: relative;
  width: 100%;
}

.search-input-wrap {
  position: relative;
  width: 100%;
  background: var(--ae-glass-bg);
  border: 1px solid transparent;       /* v3.0.0-alpha.5: 默认透明, focus 才显示线 */
  border-radius: 16px;
  backdrop-filter: blur(var(--ae-blur-s, 24px));
  -webkit-backdrop-filter: blur(var(--ae-blur-s, 24px));
  transition: border-color var(--ae-transition);
}
.search-input-wrap:focus-within {
  border-color: var(--ae-glass-border);
}
.search-input-wrap.has-dropdown {
  border-radius: 16px 16px 0 0;
}

.search-input {
  width: 100%;
  padding: 18px 20px 4px;
  background: transparent;
  border: none;
  outline: none;
  font-size: 1rem;
  font-family: inherit;
  color: var(--ae-text-1);
  resize: none;
  overflow: hidden;
  min-height: 48px;
  max-height: 120px;
  line-height: 1.5;
}
.search-input::placeholder { color: var(--ae-text-3); }

.search-toolbar {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 10px 0;
  gap: 6px;
}
.search-toolbar-btn {
  width: 34px; height: 34px;
  border: 1px solid var(--ae-glass-border);
  border-radius: 50%;
  background: transparent;
  color: var(--ae-text-3);
  cursor: pointer; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.875rem;
  transition: all var(--ae-transition);
}
.search-toolbar-btn:hover {
  border-color: var(--ae-glass-border-hover);
  color: var(--ae-text-2);
  background: var(--ae-glass-bg-hover);
}
.search-toolbar-btn.borderless { border: none; }
.search-toolbar-btn.borderless:hover { background: var(--ae-glass-bg-hover); }
.search-toolbar-right {
  margin-left: auto;
  display: flex; align-items: center; gap: 4px; height: 34px;
}

/* Circle icon buttons */
.search-circle {
  border: none !important;
  background: transparent;
  color: var(--ae-text-3);
  font-size: 1rem;
  transition: all var(--ae-transition);
}
.search-circle:hover {
  background: var(--ae-glass-bg-active);
  color: var(--ae-text-1);
}
button.search-circle.active {
  background: #e8eaed !important;
  color: #1f1f1f !important;
  box-shadow: 0 0 0 0 transparent;
}
[data-theme="dim"] button.search-circle.active {
  background: rgb(255 255 255 / .93) !important;
  color: #15202B !important;
}
[data-theme="light"] button.search-circle.active {
  background: rgb(0 0 0 / .88) !important;
  color: #fff !important;
}
[data-theme="dark"] button.search-circle.active {
  background: rgb(255 255 255 / .93) !important;
  color: #1f1f1f !important;
}
button.search-circle.active:hover { opacity: .85; }

/* Search expand button */
.search-expand-btn {
  position: absolute; top: 8px; right: 10px; z-index: 2;
  width: 28px; height: 28px; border-radius: 8px;
  border: none; background: transparent;
  color: var(--ae-text-3); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.75rem; transition: all .15s;
  opacity: 0; pointer-events: none;
}
.search-expand-btn.visible { opacity: 1; pointer-events: auto; }
.search-expand-btn:hover { background: var(--ae-glass-bg-hover); color: var(--ae-text-2); }

/* Fullscreen mode */
.home-wrap.fullscreen-mode {
  align-items: stretch !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  height: 100% !important;
  overflow: hidden !important;
}
.home-wrap.fullscreen-mode .search-box {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  display: flex; flex-direction: column;
}
.home-wrap.fullscreen-mode .search-box .home-logo { display: none; }
.home-wrap.fullscreen-mode .search-box-inner {
  flex: 1; display: flex; flex-direction: column;
  min-height: 0;
}
.home-wrap.fullscreen-mode .search-input-wrap {
  flex: 1; display: flex; flex-direction: column;
  min-height: 0;
}
.home-wrap.fullscreen-mode .search-input {
  flex: 1 !important;
  max-height: none !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  padding-right: 44px;
}
.home-wrap.fullscreen-mode .search-toolbar { flex-shrink: 0; }

/* Search dropdown (history) */
.search-dropdown {
  position: absolute;
  top: 100%;
  left: 0; right: 0;
  background: var(--ae-glass-bg);
  border: 1px solid var(--ae-glass-border);
  border-top: 1px solid var(--ae-glass-border);
  border-radius: 0 0 16px 16px;
  backdrop-filter: blur(var(--ae-blur-s, 24px));
  -webkit-backdrop-filter: blur(var(--ae-blur-s, 24px));
  overflow: hidden;
  z-index: 10;
  display: none;
}
.search-dropdown.visible { display: block; }

.dropdown-item {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 20px;
  font-size: 0.875rem;
  color: var(--ae-text-2);
  cursor: pointer;
  transition: background var(--ae-transition);
}
.dropdown-item:hover {
  background: var(--ae-glass-bg-hover);
  color: var(--ae-text-1);
}
.dropdown-item i {
  font-size: 0.8125rem;
  color: var(--ae-text-3);
  width: 18px; text-align: center;
  flex-shrink: 0;
}
.dropdown-item strong {
  font-weight: 600;
  color: var(--ae-text-1);
}
.dropdown-item:last-child { border-radius: 0 0 16px 16px; }

/* Incognito button */
.incognito-btn svg { display: block; }
.incognito-btn { position: relative; }
.incognito-btn.on::after {
  content: '';
  position: absolute;
  top: 6px; right: 6px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--ae-red, #f45d5d);
}

/* AIGC expandable icon buttons */
.aigc-expand {
  position: relative;
  width: 34px; height: 34px;
  justify-content: flex-start !important;
  padding-left: 9px !important;
  border-radius: 17px !important;
  overflow: hidden;
  transition: width .3s cubic-bezier(.25,.1,.25,1), background .15s;
}
.aigc-expand svg { display: block; flex-shrink: 0; }
.aigc-label {
  opacity: 0;
  font-size: 0.6875rem; font-weight: 600; font-family: inherit;
  white-space: nowrap;
  margin-left: 6px;
  color: var(--ae-text-2);
  transition: opacity .2s .1s;
  pointer-events: none;
}
.aigc-expand:hover {
  width: 102px;
  background: var(--ae-glass-bg-hover) !important;
}
.aigc-expand:hover .aigc-label { opacity: 1; }
/* Active dot */
.aigc-expand.on {
  width: 102px !important;
}
.aigc-expand.on .aigc-label { opacity: 1; }
.aigc-expand.on::after {
  content: '';
  position: absolute;
  top: 4px; right: 4px;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--ae-accent, #4285f4);
  pointer-events: none;
}

/* Site pill buttons */
.site-pill { cursor: pointer; }
.site-pill-ico {
  width: 16px; height: 16px; border-radius: 3px;
  display: block; flex-shrink: 0;
  object-fit: contain;
}
.site-pill-fallback {
  width: 16px; height: 16px; border-radius: 3px;
  background: var(--ae-glass-bg-active);
  font-size: 0.625rem; font-weight: 800;
  color: var(--ae-text-2);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.site-pill:hover .site-pill-ico,
.site-pill:hover .site-pill-fallback { opacity: .9; }
#sitePills { display: contents; }

/* GEO Tag Bar */
.geo-tag-bar {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 20px 8px;
  min-height: 36px;
  max-height: 90px;
  overflow-y: auto;
}
.geo-tag-bar.visible { display: flex; }
.geo-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 8px;
  background: var(--ae-glass-bg-active);
  color: var(--ae-text-1);
  font-size: 0.75rem;
  font-weight: 500;
  flex-shrink: 0;
  max-width: 200px;
}
.geo-tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.geo-tag-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: transparent;
  color: var(--ae-text-3);
  cursor: pointer;
  font-size: 0.5rem;
  transition: all .15s;
  border: none;
  padding: 0;
  line-height: 1;
}
.geo-tag-close:hover {
  background: var(--ae-glass-bg-hover);
  color: var(--ae-text-1);
}
.geo-tag-input {
  flex: 1;
  min-width: 120px;
  border: none;
  background: transparent;
  outline: none;
  font-size: 0.75rem;
  font-family: inherit;
  color: var(--ae-text-1);
  padding: 5px 0;
}
.geo-tag-input::placeholder { color: var(--ae-text-3); }

/* ═══ Add Popover ═══ */
.add-popover, .agent-popover {
  position: fixed;
  z-index: 500;
  display: none;
  background: var(--ae-bg-base, #15202B);
  backdrop-filter: blur(var(--ae-blur, 40px));
  -webkit-backdrop-filter: blur(var(--ae-blur, 40px));
  border: 1px solid var(--ae-glass-border);
  border-radius: 12px;
  box-shadow: 0 16px 48px rgb(0 0 0 / .4);
  padding: 6px 0;
}
.add-popover { flex-direction: row; min-width: 220px; }
.agent-popover { width: 240px; }
.add-popover.visible { display: flex; }
.agent-popover.visible { display: block; }

.add-menu-main {
  display: flex;
  flex-direction: column;
  min-width: 220px;
}
.add-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 16px;
  font-size: 0.875rem;
  color: var(--ae-text-1);
  cursor: pointer;
  transition: background var(--ae-transition);
  white-space: nowrap;
}
.add-item:hover { background: var(--ae-glass-bg-hover); }
.add-item i:first-child {
  width: 18px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--ae-text-3);
}
.add-item .av-chevron {
  margin-left: auto;
  font-size: 0.6875rem;
  color: var(--ae-text-3);
}
.add-item .add-check {
  margin-left: auto;
  font-size: 0.75rem;
  color: var(--ae-accent, #4285f4);
}
.add-active { color: var(--ae-accent, #4285f4) !important; }

.add-sub {
  display: none;
  flex-direction: column;
  min-width: 180px;
  padding: 6px 0;
  border-left: 1px solid var(--ae-glass-border);
}
.add-sub.visible { display: flex; }
.add-sub-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  font-size: 0.875rem;
  color: var(--ae-text-1);
  cursor: pointer;
  transition: background var(--ae-transition);
  white-space: nowrap;
}
.add-sub-item:hover { background: var(--ae-glass-bg-hover); }
.add-style-opt .add-style-check {
  margin-left: auto;
  font-size: 0.75rem;
  color: var(--ae-accent, #4285f4);
  display: none;
}
.add-style-opt.active .add-style-check { display: inline; }
.add-style-opt.active span { color: var(--ae-accent, #4285f4); }

/* ═══ Agent Popover ═══ */
.agent-sub-label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--ae-text-3);
  letter-spacing: 0.5px;
  padding: 8px 16px 4px;
}
.agent-back i { font-size: 0.6875rem !important; }

.agent-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 16px;
  font-size: 0.9375rem;
  color: var(--ae-text-2);
}

.av-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 16px;
  font-size: 0.875rem;
  color: var(--ae-text-1);
  cursor: pointer;
  transition: background var(--ae-transition);
}
.av-item:hover { background: var(--ae-glass-bg-hover); }
.av-item i:first-child {
  width: 18px;
  text-align: center;
  font-size: 0.9375rem;
  color: var(--ae-text-3);
}
.av-item .av-chevron {
  margin-left: auto;
  font-size: 0.6875rem;
  color: var(--ae-text-3);
}
.av-divider {
  height: 1px;
  background: var(--ae-glass-border);
  margin: 4px 0;
}

/* Toggle switch (agent menu 用) */
.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background: var(--ae-glass-bg-active);
  transition: .25s;
  border-radius: 20px;
}
.toggle-slider:before {
  position: absolute;
  content: "";
  height: 14px; width: 14px;
  left: 3px; bottom: 3px;
  background: #fff;
  transition: .25s;
  border-radius: 50%;
}
.toggle-switch input:checked + .toggle-slider {
  background: var(--ae-accent, #4285f4);
}
.toggle-switch input:checked + .toggle-slider:before {
  transform: translateX(16px);
}

/* ═══ 辅助区 (v2.1.17 保留, 浏览频道+最新内容) ═══ */
.chatdlm-aux {
  padding: 40px 20px 60px;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chatdlm-aux-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: transparent;
  border: 1px solid var(--ae-glass-border);
  border-radius: 20px;
  color: var(--ae-text-2);
  font-size: 0.8125rem;
  cursor: pointer;
  transition: background var(--ae-transition), border-color var(--ae-transition), color var(--ae-transition);
  width: fit-content;
  font-family: inherit;
}
.chatdlm-aux-toggle:hover {
  background: var(--ae-glass-bg);
  border-color: var(--ae-glass-border-hover);
  color: var(--ae-text-1);
}
.chatdlm-aux-toggle i {
  font-size: 0.6875rem;
  transition: transform 0.3s var(--ae-ease);
}
.chatdlm-aux-toggle.expanded i { transform: rotate(180deg); }
.chatdlm-aux-body { width: 100%; margin-top: 16px; }
.chatdlm-aux-body[hidden] { display: none; }

@media (max-width: 640px) {
  .home-wrap { padding: 0 16px; padding-top: 15vh; }
  .home-logo { font-size: 2rem; margin-bottom: 20px; }
  .search-input { padding: 14px 16px 4px; font-size: 0.9375rem; }
  .search-toolbar { padding: 0 8px; }
  .search-toolbar-btn { width: 32px; height: 32px; }
}

/* ═══════════════════════════════════════════════════════════════════
   alpha.7+: 热榜显隐 toggle (头像菜单触发)
   ───────────────────────────────────────────────────────────────────
   状态: localStorage.mdms.home.hot = 'hide' | (默认 'show')
   class 加在 <html> 上, 由 _app_shell.html 早期 inline script 注入 (防 FOUC)
   规则:
     - 隐藏: 顶 padding 18vh (默认值, 不覆盖) + 隐藏 home-logo + 隐藏 home-feed
     - 显示: 顶 padding 0 (覆盖默认 18vh) + 显示一切
   ═══════════════════════════════════════════════════════════════════ */
html:not(.home-hot-hidden) .home-logo,
html.home-hot-hidden .home-feed {
  display: none !important;
}
html:not(.home-hot-hidden) .home-wrap:not(.fullscreen-mode) {
  padding-top: 0 !important;
}

/* 移动端: 隐藏时给搜索框一些上方留白 (15vh, 跟 @media 默认对齐) */
@media (max-width: 640px) {
  html:not(.home-hot-hidden) .home-wrap:not(.fullscreen-mode) {
    padding-top: 0 !important;
  }
  html.home-hot-hidden .home-wrap:not(.fullscreen-mode) {
    padding-top: 15vh;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   alpha.7+: 首页评论流视图切换 (卡片 / 图文)
   ───────────────────────────────────────────────────────────────────
   状态: localStorage.mdms.home.view = 'card' (默认) | 'gallery'
   主图优先级 (JS 端): 评论自带 <img> > topic.images[0] > 该条隐藏
   ═══════════════════════════════════════════════════════════════════ */

/* ─── 视图切换按钮 (放 topic-tabs 右侧) ─── */
.home-feed-view-toggle-wrap {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.home-feed-view-toggle {
  background: transparent;
  border: 0;
  color: var(--ae-text-3);
  cursor: pointer;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: background 0.15s ease, color 0.15s ease;
}
.home-feed-view-toggle:hover {
  background: var(--ae-glass-bg);
  color: var(--ae-text-1);
}

/* ─── 弹出菜单 ─── */
.home-feed-view-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  background: var(--ae-bg-2, #1c1c1c);
  border: 1px solid var(--ae-glass-border);
  border-radius: 12px;
  padding: 6px;
  min-width: 160px;
  z-index: 50;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(var(--ae-blur, 12px));
  -webkit-backdrop-filter: blur(var(--ae-blur, 12px));
}
.home-feed-view-menu[hidden] { display: none; }
.home-feed-view-menu-label {
  padding: 8px 12px 4px;
  font-size: 12px;
  color: var(--ae-text-3);
  font-weight: 500;
}
.home-feed-view-option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 9px 12px;
  background: transparent;
  border: 0;
  color: var(--ae-text-1);
  cursor: pointer;
  border-radius: 6px;
  font-size: 14px;
  text-align: left;
  font-family: inherit;
}
.home-feed-view-option:hover {
  background: var(--ae-glass-bg);
}
.home-feed-view-option > i:first-child {
  width: 16px;
  font-size: 14px;
  color: var(--ae-text-3);
}
.home-feed-view-option > span {
  flex: 1;
}
.home-feed-view-option .check {
  margin-left: auto;
  visibility: hidden;
  font-size: 12px;
  color: var(--ae-accent);
}
.home-feed-view-option.is-active .check {
  visibility: visible;
}
.home-feed-view-option.is-active > i:first-child {
  color: var(--ae-text-1);
}

/* ─── cover 默认隐藏 (仅 gallery 显示) ─── */
.home-feed-cover {
  display: none;
}

/* ─── gallery 视图: 隐藏没图的评论 ─── */
.home-feed.view-gallery .comment-item:not(.has-image) {
  display: none !important;
}

/* ─── gallery 视图: 3 列网格 (覆盖默认 flex-column) ─── */
/* v3.0.0-alpha.7 v6 wrapper bypass: .home-feed-list 在 gallery 模式下不参与 layout
   原因: v6 抽 sub-template 时加了 .home-feed-list wrapper, .comment-item 不再是
   .home-feed 直接子. display:contents 让 wrapper 消失, 子级直接当 grid item. */
.home-feed.view-gallery > .home-feed-list {
  display: contents;
}

.home-feed.view-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 24px;
}

/* gallery 卡片重设: 列方向, 封面在上 + 内容在下 */
.home-feed.view-gallery .comment-item {
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid var(--ae-glass-border) !important;
  border-radius: 12px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative;
  gap: 0 !important;
  background: var(--ae-glass-bg);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.home-feed.view-gallery .comment-item:hover {
  border-color: var(--ae-text-3) !important;
  transform: translateY(-2px);
}

/* gallery 封面图 */
.home-feed.view-gallery .home-feed-cover {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
  background: var(--ae-glass-bg-active, var(--ae-glass-bg));
  flex-shrink: 0;
}

/* gallery 头像浮在封面右下 (压在 cover 边缘) */
.home-feed.view-gallery .comment-item .media-left {
  position: absolute;
  top: 158px;
  left: 12px;
  z-index: 2;
}
.home-feed.view-gallery .comment-item .media-left .avatar-40 {
  width: 36px !important;
  height: 36px !important;
  border: none;
}

/* gallery 主区: 在封面下方, 留头像位 */
.home-feed.view-gallery .comment-item .media-body {
  flex: none !important;
  min-width: 0 !important;
  padding: 28px 14px 14px !important;
}

/* gallery comment-header: 不显示三点更多 (太挤) */
.home-feed.view-gallery .comment-item .comment-header {
  font-size: 13px !important;
}
.home-feed.view-gallery .comment-item .comment-header > div:last-child {
  display: none !important;
}

/* gallery 评论文本: 限制 3 行 */
.home-feed.view-gallery .comment-item .comment-html-body {
  -webkit-line-clamp: 2 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 0 !important;
}

/* gallery 隐藏 actions bar (太挤) */
.home-feed.view-gallery .comment-item .comment-actions-bar {
  display: none !important;
}

/* 移动端 2 列, 极小屏 1 列 */
@media (max-width: 768px) {
  .home-feed.view-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .home-feed.view-gallery {
    grid-template-columns: 1fr;
  }
}



/* alpha.7 fix: gallery 模式 topic-tabs 跨整行 (避免占 grid 第一格 → 第一行只剩 2 卡片, 走样) */

.home-feed.view-gallery .topic-tabs {

  grid-column: 1 / -1 !important;

  margin-bottom: 16px;

}




/* alpha.7 fix: 隐藏热榜时同时隐藏 floating-tabs (避免 "热\nChatDLM" ghost 残影) */

html.home-hot-hidden #floatingTabs,

html.home-hot-hidden .topic-tabs-floating {

  display: none !important;

}




/* alpha.7 polish: gallery 卡片扁平化 + hover 不跳跃 + 无边框 */

.home-feed.view-gallery .comment-item {

  border: none !important;

  background: var(--ae-bg-2, rgba(255,255,255,0.04)) !important;

  border-radius: 12px;

  transition: background 0.15s ease;

}

.home-feed.view-gallery .comment-item:hover {

  border: none !important;

  transform: none !important;

  background: var(--ae-bg-3, rgba(255,255,255,0.08)) !important;

}




/* alpha.7 polish: 视图菜单玻璃化 (无边框 + 半透明 + degao-glass 主题 token, 跟头像菜单一致) */

.home-feed-view-menu { background: var(--degao-glass-bg-active, rgba(255,255,255,0.10)) !important; border: none !important; backdrop-filter: blur(28px) saturate(180%) !important; -webkit-backdrop-filter: blur(28px) saturate(180%) !important; box-shadow: 0 8px 32px rgba(0,0,0,0.18) !important; }

.home-feed-view-option:hover { background: var(--degao-glass-bg-hover, rgba(255,255,255,0.08)) !important; }

.home-feed-view-option.is-active { background: var(--degao-glass-bg-active, rgba(255,255,255,0.12)) !important; }