﻿@import "./iconfont.css";
@import "./styles.51ea416feb1e3b93a89a.css";

html:has(.xiazai-iyf-site-theme),
body:has(.xiazai-iyf-site-theme) { min-width: 0 !important; width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; }
.xiazai-iyf-site-theme { min-height: 100vh; }
.xiazai-iyf-site-theme img { max-width: 100%; }
.xiazai-iyf-site-theme .container { width: calc(100vw - 32px) !important; min-width: 0 !important; max-width: calc(100vw - 32px) !important; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.xiazai-iyf-site-theme .video-thumb, .xiazai-iyf-site-theme .module-item-pic, .xiazai-iyf-site-theme .bento-poster, .xiazai-iyf-site-theme .public-pic-a, .xiazai-iyf-site-theme .qy-mod-img { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
.xiazai-iyf-site-theme .player-wrapper, .xiazai-iyf-site-theme .ewave-player__video, .xiazai-iyf-site-theme .MacPlayer, .xiazai-iyf-site-theme .player-box-main, .xiazai-iyf-site-theme .qy-player-wrap, .xiazai-iyf-site-theme .vg-player { position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
.xiazai-iyf-site-theme .player-wrapper > div, .xiazai-iyf-site-theme video, .xiazai-iyf-site-theme iframe { width: 100%; height: 100%; }
.xiazai-iyf-site-theme .swiper-wrapper, .xiazai-iyf-site-theme .slider-track, .xiazai-iyf-site-theme .auto-scroll-wrapper { display: flex; gap: 16px; overflow: hidden; }
.xiazai-iyf-site-theme .pagination, .xiazai-iyf-site-theme .ewave-page, .xiazai-iyf-site-theme .module-page { display: flex; gap: 8px; justify-content: center; margin: 28px 0; }

/* iyf framework layout guards */
.xiazai-iyf-site-theme .root-container { min-height: 100vh; overflow-x: hidden; }
.xiazai-iyf-site-theme .navbar { position: relative; z-index: 50; width: 100%; max-width: 100vw; overflow-x: clip; }
.xiazai-iyf-site-theme .top-nav .container,
.xiazai-iyf-site-theme .top-nav .inner,
.xiazai-iyf-site-theme .top-nav .box { min-width: 0 !important; max-width: 100% !important; }
.xiazai-iyf-site-theme .top-nav.fixed { position: sticky; top: 0; left: 0; right: 0; z-index: 60; min-height: 72px; background: rgba(13,16,24,.96); backdrop-filter: blur(12px); }
.xiazai-iyf-site-theme .top-nav.fixed .inner { min-height: 72px; }
.xiazai-iyf-site-theme,
.xiazai-iyf-site-theme .root-container { width: 100vw; max-width: 100vw; overflow-x: hidden; }
.xiazai-iyf-site-theme .template-ad-slot-iyf-head-clearance { position: relative; z-index: 1; width: 100% !important; max-width: 100% !important; margin: 16px auto !important; overflow-x: hidden; }
.xiazai-iyf-site-theme .template-ad-slot-iyf-head-clearance .template-ad-inner { width: calc(100vw - 32px) !important; max-width: 1180px !important; }
.xiazai-iyf-site-theme .iyf-page { position: relative; z-index: 1; padding-top: 0; padding-bottom: 28px; }
.xiazai-iyf-site-theme .template-ad-slot-iyf-head-clearance ~ .iyf-page { padding-top: 12px; }
@media (max-width: 768px) { .xiazai-iyf-site-theme .top-nav.fixed { position: relative; min-height: 0; } .xiazai-iyf-site-theme .top-nav.fixed .inner { min-height: 0; } .xiazai-iyf-site-theme .template-ad-slot-iyf-head-clearance { margin: 10px auto !important; padding: 0 !important; } .xiazai-iyf-site-theme .iyf-page, .xiazai-iyf-site-theme .template-ad-slot-iyf-head-clearance ~ .iyf-page { padding-top: 0 !important; } }

/* iyf component-scoped display guards */
.xiazai-iyf-site-theme { color: #fff; background: #0d1018; }
.xiazai-iyf-site-theme .top-nav .logo { position: relative; min-width: 150px; max-width: 187px; height: 70px; display: inline-flex; align-items: center; cursor: pointer; user-select: none; }
.xiazai-iyf-site-theme .iyf-text-logo { display: inline-block; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 22px; font-weight: 700; letter-spacing: 0; }
.xiazai-iyf-site-theme .top-nav .img-pos { position: absolute; left: 0; top: 11px; transition: all .2s; }
.xiazai-iyf-site-theme .i-hidden { opacity: 0; }
.xiazai-iyf-site-theme .nav-expander { height: 100%; display: flex; align-items: center; }
.xiazai-iyf-site-theme .nav-button { min-height: 42px; border: 0; background: transparent; color: inherit; text-decoration: none; }
.xiazai-iyf-site-theme .link, .xiazai-iyf-site-theme .link a { color: #fff; text-decoration: none; }
.xiazai-iyf-site-theme .mainColor { color: #7dabff; }
.xiazai-iyf-site-theme .search-box { display: flex; align-items: center; justify-content: flex-end; gap: 8px; max-width: 360px; margin: 0 0 0 auto; }
.xiazai-iyf-site-theme .search-input { width: 100%; min-height: 42px; border: 1px solid rgba(125,171,255,.35); border-radius: 999px; background: rgba(255,255,255,.08); padding: 0 16px; outline: 0; }
.xiazai-iyf-site-theme .menu-pop { position: relative; z-index: 20; border-radius: 12px; background: rgba(18,23,34,.96); box-shadow: 0 12px 32px rgba(0,0,0,.35); padding: 12px; }
.xiazai-iyf-site-theme .two-col:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.xiazai-iyf-site-theme .menu-pop[hidden] { display: none; }
.xiazai-iyf-site-theme .popup-box-arrow { position: absolute; top: -8px; left: 24px; width: 16px; height: 16px; transform: rotate(45deg); background: rgba(18,23,34,.96); }
.xiazai-iyf-site-theme .navbg { padding: 22px; border-radius: 18px; background: linear-gradient(135deg, rgba(36,48,74,.92), rgba(13,16,24,.92)); }
.xiazai-iyf-site-theme .poster { display: block; position: relative; overflow: hidden; border-radius: 14px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; aspect-ratio: 2 / 3; }
.xiazai-iyf-site-theme .poster.img-pos { left: auto; top: auto; background-image: none !important; }
.xiazai-iyf-site-theme .poster img { width: 100%; height: 100%; object-fit: cover; }
.xiazai-iyf-site-theme .iyf-poster-image,
.xiazai-iyf-site-theme .imported-card-poster-image,
.xiazai-iyf-site-theme .imported-hero-thumb-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xiazai-iyf-site-theme .col-2.menu-item { display: block; width: 16.666%; padding: 10px; color: inherit; text-decoration: none; }
.xiazai-iyf-site-theme .col-2.menu-item { flex: 0 0 16.666%; max-width: 16.666%; }
.xiazai-iyf-site-theme .col-3.menu-item { display: block; width: 25%; padding: 10px; color: inherit; text-decoration: none; }
.xiazai-iyf-site-theme .col-3.menu-item { flex: 0 0 25%; max-width: 25%; }
.xiazai-iyf-site-theme .iyf-page .box { margin-top: 16px; color: rgba(255,255,255,.82); }
@media (max-width: 768px) { .xiazai-iyf-site-theme .inner.d-flex { flex-wrap: wrap; } .xiazai-iyf-site-theme .search-box { flex: 1 0 100%; max-width: none; margin: 8px 0 0; } .xiazai-iyf-site-theme .navbg { padding: 14px; } .xiazai-iyf-site-theme .col-2.menu-item, .xiazai-iyf-site-theme .col-3.menu-item { width: 50%; padding: 6px; } }
@media (max-width: 768px) { .xiazai-iyf-site-theme .col-2.menu-item, .xiazai-iyf-site-theme .col-3.menu-item { flex: 0 0 50%; max-width: 50%; } }

/* iyf nav icon/layout polish guards */
.xiazai-iyf-site-theme .iconfont { display: inline-flex; align-items: center; justify-content: center; font-family: "iconfont" !important; line-height: 1; vertical-align: middle; }
.xiazai-iyf-site-theme .iconjiantou_liebiaozhankai { font-size: 24px; transform-origin: center; transition: transform .2s; }
.xiazai-iyf-site-theme .margin-adjust { margin-left: 2px; }
.xiazai-iyf-site-theme .nav-bar { height: 72px; display: block; }
.xiazai-iyf-site-theme .nav-bar > .h-100 { height: 4.5em !important; }
.xiazai-iyf-site-theme .nav-button.link { height: 100%; gap: 2px; }
.xiazai-iyf-site-theme .nav-button.link.mainColor { color: #7dabff; }
/* iyf top nav link icon guards */
.xiazai-iyf-site-theme .iyf-nav-link-icon { font-size: 18px; margin-right: 6px; color: currentColor; flex: 0 0 auto; }
.xiazai-iyf-site-theme .nav-button:hover .iyf-nav-link-icon { color: #7dabff; }
.xiazai-iyf-site-theme .nav-button:hover .iconjiantou_liebiaozhankai { transform: rotate(180deg); }
.xiazai-iyf-site-theme .app-box-arrow { position: relative; height: 0; }
.xiazai-iyf-site-theme .popup-box-arrow { left: 50%; top: 0; margin-left: -7px; width: 0; height: 0; transform: none; background: transparent; }
.xiazai-iyf-site-theme .popup-box-arrowOut { position: absolute; top: -14px; border-color: transparent transparent rgb(43, 44, 58); border-style: solid; border-width: 0 7px 7px; }
.xiazai-iyf-site-theme .popup-box-arrowIn { position: absolute; left: -7px; top: -6px; border-color: transparent transparent rgb(43, 44, 58); border-style: solid; border-width: 0 7px 7px; }
.xiazai-iyf-site-theme .vg-overlay-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; background: rgba(0,0,0,.28); transition: opacity .2s; }
.xiazai-iyf-site-theme .poster:hover .vg-overlay-play { opacity: 1; }
.xiazai-iyf-site-theme .container.box { padding: 18px 0; }
.xiazai-iyf-site-theme .col-2.menu-item .box { padding-top: 8px; }
.xiazai-iyf-site-theme .col-2.menu-item h3 { margin: 0; font-size: 15px; line-height: 1.35; }

/* iyf source-like header right control guards */
.xiazai-iyf-site-theme .iyf-header-tools { display: flex; align-items: center; gap: 12px; margin-left: 16px; }
.xiazai-iyf-site-theme .iyf-source-search { position: relative; width: 30vw !important; max-width: 360px !important; min-width: 180px; flex: 0 1 360px; }
.xiazai-iyf-site-theme .iyf-header-tools { min-width: 0; max-width: 100%; overflow: hidden; }
.xiazai-iyf-site-theme .iyf-source-search .iconsousuo { font-size: 22px; color: #7dabff; }
.xiazai-iyf-site-theme .search-suggest { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; opacity: .52; }
.xiazai-iyf-site-theme .search-input:not(:placeholder-shown) + .search-suggest { display: none; }
.xiazai-iyf-site-theme .search-agent[hidden] { display: none; }
.xiazai-iyf-site-theme .iyf-header-action { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; text-decoration: none; }
.xiazai-iyf-site-theme .iyf-header-action .iconfont { font-size: 28px; }
.xiazai-iyf-site-theme .iyf-source-search .search-input { padding-left: 18px; padding-right: 48px; }
.xiazai-iyf-site-theme .iyf-source-search .nav-button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); min-height: 34px; }
.xiazai-iyf-site-theme .iyf-header-action:hover { background: rgba(125,171,255,.16); color: #7dabff; }
.xiazai-iyf-site-theme .iyf-nav-link-icon,
.xiazai-iyf-site-theme .iconjiantou_liebiaozhankai,
.xiazai-iyf-site-theme .iyf-source-search .iconsousuo,
.xiazai-iyf-site-theme .iyf-header-action .iconfont { display: none !important; }
.xiazai-iyf-site-theme .iyf-action-label { display: inline-flex; align-items: center; justify-content: center; color: currentColor; font-size: 13px; line-height: 1; white-space: nowrap; }
.xiazai-iyf-site-theme .iyf-filter-panel { display: block; width: 100%; max-width: 100%; padding: 16px 18px; margin-top: 18px; border: 1px solid rgba(125,171,255,.12); box-sizing: border-box; }
.xiazai-iyf-site-theme .iyf-filter-row { display: flex; align-items: flex-start; gap: 14px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.xiazai-iyf-site-theme .iyf-filter-row:last-child { border-bottom: 0; }
.xiazai-iyf-site-theme .iyf-filter-label { flex: 0 0 56px; line-height: 32px; }
.xiazai-iyf-site-theme .iyf-filter-values { display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 8px; min-width: 0; }
.xiazai-iyf-site-theme .iyf-filter-option { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.86); }
.xiazai-iyf-site-theme .iyf-filter-option:hover { color: #7dabff; background: rgba(125,171,255,.14); }
@media (max-width: 768px) { .xiazai-iyf-site-theme .iyf-header-tools { flex: 1 0 100%; width: 100%; margin: 8px 0 0; } .xiazai-iyf-site-theme .iyf-source-search { flex: 1; min-width: 0; max-width: none; } .xiazai-iyf-site-theme .iyf-header-action { width: 38px; height: 38px; } }

/* iyf formal footer guard */
.xiazai-iyf-site-theme .iyf-footer { margin-top: 52px; padding: 0 0 32px; background: #080b12; border-top: 1px solid rgba(125,171,255,.16); color: rgba(255,255,255,.84); }
.xiazai-iyf-site-theme .iyf-footer-inner { display: grid !important; grid-template-columns: minmax(280px, 1.3fr) repeat(3, minmax(170px, .9fr)); gap: 16px; padding: 32px 0 0; }
.xiazai-iyf-site-theme .iyf-footer-brand,
.xiazai-iyf-site-theme .iyf-footer-group { min-width: 0; padding: 20px; border-radius: 18px; background: linear-gradient(180deg, rgba(25,31,45,.92), rgba(13,16,24,.94)); border: 1px solid rgba(125,171,255,.16); box-shadow: 0 18px 44px rgba(0,0,0,.24); }
.xiazai-iyf-site-theme .iyf-footer-logo { display: inline-flex; max-width: 100%; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xiazai-iyf-site-theme .iyf-footer-brand p { margin: 12px 0 0; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.8; }
.xiazai-iyf-site-theme .iyf-footer-group strong { display: block; margin-bottom: 12px; color: #fff; font-size: 15px; font-weight: 700; }
.xiazai-iyf-site-theme .iyf-footer-links { display: flex; flex-wrap: wrap; gap: 10px 14px; }
.xiazai-iyf-site-theme .iyf-footer-links a { color: rgba(255,255,255,.76); font-size: 14px; line-height: 1.6; white-space: nowrap; }
.xiazai-iyf-site-theme .iyf-footer-links a:hover,
.xiazai-iyf-site-theme .iyf-footer-logo:hover { color: #7dabff; }
.xiazai-iyf-site-theme .iyf-footer-copy { grid-column: 1 / -1; margin: 8px 0 0; padding-top: 20px; border-top: 1px solid rgba(125,171,255,.14); color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.7; text-align: center; }
@media (max-width: 1024px) { .xiazai-iyf-site-theme .iyf-footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-left: 16px; padding-right: 16px; } }
@media (max-width: 640px) { .xiazai-iyf-site-theme .iyf-footer-inner { grid-template-columns: 1fr; } .xiazai-iyf-site-theme .iyf-footer { margin-top: 36px; } }

/* iyf detail/play SEO structure guard */
.xiazai-iyf-site-theme .iyf-page.container { width: min(1280px, calc(100vw - 32px)) !important; max-width: min(1280px, calc(100vw - 32px)) !important; }
.xiazai-iyf-site-theme .iyf-page .container,
.xiazai-iyf-site-theme .iyf-page .container.box { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.xiazai-iyf-site-theme .iyf-detail-hero,
.xiazai-iyf-site-theme .iyf-play-player,
.xiazai-iyf-site-theme .iyf-detail-seo,
.xiazai-iyf-site-theme .iyf-play-seo,
.xiazai-iyf-site-theme .iyf-play-story,
.xiazai-iyf-site-theme .iyf-play-faq { padding: 24px !important; border: 1px solid rgba(125,171,255,.16); border-radius: 22px; background: linear-gradient(180deg, rgba(24,30,44,.94), rgba(11,14,22,.96)); box-shadow: 0 22px 58px rgba(0,0,0,.28); overflow: hidden; }
.xiazai-iyf-site-theme .iyf-detail-hero { display: grid; grid-template-columns: minmax(220px, 310px) minmax(0, 1fr); gap: 26px; align-items: start; }
.xiazai-iyf-site-theme .iyf-detail-poster { width: 100%; max-width: 310px; box-shadow: 0 18px 44px rgba(0,0,0,.38); }
.xiazai-iyf-site-theme .iyf-detail-info { min-width: 0; color: rgba(255,255,255,.82); }
.xiazai-iyf-site-theme .iyf-detail-kicker { margin: 0 0 8px; color: rgba(125,171,255,.82); font-size: 14px; }
.xiazai-iyf-site-theme .iyf-detail-info h1,
.xiazai-iyf-site-theme .iyf-play-heading h1 { margin: 0 0 16px; color: #fff; font-size: clamp(28px, 3vw, 42px); line-height: 1.18; letter-spacing: 0; }
.xiazai-iyf-site-theme .iyf-play-heading h1 a { color: #fff; text-decoration: none; }
.xiazai-iyf-site-theme .iyf-detail-meta-grid,
.xiazai-iyf-site-theme .iyf-play-meta-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.xiazai-iyf-site-theme .iyf-detail-meta-item,
.xiazai-iyf-site-theme .iyf-play-meta-item { min-width: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); }
.xiazai-iyf-site-theme .iyf-detail-meta-item span,
.xiazai-iyf-site-theme .iyf-play-meta-item span { display: block; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.3; }
.xiazai-iyf-site-theme .iyf-detail-meta-item strong,
.xiazai-iyf-site-theme .iyf-play-meta-item strong { display: block; margin-top: 6px; color: #fff; font-size: 15px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xiazai-iyf-site-theme .iyf-detail-people { display: grid; gap: 8px; margin: 14px 0; }
.xiazai-iyf-site-theme .iyf-detail-people p { margin: 0; color: rgba(255,255,255,.76); line-height: 1.7; }
.xiazai-iyf-site-theme .iyf-detail-people span { display: inline-flex; min-width: 44px; margin-right: 8px; color: rgba(125,171,255,.88); font-weight: 700; }
.xiazai-iyf-site-theme .iyf-detail-tags,
.xiazai-iyf-site-theme .iyf-play-discovery { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.xiazai-iyf-site-theme .iyf-detail-tags a,
.xiazai-iyf-site-theme .iyf-play-discovery a { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 999px; color: rgba(255,255,255,.84); background: rgba(125,171,255,.12); border: 1px solid rgba(125,171,255,.18); text-decoration: none; }
.xiazai-iyf-site-theme .iyf-detail-tags a:hover,
.xiazai-iyf-site-theme .iyf-play-discovery a:hover { color: #fff; background: rgba(125,171,255,.22); }
.xiazai-iyf-site-theme .iyf-detail-summary,
.xiazai-iyf-site-theme .iyf-detail-seo p,
.xiazai-iyf-site-theme .iyf-play-seo p,
.xiazai-iyf-site-theme .iyf-play-story p,
.xiazai-iyf-site-theme .iyf-play-faq-item p { color: rgba(255,255,255,.76); font-size: 15px; line-height: 1.9; }
.xiazai-iyf-site-theme .iyf-detail-seo-note { color: rgba(125,171,255,.72) !important; }
.xiazai-iyf-site-theme .iyf-detail-actions,
.xiazai-iyf-site-theme .iyf-play-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.xiazai-iyf-site-theme .iyf-primary-action,
.xiazai-iyf-site-theme .iyf-secondary-action { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 999px; text-decoration: none; font-weight: 700; }
.xiazai-iyf-site-theme .iyf-primary-action { color: #07111f; background: #7dabff; }
.xiazai-iyf-site-theme .iyf-secondary-action { color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
.xiazai-iyf-site-theme .iyf-play-player { padding: 16px !important; }
.xiazai-iyf-site-theme .iyf-player-screen { border-radius: 18px; border: 1px solid rgba(255,255,255,.1); }
.xiazai-iyf-site-theme .iyf-play-heading { padding: 18px 6px 4px; color: rgba(255,255,255,.8); }
.xiazai-iyf-site-theme .iyf-play-heading .breadcrumb,
.xiazai-iyf-site-theme .iyf-detail-page .breadcrumb { color: rgba(255,255,255,.58); }
.xiazai-iyf-site-theme .iyf-play-heading .link { color: rgba(255,255,255,.72); }
.xiazai-iyf-site-theme .iyf-play-faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.xiazai-iyf-site-theme .iyf-play-faq-item { min-width: 0; padding: 16px; border-radius: 16px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); }
.xiazai-iyf-site-theme .iyf-play-faq-item h3 { margin: 0 0 10px; color: #fff; font-size: 16px; line-height: 1.5; }
.xiazai-iyf-site-theme .iyf-play-faq-item a { color: #7dabff; }
.xiazai-iyf-site-theme .iyf-related .container.box { border-top: 1px solid rgba(125,171,255,.12); }
@media (max-width: 980px) {
  .xiazai-iyf-site-theme .iyf-detail-hero { grid-template-columns: 1fr; }
  .xiazai-iyf-site-theme .iyf-detail-poster { max-width: 260px; }
  .xiazai-iyf-site-theme .iyf-detail-meta-grid,
  .xiazai-iyf-site-theme .iyf-play-meta-grid,
  .xiazai-iyf-site-theme .iyf-play-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .xiazai-iyf-site-theme .iyf-page.container { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; }
  .xiazai-iyf-site-theme .iyf-detail-hero,
  .xiazai-iyf-site-theme .iyf-play-player,
  .xiazai-iyf-site-theme .iyf-detail-seo,
  .xiazai-iyf-site-theme .iyf-play-seo,
  .xiazai-iyf-site-theme .iyf-play-story,
  .xiazai-iyf-site-theme .iyf-play-faq { padding: 16px !important; border-radius: 16px; }
  .xiazai-iyf-site-theme .iyf-detail-meta-grid,
  .xiazai-iyf-site-theme .iyf-play-meta-grid,
  .xiazai-iyf-site-theme .iyf-play-faq-grid { grid-template-columns: 1fr; }
  .xiazai-iyf-site-theme .iyf-detail-info h1,
  .xiazai-iyf-site-theme .iyf-play-heading h1 { font-size: 26px; }
}

/* Mobile header stays in normal flow so the sponsored banner is never covered. */
@media (max-width: 768px) {
  .xiazai-iyf-site-theme .top-nav.fixed > .container {
    width: 100% !important;
    max-width: none !important;
    padding: 8px 12px 10px !important;
  }

  .xiazai-iyf-site-theme .top-nav.fixed .inner.d-flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100%;
  }

  .xiazai-iyf-site-theme .top-nav.fixed .inner > .box {
    width: 100%;
    min-width: 0;
  }

  .xiazai-iyf-site-theme .top-nav .logo,
  .xiazai-iyf-site-theme .top-nav .logo a {
    min-width: 0;
    max-width: 100%;
    height: 44px;
  }

  .xiazai-iyf-site-theme .iyf-header-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px 44px;
    gap: 6px !important;
    width: 100%;
    margin: 0 !important;
    overflow: visible;
  }

  .xiazai-iyf-site-theme .iyf-source-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .xiazai-iyf-site-theme .iyf-header-action {
    width: 44px;
    height: 44px;
  }

}

@media (max-width: 767px) {
  /* The complete five-channel fallback below the ad replaces this clipped 800px source row. */
  .xiazai-iyf-site-theme .iyf-native-channel-nav {
    display: none !important;
  }

  /* Keep long IYF home shelves concise without touching list/detail/related grids. */
  .xiazai-iyf-site-theme .iyf-page > .navbg ~ .container.box > .row > .col-2.menu-item:nth-child(n + 7) {
    display: none !important;
  }
}
