:root{
  --bg:#f4f6f8;
  --card:#ffffff;
  --line:#e7ebf0;
  --text:#111827;
  --muted:#6b7280;
  --brand:#03c75a;
  --brand-dark:#00b050;
  --soft:#f8fafc;
  --shadow:0 10px 28px rgba(15,23,42,.06);
  --radius:18px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Noto Sans KR",sans-serif;
  color:var(--text);
  background:var(--bg);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.rhContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.rhPage{padding:0 0 32px}

/* ===== header ===== */
.rhHeader{
  background:#fff;
  border-bottom:1px solid var(--line);
}
.rhHeaderIn{
  padding:18px 0 16px;
}
.rhHeaderBar{
  display:grid;
  grid-template-columns:minmax(0,200px) minmax(0,1fr) minmax(0,260px);
  gap:18px;
  align-items:center;
}
.rhLogo{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.02em;
  min-width:0;
}
.rhLogoPc{
  width:auto;
  display:block;
}
.rhMobileSymbol,
.rhMobileMenuBtn,
.rhMobileDrawerBackdrop,
.rhMobileDrawerHead{
  display:none;
}
.rhMobileSymbol{
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
}
.rhMobileSymbol img{
  width:28px;
  height:28px;
  object-fit:contain;
}
.rhMobileMenuBtn{
  border:none;
  background:transparent;
  padding:0;
  margin:0;
  width:38px;
  height:38px;
  border-radius:10px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  flex:0 0 38px;
  cursor:pointer;
}
.rhMobileMenuBtn span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#111827;
}
.rhMobileDrawerHead{
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.rhMobileDrawerHead strong{
  font-size:18px;
  font-weight:950;
}
.rhMobileDrawerClose{
  border:none;
  background:#111827;
  color:#fff;
  height:34px;
  padding:0 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.rhLogoDot{
  width:13px;
  height:13px;
  border-radius:999px;
  background:var(--brand);
  box-shadow:0 0 0 8px rgba(3,199,90,.12);
}
.rhLogoText{line-height:1}

.rhSearchHero{
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  border:2px solid var(--brand);
  background:#fff;
  border-radius:999px;
  padding:10px 12px;
  min-height:62px;
}
.rhSearchHero input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  font-size:20px;
  padding:0 12px;
  color:var(--text);
  min-width:0;
}
.rhSearchHero input::placeholder{color:#9ca3af}
.rhSearchHero button{
  border:none;
  background:var(--brand);
  color:#fff;
  cursor:pointer;
  height:42px;
  padding:0 18px;
  border-radius:999px;
  font-weight:900;
  font-size:15px;
  white-space:nowrap;
  flex:0 0 auto;
}

.rhHeaderActions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
}

.rhPopularBox{
  position:relative;
  min-width:0;
  z-index:30;
}

.rhPopularAnchor{
  display:flex;
  align-items:center;
  gap:12px;
  height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  min-width:0;
}

.rhPopularBox.isOpen .rhPopularAnchor{
  border-color:#111827;
}

.rhPopularLabel{
  flex:0 0 auto;
  font-size:13px;
  font-weight:900;
  color:#111827;
}

.rhPopularCurrent{
  min-width:0;
  flex:1 1 auto;
  font-size:13px;
  color:var(--muted);
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rhPopularDropdown{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:80;
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow);
  padding:8px;
}

.rhPopularDropdownList{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.rhPopularDropdownItem a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:0 10px;
  border-radius:10px;
}

.rhPopularDropdownItem a:hover{
  background:#f8fafc;
}

.rhPopularDropdownRank{
  flex:0 0 24px;
  font-size:13px;
  font-weight:900;
  color:#111827;
}

.rhPopularDropdownText{
  min-width:0;
  flex:1 1 auto;
  font-size:13px;
  font-weight:800;
  color:#111827;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rhHeadLink{
  font-size:14px;
  color:var(--muted);
  font-weight:800;
  padding:10px 12px;
  border-radius:999px;
}
.rhHeadLink:hover{background:rgba(15,23,42,.04)}
.rhHeadBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 16px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  color:#fff;
  font-weight:900;
}

