/* Reference-inspired dark editorial shell and native stacked guide cards. */
:root[data-theme=dark] .community-shell{
  --cg:#0b0d10;--cp:#101317;--ci:#f4f5f7;--cm:#a4acb6;
  --cr:#292e35;--ch:#171c22;--ca:#f7c600;
}
:root[data-theme=dark] .community-site-header{background:#0d1013;border-color:#292e35}
:root[data-theme=dark] .community-site-header .nav-links a{color:#e7eaee}
:root[data-theme=dark] .community-local-nav a[aria-current=page]{background:#1b2026}
:root[data-theme=dark] .community-collection{background-color:#161a20}
.community-site-header{transition:transform .23s ease;will-change:transform}
.community-site-header.is-hidden{transform:translateY(-100%)}
.community-rail{position:sticky;top:80px;max-height:calc(100svh - 96px);overflow:auto}
.community-collection{
  position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  margin-top:20px;padding:17px;border:1px solid #30353d;border-radius:16px;
  background-color:#1b2027;background-image:url('./assets/community-grid.svg');
  background-size:18px 18px;
}
.community-collection::before{
  content:'BSTAR / 原创头像';grid-column:1/-1;margin-bottom:5px;
  color:#b8bec8;font:600 12px/1.4 system-ui,sans-serif;letter-spacing:.04em;
}
.community-collection img{border:1px solid #ffffff24;border-radius:9px}
.community-collection span{color:#c1c6ce;font-size:11px;line-height:1.5}
.community-scroll-guide{padding:37px 22px 350px;border-top:1px solid var(--cr)}
.community-scroll-label{padding:0 0 19px}
.community-scroll-label span,.community-guide-index{
  font:650 12px/1.5 system-ui,sans-serif;letter-spacing:.04em;
}
.community-scroll-label span{color:#b99414}
.community-scroll-label h2{margin:6px 0 3px;color:var(--ci);font-size:21px;letter-spacing:-.04em}
.community-scroll-label p{margin:0;color:var(--cm);font-size:12px;line-height:1.5}
.community-guide-card{
  position:sticky;top:calc(76px + var(--step));z-index:var(--layer);
  min-height:245px;margin:0 0 80px;border:1px solid #343a43;border-radius:16px;
  background:#1b2027;color:#f2f4f7;overflow:hidden;
}
.community-guide-card:nth-of-type(1){--step:0px;--layer:1}
.community-guide-card:nth-of-type(2){--step:13px;--layer:2}
.community-guide-card:nth-of-type(3){--step:26px;--layer:3}
.community-guide-card-inner{min-height:245px;padding:22px;transform-origin:top}
.community-guide-index{display:block;margin-bottom:16px;color:#f7c600}
.community-guide-card img{float:right;width:92px;height:92px;object-fit:cover;border:1px solid #ffffff22;border-radius:10px}
.community-guide-card h3{max-width:320px;margin:0 0 8px;color:#fff!important;font-size:26px;line-height:1.15;letter-spacing:-.035em}
.community-guide-card p{clear:both;margin:26px 0 0;color:#c2c8d0;font-size:14px;line-height:1.6}
:root[data-theme=dark] .community-dialog{--cp:#171b20;--ci:#f2f4f7;--cm:#a4acb6;--cr:#343a43;--ch:#20252b}
@media(max-width:1000px){
  .community-guide-card{top:calc(124px + var(--step))}
}
@media(max-width:940px){
  .community-rail{position:static;top:auto;max-height:none}
  .community-scroll-guide{padding:20px 18px 50px}
  .community-guide-card{position:relative;top:auto!important;min-height:0;margin:0 0 12px}
  .community-guide-card-inner{min-height:170px}
  .community-guide-card img{width:58px;height:58px}
}
@media(max-width:700px){
  :root[data-theme] .community-site-header{position:sticky;top:0;height:106px}
  .community-rail{display:block}
  .community-collection{display:grid;max-width:390px}
  .community-scroll-guide{padding:20px 16px 35px}
  .community-guide-card-inner{min-height:154px}
}
@media(prefers-reduced-motion:reduce){
  .community-site-header{transition:none;will-change:auto}
  .community-site-header.is-hidden{transform:none}
  .community-guide-card{position:relative;top:auto!important;margin-bottom:12px}
  .community-feed .community-post{animation:none!important}
}