/* Double-level navigation: existing site menu titles and original category dialog. */
.site-navigation-spacer{height:108px}
#site-double-navigation.site-double-navigation.header-card{background:var(--site-navigation-surface,#10100b)!important;box-shadow:0 1px 0 rgba(252,213,53,.12)!important;overflow:visible}
.site-double-navigation .header-container{height:62px;max-width:1200px;padding:0 20px;gap:24px}
.site-double-navigation .logo-section{flex:none;gap:9px}
.site-double-navigation .logo-title{flex-direction:column;gap:2px;line-height:1.2}
.site-double-navigation .logo-title .name{font-size:18px}
.site-double-navigation .logo-title .domain{font-size:11px;font-weight:500;opacity:.72}
.site-header-search{display:flex;align-items:center;gap:9px;flex:1;max-width:560px;min-width:0;height:36px;padding:0 14px;background:#22221e;border:1px solid #30302a;border-radius:22px;text-decoration:none;color:#a8a8a1;font-size:13px}
.site-header-search .yj-gradient-icon{font-size:19px;flex:none;color:#d6d6cb!important;background-image:none!important;background-color:currentColor!important}
.site-header-search:hover{border-color:#FCD535}
.site-header-search:focus-visible,.site-double-navigation button:focus-visible,.site-double-navigation a:focus-visible{outline:2px solid #FCD535;outline-offset:3px}
.site-double-navigation .nav-icons{gap:22px;margin-left:auto;flex:none}
.site-double-navigation .nav-icon{border:0;padding:0;background:none;color:#FCD535;min-width:32px;font-size:22px;line-height:1.1}
.site-double-navigation .nav-text{font-size:10px!important;margin-top:3px!important}
.site-category-navigation{max-width:1200px;margin:auto;padding:0 20px}
.site-category-track{display:flex;align-items:center;gap:30px;min-height:46px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-category-track::-webkit-scrollbar{display:none}
.site-category-link{position:relative;flex:none;min-height:46px;padding:0;border:0;background:none;font-size:14px;font-weight:600;line-height:46px;color:#deded7;white-space:nowrap;cursor:pointer}
.site-category-link.is-active{color:#FCD535}
.site-category-link:hover,.site-category-link.is-active{color:#FCD535}
.site-category-link.is-active[aria-expanded="true"]:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:3px;background:#FCD535}
@media(max-width:768px){
.site-navigation-spacer{height:98px}
.site-double-navigation .header-container{height:54px;padding:0 12px;gap:12px}
.site-double-navigation .logo-title{display:none}
.site-double-navigation .logo-section{width:30px;overflow:hidden}
.site-double-navigation .logo-section .logo-gradient{width:30px!important;height:30px!important}
.site-double-navigation .nav-icons{gap:15px}
.site-double-navigation .nav-icon{min-width:22px;font-size:21px}
.site-double-navigation .nav-text{display:none}
.site-header-search{height:32px;padding:0 10px;font-size:12px;gap:6px}
.site-header-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-category-navigation{padding:0 12px}
.site-category-track{gap:22px;min-height:44px}
.site-category-link{min-height:44px;line-height:44px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.site-category-track{scroll-behavior:auto}}

/* Search controls use the existing search state and request handlers. */
.site-double-navigation .site-header-search{padding:3px 4px 3px 0;gap:0;height:38px;max-width:600px;background:#20201b;border:1px solid #34342b;transition:border-color .18s,box-shadow .18s}
.site-double-navigation .site-header-search:focus-within{border-color:rgba(252,213,53,.65);box-shadow:0 0 0 3px rgba(252,213,53,.08)}
.site-search-type{position:relative;flex:none;width:72px;height:24px;border-right:1px solid #404036;color:#eeeede}
.site-search-type select{appearance:none;background:none;border:0;padding:0 21px 0 14px;width:100%;height:24px;color:inherit;font-size:12px;outline:none;cursor:pointer}
.site-search-type option{background:#20201b;color:#eeeede}
.site-search-chevron{position:absolute;right:10px;top:1px;pointer-events:none;color:#a8a88e;font-size:14px}
.site-header-search input{min-width:0;flex:1;width:100%;height:28px;padding:0 11px;color:#f2f2e7;font-size:12px;border:0;background:transparent;outline:none}
.site-header-search input::placeholder{color:#99998b}
.site-header-search input::-webkit-search-cancel-button{cursor:pointer}
.site-header-search .site-search-submit{display:flex;align-items:center;justify-content:center;flex:none;gap:5px;height:28px;padding:0 12px;border:0;border-radius:18px;background:#FCD535;color:#191908;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.site-header-search .site-search-submit:hover:not(:disabled){background:#ffe367}
.site-header-search .site-search-submit:disabled{background:#3b3926;color:#aaa370;cursor:default}
.site-search-suggestions .v-card-text{padding:16px 20px!important}
.site-search-suggestions .mt-4{margin-top:0!important}
#search-result{scroll-margin-top:118px}
@media(max-width:768px){
.site-double-navigation .header-container{gap:10px}
.site-double-navigation .site-header-search{height:34px;padding:2px 3px 2px 0}
.site-search-type{width:58px;height:22px}
.site-search-type select{height:22px;padding-left:9px;padding-right:17px;font-size:12px}
.site-search-chevron{right:6px;top:0}
.site-header-search input{padding:0 8px;font-size:12px;height:26px}
.site-header-search .site-search-submit{height:26px;width:30px;padding:0}
.site-header-search .site-search-submit span{display:none}
.site-header-search .site-search-submit svg{width:16px;height:16px}
.site-double-navigation .nav-icons{gap:12px}
#search-result{scroll-margin-top:108px}
}
@media(max-width:420px){
.site-double-navigation .header-container{gap:8px;padding:0 10px}
.site-double-navigation .nav-icons{gap:10px}
.site-double-navigation .nav-icons>a:first-child{display:none}
.site-double-navigation .nav-icon{font-size:20px;min-width:20px}
}

/* Keep the full category menu at the right edge of the second navigation row. */
.site-category-navigation{display:flex;align-items:center;gap:12px}
.site-category-track{flex:1;min-width:0}
.site-category-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:40px;padding:0;border:0;background:none;color:#deded7;font-size:23px;cursor:pointer;border-radius:6px}
@media(max-width:768px){.site-category-navigation{gap:8px}.site-category-track{gap:18px}}
/* Hot tags belong to the focused header search, above the category row. */
.site-search-shell{position:relative;flex:1;max-width:600px;min-width:0}
.site-search-shell .site-header-search{width:100%;max-width:none}
.site-hot-search{position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:30;padding:16px;background:#191a13;border:1px solid rgba(252,213,53,.19);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.5);color:#e8e8dc}
.site-hot-search-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.site-hot-search-title{font-size:13px;font-weight:700;color:#FCD535}
.site-hot-search-hint{font-size:11px;color:#969789}
.site-hot-search-tags{display:flex;flex-wrap:wrap;gap:9px;max-height:250px;overflow:auto;scrollbar-width:thin}
.site-hot-search-tag{border:1px solid #3d3e2e;border-radius:8px;background:#24251b;color:#dedfcf;font-size:12px;line-height:1.4;padding:7px 13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.site-hot-search-tag:hover{background:#37351a;border-color:#8c7c24;color:#FCD535}
.site-hot-search-tag:active{background:#45401b}
@media(max-width:768px){.site-hot-search{padding:13px 12px;top:calc(100% + 8px);border-radius:12px}.site-hot-search-heading{margin-bottom:11px}.site-hot-search-tags{gap:8px}.site-hot-search-tag{padding:7px 11px}.site-hot-search-hint{font-size:10px}}
@media(max-width:420px){.site-hot-search-hint{display:none}}

/* Bridge the visual gap so moving from the input to a tag keeps the panel open. */
.site-hot-search:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}

/* Preserve the complete square brand mark inside the circular fallback avatar. */
.site-brand-avatar{padding:0;box-sizing:border-box;background:rgba(252,213,53,.04)!important}
.site-brand-avatar img{object-fit:contain!important}
.v-avatar img[src="/_nuxt/brand-logo.png"]{padding:12%;box-sizing:border-box;object-fit:contain!important}
/* Hot searches fill six equal columns and continue onto as many rows as needed. */
.site-hot-search-tags{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 8px;max-height:280px}
.site-hot-search-tag{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:32px;padding:6px 2px;border-radius:999px;white-space:nowrap;font-size:12px}
@media(max-width:768px){.site-hot-search-tags{gap:8px 6px}.site-hot-search-tag{min-height:30px;padding:6px 0;font-size:12px}}
@media(max-width:420px){.site-hot-search-tags{gap:7px 4px}.site-hot-search-tag{font-size:11px}.site-hot-search{padding-left:9px;padding-right:9px}}

.site-announcement-icon{display:block;flex-shrink:0;width:25px;height:25px;color:rgb(var(--v-theme-primary));fill:currentColor}
/* Match the content modules' existing 8px gutter and respect device safe areas. */
.banner-notice-wrap .banner-notice{
 padding-left:max(8px,env(safe-area-inset-left,0px))!important;
 padding-right:max(8px,env(safe-area-inset-right,0px))!important;
}

/* Homepage section headings: remove decorative lines and their extra vertical space. */
.v-main:has(.site-home-sections) .static-tab::after{content:none!important;display:none!important}
.v-main:has(.site-home-sections) .static-tab-header{min-height:36px;align-items:center}
.v-main:has(.site-home-sections) .static-tab{min-height:0;line-height:28px}
.v-main:has(.site-home-sections) .land-icons{padding-top:6px}
.site-home-sections .data-tabs{--v-tabs-height:40px!important}
.site-home-sections .data-tabs .v-tab{height:40px;min-height:0}
.site-home-sections .data-tabs .v-tab__slider{display:none!important;height:0!important}
/* Homepage section accents: one short yellow marker beside each section title. */
.v-main:has(.site-home-sections) .static-tab{gap:6px;padding-left:0}
.v-main:has(.site-home-sections) .static-tab::before{
 content:"";display:block;flex:0 0 4px;width:4px;height:20px;border-radius:3px;background:#FCD535;
}
.site-home-sections .data-tabs .v-tab:first-child .v-btn__content{gap:6px}
.site-home-sections .data-tabs .v-tab:first-child .v-btn__content::before{
 content:"";display:block;flex:0 0 4px;width:4px;height:20px;border-radius:3px;background:#FCD535;
}
.v-main:has(.site-home-sections) .static-tab-header{padding-left:10px}
.site-home-sections .data-tabs .v-tab:first-child{padding-inline-start:2px!important}

/* Selected second-level navigation item: retain the regular weight elsewhere. */
.site-double-navigation .site-category-link.is-active{font-size:16px;font-weight:700}

/* Category tabs share the compact 40px row; no underline or reserved slider. */
.data-tabs[data-v-86865917]{--v-tabs-height:40px!important}
.data-tabs[data-v-86865917] .v-tab{height:40px;min-height:0}
.data-tabs[data-v-86865917] .v-tab__slider{display:none!important;height:0!important}
/* Remove framework hover/press selection panels and click ripples site-wide. */
.v-btn__overlay,
.v-list-item__overlay,
.v-chip__overlay{
 background:transparent!important;
 opacity:0!important;
}
.v-ripple__container{display:none!important}
/* Shared by custom navigation controls that do not render Vuetify overlays. */
.site-no-state-fill{-webkit-tap-highlight-color:transparent}
.site-no-state-fill:is(:hover,:active,[aria-expanded="true"]){background-color:transparent!important;background-image:none!important}


/* Match the compact title-and-ranking row used by the sections below. */
.official-recommendation-title{border:0;background:none;cursor:pointer;font-family:inherit}
.official-recommendation-actions{display:flex;align-items:center;margin-left:16px;gap:0}
.official-recommendation-group{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 8px;border:0;background:none;color:#e5e5de;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}
.official-recommendation-group.is-selected{color:#FCD535;font-weight:700}
.official-recommendation-group:hover{color:#FCD535}
.official-recommendation-group:focus-visible,.official-recommendation-title:focus-visible{outline:2px solid #FCD535;outline-offset:-2px}
@media(max-width:420px){.official-recommendation-actions{margin-left:10px}.official-recommendation-group{padding:0 7px}}

.site-category-menu-icon{display:block;width:23px;height:23px;flex:none}

/* Solid, shared navigation surface: content cannot show through the bottom bar. */
:root{--site-navigation-surface:#10100b}
#site-bottom-navigation.post-bottom-nav{
 background:var(--site-navigation-surface)!important;
 background-image:none!important;
 backdrop-filter:none!important;
 opacity:1;
}

/* Official recommendations use the same Tabs component and title gutter as home sections. */
.v-main .static-tab-header:has(.official-recommendation-tabs){padding-left:8px;min-height:40px}
.official-recommendation-tabs{width:100%;min-width:0}
.official-recommendation-tabs .data-tabs .v-tab:first-child{padding-inline-start:2px!important}
.official-recommendation-tabs .data-tabs .v-tab:first-child .v-btn__content{gap:6px}
.official-recommendation-tabs .data-tabs .v-tab:first-child .v-btn__content::before{content:"";display:block;flex:0 0 4px;width:4px;height:20px;border-radius:3px;background:#FCD535}

/* Minimal section link, with a comfortable pointer/touch target. */
.v-btn.site-section-more{min-width:40px!important;width:40px;height:40px;padding:0!important;align-self:center;color:#aaa99e;opacity:1}
.v-btn.site-section-more:hover{color:#FCD535}
.site-section-more svg{display:block;flex:none}

/* Menu painted edge: 14px; section arrow painted edge: 10px.
   The SVG viewBox whitespace is compensated without shrinking touch targets. */
.site-category-navigation{padding-right:14px}
.site-category-toggle{justify-content:flex-end}
.site-category-menu-icon{margin-right:-2.803125px}
.v-btn.site-section-more{margin-right:2px;justify-content:flex-end}
.site-section-more .v-btn__content{justify-content:flex-end;width:100%}
.site-section-more svg{margin-right:-2.5px}

/* Match the regular category text until the category drawer is open. */
.site-category-toggle[aria-expanded="true"]{color:#FCD535}


/* Mobile masthead: keep the brand and current address beside the logo. */
@media(max-width:768px){
 .site-double-navigation .header-container{gap:10px}
 .site-double-navigation .logo-section{width:auto;gap:7px;overflow:visible}
 .site-double-navigation .logo-title{display:flex;min-width:0;max-width:100px;gap:3px;line-height:1.15}
 .site-double-navigation .logo-title .name{font-size:15px;font-weight:800;white-space:nowrap}
 .site-double-navigation .logo-title .domain{font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}
 .site-search-shell{flex:1;min-width:0}
 .site-header-search input{overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:420px){
 .site-double-navigation .header-container{gap:8px}
 .site-double-navigation .logo-section{gap:5px}
 .site-double-navigation .logo-title{max-width:78px}
 .site-double-navigation .logo-title .name{font-size:14px;font-weight:800}
 .site-double-navigation .logo-title .domain{font-size:8px;max-width:78px}
}

.site-double-navigation .logo-title .name{font-weight:800}

/* White brand treatment; the address remains quieter than the name. */
.site-double-navigation .logo-title .name{color:#f2f2ed!important}
.site-double-navigation .logo-title .domain{color:#bcbcb2!important;opacity:1}
.site-double-navigation .logo-title .name,
.site-double-navigation .logo-title .domain{background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:currentColor!important}

/* A self-hosted four-character subset of GenSen Rounded Heavy for the wordmark. */
@font-face{font-family:"Huangguo Brand Round";src:url("./huangguo-brand-round.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap;unicode-range:U+89C6,U+679C,U+9891,U+9EC4}
.site-double-navigation .logo-title .name{font-family:"Huangguo Brand Round","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;font-synthesis:none;letter-spacing:.2px}

/* Make the short brand address easier to read beside the wordmark. */
.site-double-navigation .logo-title .domain{font-size:12px;font-weight:700;letter-spacing:1.4px;line-height:1.15;max-width:none}
@media(max-width:420px){.site-double-navigation .logo-title .domain{font-size:11px;letter-spacing:1.2px}}