#dg-home-ranking {
  --gd-ink: #36281d;
  --gd-gold: #986018;
  --gd-line: #e5d5bb;
  --gd-cream: #fffaf1;
  --gd-highlight: #f8e8c9;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  margin: clamp(26px, 5vw, 54px) 0;
  padding: clamp(14px, 3vw, 30px);
  border: 1px solid var(--gd-line);
  border-top: 3px solid #b9853a;
  border-radius: 20px;
  background: var(--gd-cream);
  color: var(--gd-ink);
  box-shadow: 0 14px 38px -26px #50381885;
}
#dg-home-ranking #gd-ranking-title {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  color: var(--gd-gold);
  background: none;
  text-align: left;
  font-family: Arial, "Microsoft JhengHei", "PingFang TC", sans-serif;
  font-size: clamp(21px, 3vw, 30px);
  line-height: 1.4;
  font-weight: 700;
}
#dg-home-ranking .gd-rank-hint { display: none; }
#dg-home-ranking .gd-rank-scroll {
  max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain;
  border: 1px solid var(--gd-line); border-radius: 12px;
  scrollbar-color: #ab7735 #f2e8d8;
}
#dg-home-ranking .gd-rank-table {
  width: 100%; min-width: 750px; margin: 0; border: 0;
  border-collapse: separate; border-spacing: 0;
  text-align: left; font-size: 15px; line-height: 1.55;
}
#dg-home-ranking .gd-rank-table :is(th,td) {
  padding: 13px 12px; border: 0; border-bottom: 1px solid var(--gd-line);
  color: var(--gd-ink); background: #fffdf9; vertical-align: middle;
  white-space: nowrap;
}
#dg-home-ranking .gd-rank-table thead th {
  background: #3a291e; color: #fff3d9; font-size: 13px; font-weight: 700;
}
#dg-home-ranking .gd-rank-table :is(th,td):first-child { text-align: center; }
#dg-home-ranking .gd-rank-table tbody th span {
  display: inline-grid; place-items: center; min-width: 30px; min-height: 30px;
  color: #714716; background: #f2e5cd; border-radius: 7px;
  font-variant-numeric: tabular-nums;
}
#dg-home-ranking .gd-rank-table tbody tr:nth-child(even) :is(th,td) { background: #faf4e8; }
#dg-home-ranking .gd-rank-table tbody tr.gd-rank-current :is(th,td) { background: var(--gd-highlight); }
#dg-home-ranking .gd-rank-table tbody tr.gd-rank-current th { box-shadow: inset 4px 0 #ae7730; }
#dg-home-ranking .gd-rank-table tbody tr:last-child :is(th,td) { border-bottom: 0; }
#dg-home-ranking .gd-rank-table a {
  color: #65421e; font-weight: 700; text-decoration: underline;
  text-decoration-color: #be965e; text-underline-offset: 4px;
}
#dg-home-ranking .gd-rank-table a:hover { text-decoration-color: currentColor; }
#dg-home-ranking :is(a,.gd-rank-scroll):focus-visible { outline: 2px solid #865416; outline-offset: -2px; }
#dg-home-ranking .gd-rank-stars { color: var(--gd-gold); letter-spacing: .06em; }
@media (max-width: 767px) {
  #dg-home-ranking .gd-rank-hint { display: block; margin: -5px 0 10px; color: #6b5438; font-size: 13px; }
  #dg-home-ranking .gd-rank-table :is(th,td) { padding: 12px 10px; }
}