.yyc-portal-page{--pg:clamp(14px,1.25vw,22px);display:grid;gap:var(--pg)}.yyc-breadcrumb-wrap{padding:4px 2px}.yyc-breadcrumb a{color:var(--yyc-color-text-muted)}.yyc-portal-diy:empty{display:none}.yyc-portal-diy:not(:empty){margin-bottom:var(--pg)}
.yyc-portal-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr);gap:12px;min-width:0}.yyc-hero-feature{position:relative;min-height:310px;border-radius:var(--yyc-radius-lg);overflow:hidden;background:#20243e;color:#fff}.yyc-hero-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yyc-hero-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0d1cd6,#0c0d1c38 72%)}.yyc-hero-copy{position:relative;z-index:2;display:flex;max-width:520px;height:100%;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,4vw,56px)}.yyc-hero-copy h1{margin:16px 0 8px;font-size:clamp(28px,3vw,46px);line-height:1.15;letter-spacing:.06em}.yyc-hero-copy p{margin:0 0 24px;color:#ffffffc7}.yyc-hero-badge{border:0;background:var(--yyc-color-accent);color:#fff}.yyc-hero-diy{position:absolute;z-index:3;inset:0;pointer-events:none}.yyc-hero-diy>*{pointer-events:auto}
.yyc-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yyc-channel-card{position:relative;display:flex;min-width:0;align-items:center;gap:14px;padding:20px;border-radius:var(--yyc-radius-lg);overflow:hidden;color:#fff;background:#343852;transition:transform var(--yyc-duration-fast),box-shadow var(--yyc-duration-fast)}.yyc-channel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff21,transparent 58%)}.yyc-channel-card:hover{color:#fff;transform:translateY(-2px);box-shadow:var(--yyc-shadow-md)}.yyc-channel-card.is-weekly{background:linear-gradient(135deg,#53344b,#252942)}.yyc-channel-card.is-guide{background:linear-gradient(135deg,#76504f,#2c2d42)}.yyc-channel-card.is-ai{background:linear-gradient(135deg,#514584,#272a47)}.yyc-channel-card.is-game{background:linear-gradient(135deg,#304d6d,#292d49)}.yyc-channel-card>b,.yyc-channel-card>span{position:relative;z-index:1}.yyc-channel-card>b{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:12px;background:#ffffff26}.yyc-channel-card strong,.yyc-channel-card small{display:block}.yyc-channel-card strong{font-size:17px}.yyc-channel-card small{margin-top:5px;color:#ffffffb3}
.yyc-portal-section{min-width:0;padding:clamp(14px,1.4vw,22px);border:var(--yyc-border);border-radius:var(--yyc-radius-lg);background:var(--yyc-color-surface)}.yyc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.yyc-section-heading>div:first-child{display:flex;align-items:center;gap:10px}.yyc-section-heading h2{margin:0;font-size:22px}.yyc-section-kicker{color:var(--yyc-color-accent);font-size:25px}.yyc-section-kicker.is-hot{color:#ee8f25}.yyc-section-kicker.is-collection{color:#20264d}.yyc-board-more{color:var(--yyc-color-accent)}
.yyc-rail-actions{display:flex!important;gap:6px}.yyc-rail-actions .yyc-icon-button{width:34px;height:34px;border:var(--yyc-border);background:var(--yyc-color-surface);font-size:24px}.yyc-resource-rail{display:flex;gap:12px;max-width:100%;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.yyc-resource-rail::-webkit-scrollbar{display:none;width:0;height:0}.yyc-resource-rail:focus-visible{outline:0;box-shadow:var(--yyc-control-ring);border-radius:var(--yyc-radius-md)}
.yyc-resource-card{padding:0;overflow:hidden}.yyc-resource-card--rail{flex:0 0 clamp(190px,15vw,238px);scroll-snap-align:start}.yyc-resource-card--rail .yyc-media{aspect-ratio:16/9!important}.yyc-resource-card--rail .yyc-resource-card__title{font-size:14px;-webkit-line-clamp:1}.yyc-resource-card--rail .yyc-resource-card__body{padding:10px 11px}.yyc-resource-card--rail .yyc-meta-row{font-size:11px}
.yyc-resource-card .yyc-media{border-radius:0}.yyc-resource-card .yyc-media__fallback{gap:8px;align-content:center}.yyc-card-channel{position:absolute;top:9px;left:9px;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;border-radius:var(--yyc-radius-sm);background:#16131cb8;color:#fff;font-size:11px;backdrop-filter:blur(5px)}.yyc-resource-card__body{gap:10px;padding:12px}.yyc-resource-card__title{font-size:14px;line-height:1.45}.yyc-resource-card__title a{color:var(--yyc-color-text)}.yyc-resource-card .yyc-meta-row{justify-content:space-between}
.yyc-community-board{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:var(--pg);margin:0}.yyc-community-board .yyc-card{padding:20px}.yyc-board-main{display:flex;flex-direction:column}.yyc-board-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.yyc-board-heading h2{margin:4px 0 0;font-size:20px}.yyc-eyebrow{color:var(--yyc-color-accent);font-size:10px;font-weight:700;letter-spacing:.18em}.yyc-hot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.yyc-hot-item{display:flex;min-width:0;align-items:center;gap:9px;padding:10px;border-radius:var(--yyc-radius-sm);background:var(--yyc-color-surface-subtle);color:var(--yyc-color-text)}.yyc-hot-item i{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--yyc-color-accent)}.yyc-hot-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yyc-hot-item small{margin-left:auto;white-space:nowrap;color:var(--yyc-color-text-muted)}.yyc-stats{display:flex;gap:28px;margin-top:auto;padding-top:18px}.yyc-stats>div{display:flex;align-items:baseline;gap:6px}.yyc-stats strong{font-size:20px}.yyc-stats span{color:var(--yyc-color-text-muted);font-size:11px}.yyc-board-side{display:flex;flex-direction:column;gap:16px}.yyc-panel-title{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700}.yyc-panel-title a{color:var(--yyc-color-text-muted)}.yyc-notice-line{display:flex;min-width:0;gap:8px;padding:8px 0;color:var(--yyc-color-text)}.yyc-notice-line i{color:var(--yyc-color-accent);font-style:normal}.yyc-notice-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yyc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}.yyc-actions a{padding:12px;border:var(--yyc-border);border-radius:var(--yyc-radius-md)}.yyc-actions strong,.yyc-actions small{display:block}.yyc-actions small{margin-top:4px;color:var(--yyc-color-text-muted)}
  .yyc-collection-ad-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}.yyc-collection-ad-card{position:relative;min-width:0;min-height:78px;border:var(--yyc-border);border-radius:var(--yyc-radius-md);overflow:hidden;background:linear-gradient(135deg,var(--yyc-color-surface-subtle),var(--yyc-color-surface))}.yyc-ad-slot--collection,.yyc-ad-slot--collection>a{display:block;width:100%;height:100%;min-height:78px}.yyc-ad-slot--collection img{display:block;width:100%!important;height:100%!important;min-height:78px;object-fit:cover!important;object-position:center center!important}.yyc-collection-ad-empty{display:block;min-height:78px;background:linear-gradient(135deg,rgba(111,91,255,.045),rgba(255,92,145,.035))}
.yyc-waterfall-section .yyc-segmented{border:0;background:transparent}.yyc-waterfall-section .yyc-tab{display:inline-flex;align-items:center;text-decoration:none}.yyc-waterfall-section .yyc-tab.is-active{background:var(--yyc-color-accent);color:#fff}.yyc-resource-waterfall{column-count:5;column-gap:14px}.yyc-resource-card--masonry{display:inline-grid;width:100%;height:auto;margin:0 0 14px;break-inside:avoid;page-break-inside:avoid}.yyc-resource-card--masonry .yyc-media{aspect-ratio:var(--yyc-media-ratio)}.yyc-waterfall-section>.pg{margin-top:18px}
  @media(max-width:1600px){.yyc-resource-waterfall{column-count:4}}@media(max-width:1180px){.yyc-portal-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.yyc-hero-feature{min-height:280px}.yyc-community-board{grid-template-columns:1fr}.yyc-resource-waterfall{column-count:3}.yyc-collection-ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.yyc-portal-hero{grid-template-columns:1fr}.yyc-channel-card{min-height:108px}.yyc-hot-item small{display:none}.yyc-resource-waterfall{column-count:2}.yyc-collection-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yyc-resource-card--rail{flex-basis:200px}}@media(max-width:520px){.yyc-portal-page{gap:12px}.yyc-hero-feature{min-height:270px}.yyc-hero-copy{padding:22px}.yyc-channel-grid{gap:8px}.yyc-channel-card{min-height:96px;padding:12px;gap:9px}.yyc-channel-card>b{width:36px;height:36px}.yyc-channel-card strong{font-size:14px}.yyc-channel-card small{font-size:10px}.yyc-portal-section{padding:12px}.yyc-section-heading h2{font-size:19px}.yyc-resource-card--rail{flex-basis:176px}.yyc-hot-list{grid-template-columns:1fr}.yyc-stats{gap:12px;justify-content:space-between}.yyc-stats>div{display:grid}.yyc-actions{grid-template-columns:1fr}.yyc-collection-ad-grid{grid-template-columns:1fr}.yyc-resource-waterfall{column-gap:9px}.yyc-resource-card--masonry{margin-bottom:9px}.yyc-resource-card--masonry .yyc-resource-card__body{padding:9px}.yyc-resource-card--masonry .yyc-meta-row span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.yyc-channel-card{transition:none}.yyc-resource-rail{scroll-behavior:auto}}
.yyc-rail-section{position:relative}.yyc-rail-actions{display:contents!important}.yyc-rail-actions .yyc-icon-button{position:absolute;z-index:4;top:52%;width:0;height:0;padding:0;border-style:solid;border-radius:0;background:transparent;opacity:0;overflow:visible;transition:opacity .16s}.yyc-rail-actions .yyc-icon-button:first-child{left:5px;border-width:11px 15px 11px 0;border-color:transparent #222a transparent transparent}.yyc-rail-actions .yyc-icon-button:last-child{right:5px;border-width:11px 0 11px 15px;border-color:transparent transparent transparent #222a}.yyc-rail-section:hover .yyc-rail-actions .yyc-icon-button,.yyc-rail-actions .yyc-icon-button:focus-visible{opacity:.72}.yyc-rail-actions .yyc-icon-button:hover{opacity:1;background:transparent}.yyc-stats{height:auto!important;min-height:0!important;margin-top:8px!important;padding-top:7px!important;line-height:1!important}.yyc-stats strong{font-size:15px!important;font-weight:500!important}.yyc-stats span{font-size:10px!important;font-weight:400}.yyc-resource-waterfall .pg{column-span:all;display:block;width:100%;margin:12px 0 0}
.yyc-rail-actions .yyc-icon-button{font-size:0!important;line-height:0;color:transparent}.yyc-resource-card--rail{height:auto!important;grid-template-rows:auto auto!important}.yyc-resource-card--rail .yyc-resource-card__body{display:grid!important;grid-template-rows:20px 16px!important;height:auto!important;min-height:0!important;box-sizing:border-box;padding:7px 10px 8px!important;gap:3px!important}.yyc-resource-card--rail .yyc-resource-card__title{display:block!important;width:100%;max-width:100%;height:20px!important;min-height:0!important;max-height:20px!important;block-size:20px!important;align-self:start;margin:0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:20px;-webkit-line-clamp:unset!important}.yyc-resource-card--rail .yyc-resource-card__title a{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yyc-resource-card--rail .yyc-meta-row{height:16px;min-height:0;line-height:16px;overflow:hidden}
.yyc-channel-card--ad{min-height:108px;padding:0}.yyc-channel-card--ad:after{display:none}.yyc-channel-card--ad .yyc-ad-slot{z-index:1}.yyc-channel-card--ad .yyc-ad-label{z-index:2}@media(max-width:520px){.yyc-channel-card--ad{min-height:96px;padding:0}}

/* FE-SHELL-01: community metrics and primary actions */
.yyc-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;height:auto!important;margin-top:auto!important;padding-top:18px!important;line-height:normal!important}
#nv_portal.pg_index .yyc-stats>div{position:relative;display:flex!important;min-width:0;min-height:70px!important;box-sizing:border-box;align-items:center!important;justify-content:center;gap:11px!important;padding:12px!important;border:1px solid rgba(78,104,168,.1)!important;border-radius:14px;background:linear-gradient(145deg,#f8faff,#eef4ff);overflow:hidden}
.yyc-stats>div:after{content:"";position:absolute;right:-16px;bottom:-24px;width:62px;height:62px;border-radius:50%;background:currentColor;opacity:.055}
.yyc-stats>div>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:11px;background:#fff;color:#446ee9;font-size:15px;box-shadow:0 5px 14px rgba(52,82,153,.12)}
.yyc-stats>div>span{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:3px}
.yyc-stats strong{font-size:20px!important;font-weight:750!important;line-height:1!important;color:#151d4b}
.yyc-stats small{color:#7180a3;font-size:11px;line-height:1.2;white-space:nowrap}
.yyc-stats .is-topics{background:linear-gradient(145deg,#fff9fb,#fff0f5);color:#e9588a}.yyc-stats .is-topics>i{color:#e9588a}
.yyc-stats .is-members{background:linear-gradient(145deg,#f7fbff,#edf8f7);color:#36a58b}.yyc-stats .is-members>i{color:#36a58b}
#nv_portal.pg_index .yyc-actions{width:100%;align-self:stretch;box-sizing:border-box;gap:10px}
.yyc-actions a{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:72px;box-sizing:border-box;padding:12px 13px;border:1px solid #e2e8f4;border-radius:14px;background:linear-gradient(135deg,#f5f8ff,#eef3ff);color:#1d285b;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.yyc-actions a:after{content:"";position:absolute;right:-24px;top:-30px;width:90px;height:90px;border-radius:50%;background:#5c7eea;opacity:.07}
.yyc-actions a>i{position:relative;z-index:1;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fff;color:#4169df;font-size:16px;box-shadow:0 6px 16px rgba(50,79,150,.14)}
.yyc-actions a>span,.yyc-actions a>b{position:relative;z-index:1}.yyc-actions a>b{color:#8795b5;font-size:16px;font-weight:600;transition:transform .18s ease,color .18s ease}
.yyc-actions .is-rank{background:linear-gradient(135deg,#fff9f3,#fff2e5);border-color:#f1e3d2}.yyc-actions .is-rank>i{color:#d58a29}
.yyc-actions a:hover,.yyc-actions a:focus-visible{transform:translateY(-2px);border-color:#bdcafa;box-shadow:0 10px 22px rgba(50,79,150,.12)}
.yyc-actions a:hover>b,.yyc-actions a:focus-visible>b{color:#315efb;transform:translateX(2px)}
.yyc-actions a:focus-visible{outline:2px solid #315efb;outline-offset:2px}
@media(max-width:520px){.yyc-stats{grid-template-columns:1fr!important}#nv_portal.pg_index .yyc-stats>div{justify-content:flex-start;min-height:58px!important}}
.yyc-community-board .yyc-hot-list{max-height:184px;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.yyc-community-board .yyc-hot-item{height:40px;box-sizing:border-box}.yyc-community-board .yyc-hot-list.is-stepping{opacity:.18;transform:translateY(-4px)}@media(max-width:520px){.yyc-community-board .yyc-hot-list{grid-template-columns:1fr;max-height:184px}}@media(prefers-reduced-motion:reduce){.yyc-community-board .yyc-hot-list{max-height:none;transform:none!important;transition:none!important}}
.yyc-notice-list{max-height:180px;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.yyc-notice-list .yyc-notice-line{height:36px;box-sizing:border-box}.yyc-notice-list.is-stepping{opacity:.18;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.yyc-notice-list{max-height:none;transform:none!important;transition:none!important}}
.yyc-resource-waterfall{column-count:auto!important;column-width:clamp(190px,13vw,250px)}

/* FE-PORTAL-HOME-CONTENT-29: compact the five existing hero ad surfaces and expand community facts. */
#nv_portal.pg_index .yyc-portal-hero{align-items:stretch}
#nv_portal.pg_index .yyc-hero-feature{min-height:190px}
#nv_portal.pg_index .yyc-channel-grid{grid-template-rows:repeat(2,minmax(0,1fr));max-height:190px}
#nv_portal.pg_index .yyc-channel-card{min-height:0;padding:12px 15px}
#nv_portal.pg_index .yyc-channel-card--ad{min-height:0;padding:0}
#nv_portal.pg_index .yyc-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
#nv_portal.pg_index .yyc-stats .is-publishers{background:linear-gradient(145deg,#f7f4ff,#eee9ff);color:#7959cc}
#nv_portal.pg_index .yyc-stats .is-publishers>i{color:#7959cc}
#nv_portal.pg_index .yyc-stats .is-authors{background:linear-gradient(145deg,#fffaf0,#fff2d8);color:#cf8b1f}
#nv_portal.pg_index .yyc-stats .is-authors>i{color:#cf8b1f}
#nv_portal.pg_index .yyc-notice-list{max-height:216px}
@media(max-width:1180px){#nv_portal.pg_index .yyc-hero-feature{min-height:180px}#nv_portal.pg_index .yyc-channel-grid{max-height:180px}#nv_portal.pg_index .yyc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){#nv_portal.pg_index .yyc-channel-grid{max-height:none}#nv_portal.pg_index .yyc-channel-card{min-height:82px}}
@media(max-width:520px){#nv_portal.pg_index .yyc-hero-feature{min-height:168px}#nv_portal.pg_index .yyc-channel-card{min-height:76px}#nv_portal.pg_index .yyc-stats{grid-template-columns:1fr}}