/**
 * 一日女友 · Web 动态广场（Figma 2.9 / 225:41586，卡片 225:53442）
 */
body.dg-feed-page {
  overflow: auto !important;
  background: #0a0a0a;
}
body.dg-feed-page .nav-center,
body.dg-feed-page .nav-back,
body.dg-feed-page .nav-actions {
  display: none !important;
}
body.dg-feed-page .nav-links a {
  height: 38px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  flex-shrink: 0;
}
body.dg-feed-page .nav-search-wrap {
  display: flex;
  margin-left: auto;
  min-width: 280px !important;
  max-width: 370px !important;
  flex: 0 1 370px !important;
  width: 370px !important;
}
body.dg-feed-page .nav-search-box {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 38px;
  padding: 0 14px;
  border-radius: 16px;
  border: 1px solid #3a3c50;
  background: #252632;
}
body.dg-feed-page .nav-search-box input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-family: inherit;
}
body.dg-feed-page .nav-user-link {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 12px;
  display: block;
  background: linear-gradient(135deg, #ff43a7, #ef2df9);
}
body.dg-feed-page .nav-user-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.dg-feed-page .layout {
  position: relative !important;
  top: auto !important;
  margin-top: 62px;
  display: block !important;
  min-height: calc(100vh - 62px);
}
body.dg-feed-page .sidebar {
  display: none !important;
}
body.dg-feed-page .main {
  overflow: visible !important;
  max-width: 780px;
  margin: 0 auto;
  padding: 20px 16px 48px;
}

/* Figma：页内搜索面板不在稿上（搜索只在顶栏） */
body.dg-feed-page .search-panel {
  display: none !important;
}

/* 分类 Tabs：80×48 / 圆角 14 */
body.dg-feed-page .feed-cate-tabs {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding: 8px 0 18px;
  border-bottom: 0;
  margin-bottom: 0;
}
body.dg-feed-page .feed-ctab {
  width: 80px;
  height: 48px;
  padding: 0;
  border-radius: 14px;
  border: 0;
  background: #232429;
  color: #b5b7bf;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.18s, color 0.18s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
body.dg-feed-page .feed-ctab.active {
  background: #ff1290;
  color: #fff;
}
body.dg-feed-page .feed-ctab:hover:not(.active) {
  background: #2d2e34;
  color: #fff;
}

/* 筛选行：排序 / 价格（不要「筛选」文案，不要共 N 条） */
body.dg-feed-page .filter-bar {
  position: static !important;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  padding: 10px 0 18px !important;
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
}
body.dg-feed-page .filter-label {
  font-size: 18px !important;
  color: #fff !important;
  letter-spacing: 0 !important;
  font-weight: 500;
  white-space: nowrap;
  margin: 0 !important;
}
body.dg-feed-page .ftab {
  min-width: 60px;
  height: 30px;
  padding: 0 12px;
  border-radius: 12px;
  border: 0 !important;
  background: #27282d;
  color: #b5b7bf;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
}
body.dg-feed-page .ftab.active {
  background: #ff1290 !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 600;
}
body.dg-feed-page .ftab:hover:not(.active) {
  background: #32333a;
  color: #fff;
}
body.dg-feed-page .filter-count {
  display: none !important;
}

/* 发布/分享动态：Figma 2.9 右下悬浮入口 74×74 */
body.dg-feed-page .publish-inline {
  position: fixed !important;
  right: 48px;
  bottom: 48px;
  z-index: 90;
  margin: 0 !important;
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 74px;
  height: 74px;
  min-width: 74px;
  padding: 8px 4px;
  border: 0;
  border-radius: 20px;
  background: linear-gradient(101deg, #ff43a7 0%, #ef2df9 95%);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  font-family: inherit;
  box-shadow: 0 12px 28px rgba(255, 18, 144, 0.4);
  white-space: normal;
  text-align: center;
}
body.dg-feed-page .publish-inline:hover {
  filter: brightness(1.06);
}

/* 列表 */
body.dg-feed-page .posts-wrap {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* 动态卡 · Figma 225:53442 */
body.dg-feed-page .post-card {
  position: relative;
  background: #1d1e25 !important;
  border: 1px solid #27282d !important;
  border-radius: 20px !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 20px 18px 18px !important;
  box-shadow: 0 2px 7.5px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(2px);
  cursor: pointer;
  transition: border-color 0.2s;
  animation: none !important;
  transform: none !important;
}
body.dg-feed-page .post-card:hover {
  border-color: rgba(255, 18, 144, 0.35) !important;
  transform: none !important;
  box-shadow: 0 2px 7.5px rgba(0, 0, 0, 0.4);
}
body.dg-feed-page .post-body {
  padding: 0 !important;
}
body.dg-feed-page .post-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding-right: 140px;
}
body.dg-feed-page .post-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  background: #2a2b32;
  border: 0;
  overflow: hidden;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dg-feed-page .post-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.dg-feed-page .post-user {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
}
body.dg-feed-page .post-badge {
  margin-left: 6px;
  font-size: 11px;
  color: #ffc85c;
  background: rgba(255, 200, 92, 0.12);
  border: 0;
  padding: 1px 6px;
  border-radius: 4px;
}
body.dg-feed-page .post-time {
  font-size: 14px;
  color: #b3b3b3;
  margin-top: 0;
  line-height: 20px;
}
body.dg-feed-page .post-coin-badge {
  position: absolute;
  top: 20px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 11px 0 18px;
  border-radius: 10px;
  border: 1px solid #f5d79a;
  background: #322b2c;
  color: #ffc85c;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  z-index: 2;
  box-sizing: border-box;
}
body.dg-feed-page .post-coin-badge img {
  width: 17px;
  height: 17px;
  display: block;
}
body.dg-feed-page .post-title {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.dg-feed-page .post-content {
  font-size: 14px;
  color: #b4b6c5;
  line-height: 20px;
  margin: 0 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.dg-feed-page .post-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 14px;
}
body.dg-feed-page .post-topic-tag {
  font-size: 14px;
  color: #ffc85c;
  background: rgba(255, 200, 92, 0.1);
  border: 0;
  padding: 4px 7px;
  border-radius: 5px;
  line-height: 14px;
  text-decoration: none;
}
body.dg-feed-page .post-topic-tag:hover,
body.dg-feed-page .post-topic-tag:visited {
  color: #ffc85c;
  text-decoration: none;
}

/* 双图：横框内居中竖图（Figma 225:53460 / 225:53461） */
body.dg-feed-page .post-images-grid {
  display: grid;
  gap: 25px;
  margin: 0 0 8px;
}
body.dg-feed-page .post-images-grid.grid-1 {
  grid-template-columns: minmax(0, 1fr);
  max-width: 50%;
}
body.dg-feed-page .post-images-grid.grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.dg-feed-page .post-images-grid .post-img-box {
  background: #0f121c;
  border: 1px solid rgba(65, 65, 65, 0.8);
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 555 / 258;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.dg-feed-page .post-images-grid img {
  width: auto;
  height: 88%;
  aspect-ratio: 197 / 227;
  object-fit: cover;
  display: block;
  background: transparent;
  max-width: 36%;
  max-height: none;
  border-radius: 6px;
}

/* Figma 225:8376 付费动态加锁面板 */
body.dg-feed-page .post-lock {
  box-sizing: border-box;
  width: 100%;
  min-height: 258px;
  margin: 0 0 8px;
  padding: 24px 16px 18px;
  border-radius: 8px;
  border: 1px solid #35363c;
  background: linear-gradient(160deg, rgb(35, 29, 25) 5.8%, rgb(79, 77, 86) 93.5%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
}
body.dg-feed-page .post-lock-head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
body.dg-feed-page .post-lock-head img {
  width: 20px;
  height: 20px;
  display: block;
}
body.dg-feed-page .post-lock-coins {
  margin: 0;
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
body.dg-feed-page .post-lock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 34px;
  margin-top: 4px;
  border-radius: 12px;
  background: linear-gradient(105deg, rgb(255, 67, 167) 0%, rgb(239, 45, 249) 95.3%);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.dg-feed-page .post-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 !important;
  border: 0 !important;
}
body.dg-feed-page .post-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dg-feed-page .post-action {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  line-height: 20px;
}
body.dg-feed-page span.post-action {
  cursor: default;
}
body.dg-feed-page .post-action img {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}
body.dg-feed-page .post-action.liked {
  color: #ff1290;
}

/* 分页 */
body.dg-feed-page .feed-pagination {
  padding: 28px 0 16px !important;
  display: flex;
  justify-content: center;
}
body.dg-feed-page .dg-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
}
body.dg-feed-page .dg-pager-total {
  font-size: 16px;
  color: #fff;
  letter-spacing: -0.01px;
  white-space: nowrap;
}
body.dg-feed-page .dg-pager-pages {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.dg-feed-page .page-btn,
body.dg-feed-page a.page-btn {
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border: 0;
  border-radius: 2px;
  background: #232429;
  color: #fff;
  font-size: 16px;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  transition: none;
}
body.dg-feed-page .page-btn:disabled,
body.dg-feed-page .page-btn[aria-disabled="true"] {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
body.dg-feed-page .page-btn.active {
  background: #ff1290;
  color: #fff;
  font-weight: 600;
}
body.dg-feed-page .dg-pager-goto {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
body.dg-feed-page .dg-pager-goto input {
  width: 40px;
  height: 24px;
  padding: 0 4px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #232429;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  font-family: inherit;
  outline: none;
}
body.dg-feed-page .dg-pager-goto input::-webkit-outer-spin-button,
body.dg-feed-page .dg-pager-goto input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body.dg-feed-page .dg-pager-goto input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

/* 桌面单栏（已去掉热门话题侧栏） */
@media (min-width: 900px) {
  body.dg-feed-page .layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main";
    gap: 0;
    max-width: 1193px;
    margin: 62px auto 0;
    padding: 0 24px;
    align-items: start;
  }
  body.dg-feed-page .feed-main-col {
    grid-area: main;
  }
  body.dg-feed-page .main {
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 0 48px !important;
  }
}


body.dg-feed-page .feed-share-gf-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 160px;
  height: 60px;
  margin: 0 0 16px auto;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(101deg, #ff43a7 0%, #ef2df9 95%);
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  padding: 0 12px;
}
body.dg-feed-page .feed-share-gf-btn img {
  width: 30px;
  height: 30px;
  display: block;
}

body.dg-feed-page .feed-main-col {
  display: block;
}
@media (max-width: 900px) {
  body.dg-feed-page .nav-search-wrap {
    display: none;
  }
  body.dg-feed-page .post-images-grid.grid-1 {
    max-width: 100%;
  }
  body.dg-feed-page .feed-ctab {
    width: auto;
    min-width: 72px;
    padding: 0 12px;
    height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  body.dg-feed-page .layout {
    margin-top: 0 !important;
    padding-top: 62px;
  }
  body.dg-feed-page .feed-main-col {
    padding: 0 0 16px;
  }
  body.dg-feed-page .feed-cate-tabs {
    padding: 10px 16px 10px;
  }
  body.dg-feed-page .filter-bar,
  body.dg-feed-page .posts-wrap,
  body.dg-feed-page .feed-pagination {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.dg-feed-page .post-card {
    padding: 14px !important;
    border-radius: 14px !important;
  }
}