/* Product navigation, independent banners, and directory pages. */
.f-header{height:auto;min-height:68px;padding:0 24px;display:block;background:var(--f-bg)}
.f-header-inner{max-width:1280px;min-height:68px;margin:auto;display:flex;align-items:center;gap:34px}
.f-header .f-brand{min-width:112px}.f-header .f-brand svg.yg-brand{width:112px}
.f-global-nav{display:flex;align-items:center;gap:28px;margin-right:auto}
.f-global-nav a{font-size:13px;color:var(--f-muted);white-space:nowrap}
.f-global-nav a.active{color:var(--f-ink);font-weight:650;border-bottom:2px solid var(--f-accent)}
.f-search-wrap{position:relative;flex:0 1 300px;min-width:0}
.f-search-wrap .f-search{max-width:none;width:100%;height:36px;border:0;border-bottom:1px solid var(--f-line);border-radius:0;background:transparent;padding:0 4px}
.f-search-suggest{position:absolute;z-index:100;top:calc(100% + 9px);left:0;right:0;max-height:410px;overflow:auto;padding:12px;background:var(--f-paper);border:1px solid var(--f-line);border-radius:10px;box-shadow:0 20px 60px #20242d24}
.f-search-suggest[hidden]{display:none}
.f-suggest-group+.f-suggest-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--f-line)}
.f-suggest-title{display:flex;justify-content:space-between;margin:2px 7px 7px;color:var(--f-muted);font-size:12px}
.f-suggest-title button{color:var(--f-accent)}
.f-suggest-group>button{display:flex;align-items:center;gap:10px;width:100%;padding:7px;text-align:left;border-radius:5px;font-size:13px}
.f-suggest-group>button:hover{background:var(--f-soft)}
.f-suggest-group>button span{color:var(--f-accent);font-weight:700}
.f-announcement{display:flex;justify-content:center;gap:12px;padding:7px 20px;background:var(--f-tint);color:var(--f-accent);font-size:12px}
.f-announcement a{text-decoration:underline}
.f-announcement-viewport{flex:1;min-width:0;overflow:hidden}
.f-announcement{overflow:hidden}.f-announcement-track{display:flex;gap:45px;width:max-content;white-space:nowrap;animation:f-announcement-scroll var(--marquee-duration,25s) linear infinite}.f-announcement:hover .f-announcement-track{animation-play-state:paused}@keyframes f-announcement-scroll{from{transform:translateX(var(--marquee-start,100vw))}to{transform:translateX(-100%)}}
.f-age-gate-error{color:var(--f-accent)}.f-popup-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.f-age-gate{max-width:min(92vw,470px);padding:0;border:0;border-radius:12px;box-shadow:0 30px 100px #0005}.f-age-gate::backdrop{background:#161923aa}.f-age-gate-content{display:flex;flex-direction:column;gap:16px;padding:30px}.f-age-gate-content h2{font-size:24px}.f-age-gate-content p,.f-popup-body{white-space:pre-wrap;color:var(--f-muted);line-height:1.8}
.gq-modal.f-announcement-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);border:0;border-radius:16px;box-shadow:0 24px 72px #0003;outline:none}
.f-announcement-dialog .gq-modal-header{padding:24px 24px 0;border:0}
.f-announcement-dialog .gq-modal-header h2{font-size:16px;line-height:24px;font-weight:650}
.f-announcement-dialog .gq-modal-close{width:22px;height:22px;background:transparent;border-radius:50%;color:#90949a}
.f-announcement-dialog .gq-modal-close svg{width:14px;height:14px}
.f-announcement-dialog .gq-modal-content{padding:12px 24px 20px}
.f-announcement-dialog .f-popup-body{max-height:min(50dvh,320px);overflow:auto;font-size:13px;line-height:1.65}
.f-announcement-dialog .f-popup-body>:first-child{margin-top:0}
.f-announcement-dialog .f-popup-body>:last-child{margin-bottom:0}
.f-announcement-dialog .f-popup-actions{justify-content:center;gap:12px;margin-top:18px}
.f-announcement-dialog .f-popup-actions .f-btn{min-height:38px;padding:8px 19px;border-radius:22px;font-size:13px}
.f-announcement-dialog .f-popup-actions:not(:has(a)) [data-popup-confirm]{background:#ba3548;border-color:#ba3548;color:#fff}
.f-announcement-dialog .f-popup-actions:not(:has(a)) [data-popup-confirm]:hover{background:#a72c3f;border-color:#a72c3f;color:#fff}
.f-shell{max-width:1328px;display:block;padding:32px 24px 72px}
.f-sidebar,.f-rail{display:none!important}
.f-main{max-width:1280px;margin:auto}
.f-discovery-bar{gap:25px;overflow:auto;scrollbar-width:none;border-bottom:0}
.f-discovery-bar .f-filters{flex:0 1 auto;min-width:0;overflow:auto}
.f-discovery-breadcrumb{display:flex;align-items:flex-start;gap:9px;min-height:35px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--f-line);color:var(--f-muted);font-size:12px;line-height:20px}
.f-discovery-breadcrumb strong{font-weight:600;color:var(--f-ink)}
#home-upper[data-discovery-route="home"] .f-discovery-breadcrumb{display:none}
#home-upper:not([data-discovery-route="home"]) .f-announcement{display:none}
.f-discovery-heading{margin:26px 0 22px;padding-top:19px;border-top:0}
.f-discovery-heading h1{font-size:32px;line-height:1.3;font-weight:600}
.f-discovery-heading+.f-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px}
@media(min-width:901px){body[data-page=following] .f-header-inner{max-width:1302px;min-height:78px}body[data-page=following] .f-shell{max-width:1350px;padding-top:48px}body[data-page=following] .f-main{margin-left:0}}
#home-results .f-card-title-row{display:flex;align-items:center;gap:9px;min-width:0;margin:13px 0 11px}
#home-results .f-card-title-row h3{min-width:0;margin:0}
#home-results .f-card-title-row .f-status{flex:none}
#home-results .f-card-meta{min-height:31px}
#home-results .f-card-author .f-avatar{display:inline-grid;width:31px;height:31px;font-size:12px}
.f-following-page .f-breadcrumb{margin:0 0 23px;padding:0 0 15px;border-bottom:1px solid var(--f-line)}
.f-following-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}
.f-following-head h1{font-size:32px;line-height:1.25;font-weight:650}
.f-following-head>span{padding-bottom:3px;color:var(--f-muted);font-size:12px;white-space:nowrap}
.f-following-authors{display:flex;align-items:start;gap:10px;min-height:109px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}
.f-following-authors::-webkit-scrollbar{display:none}
.f-following-author{display:flex;flex:0 0 110px;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--f-ink);font-size:12px;white-space:nowrap}
.f-following-author .f-avatar{display:inline-grid;flex-shrink:0;width:58px;height:58px;border-radius:50%;overflow:hidden;font-size:23px}
.f-following-author .f-avatar-fallback{background:var(--following-avatar-color,#4bb47b);color:#fff;text-transform:uppercase}
.f-following-name{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-width:0;line-height:1.5}.f-following-name>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.f-following-verified{display:inline-grid;place-items:center;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:var(--f-accent);color:#fff}.f-following-verified svg{width:10px;height:10px;stroke-width:3}
.f-following-filterbar .f-chip-more{display:none}
.f-following-more-icon{display:grid;place-items:center;width:58px;height:58px;border:1px dashed var(--f-line);border-radius:50%;color:var(--f-muted);font-size:24px;font-weight:300}
.f-following-filterbar{display:flex;align-items:center;gap:27px;min-width:0;margin:0 0 24px;padding:0 0 13px;border-bottom:1px solid var(--f-line)}
.f-following-filterbar .f-tabs{flex:none;gap:27px;margin:0;padding-right:25px;border:0;border-right:1px solid var(--f-line)}
.f-following-filterbar .f-tab{display:inline-flex;align-items:center;min-height:37px;padding:0 1px;font-size:12px}
.f-following-filterbar .f-filters{flex:0 1 auto;min-width:0;flex-wrap:nowrap;gap:7px;overflow-x:auto;margin:0;scrollbar-width:none}
.f-following-filterbar .f-filters::-webkit-scrollbar{display:none}
.f-following-filterbar .f-chip{min-height:34px;padding:7px 12px;border:0;border-radius:4px;background:transparent;font-size:12px}
.f-following-filterbar .f-chip.active{background:var(--f-soft);color:var(--f-ink)}
.f-following-filterbar .f-more-categories{flex:none;padding:7px 0}
.f-following-results .f-feed-heading{margin:0 0 18px;border-top:0}
.f-following-results .f-feed-heading h2{font-size:20px}
.f-following-results .f-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
.f-following-results .f-cover{aspect-ratio:2/1;border-radius:3px}
.f-following-results .f-card-title-row{display:flex;align-items:center;gap:9px;min-width:0;margin:13px 0 10px}
.f-following-results .f-card-title-row h3{min-width:0;margin:0}
.f-following-results .f-card-meta{min-height:31px}
.f-following-results .f-card-author .f-avatar{display:inline-grid;width:31px;height:31px;font-size:12px}
@media(max-width:900px){.f-following-filterbar{flex-wrap:wrap;gap:8px 20px}.f-following-filterbar .f-filters{order:3;flex-basis:100%}.f-following-filterbar .f-more-categories{margin-left:auto}.f-following-results .f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.f-following-head{align-items:start;flex-direction:column;gap:7px}.f-following-head h1{font-size:26px}.f-following-authors{gap:13px}.f-following-filterbar .f-tabs{width:100%;justify-content:space-between;padding-right:0;border-right:0}.f-following-filterbar .f-more-categories{display:none}.f-following-results .f-grid{grid-template-columns:1fr}}
@media(max-width:900px){.f-discovery-heading+.f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.f-discovery-heading h1{font-size:26px}.f-discovery-heading+.f-grid{grid-template-columns:1fr}.f-discovery-breadcrumb{margin-bottom:14px}}
.f-more-categories{white-space:nowrap;color:var(--f-accent);font-size:12px}
.f-operator-banner{position:relative;min-height:320px;display:flex;align-items:center;overflow:hidden;background:#e8e3d9;border-radius:9px}
.f-operator-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.f-banner-hit{position:absolute;z-index:1;inset:0}
.f-operator-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e8e3d9 0%,#e8e3d9e8 35%,transparent 75%);pointer-events:none}
.f-operator-banner-copy{position:relative;z-index:2;max-width:min(55%,600px);padding:35px 40px;pointer-events:none}.f-operator-banner-copy a{pointer-events:auto}
.f-operator-banner-kicker{color:#ae4c59;font-size:12px;letter-spacing:.1em}
.f-operator-banner-copy h2{margin:14px 0 12px;font:400 clamp(27px,3vw,34px)/1.25 Georgia,"Songti SC","Noto Serif CJK SC",serif}
.f-operator-banner-copy p{color:#77746e;font-size:12px}
.f-operator-banner-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:600}
.f-banner-section .yg-hero-carousel{margin-bottom:30px}
.f-banner-section .yg-hero-viewport{border-radius:9px}
.f-banner-section .yg-hero-count,.f-banner-section .yg-hero-arrow{display:none}
.f-banner-section .yg-hero-dots{position:absolute;z-index:3;left:40px;bottom:28px;gap:9px;padding:0}
.f-banner-section .yg-hero-dots button{width:16px;height:3px;border-radius:2px;background:#b7b1a8;opacity:1}
.f-banner-section .yg-hero-dots button.active{background:#e4515c}
body[data-page=home] .f-announcement{justify-content:flex-start;align-items:center;gap:12px;min-height:48px;margin:0 0 18px;padding:0 15px;border:1px solid var(--f-line);border-radius:11px;background:transparent;color:var(--f-ink)}
body[data-page=home] .f-announcement:before{content:"公告";flex:none;padding:4px 11px;border-radius:14px;background:#ae4155;color:#fff;font-size:12px}
body[data-page=home] .f-announcement a{text-decoration:none;color:var(--f-muted)}
.f-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.f-directory-card{min-height:180px;padding:24px;background:var(--f-paper);border:1px solid var(--f-line);border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}
.f-directory-card>span:first-child{color:var(--f-accent)}
.f-directory-card h2{margin:13px 0 5px;font-size:20px}.f-directory-card p{color:var(--f-muted);font-size:13px}.f-directory-card small{margin-top:auto;padding-top:18px;color:var(--f-accent)}
.f-author-directory .f-avatar{margin-bottom:5px}
.f-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 26px;color:var(--f-muted);font-size:12px}.f-breadcrumb a{color:var(--f-accent)}
.f-taxonomy-sort{margin:20px 0}.f-taxonomy-filters{margin-bottom:25px;flex-wrap:wrap}
body[data-page=tag] .f-pagehead{display:block;margin-bottom:32px}
body[data-page=tag] .f-pagehead>div{display:block}
body[data-page=tag] .f-pagehead h1{overflow-wrap:anywhere}
body[data-page=tag] .f-pagehead .f-subtitle{margin:16px 0 0;line-height:1.8;white-space:pre-line}
body[data-page=categories] .f-main{display:grid;grid-template-columns:234px minmax(0,1fr);align-content:start;align-items:start}
body[data-page=categories] .f-breadcrumb{grid-column:1/-1;margin-bottom:25px;padding-bottom:9px;border-bottom:1px solid var(--f-line);color:var(--f-ink)}
body[data-page=categories] .f-breadcrumb a{color:var(--f-muted)}
body[data-page=categories] .f-pagehead{grid-column:1/-1;display:block;margin-bottom:21px}
body[data-page=categories] .f-taxonomy-sort{grid-column:1;margin:0;border:0;gap:28px;overflow:visible}
body[data-page=categories] .f-taxonomy-sort .f-tab{min-height:37px;padding:7px 0 13px}
body[data-page=categories] .f-taxonomy-sort .f-tab.active:after{height:2px}
body[data-page=categories] .f-taxonomy-filters{grid-column:2;min-width:0;min-height:37px;margin:0;padding-left:32px;border-left:1px solid var(--f-line);gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
body[data-page=categories] .f-taxonomy-filters::-webkit-scrollbar{display:none}
body[data-page=categories] .f-taxonomy-filters .f-chip{min-height:36px;padding:8px 13px;border:0;border-radius:3px;background:transparent;color:var(--f-muted)}
body[data-page=categories] .f-taxonomy-filters .f-chip.active{background:var(--f-soft);color:var(--f-ink)}
body[data-page=categories] #taxonomy-results{grid-column:1/-1}
#taxonomy-results>.f-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#taxonomy-results>.f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#taxonomy-results>.f-grid{grid-template-columns:1fr}}
@media(max-width:760px){body[data-page=categories] .f-main{display:block}body[data-page=categories] .f-breadcrumb{margin-bottom:25px}body[data-page=categories] .f-pagehead{margin-bottom:22px}body[data-page=categories] .f-taxonomy-sort{margin-bottom:12px;overflow-x:auto}body[data-page=categories] .f-taxonomy-filters{padding:0;border:0;margin-bottom:18px}}
.f-author-directory{min-height:215px}.f-author-directory h2{margin-top:6px}.f-author-directory h2 a{color:var(--f-ink)}.f-author-directory p{margin:0}.f-author-directory small{padding-top:8px;color:var(--f-muted)}
.f-author-directory-actions{display:flex;gap:8px;margin-top:16px}.f-author-directory-actions .f-btn{min-height:34px}
.f-author-verified{display:inline-flex;align-items:center;margin-left:9px;padding:3px 7px;border-radius:4px;background:#eef7f1;color:#27704f;font:600 11px/1.3 system-ui,sans-serif;vertical-align:middle;white-space:nowrap}
.f-static-breadcrumb{margin:0 0 25px;padding:0 0 15px;border-bottom:1px solid var(--f-line);color:var(--f-ink)}
.f-static-breadcrumb a{color:var(--f-muted)}
.f-static-page{padding:0 0 60px}
.f-static-page .f-pagehead{margin:0;padding:0 0 24px;border-bottom:1px solid var(--f-line)}
.f-static-page .f-body{margin:10px 0}
.f-rich-media{margin:28px 0}.f-rich-media img,.f-rich-media video{display:block;width:100%;max-height:75vh;object-fit:contain;border-radius:8px}.f-rich-media .x-image-open{display:block;width:100%}.f-rich-media figcaption{margin-top:8px;color:var(--f-muted);font-size:12px;text-align:center}
.x-media-frame{position:relative}
.x-media-line[hidden]{display:none!important}
.x-video-tools{position:absolute;inset:auto 0 0;z-index:2;display:grid;grid-template-rows:23px 48px;height:71px;background:#080909;color:#fff;font:13px/1.4 system-ui,sans-serif}
.x-video-progress{appearance:none;width:100%;height:23px;margin:0;background:transparent;cursor:pointer}
.x-video-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#eb4054 var(--video-progress,0%),#d3d3d3 var(--video-progress,0%))}
.x-video-progress::-moz-range-track{height:3px;background:#d3d3d3}
.x-video-progress::-moz-range-progress{height:3px;background:#eb4054}
.x-video-progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5.5px;border:0;border-radius:50%;background:#ed4056}
.x-video-progress::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#ed4056}
.x-video-control-row{display:flex;align-items:center;gap:14px;min-width:0;padding:2px 16px 14px}
.x-video-control-row [data-video-time]{white-space:nowrap;font-variant-numeric:tabular-nums}
.x-video-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.x-video-tools button{border:0;background:transparent;color:inherit;cursor:pointer}
.x-video-tools button:disabled{opacity:.4;cursor:not-allowed}
.x-video-tools button:not(:disabled):hover{color:#f05263}
.x-video-tools [data-video-pip][aria-pressed="true"]{color:#ed4056}
.x-video-icon-button,.x-video-text-button{display:grid;place-items:center;width:32px;height:32px;min-width:32px;padding:0;white-space:nowrap}
.x-video-icon{display:block;width:19px;height:19px}
.x-video-text-button{font:12px/1.2 system-ui,sans-serif}
.x-video-menu{position:relative;display:inline-flex;align-items:center}
.x-video-pop{position:absolute;bottom:calc(100% + 10px);left:50%;z-index:3;display:flex;flex-direction:column;align-items:stretch;min-width:106px;padding:8px;background:#242525;border-radius:12px;box-shadow:0 6px 18px #0007;transform:translateX(-50%);white-space:nowrap}
.x-video-pop[hidden]{display:none}
.x-video-pop button{min-height:36px;padding:6px 10px;border-radius:6px;font:13px/1.3 system-ui,sans-serif;text-align:center}
.x-video-pop button.active{color:#ed4056}
.x-video-volume-pop{align-items:center;min-width:70px;gap:4px}
.x-video-volume-pop output{font-size:12px}
.x-video-volume-pop input{width:20px;height:100px;margin:6px 0;accent-color:#ed4056;writing-mode:vertical-lr;direction:rtl;cursor:pointer}
.x-video-tools :focus-visible{outline:2px solid #fff;outline-offset:2px}
.x-media-frame.has-video-controls .x-native-video{height:calc(100% - 71px);align-self:flex-start}
.f-body blockquote{margin:22px 0;padding:8px 18px;border-left:3px solid var(--f-accent);color:var(--f-muted)}
.f-body ul{margin:16px 0;padding-left:1.5em}
.f-detail-article.x-detail .x-detail-stage{height:auto;min-height:0;min-width:0;background:transparent;border-radius:9px}
.f-detail-article.x-detail .x-detail-stage .x-media-figure{height:auto;max-height:none;width:100%;margin:0}
.f-detail-article .x-detail-stage img,.f-detail-article .x-detail-stage video{width:100%;height:auto;object-fit:contain}
.x-video-play-overlay{position:absolute;z-index:2;top:calc((100% - 71px)/2);left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer}.x-video-play-overlay .x-video-icon{width:25px;height:25px;margin-left:3px}.x-video-play-overlay[hidden]{display:none}.x-video-play-overlay:hover{background:#000c}.x-video-play-overlay:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:500px){.x-video-control-row{gap:6px;padding-right:8px;padding-left:8px;font-size:11px}.x-video-actions{gap:4px}.x-video-icon-button,.x-video-text-button{width:28px;min-width:28px}.x-video-icon{width:17px;height:17px}}
/* Media keeps its own ratio; controls add height instead of shrinking the picture. */
.x-detail .x-media-figure .x-media-frame.has-video-controls{display:block;width:100%!important;aspect-ratio:auto}
.f-detail-article.x-detail .x-media-frame.has-video-controls .x-native-video{height:auto;max-height:none;aspect-ratio:var(--media-ratio)}
.f-detail-article.x-detail .x-media-figure.is-portrait .x-media-frame.has-video-controls .x-native-video{width:min(100%,calc((72svh - 71px) * var(--media-fraction)));margin-inline:auto}
.x-media-frame.has-video-controls .x-video-tools{position:relative;inset:auto}
@media(max-width:760px){
  .f-detail-article.x-detail .x-media-figure.is-portrait .x-media-frame.has-video-controls .x-native-video{width:min(100%,calc(56svh * var(--media-fraction)));margin-inline:auto}
}
.x-detail .x-media-figure .x-media-frame.has-video-controls:fullscreen{display:flex;flex-direction:column;width:100%!important;height:100%!important;aspect-ratio:auto}
.f-detail-article.x-detail .x-media-frame.has-video-controls:fullscreen .x-native-video{flex:1;min-height:0;width:100%!important;height:calc(100% - 71px);aspect-ratio:auto}
.x-media-frame.has-video-controls:fullscreen .x-video-tools{position:relative;inset:auto;flex-shrink:0;width:100%}
.f-unavailable{min-height:120px;border:1px solid var(--f-line);background:var(--f-paper);padding:20px}.f-unavailable p{color:var(--f-muted)}
.f-site-footer{max-width:none;min-height:222px;margin:0;padding:58px max(24px,calc((100vw - 1028px)/2)) 30px;border-top:1px solid var(--f-line);background:var(--f-bg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:60px;font-size:12px;color:var(--f-muted)}
.f-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
.f-footer-brand>a{min-height:30px;margin-bottom:17px}
.f-footer-brand svg.yg-brand{width:94px;max-height:28px}
.f-footer-brand small{font-size:12px;line-height:1.6;letter-spacing:.02em;margin-bottom:15px}
.f-footer-entry{line-height:1.8;margin-bottom:4px;overflow-wrap:anywhere}
.f-footer-entry a{margin-left:6px;color:var(--f-accent)}
.f-footer-groups{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0}
.f-footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:15px;min-width:0}
.f-footer-group strong{margin-bottom:2px;font-size:14px;font-weight:600;color:var(--f-ink)}
.f-footer-group a,.f-footer-groups>a{font-size:12px;line-height:1.6;color:var(--f-muted);white-space:nowrap}
.f-footer-group a:hover,.f-footer-groups>a:hover{color:var(--f-accent)}
.f-footer-section{display:flex;flex-direction:column;gap:5px;min-width:140px}.f-footer-section h3{font-size:12px}.f-footer-section a{font-size:12px;color:var(--f-muted)}
@media(max-width:760px){.f-site-footer{min-height:0;margin:0;padding:36px 22px 100px;grid-template-columns:1fr;gap:34px}.f-footer-groups{justify-content:flex-start;gap:42px;flex-wrap:wrap}.f-footer-group{min-width:90px}}
@media(max-width:480px){.f-site-footer{padding-right:18px;padding-left:18px}.f-footer-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.f-footer-group{min-width:0}.f-footer-group a{white-space:normal}}
@media(max-width:900px){.f-header-inner{gap:15px}.f-global-nav{gap:14px}.f-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.f-mobile-nav{justify-content:flex-start;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.f-mobile-nav::-webkit-scrollbar{display:none}.f-mobile-nav a{flex:0 0 auto;min-width:64px}}
@media(max-width:700px){.f-header{padding:0 16px}.f-header-inner{min-height:60px}.f-global-nav{display:none}.f-search-wrap{flex:1}.f-shell{padding:18px 15px 84px}.f-operator-banner{min-height:240px}.f-operator-banner-copy{max-width:75%;padding:24px}.f-operator-banner-copy h2{font-size:26px}.f-banner-section .yg-hero-dots{left:24px;bottom:16px}.f-operator-banner:after{background:linear-gradient(90deg,#e8e3d9 0%,#e8e3d9df 48%,transparent 100%)}.f-discovery-bar{gap:12px}.f-discovery-bar .f-filters{padding-left:12px}.f-directory-grid{grid-template-columns:1fr}.f-detail-article .x-detail-stage{height:260px}}
@media(prefers-reduced-motion:reduce){.f-announcement-track,body[data-page=home] .f-announcement-track{animation:none}}

/* Detail and standalone pages share the same breadcrumb on desktop and H5. */
.f-detail-crumb{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;min-height:44px;margin:0 0 26px;padding:0 0 15px;border-bottom:1px solid var(--f-line);color:var(--f-muted);font-size:12px;line-height:20px;white-space:nowrap}
.f-detail-crumb>a,.f-detail-crumb>span{flex-shrink:0;color:var(--f-muted)}
.f-detail-crumb>a:not(:first-child),.f-detail-crumb>span:not([aria-hidden]){min-width:0;max-width:40%;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}
.f-detail-crumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--f-ink);font-weight:500}
@media(max-width:600px){
  .f-header,.f-header-inner{min-height:76px}
  body[data-page=content] .f-shell{padding-top:25px}
  .f-detail-crumb{gap:8px;margin-bottom:18px;padding-bottom:13px;font-size:10px}
  body[data-page=content] .f-detail-article .x-detail-stage{height:auto;border-radius:12px}
  body[data-page=content] .x-detail-intro .f-article-head{margin-top:23px}
  body[data-page=content] .x-detail-intro .f-article-head h1{margin:14px 0 13px;font:400 27px/1.5 Georgia,"Songti SC",serif}
  body[data-page=content] .x-detail-intro .f-article-head>.f-meta:last-child{font-size:10px}
  body[data-page=content] .x-detail-intro .f-author-line{margin:27px 0 0;padding:0 0 16px;border-bottom:1px solid var(--f-line)}
  body[data-page=content] .x-detail-intro .f-actions{margin:0 0 21px;padding:10px 0;border-bottom:1px solid var(--f-line)}
  body[data-page=content] .x-message-author{display:grid;place-items:center;flex:none;width:40px;height:42px;margin-left:0;color:var(--f-muted)}
  body[data-page=content] .x-message-author span{display:none}
  body[data-page=content] .x-message-author svg{width:18px;height:18px}
  body[data-page=events] .f-shell{padding-top:26px}
  body[data-page=hot] .f-shell{padding-top:34px}
  body[data-page=events] .f-list-breadcrumb,body[data-page=hot] .f-list-breadcrumb{margin:0 0 22px;min-height:44px}
  body[data-page=events] .f-pagehead{margin-bottom:0;padding-bottom:17px;border-bottom:1px solid var(--f-line)}
  body[data-page=events] .f-pagehead h1,body[data-page=hot] .f-pagehead h1{font-size:26px;line-height:1.4}
  body[data-page=events] .f-event-card{display:block;margin:0;padding:4px 0 30px;border:0;border-bottom:1px solid var(--f-line);border-radius:0;background:transparent}
  body[data-page=events] .f-event-card .f-event-visual{display:block;width:100%;aspect-ratio:2/1;min-height:0;margin:0 0 22px;border-radius:9px;overflow:hidden}
  body[data-page=events] .f-event-card .f-event-visual img{width:100%;height:100%;object-fit:cover}
  body[data-page=events] .f-event-copy>.f-meta:first-child{margin-bottom:15px}
  body[data-page=events] .f-event-card h2{margin:0 0 15px;font:400 31px/1.4 Georgia,"Songti SC",serif}
  body[data-page=events] .f-event-card p{margin:0 0 18px;font-size:13px;line-height:1.9}
  body[data-page=events] .f-event-foot{flex-wrap:wrap;gap:4px 14px;font-size:12px}
  body[data-page=hot] .f-pagehead{margin-bottom:14px}
  body[data-page=hot] .f-pagehead+.f-tabs{margin:0;border-bottom:1px solid var(--f-line)}
  body[data-page=hot] .f-pagehead+.f-tabs .f-tab{min-height:45px;padding:0 0 14px;font-size:12px}
  body[data-page=hot] .f-list .f-card{display:block;min-height:137px;padding:26px 0 21px}
  body[data-page=hot] .f-list .f-card>.f-cover{display:none}
  body[data-page=hot] .f-list .f-card-copy{grid-template-columns:29px minmax(0,1fr);gap:0 8px}
  body[data-page=hot] .f-card-copy>.f-card-rank{font:italic 600 20px/1.35 Georgia,serif;color:var(--f-accent)}
  body[data-page=hot] .f-list .f-card-title-row{margin:0 0 20px;gap:8px}
  body[data-page=hot] .f-list .f-card-title-row h3{font:400 16px/1.55 Georgia,"Songti SC",serif}
  body[data-page=hot] .f-list .f-card-meta{min-height:31px}
  body[data-page=following] .f-shell{padding-top:34px}
  .f-following-page .f-breadcrumb{min-height:45px;margin-bottom:18px}
  .f-following-head{align-items:center;flex-direction:row;gap:8px;margin-bottom:23px}
  .f-following-head h1{font-size:26px;white-space:nowrap}
  .f-following-head>span{padding:0;font-size:12px}
  .f-following-authors{gap:17px;min-height:104px;margin-bottom:10px}
  .f-following-author{flex-basis:82px}
  .f-following-filterbar{display:block;margin-bottom:27px;padding-bottom:0;border:0}
  .f-following-filterbar .f-tabs{justify-content:flex-start;gap:25px;margin:0;border-bottom:1px solid var(--f-line)}
  .f-following-filterbar .f-tab{min-height:43px;padding:0 0 12px}
  .f-following-filterbar .f-filters{width:100%;margin:6px 0 0;gap:4px;flex-basis:auto}
  .f-following-filterbar .f-chip{flex:none;min-height:32px;padding:6px 12px;font-size:10px}
  .f-following-filterbar .f-chip-more{display:none}
  .f-following-results .f-feed-heading{margin:0 0 17px;padding:0}
  .f-following-results .f-feed-heading h2{font-size:19px}
}

/* Discovery cards and filters match the three-column editorial feed. */
.f-discovery-bar .f-filters{align-items:center}
.f-discovery-bar .f-chip{display:inline-flex;align-items:center}
.f-discovery-bar .f-chip-more{flex:none;min-height:35px;padding:5px 13px;background:transparent;color:var(--f-accent)}
@media(min-width:901px){body[data-page=home] .f-discovery-heading+.f-grid.f-grid-editorial{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px}body[data-page=home] .f-grid-editorial>.f-card,body[data-page=home] .f-grid-editorial>.f-card:nth-child(-n+2){grid-column:auto}body[data-page=home] .f-grid-editorial>.f-card:nth-child(-n+2) .f-cover{aspect-ratio:2/1}body[data-page=home] .f-grid-editorial>.f-card:nth-child(-n+2) h3{font-family:inherit;font-size:16px;line-height:1.7;font-weight:550}}

/* Ranking and archive share the same reading width and breadcrumb rhythm. */
@media(min-width:761px){body[data-page=hot] .f-shell,body[data-page=events] .f-shell{display:block;max-width:1344px;padding:36px 32px 64px}}
.f-list-breadcrumb{display:flex;align-items:center;gap:9px;min-height:35px;margin:14px 0 18px;padding-bottom:14px;border-bottom:1px solid var(--f-line);font-size:12px;line-height:20px;color:var(--f-muted)}
.f-list-breadcrumb strong{font-weight:500;color:var(--f-ink)}
@media(min-width:761px){body[data-page=hot] .f-list .f-card-copy{grid-template-columns:53px minmax(0,1fr);column-gap:14px}}
body[data-page=hot] .f-list .f-card-title-row{display:flex;align-items:center;gap:9px;min-width:0;margin:13px 0 11px}
body[data-page=hot] .f-list .f-card-title-row .f-status{flex:none}
body[data-page=hot] .f-list .f-snippet{-webkit-line-clamp:1}
body[data-page=hot] .f-list .f-card-meta{min-height:31px}
body[data-page=hot] .f-list .f-card-author .f-avatar{display:inline-grid;width:31px;height:31px;font-size:12px}
body[data-page=events] .f-pagehead{margin:0 0 28px}
body[data-page=events] .f-pagehead h1{font-weight:600}
body[data-page=events] .f-event-copy>.f-meta:first-child{margin-bottom:14px}
body[data-page=events] .f-event-copy .f-event-number{font-size:13px;line-height:21px;letter-spacing:1px}
body[data-page=events] .f-event-card h2{line-height:1.35;margin:0 0 14px;font-weight:500}
body[data-page=events] .f-event-card p{margin-bottom:18px}
body[data-page=events] .f-event-foot{display:flex;align-items:center;gap:16px;color:#8b8e93;font-size:13px;line-height:1.65}
body[data-page=events] .f-event-foot a{color:var(--f-ink);font-size:13px}

/* Search suggestions keep existing history and trend actions. */
.f-search-suggest{top:calc(100% + 10px);left:-50px;right:auto;width:min(680px,calc(100vw - 32px));max-height:min(80vh,520px);padding:14px 20px 18px;border-radius:15px;box-shadow:0 20px 60px #20242d24}
.f-suggest-head{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:var(--f-muted);font-size:12px}
.f-suggest-head button{display:grid;place-items:center;width:28px;height:28px;color:var(--f-muted)}
.f-suggest-head svg{width:18px;height:18px}
.f-suggest-group,.f-suggest-group+.f-suggest-group{margin-top:14px;padding-top:0;border:0}
.f-suggest-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:var(--f-ink)}
.f-suggest-title h3{font-size:15px;line-height:25px;font-weight:600}
.f-suggest-title button{padding:2px 4px;color:var(--f-muted);font-size:12px}
.f-suggest-chips{display:flex;flex-wrap:wrap;gap:8px}
.f-suggest-chips button{width:auto;padding:7px 13px;border-radius:18px;background:var(--f-soft);font-size:13px}
.f-suggest-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 26px}
.f-suggest-rank button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:41px;padding:9px 2px;text-align:left;font-size:14px}
.f-suggest-rank button:hover{background:var(--f-soft)}
.f-suggest-no{font-size:13px;line-height:1;font-weight:600;color:var(--f-muted)}
.f-suggest-no.top{color:#e69a29}
.f-suggest-term{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-suggest-heat{font-size:12px;color:var(--f-muted)}
@media(max-width:900px){.f-search-suggest{left:auto;right:0}}
@media(max-width:600px){.f-suggest-rank{grid-template-columns:1fr}.f-search-suggest{max-height:70vh}}

/* Search results: full-width reading surface and visible result counts. */
@media(min-width:761px){body[data-page=search] .f-shell{max-width:1344px;padding:36px 32px 64px}}
.f-search-hero h1{font-size:32px;line-height:1.35;font-weight:600;letter-spacing:-.5px}
.f-search-hero h1 em{color:var(--f-accent);font-style:normal}
.f-search-hero p{max-width:1080px;margin:14px 0 0;color:var(--f-muted);font-size:14px;line-height:1.8}
body[data-page=search] .f-search-tabs{gap:26px;margin:26px 0 0}
body[data-page=search] .f-search-tabs .f-tab{font-size:15px}
.f-search-count{margin:18px 0 22px;color:var(--f-muted);font-size:13px;line-height:1.65}
.f-search-empty{padding:65px 20px;text-align:center;color:#777;font-size:14px;line-height:1.65}
.f-search-empty svg{width:34px;height:34px;color:var(--f-muted)}
.f-search-empty h3{margin:0;color:var(--f-ink);font-size:15px;line-height:1.65;font-weight:600}
.f-search-empty p{margin:0}
body[data-page=search] .f-search-count+.f-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 20px}
body[data-page=search] .f-grid .f-cover{aspect-ratio:2/1}
body[data-page=search] .f-grid .f-card-title-row{display:flex;align-items:center;gap:9px;min-width:0;margin:13px 0 11px}
body[data-page=search] .f-grid .f-card-title-row h3{min-width:0;margin:0}
body[data-page=search] .f-grid .f-card-title-row .f-status{flex:none}
body[data-page=search] .f-grid .f-card-meta{min-height:31px}
body[data-page=search] .f-grid .f-card-author .f-avatar{display:inline-grid;width:31px;height:31px;font-size:12px}
body[data-page=search] .f-search-count+.f-events-list{margin-top:25px}
body[data-page=search] .f-event-card{grid-template-columns:340px minmax(0,1fr);gap:56px;padding:30px 0}
body[data-page=search] .f-event-card .f-event-visual{aspect-ratio:2/1;min-height:0;border-radius:10px}
body[data-page=search] .f-event-copy>.f-meta:first-child{display:flex;align-items:center;gap:12px;margin-bottom:14px}
body[data-page=search] .f-event-copy .f-event-number{font-size:13px;line-height:21px;letter-spacing:1px}
body[data-page=search] .f-event-card h2{font-size:32px;line-height:1.35;margin:0 0 14px;font-weight:500}
body[data-page=search] .f-event-card p{font-size:14px;margin-bottom:18px}
body[data-page=search] .f-event-foot{display:flex;align-items:center;gap:16px;color:#8b8e93;font-size:13px;line-height:1.65}
body[data-page=search] .f-event-foot a{color:var(--f-ink);font-size:13px}
@media(max-width:900px){body[data-page=search] .f-search-count+.f-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.f-search-hero h1{font-size:28px}.f-search-hero p{font-size:13px}.f-search-empty{padding:48px 12px}}
@media(max-width:760px){body[data-page=search] .f-event-card{grid-template-columns:120px minmax(0,1fr);gap:16px;padding:22px 0}body[data-page=search] .f-event-card .f-event-visual{aspect-ratio:3/4}body[data-page=search] .f-event-card h2{font-size:20px}body[data-page=search] .f-event-card p{font-size:12px}}
@media(max-width:600px){body[data-page=search] .f-search-count+.f-grid{grid-template-columns:1fr}}

@media(min-width:901px){
  body[data-page=home] .f-discovery-bar .f-filters{flex:1;justify-content:safe center;padding-left:0}
}

@media(max-width:600px){
  .f-header .f-search-wrap{display:none}
  .f-header.is-search-open .f-search-wrap{display:block;position:absolute;top:calc(100% - 1px);left:18px;right:18px;padding:9px 12px;background:var(--f-bg);border:1px solid var(--f-line);border-radius:0 0 9px 9px;box-shadow:0 12px 25px #0002}
  .f-header.is-search-open .f-search-wrap .f-search{width:100%}
  .f-header.is-search-open .f-search-suggest{top:calc(100% + 1px);left:0;right:0;width:100%}
  .f-header .f-tools{margin-left:auto}
  body[data-page=home] .f-operator-banner{min-height:360px;background:#202329}
  body[data-page=home] .f-operator-banner:after{background:linear-gradient(90deg,#11161be0 0%,#11161b99 52%,#11161b33 100%)}
  body[data-page=home] .f-operator-banner-copy{max-width:100%;padding:36px 40px;color:#fff}
  body[data-page=home] .f-operator-banner-kicker{color:#f18495}
  body[data-page=home] .f-operator-banner-copy p{color:#c6c7c7}
  body[data-page=home] .f-operator-banner-copy a{color:#fff}
  body[data-page=home] .f-discovery-heading{margin-top:33px;margin-bottom:15px;padding-top:0}
  .f-mobile-nav{justify-content:flex-start;gap:0;overflow-x:auto;overflow-y:hidden}
  .f-mobile-nav a{flex:0 0 20%;min-width:64px}
  .f-mobile-nav svg{display:block;width:20px;height:20px}
}