:root{--p04-bg:#111722;--p04-panel:#182131;--p04-panel-2:#222e43;--p04-border:#303c52;--p04-text:#f6f8fc;--p04-muted:#aebbd0;--p04-accent:#ff4f83;--p04-accent-2:#ff7aa2}
.p04-header{position:sticky;top:0;z-index:1050;background:rgba(17,23,34,.96);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 10px 35px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.p04-navbar{min-height:70px;padding:0;background:transparent!important}
.p04-nav-wrap{display:flex;align-items:center;gap:26px;max-width:1320px}
.p04-logo{display:flex;align-items:center;margin:0;padding:10px 0;font:800 clamp(25px,2vw,31px)/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.2px;white-space:nowrap}
.p04-logo-one{color:#fff}.p04-logo-two{color:var(--p04-accent)}
.p04-nav-panel{min-width:0;align-items:center;gap:20px}
.p04-main-menu{align-items:center;gap:2px;margin-left:auto}
.p04-main-menu .nav-link{position:relative;display:flex;height:42px;align-items:center;padding:0 10px!important;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--p04-text)!important;font-size:16px;font-weight:600;white-space:nowrap;transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.p04-main-menu .nav-link:after{margin-left:5px}
.p04-main-menu .nav-link:not(.dropdown-toggle):before,.p04-main-menu .nav-link.dropdown-toggle:before{content:"";position:absolute;right:10px;bottom:3px;left:10px;height:2px;border-radius:2px;background:var(--p04-accent);transform:scaleX(0);transition:transform .2s ease}
.p04-main-menu .nav-link:hover,.p04-main-menu .nav-link.active{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.035);color:var(--p04-accent-2)!important}
.p04-main-menu .nav-link:hover:before,.p04-main-menu .nav-link.active:before{transform:scaleX(1)}
.p04-tools{display:flex;height:42px;align-items:stretch;gap:10px;flex:0 0 auto}
.p04-search{display:flex;align-items:center;width:235px;height:42px;padding-left:14px;border:1px solid transparent;border-radius:14px;background:var(--p04-panel-2);transition:border-color .2s,box-shadow .2s}
.p04-search:focus-within{border-color:rgba(255,79,131,.7);box-shadow:0 0 0 3px rgba(255,79,131,.12)}
.p04-search>i{color:#93bdf4}.p04-search input{min-width:0;flex:1;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#fff;font-size:15px}
.p04-search input::placeholder{color:#b9c7dc}.p04-search button{display:none}
.p04-language-button{display:flex;align-items:center;gap:7px;height:42px;padding:0 12px;border:1px solid var(--p04-border);border-radius:12px;background:linear-gradient(180deg,#202a3b,#182131);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.p04-language-button:hover,.p04-language-button[aria-expanded=true]{border-color:rgba(255,79,131,.65);background:#26334a}
.p04-language-button img,.p04-language-menu img{width:22px;height:15px;object-fit:cover;border-radius:2px}
.p04-language-code{font-size:12px;font-weight:800}
.p04-dropdown,.p04-language-menu{padding:8px;border:1px solid var(--p04-border);border-radius:14px;background:#182131;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.p04-dropdown-wide{display:none;grid-template-columns:repeat(2,minmax(130px,1fr));min-width:330px}.p04-dropdown-wide.show{display:grid}
.p04-dropdown .dropdown-item,.p04-language-menu .dropdown-item{padding:9px 11px;border-radius:8px;color:#eaf0fa;font-size:14px}
.p04-dropdown .dropdown-item:hover,.p04-language-menu .dropdown-item:hover,.p04-language-menu .dropdown-item.active{background:#29364d!important;color:var(--p04-accent-2)!important}
.p04-language{position:relative;flex:0 0 auto}
.p04-language-menu{right:0!important;left:auto!important;width:380px!important;min-width:380px!important;max-width:calc(100vw - 32px);max-height:min(560px,75vh);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:10px;overflow-x:hidden;overflow-y:auto;transform:none!important}
.p04-language-menu.show{display:grid}
.p04-language-menu>li{min-width:0}
.p04-language-menu .dropdown-item{display:flex;min-width:0;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;white-space:nowrap;overflow:hidden}
.p04-language-menu .dropdown-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.p04-language-menu .dropdown-item.active{border-color:rgba(255,79,131,.34)}
.p04-mobile-actions{display:none}
@media(max-width:1199.98px) and (min-width:992px){.p04-nav-wrap{gap:12px}.p04-main-menu .nav-link{padding-inline:7px!important;font-size:14px}.p04-search{width:185px}}
@media(min-width:992px){.p04-nav-panel,.p04-tools{overflow:visible!important}}
@media(max-width:991.98px){
 .p04-header{position:sticky}.p04-navbar{min-height:62px}.p04-nav-wrap{position:relative;display:flex;padding:0 14px;gap:12px}
 .p04-mobile-actions{display:flex;margin-left:auto}.p04-menu-toggle{display:flex;width:42px;height:42px;padding:9px;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--p04-border);border-radius:12px;background:var(--p04-panel)}
 .p04-menu-toggle:focus{box-shadow:0 0 0 3px rgba(255,79,131,.18)}.p04-menu-toggle span{display:block;width:100%;height:2px;border-radius:3px;background:#fff;transition:.2s}
 .p04-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.p04-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.p04-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .p04-nav-panel{position:absolute;top:62px;right:10px;left:10px;max-height:calc(100vh - 76px);padding:12px;border:1px solid var(--p04-border);border-radius:0 0 18px 18px;background:#111722;box-shadow:0 20px 45px rgba(0,0,0,.42);overflow:auto}
 .p04-main-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.p04-main-menu .nav-item{min-width:0}
 .p04-main-menu .nav-link{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;padding:11px 14px!important;border:1px solid var(--p04-border);border-radius:11px;background:#182131!important;font-size:15px}
 .p04-main-menu .nav-link:before{display:none}.p04-main-menu .nav-link.active{border-color:rgba(255,79,131,.7);background:rgba(255,79,131,.11)!important}
 .p04-dropdown,.p04-dropdown-wide{position:static!important;grid-template-columns:1fr;width:100%;min-width:0!important;margin-top:6px!important;transform:none!important}.p04-dropdown-wide.show{display:grid}
 .p04-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--p04-border)}
 .p04-search{width:100%}.p04-language-button{min-width:72px;justify-content:center}.p04-language-code{display:inline}.p04-language-menu{position:fixed!important;right:14px!important;left:14px!important;width:auto!important;min-width:0!important;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important}
}
@media(max-width:575.98px){.p04-logo{font-size:26px}.p04-main-menu{grid-template-columns:1fr}.p04-nav-panel{right:6px;left:6px}.p04-search{height:44px}.p04-language-button{width:58px;min-width:58px;height:44px}.p04-language-code{display:none}}
.p04-search{align-self:center;margin-top:0!important;margin-bottom:0!important;box-sizing:border-box}.p04-search input,.p04-search button{margin:0;box-sizing:border-box;line-height:normal}


/* Unified 01-19 mobile banner and icon-ad layout (reference: projects 05/06). */
@media (max-width:768px) {
  .ad-shell,.global-ad-area {display:flex!important;width:100%!important;max-width:none!important;margin:0!important;padding:6px 8px 0!important;box-sizing:border-box!important;flex-direction:column!important}
  #topBanner,#site-banner-top,#global-banner-top {display:block!important;width:100%!important;max-width:100%!important;margin:0 0 3px!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}
  #topBanner .container-outer,#topBanner .container-inner,#topBanner .banner-ads,#topBanner .streamer-container2,#topBanner .streamer-box2,#topBanner ul {display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;gap:4px!important}
  #topBanner a,#topBanner li,#topBanner img,#site-banner-top a,#site-banner-top img,#global-banner-top a,#global-banner-top img {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;object-fit:contain!important}
  #ads-tubiao,#site-icon-ads,#global-icon-ads {display:block!important;width:100%!important;max-width:100%!important;margin:8px 0 3px!important;padding:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;background:rgba(127,127,127,.08)!important;box-shadow:0 12px 30px rgba(0,0,0,.14)!important;box-sizing:border-box!important}
  #ads-tubiao .container-outer {width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  #ads-tubiao .container-inner,#global-icon-ads .global-icon-grid {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;gap:8px!important}
  #site-icon-ads {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
  #ads-tubiao .icon-ads,#ads-tubiao .remaining-ads {display:contents!important}
  #ads-tubiao .icon-ad,#site-icon-ads>a,#global-icon-ads .global-icon-ad {display:flex!important;min-width:0!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;text-decoration:none!important}
  #ads-tubiao .icon-image-container,#ads-tubiao .ad-link {display:block!important;width:52px!important;height:52px!important;min-height:52px!important;overflow:hidden!important;border-radius:11px!important}
  #ads-tubiao .icon-image,#site-icon-ads img,#global-icon-ads .global-icon-ad img {display:block!important;width:52px!important;height:52px!important;min-width:52px!important;margin:0 auto!important;border:0!important;border-radius:11px!important;object-fit:cover!important}
  #ads-tubiao .icon-title,#site-icon-ads span,#global-icon-ads .global-icon-ad span {display:block!important;width:100%!important;min-width:0!important;margin:6px 0 0!important;overflow:hidden!important;font-size:11px!important;font-weight:650!important;line-height:1.2!important;text-align:center!important;text-overflow:clip!important;white-space:nowrap!important}
  #ads-tubiao .telegrambd,#ads-tubiao .toggle-button-container {display:none!important}
}

/* Unified 01-19 desktop banner layout: two banners per row, like 05/06. */
@media (min-width:769px) {
  #topBanner {width:min(1250px,calc(100% - 30px))!important;max-width:1250px!important}
  #topBanner,#site-banner-top,#global-banner-top {display:block!important;margin:10px auto 2px!important;padding:0!important;overflow:hidden!important}
  #topBanner .container-outer,#topBanner .container-inner,#topBanner .banner-ads,#topBanner .streamer-container2 {display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  #topBanner .streamer-box2,#topBanner ul,#site-banner-top,#global-banner-top {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 8px!important}
  #topBanner li,#topBanner a,#topBanner img,#site-banner-top a,#site-banner-top img,#global-banner-top a,#global-banner-top img {display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;object-fit:contain!important}
}
.p04-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:28px 0}.p04-pagination .page-link{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--p04-border);border-radius:12px!important;background:var(--p04-panel);color:var(--p04-text)}.p04-pagination .active{border-color:var(--p04-accent);background:var(--p04-accent);color:#fff}.p04-page-jump{display:flex;align-items:center;gap:8px;margin-left:8px}.p04-page-jump input{width:76px;height:42px;border:1px solid var(--p04-border);border-radius:12px;background:var(--p04-panel);color:#fff;text-align:center}.p04-page-jump button{height:42px;padding:0 14px;border:0;border-radius:12px;background:var(--p04-accent);color:#fff;font-weight:700}@media(max-width:575.98px){.p04-pagination{gap:5px}.p04-pagination .page-link{min-width:38px;height:38px}.p04-page-jump{width:100%;justify-content:center;margin:6px 0 0}}