/* ===== quick links ===== */
.rhQuickRow{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:14px 18px;
  margin-top:18px;
}
.rhQuickLink{
  width:82px;
  min-height:auto;
  padding:4px 2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  text-align:center;
  transition:transform .12s ease;
}
.rhQuickLink:hover{
  transform:translateY(-1px);
  box-shadow:none;
}
.rhQuickIcon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f5f3;
  border:1px solid #e4ebe7;
  font-size:18px;
  line-height:1;
}
.rhQuickLabel{
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-0.02em;
  color:#111827;
  word-break:keep-all;
}

/* ===== summary ===== */
.rhSummaryGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:18px;
}
.rhSummaryCard{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:var(--shadow);
}
.rhSummaryCard b{
  display:block;
  font-size:14px;
  font-weight:900;
}
.rhSummaryCard span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

/* ===== main layout ===== */
.rhMainArea{padding-top:16px}
.rhMainGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:16px;
}
.rhMainLeft,.rhMainRight{min-width:0}

.rhSectionCard,
.rhSideCard{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.rhSectionCard{padding:18px;overflow:hidden}
.rhSideCard{padding:18px;overflow:hidden}
.rhMainLeft .rhSectionCard + .rhSectionCard,
.rhMainRight .rhSideCard + .rhSideCard{
  margin-top:16px;
}

.rhSectionHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.rhSectionHead h2{
  margin:0;
  font-size:22px;
  font-weight:950;
  letter-spacing:-.02em;
}
.rhSectionHead a{
  font-size:13px;
  font-weight:900;
  color:var(--muted);
}
.rhSectionHead a:hover{color:var(--brand-dark)}
.rhMutedLine{
  color:var(--muted);
  line-height:1.6;
  margin:8px 0 0;
}

/* ===== makers ===== */
.rhMakerGrid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:10px;
}
.rhMakerItem{
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 6px;
  background:#fff;
  text-align:center;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhMakerItem:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(15,23,42,.06);
}
.rhMakerLogo{
  width:38px;
  height:25px;
  border-radius:10px;
  margin:0 auto 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.rhMakerLogo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.rhMakerLogo span{
  font-size:13px;
  font-weight:900;
}
.rhMakerName{
  font-size:12px;
  font-weight:900;
  line-height:1.25;
  letter-spacing:-0.02em;
  word-break:keep-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:30px;
}

/* ===== generic media cards ===== */
.rhCardGrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.rhMediaCard{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhMediaCard:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(15,23,42,.08);
}
.rhMediaThumb{
  aspect-ratio:16/10;
  background:linear-gradient(135deg, rgba(3,199,90,.08), rgba(15,23,42,.03));
}
.rhMediaThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rhMediaBody{padding:12px}
.rhMediaBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(3,199,90,.10);
  color:#057a44;
  font-size:12px;
  font-weight:900;
}
.rhMediaBody h3{
  margin:8px 0 0;
  font-size:15px;
  font-weight:900;
  line-height:1.4;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rhMediaBody p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.rhCardGridCompact .rhMediaThumb{
  aspect-ratio:16/11;
}
.rhCardGridCompact .rhMediaBody{
  padding:11px;
}
.rhCardGridCompact .rhMediaBadge{
  height:22px;
  padding:0 8px;
  font-size:11px;
}
.rhCardGridCompact .rhMediaBody h3{
  font-size:14px;
  line-height:1.35;
}
.rhCardGridCompact .rhMediaBody p{
  font-size:12px;
  line-height:1.5;
  -webkit-line-clamp:2;
}

/* ===== news ===== */
.rhNewsSplit{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:14px;
  align-items:stretch;
}
.rhNewsFeature{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhNewsFeature:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(15,23,42,.08);
}
.rhNewsFeatureThumb{
  aspect-ratio:16/9;
  background:linear-gradient(135deg, rgba(15,23,42,.04), rgba(3,199,90,.05));
}
.rhNewsFeatureThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rhNewsFeatureBody{padding:12px}
.rhNewsFeatureBody h3{
  margin:8px 0 0;
  font-size:15px;
  font-weight:900;
  line-height:1.5;
}
.rhNewsTextList{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rhNewsTextItem{
  display:block;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhNewsTextItem:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(15,23,42,.06);
}
.rhNewsTextItem strong{
  display:block;
  margin-top:8px;
  font-size:15px;
  font-weight:900;
  line-height:1.5;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rhNewsMeta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.rhMiniBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#eef7f1;
  color:#067647;
  font-size:11px;
  font-weight:900;
}

/* ===== list ===== */
.rhListBox{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rhListItem{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhListItem:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(15,23,42,.06);
}
.rhListMain{min-width:0}
.rhListMain strong{
  display:block;
  margin-top:6px;
  font-size:15px;
  font-weight:900;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.rhListMeta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.rhListSide{
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:0 0 auto;
  text-align:right;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

/* ===== club ===== */
.rhClubGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.rhClubCard{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease;
}
.rhClubCard:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(15,23,42,.08);
}
.rhClubThumb{
  aspect-ratio:16/9;
  background:linear-gradient(135deg, rgba(3,199,90,.08), rgba(15,23,42,.03));
}
.rhClubThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.rhClubBody{padding:12px}
.rhClubMeta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.rhClubBody h3{
  margin:8px 0 0;
  font-size:15px;
  font-weight:900;
  line-height:1.4;
}
.rhClubBody p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.rhClubStat{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

/* ===== side ===== */
.rhSideCard h3{
  margin:0;
  font-size:18px;
  font-weight:950;
}
.rhSideActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.rhActionBtn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:42px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  font-weight:900;
  font-size:14px;
}
.rhActionBtn.primary{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
.rhSideMenu{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:14px;
}
.rhSideMenu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  font-weight:800;
}
.rhStatList{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.rhStatList div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.rhStatList span{
  font-size:13px;
  font-weight:800;
  color:var(--muted);
}
.rhStatList b{
  font-size:16px;
  font-weight:950;
  color:var(--brand-dark);
}
.rhNoticeList{
  margin:14px 0 0;
  padding-left:18px;
  color:var(--muted);
}
.rhNoticeList li{line-height:1.7}

/* ===== footer ===== */
.rhFooter{
  margin-top:24px;
  padding:18px 0;
  border-top:1px solid var(--line);
  background:#fff;
}
.rhMuted{color:var(--muted)}

@media (max-width:1180px){
  .rhHeaderBar{
    grid-template-columns:minmax(0,180px) minmax(0,1fr) minmax(0,230px);
  }
  .rhQuickRow{
    gap:12px 16px;
  }
  .rhCardGrid{grid-template-columns:repeat(3,1fr)}
  .rhMakerGrid{grid-template-columns:repeat(6,1fr)}
  .rhClubGrid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:980px){
  .rhPopularBox{
    display:none;
  }
  .rhContainer{padding:0 16px}
  .rhHeaderBar{
    grid-template-columns:1fr;
    gap:12px;
  }
  .rhHeaderActions{justify-content:flex-start}
  .rhSummaryGrid{grid-template-columns:repeat(2,1fr)}
  .rhMainGrid{grid-template-columns:1fr}
  .rhCardGrid{grid-template-columns:repeat(2,1fr)}
  .rhNewsSplit{grid-template-columns:1fr}
}

@media (max-width:768px){
  .rhPopularBox{
    display:none;
  }
  .rhContainer{padding:0 14px}
  .rhPage{padding-bottom:24px}
  .rhHeaderIn{padding:18px 0 12px}
  .rhHeaderBar{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 38px;
    gap:10px;
    align-items:center;
  }
  .rhLogo{display:none}
  .rhMobileSymbol,
  .rhMobileMenuBtn{
    display:inline-flex;
  }
  .rhSearchHero{
    min-height:56px;
    padding:8px 8px 8px 12px;
    gap:8px;
  }
  .rhSearchHero input{
    font-size:16px;
    padding:0 6px;
  }
  .rhSearchHero .rhSearchSubmit{
    height:38px;
    padding:0 14px;
    font-size:14px;
  }

  .rhQuickRow{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px 8px;
    justify-content:stretch;
  }
  .rhQuickLink{
    width:auto;
    min-width:0;
    padding:0;
  }
  .rhMainArea{padding-top:12px}
  .rhSectionCard,
  .rhSideCard{padding:14px}
  .rhSectionHead{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .rhSectionHead h2{font-size:20px}
  .rhTabBtns,
  .rhFortuneTabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    width:100%;
    padding-bottom:2px;
  }
  .rhTabBtn,
  .rhFortuneTabBtn{flex:0 0 auto}
	.rhCardGrid,
	.rhClubGrid{grid-template-columns:1fr}
	.rhCardGrid.rhCardGridCompact{
	  grid-template-columns:repeat(2,minmax(0,1fr));
	  gap:10px;
	}
  .rhMakerGrid{grid-template-columns:repeat(4,1fr)}
  .rhListItem{
    flex-direction:column;
    align-items:flex-start;
  }
  .rhListSide{
    width:100%;
    flex-direction:row;
    justify-content:space-between;
    text-align:left;
  }
  .rhSideActions{grid-template-columns:1fr}

  body.rhMobileMenuOpen{
    overflow:hidden;
  }

  .rhMainRight{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(88vw, 360px);
    margin:0;
    padding:16px 12px calc(14px + env(safe-area-inset-bottom));
    background:var(--bg);
    overflow-y:auto;
    z-index:1200;
    transform:translateX(100%);
    transition:transform .24s ease;
    box-shadow:-16px 0 36px rgba(15,23,42,.18);
  }
  body.rhMobileMenuOpen .rhMainRight{
    transform:translateX(0);
  }

  .rhMobileDrawerHead{
    display:flex;
  }

  .rhMainRight .rhSideCard:first-child{
    margin-top:0;
  }

  .rhMobileDrawerBackdrop{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    opacity:0;
    visibility:hidden;
    z-index:1190;
    transition:opacity .24s ease, visibility .24s ease;
  }
  body.rhMobileMenuOpen .rhMobileDrawerBackdrop{
    opacity:1;
    visibility:visible;
  }
}

@media (max-width:540px){
  .rhContainer{padding:0 12px}
  .rhHeaderIn{padding:20px 0 12px}
  .rhHeaderBar{
    grid-template-columns:45px minmax(0,1fr) 45px;
    gap:8px;
	padding-left:10px;
	padding-right:10px;
  }
  .rhMobileSymbol{
    width:45px;
    height:45px;
    flex:0 0 30px;
  }
  .rhMobileSymbol img{
    width:45px;
    height:45px;
  }
  .rhMobileMenuBtn{
    width:45px;
    height:45px;
    flex:0 0 34px;
  }
  .rhSearchHero{
    min-height:52px;
    padding:7px 7px 7px 10px;
    gap:6px;
  }
  .rhSearchHero input{font-size:15px}
  .rhSearchHero .rhSearchSubmit{
    height:34px;
    padding:0 10px;
    font-size:13px;
  }

  .rhQuickRow{
    gap:10px 6px;
  }
  .rhQuickLink{width:auto}
  .rhQuickIcon{
    width:36px;
    height:36px;
    font-size:16px;
    border-radius:12px;
  }
  .rhQuickLabel{font-size:11px}
  .rhSummaryGrid{grid-template-columns:1fr}
	.rhMakerGrid{grid-template-columns:repeat(3,1fr)}
	.rhCardGrid{grid-template-columns:1fr}
	.rhCardGrid.rhCardGridCompact{
	  grid-template-columns:repeat(2,minmax(0,1fr));
	  gap:9px;
	}
	.rhCardGridCompact .rhMediaBody{padding:9px}
	.rhCardGridCompact .rhMediaBody h3{font-size:13px}
	.rhCardGridCompact .rhMediaBody p{font-size:11px}
	.rhClubGrid{grid-template-columns:1fr}
  .rhNewsFeatureBody,
  .rhMediaBody{padding:11px}
  .rhNoticeItem{padding:11px}
}

.rhLogo img{
  width:auto;
  display:block;
}

.rhTabBtns{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.rhTabBtn{
  height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
}
.rhTabBtn.isActive{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}
.rhTabPanel{display:none}
.rhTabPanel.isActive{display:block}

.rhMediaBadge.oldcar{
  background:rgba(37,99,235,.10);
  color:#1d4ed8;
}
.rhMediaBadge.shop{
  background:rgba(249,115,22,.10);
  color:#c2410c;
}

.rhProfileBox{
  display:flex;
  gap:12px;
  align-items:center;
  margin-top:14px;
}
.rhProfileAvatar{
  width:52px;
  height:52px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  color:#fff;
  font-size:20px;
  font-weight:900;
  overflow:hidden;
}
.rhProfileAvatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.rhProfileText{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.rhProfileText b{
  font-size:14px;
  font-weight:900;
  word-break:break-all;
}
.rhProfileText span{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.rhSideActions.single{
  grid-template-columns:1fr;
}

.rhNoticeBox{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.rhNoticeItem{
  display:block;
  padding:12px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.rhNoticeTop{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.rhNoticeItem strong{
  display:block;
  margin-top:8px;
  font-size:14px;
  font-weight:900;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.rhEmptyBox{
  border:1px dashed var(--line);
  border-radius:14px;
  padding:20px 14px;
  color:var(--muted);
  text-align:center;
  margin-top:14px;
}

.rhFooterCustom{
  margin-top:24px;
  padding:26px 0 34px;
  border-top:1px solid var(--line);
  background:#fff;
}
.rhFooterLinks{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  font-size:13px;
  font-weight:900;
}
.rhFooterLinks a{color:var(--muted)}
.rhFooterLinks a:hover{color:var(--text)}

.rhBizInfo{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 18px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}
.rhCopyright{
  margin-top:16px;
  color:var(--muted);
  font-size:12px;
}

@media (max-width:980px){
  .rhBizInfo{
    grid-template-columns:1fr;
  }
}

/* ===== today fortune ===== */
.rhFortuneSection{
  position:relative;
  overflow:visible;
}
.rhFortuneTabs{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.rhFortuneTabBtn{
  height:36px;
  padding:0 14px;
  border:none;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.rhFortuneTabBtn.isActive{
  background:var(--brand);
  color:#fff;
}
.rhFortuneMeta{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  margin-bottom:12px;
}
.rhFortuneStatus{
  padding:18px 14px;
  border:1px dashed var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--muted);
  text-align:center;
  margin-bottom:12px;
}
.rhFortunePanel{
  display:none;
}
.rhFortunePanel.isActive{
  display:block;
}
.rhFortuneGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.rhFortuneItem{
  min-width:0;
}
.rhFortuneCard{
  width:100%;
  padding:12px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.rhFortuneCard:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(15,23,42,.06);
}
.rhFortuneCard.isActive{
  border-color:var(--brand);
  box-shadow:0 12px 28px rgba(3,199,90,.14);
}
.rhFortuneCardTop{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.rhFortuneIconWrap{
  width:52px;
  height:52px;
  border-radius:14px;
  background:#f7faf8;
  border:1px solid #e5ece8;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 52px;
}
.rhFortuneIcon{
  width:42px;
  height:42px;
  object-fit:contain;
}
.rhFortuneTitleWrap{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.rhFortuneTitle{
  display:block;
  font-size:14px;
  font-weight:900;
  line-height:1.35;
}
.rhFortuneSub{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}
.rhFortunePreview{
  margin-top:10px;
  color:#374151;
  font-size:12px;
  line-height:1.55;
  min-height:56px;
}

.rhFortuneLayer{
  position:absolute;
  z-index:60;
  display:none;
}
.rhFortuneLayer.isOpen{
  display:block;
}
.rhFortuneLayerInner{
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 20px 40px rgba(15,23,42,.14);
  padding:14px;
}
.rhFortuneLayerHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.rhFortuneLayerTitleWrap{
  min-width:0;
}
.rhFortuneLayerTitle{
  font-size:15px;
  font-weight:900;
  line-height:1.4;
}
.rhFortuneLayerSub{
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.rhFortuneLayerClose{
  border:none;
  background:#f3f4f6;
  color:#111827;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  flex:0 0 auto;
}
.rhFortuneLayerBody{
  margin-top:10px;
  color:#374151;
  font-size:13px;
  line-height:1.7;
}
.rhFortuneLuckyBox{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.rhFortuneLuckyLabel{
  font-size:12px;
  font-weight:900;
  color:var(--muted);
  margin-bottom:8px;
}
.rhFortuneLuckyNums{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.rhFortuneLuckyNum{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:32px;
  height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#eef7f1;
  color:#067647;
  font-size:12px;
  font-weight:900;
}
.rhFortuneLuckyEmpty{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

@media (max-width:1180px){
  .rhFortuneGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:980px){
  .rhFortuneGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rhFortuneLayer{
    left:16px !important;
    width:calc(100% - 32px) !important;
  }
}

@media (max-width:640px){
  .rhFortuneGrid{
    grid-template-columns:1fr;
  }
  .rhFortuneCard{
    padding:12px;
  }
}

  .rhProfilePoint{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:6px;
    padding:0;
    border:0;
    background:transparent;
    color:#2563eb;
    font-size:13px;
    font-weight:800;
    line-height:1.5;
    cursor:pointer;
    text-align:left;
  }

  .rhProfilePoint:hover{
    color:#1d4ed8;
    text-decoration:underline;
  }

  .rhProfilePoint:focus{
    outline:none;
    text-decoration:underline;
  }



	.rhActionBtn.hasBadge{
	  position:relative;
	  gap:8px;
	}

	.rhActionBadge{
	  display:none;
	  min-width:18px;
	  height:18px;
	  padding:0 6px;
	  border-radius:999px;
	  background:#ef4444;
	  color:#fff;
	  font-size:10px;
	  font-weight:900;
	  line-height:18px;
	  text-align:center;
	  flex:0 0 auto;
	}

	.rhActionBadge.isShow{
	  display:inline-block;
	}

  .rhPointModal{
    position:fixed;
    inset:0;
    z-index:5000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
  }

  .rhPointModal[hidden]{
    display:none !important;
  }

  .rhPointModalBackdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.58);
  }

  .rhPointModalDialog{
    position:relative;
    width:min(980px, calc(100vw - 40px));
    height:min(820px, calc(100vh - 40px));
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(15,23,42,.28);
    border:1px solid rgba(255,255,255,.4);
  }

  .rhPointModalHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:62px;
    padding:0 18px;
    border-bottom:1px solid #e5e7eb;
    background:#fff;
  }

  .rhPointModalTitle{
    font-size:18px;
    font-weight:900;
    color:#111827;
    letter-spacing:-.02em;
  }

  .rhPointModalClose{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid #e5e7eb;
    background:#fff;
    color:#111827;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
  }

  .rhPointModalFrame{
    display:block;
    width:100%;
    height:calc(100% - 63px);
    border:0;
    background:#fff;
  }

  .rhPointMallMobileOnly{
    display:none;
  }

  .rhPointMallGrid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
  }

  .rhPointMallItem{
    display:block;
    text-decoration:none;
    color:inherit;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    overflow:hidden;
  }

  .rhPointMallThumb{
    aspect-ratio:1/1;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }

  .rhPointMallThumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .rhPointMallThumbFallback{
    color:#9ca3af;
    font-size:12px;
    font-weight:800;
  }

  .rhPointMallBody{
    padding:10px;
  }

  .rhPointMallBadgeRow{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:6px;
    flex-wrap:wrap;
  }

  .rhPointMallBadge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:20px;
    padding:0 7px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:11px;
    font-weight:800;
    line-height:1;
  }

  .rhPointMallBadge.goods{
    background:#2563eb;
  }

  .rhPointMallBrand{
    color:#6b7280;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
  }

  .rhPointMallTitle{
    display:block;
    color:#111827;
    font-size:13px;
    font-weight:800;
    line-height:1.45;
    min-height:38px;
  }

  .rhPointMallPoint{
    margin-top:6px;
    color:#dc2626;
    font-size:13px;
    font-weight:900;
    line-height:1.4;
  }

  @media (max-width: 768px){
    .rhQuickLinkPointMall{
      display:none !important;
    }

    .rhPointMallMobileOnly{
      display:block;
    }

    .rhPointMallDesktopOnly{
      display:none !important;
    }

    .rhPointModal{
      padding:10px;
    }

    .rhPointModalDialog{
      width:100%;
      height:min(88vh, 760px);
      border-radius:18px;
    }

    .rhPointModalHead{
      min-height:56px;
      padding:0 14px;
    }

    .rhPointModalTitle{
      font-size:16px;
    }

    .rhPointModalFrame{
      height:calc(100% - 57px);
    }
  }
#rhMessagePopupBtn{
  cursor:pointer;
}

.rhMediaMeta{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#6b7280;
}

.rhMediaPrice{
  display:block;
  margin-top:4px;
  font-size:15px;
  line-height:1.35;
  font-weight:800;
  color:#2563eb;
}

.rhMediaPrice.isContact{
  color:#dc2626;
}
















/* ===== community main ===== */
.rhCommunityMainSection{
  overflow:hidden;
}

.rhCommunityTopTabs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  border:none;
  background:transparent;
  padding:0;
  margin:0 0 16px;
}

.rhCommunityTopTabBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 15px;
  margin:0;
  border:1px solid #dbe3ea;
  border-radius:999px;
  background:#ffffff;
  color:#334155;
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.02em;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
  transition:
    background .16s ease,
    color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.rhCommunityTopTabBtn::before,
.rhCommunityTopTabBtn + .rhCommunityTopTabBtn::before{
  content:none !important;
  display:none !important;
}

.rhCommunityTopTabBtn:hover{
  border-color:#b8c4d3;
  background:#f8fafc;
  color:#111827;
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(15,23,42,.08);
}

.rhCommunityTopTabBtn.isActive{
  background:linear-gradient(135deg, #10b981, #03c75a);
  border-color:#03c75a;
  color:#ffffff;
  box-shadow:0 10px 22px rgba(3,199,90,.22);
}

.rhCommunityTopTabBtn:focus-visible{
  outline:none;
  border-color:#03c75a;
  box-shadow:0 0 0 4px rgba(3,199,90,.14);
}

.rhCommunityPanel{
  display:none;
}

.rhCommunityPanel.isActive{
  display:block;
}

/* PC 2열 */
.rhCommunityList{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 16px;
}

.rhCommunityListItem{
  display:block;
  padding:14px 14px 16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  min-width:0;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.rhCommunityListItem:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(15,23,42,.06);
  border-color:#d9e2ea;
}

.rhCommunityListItem:last-child{
  padding-bottom:16px;
}

.rhCommunityListItem.hasThumb{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px;
  gap:12px;
  align-items:center;
}

.rhCommunityListBody{
  min-width:0;
}

.rhCommunityListMeta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  line-height:1.45;
}

.rhCommunityListTitle{
  display:block;
  margin-top:8px;
  font-size:14px;
  line-height:1.45;
  font-weight:850;
  letter-spacing:-0.02em;
  color:#111827;
  word-break:keep-all;
}

.rhCommunityListExcerpt{
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.rhCommunityListThumb{
  width:100%;
  aspect-ratio:16/10;
  border-radius:14px;
  overflow:hidden;
  background:#f8fafc;
  border:1px solid var(--line);
}

.rhCommunityListThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rhCommunityListThumb.is-blur img{
  filter:blur(5px) brightness(.5);
  transform:scale(1.03);
}

@media (max-width:1180px){
  .rhCommunityList{
    grid-template-columns:1fr;
  }

  .rhCommunityListItem.hasThumb{
    grid-template-columns:minmax(0,1fr) 170px;
  }
}

@media (max-width:768px){
  .rhCommunityTopTabs{
    flex-wrap:wrap;
    overflow:visible;
    gap:8px;
    padding:0;
    margin-bottom:14px;
  }

  .rhCommunityTopTabBtn{
    min-height:36px;
    padding:0 13px;
    font-size:13px;
  }

  .rhCommunityList{
    grid-template-columns:1fr;
    gap:12px;
  }

  .rhCommunityListItem{
    padding:13px 12px 14px;
  }

  .rhCommunityListItem.hasThumb{
    grid-template-columns:1fr;
    gap:12px;
  }

  .rhCommunityListThumb{
    order:-1;
  }

  .rhCommunityListTitle{
    font-size:15px;
  }

  .rhCommunityListExcerpt{
    font-size:12px;
  }
}

@media (max-width:540px){
  .rhCommunityTopTabs{
    gap:7px;
  }

  .rhCommunityTopTabBtn{
    min-height:34px;
    padding:0 11px;
    font-size:12px;
  }

  .rhCommunityListMeta{
    font-size:10px;
  }

  .rhCommunityListTitle{
    font-size:14px;
  }
}

/* ===== main shortcut cards ===== */
.rhMainShortcutSection{
  overflow:visible;
}
.rhMainShortcutHeadDesc{
  font-size:13px;
  font-weight:800;
  color:var(--muted);
}
.rhMainShortcutGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.rhMainShortcutCard{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:128px;
  padding:15px 16px;
  border-radius:18px;
  color:#fff;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(15,23,42,.12);
  transition:transform .14s ease, box-shadow .14s ease, filter .14s ease;
}
.rhMainShortcutCard:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 34px rgba(15,23,42,.16);
  filter:brightness(1.02);
}
.rhMainShortcutCard::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-18px;
  width:96px;
  height:96px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
}



.rhMainShortcutIcon{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.22);
  font-size:21px;
  line-height:1;
  margin-bottom:10px;
  backdrop-filter:blur(2px);
}
.rhMainShortcutTitle{
  position:relative;
  z-index:1;
  font-size:18px;
  font-weight:950;
  line-height:1.2;
  letter-spacing:-.03em;
}
.rhMainShortcutDesc{
  position:relative;
  z-index:1;
  margin-top:5px;
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.92);
  word-break:keep-all;
}
.rhMainShortcutMore{
  position:relative;
  z-index:1;
  margin-top:auto;
  padding-top:10px;
  font-size:12px;
  font-weight:900;
  color:#fff;
  opacity:.96;
}


.rhMainShortcutCard.is-consult{
  background:linear-gradient(135deg,#2563eb 0%, #1d4ed8 100%);
}
.rhMainShortcutCard.is-dealer{
  background:linear-gradient(135deg,#0f766e 0%, #14b8a6 100%);
}
.rhMainShortcutCard.is-sell{
  background:linear-gradient(135deg,#ea580c 0%, #f97316 100%);
}
.rhMainShortcutCard.is-repair{
  background:linear-gradient(135deg,#7c3aed 0%, #a855f7 100%);
}

@media (max-width:1180px){
  .rhMainShortcutGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .rhMainShortcutHeadDesc{
    font-size:12px;
  }
  .rhMainShortcutGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .rhMainShortcutCard{
    min-height:116px;
    padding:13px 14px;
    border-radius:16px;
  }
  .rhMainShortcutIcon{
    width:42px;
    height:42px;
    font-size:21px;
    border-radius:14px;
    margin-bottom:12px;
  }
  .rhMainShortcutTitle{
    font-size:17px;
  }
  .rhMainShortcutDesc{
    font-size:12px;
    line-height:1.45;
  }
}

@media (max-width:540px){
  .rhMainShortcutCard{
    min-height:110px;
    padding:12px 13px;
  }
  .rhMainShortcutTitle{
    font-size:16px;
  }
  .rhMainShortcutMore{
    font-size:12px;
    padding-top:12px;
  }
}