/* Frontend only. Legacy page layouts and player styles stay in their own sheets. */
.frontend-h5 { font-family: system-ui, "PingFang SC", "Microsoft YaHei", sans-serif; }
.h5-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.h5-skip { position: fixed; left: 12px; top: -100px; z-index: 100; background: #fff; color: #202226; padding: 12px; }
.h5-skip:focus { top: 8px; }
.frontend-h5 :is(a, button, input):focus-visible { outline: 2px solid #bd3f29; outline-offset: 3px; }
.frontend-h5 .h5-header {
  position: sticky; top: 0; z-index: 50; color-scheme: light; background: #fff; color: #202226; border-bottom: 1px solid #e5e6e8;
  box-shadow: none; backdrop-filter: none;
}
.frontend-h5 .h5-header::after { content: none; }
.frontend-h5 .h5-header .head-row { display: flex; flex-wrap: wrap; height: auto; gap: 8px; padding-top: 12px; padding-bottom: 0; max-width: 1200px; }
.frontend-h5 .h5-header .h5-wordmark { order: 0; margin-right: auto; font-size: 1.125rem; font-weight: 750; letter-spacing: -.03em; color: #202226; white-space: normal; overflow-wrap: anywhere; min-width: 0; }
.frontend-h5 .h5-header .me-link { order: 0; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: #62666c; padding: 8px; font-size: .875rem; text-shadow: none; }
.frontend-h5 .h5-header .search-box { order: 1; display: flex; position: relative; width: 100%; margin: 0; }
.frontend-h5 .h5-header .search-box input,
.frontend-h5 .h5-header .search-box input:focus {
  width: 100%; min-width: 0; height: 48px; padding: 10px 52px 10px 14px; border: 1px solid #92969b;
  border-radius: 6px; background: #f3f4f5; color: #202226; font-size: 1rem; box-shadow: none; transition: none;
}
.frontend-h5 .h5-header .search-box input::placeholder { color: #62666c; }
.frontend-h5 .h5-header .search-go { display: grid; place-items: center; width: 44px; height: 44px; right: 2px; top: 2px; transform: none; color: #bd3f29; }
.frontend-h5 .h5-header .search-go svg { width: 22px; height: 22px; }
.frontend-h5 .h5-header .tabs { order: 2; display: flex; width: 100%; min-width: 0; gap: 0 8px; flex-wrap: wrap; overflow: visible; padding: 0; }
.frontend-h5 .h5-header .tabs a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px; color: #62666c; border-radius: 0; font-size: .875rem; }
.frontend-h5 .h5-header .tabs a.on { color: #bd3f29; font-weight: 700; background: none; }
.frontend-h5 .h5-header .tabs a.on::after { left: 8px; right: 8px; background: #bd3f29; box-shadow: none; border-radius: 0; }
.frontend-h5 .h5-header a:hover { color: #bd3f29; }
.frontend-h5 .h5-card { min-width: 0; }
.frontend-h5 .h5-card .card-title { display: block; white-space: normal; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; font-size: .875rem; line-height: 1.5; font-weight: 650; margin: 8px 0 0; -webkit-line-clamp: unset; }
.frontend-h5 .h5-card .card-cover { aspect-ratio: 2 / 3; border-radius: 4px; }
.frontend-h5 .h5-card .card-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.frontend-h5 .h5-card .card-line,
.frontend-h5 .h5-card .card-ep { font-size: .75rem; line-height: 1.5; max-width: calc(100% - 8px); white-space: normal; padding: 2px 4px; left: 4px; right: auto; color: #fff; background: #202226; border: 0; border-radius: 2px; }
.frontend-h5 .h5-card .card-ep { bottom: 4px; }
.frontend-h5 .h5-card .h5-card-actions { display: flex; flex-wrap: wrap; gap: 0 8px; margin: 0; font-size: .75rem; }
.frontend-h5 .h5-card .h5-card-actions a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 4px; margin: 0; text-decoration: underline; text-underline-offset: 3px; }
.h5-home-document { color-scheme: light; }
body.h5-home {
  --bg: #fff; --bg2: #f3f4f5; --bg3: #f3f4f5; --bg4: #e5e6e8;
  --tx: #202226; --tx2: #62666c; --tx3: #62666c; --tx4: #62666c;
  --line: #e5e6e8; --line2: #92969b; --acc: #bd3f29; --acc2: #bd3f29;
  background: #fff; color: #202226; font-size: 1rem; line-height: 1.5;
}
.h5-home .wrap { max-width: 1200px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
.h5-home-content { padding: 24px 0 32px; }
.h5-page-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.h5-page-heading h1 { font-size: 1.25rem; line-height: 1.4; font-weight: 750; }
.h5-page-heading > a { display: inline-flex; align-items: center; min-height: 44px; color: #62666c; font-size: .875rem; }
.h5-home-content .sec { margin: 0 0 28px; }
.h5-home-content .sec-title { font-size: 1.125rem; line-height: 1.5; margin-bottom: 12px; gap: 8px; flex-wrap: wrap; }
.h5-home-content .sec-title::before { content: none; }
.h5-home-content .sec-more { min-height: 44px; display: inline-flex; align-items: center; font-size: .875rem; color: #62666c; }
.h5-home-content .grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 8px; }
.h5-home .h5-card:hover .card-cover { box-shadow: none; }
.h5-home .h5-card:hover img { transform: none; }
.h5-home .h5-card .card-playhint { display: none; }
.h5-home .h5-card-actions a:first-child { color: #bd3f29; }
.h5-home .empty { text-align: left; padding: 32px 20px; background: #f3f4f5; border-top: 2px solid #bd3f29; border-radius: 0; }
.h5-home .empty p { max-width: 36em; margin: 0 0 20px; color: #62666c; }
.h5-home .btn-primary { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 16px; background: #bd3f29; color: #fff; border: 0; border-radius: 6px; box-shadow: none; }
.h5-home .site-foot { margin-top: 0; border-top: 1px solid #e5e6e8; background: #f3f4f5; }
.h5-home .site-foot .logo { display: none; }
.h5-home .site-foot a { min-height: 44px; display: inline-flex; align-items: center; }
.h5-home #continue-strip { margin: 0 0 20px; background: #293648; border: 1px solid #48586b; border-radius: 10px; }
.h5-home .continue-strip { display: block; overflow: visible; padding: 12px; }
.h5-home .continue-strip[hidden] { display: none; }
.h5-home .strip-label { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; color: #e8be78; font-size: 1rem; font-weight: 700; line-height: 1.5; }
.h5-home .strip-label::before { content: ""; flex: 0 0 auto; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid currentColor; }
.h5-home .strip-items { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 8px; min-width: 0; }
.h5-home .strip-items a { display: inline-flex; flex: 0 0 auto; width: max-content; min-width: 0; max-width: 100%; min-height: 44px; gap: 8px; padding: 8px 12px; border: 1px solid #48586b; border-radius: 8px; background: #243141; color: #a9d8ca; font-weight: 400; box-shadow: none; white-space: nowrap; overflow-wrap: normal; font-size: .875rem; line-height: 1.5; }
.h5-home .strip-items a b { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; font-weight: 500; color: #a9d8ca; }
.h5-home .strip-meta { flex: 0 0 auto; font-size: .75rem; font-weight: 400; color: #a9d8ca; white-space: nowrap; }
.h5-home #continue-strip .strip-items a:hover { background: #2d3d50; border-color: #617388; color: #a9d8ca; box-shadow: none; }
.h5-home #continue-strip .strip-items a:focus-visible { background: #2d3d50; border-color: #617388; color: #a9d8ca; outline: 2px solid #a9d8ca; outline-offset: 2px; box-shadow: none; }
/* rem-based minimums also let larger user font settings reduce the column count. */
@media (min-width: 360px) {
  .h5-home-content .grid { grid-template-columns: repeat(auto-fill, minmax(min(calc((100% - 8px) / 2), max(6.25rem, calc((100% - 16px) / 3))), 1fr)); }
}
@media (min-width: 640px) {
  .h5-home-content .grid { grid-template-columns: repeat(auto-fill, minmax(min(calc((100% - 8px) / 2), max(6.25rem, calc((100% - 24px) / 4))), 1fr)); }
}
@media (min-width: 1024px) {
  .frontend-h5 .h5-header .search-box { order: 0; width: min(40%, 440px); margin-right: auto; }
  .frontend-h5 .h5-header .h5-wordmark { margin-right: 24px; }
  .h5-home-content .grid { grid-template-columns: repeat(auto-fill, minmax(min(calc((100% - 8px) / 2), max(6.25rem, calc((100% - 32px) / 5))), 1fr)); }
}
@media (min-width: 1280px) {
  .h5-home-content .grid { grid-template-columns: repeat(auto-fill, minmax(min(calc((100% - 8px) / 2), max(6.25rem, calc((100% - 40px) / 6))), 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .frontend-h5 .h5-card *, .frontend-h5 .h5-header * { transition: none; animation: none; }
}

.h5-home .empty .sec-title { justify-content: flex-start; color: #202226; }
.h5-home .empty .btn-primary { margin-left: 0; margin-right: 0; }
.h5-home .site-foot .foot-road { background: #fff; border-color: #e5e6e8; border-radius: 6px; }
.h5-home .site-foot .road-pill { background: #f3f4f5; color: #62666c; border-color: #92969b; }
.h5-home .site-foot .road-pill.main { color: #bd3f29; border-color: #bd3f29; }
/* UI-03B: temporary D3 palette, poster cards and mobile primary navigation. */
.h5-home-document { color-scheme: dark; }
body.h5-home { --bg:#202a39; --bg2:#2c394b; --bg3:#2c394b; --bg4:#39485b; --tx:#f0f2f5; --tx2:#bbc7d8; --tx3:#bbc7d8; --tx4:#bbc7d8; --line:#39485b; --line2:#8395b0; --acc:#ff8068; --acc2:#ff8068; background:#202a39; color:#f0f2f5; }
.frontend-h5 .h5-header { background:#202a39; color:#f0f2f5; color-scheme:dark; border-color:#39485b; }
.frontend-h5 .h5-header .h5-wordmark { color:#f0f2f5; }
.frontend-h5 .h5-header .me-link,.frontend-h5 .h5-header .tabs a { color:#bbc7d8; }
.frontend-h5 .h5-header .search-box input,.frontend-h5 .h5-header .search-box input:focus { background:#2c394b; color:#f0f2f5; border-color:#8395b0; }
.frontend-h5 .h5-header .search-box input::placeholder { color:#bbc7d8; }
.frontend-h5 .h5-header .search-go,.frontend-h5 .h5-header .tabs a.on,.frontend-h5 .h5-header a:hover { color:#ff8068; }
.frontend-h5 .h5-header .tabs a.on::after { background:#ff8068; }
.frontend-h5 :is(a,button,input):focus-visible { outline-color:#ff8068; }
.frontend-h5 .h5-card .card-main { display:block; }
.frontend-h5 .h5-card .card-cover { display:block; position:relative; aspect-ratio:2/3; overflow:hidden; padding:0; border:0; }
.frontend-h5 .h5-card .card-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3em; margin-top:8px; }
.frontend-h5 .h5-card .card-ep { position:absolute; left:auto; right:5px; bottom:6px; max-width:calc(100% - 10px); text-align:center; color:#f0f2f5; background:rgba(12,18,28,.72); font-style:normal; font-size:11px; line-height:16px; padding:2px 5px; border-radius:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.frontend-h5 .h5-card .home-card-ep { white-space:normal; text-align:right; }
.frontend-h5 .home-card-ep > span { display:inline-block; white-space:nowrap; }
@media (max-width: 900px) {
  .frontend-h5 .home-card-ep .card-update-age { display:block; font:inherit; }
}
.h5-home .h5-card .card-title { color:#f0f2f5; }
.h5-home .h5-card a:hover .card-title { color:#ff8068; }
.h5-home .empty,.h5-home .site-foot,.h5-home .continue-strip { background:#2c394b; border-color:#39485b; }
.h5-home .empty .sec-title { color:#f0f2f5; }
.h5-home .empty p,.h5-home .h5-page-heading>a,.h5-home .sec-more,.h5-home .site-foot { color:#bbc7d8; }
.h5-home .btn-primary { background:#ff8068; color:#32232b; }
.h5-bottom-nav { display:none; }
@media(max-width:699px) {
 html:has(.h5-bottom-nav) { scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
 body.frontend-h5 { padding-bottom:calc(80px + env(safe-area-inset-bottom,0px)); }
 .frontend-h5 .h5-header .tabs,.frontend-h5 .h5-header a.me-link { display:none; }
 .frontend-h5 .h5-header .head-row { padding-bottom:12px; }
 .h5-bottom-nav { position:fixed; z-index:50; bottom:0; left:0; right:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:4px max(8px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px)); background:#2c394b; box-shadow:0 -1px 0 #8395b044; }
 .h5-bottom-nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-width:44px; min-height:56px; font-size:12px; line-height:18px; color:#bbc7d8; position:relative; border-radius:6px; touch-action:manipulation; }
 .h5-bottom-nav svg { width:22px; height:22px; }
 .h5-bottom-nav a[aria-current=page] { color:#ff8068; font-weight:750; }
 .h5-bottom-nav a[aria-current=page]::before { content:""; position:absolute; top:0; width:16px; height:2px; background:currentColor; border-radius:2px; }
 .h5-bottom-nav a:focus-visible { outline-offset:-2px; }
}
@media(min-width:1280px) { .frontend-h5 .h5-card .card-title { font-size:1rem; } }
.h5-home .site-foot .foot-road { background:#2c394b; border-color:#8395b0; }
.h5-home .site-foot .road-pill { background:#202a39; color:#bbc7d8; border-color:#8395b0; }
.h5-home .site-foot .road-pill.main { color:#ff8068; border-color:#ff8068; }

/* UI V1.1: navigation text only; retain existing routes, icons and geometry. */
.frontend-h5 .h5-header .tabs a { color: var(--tx, #f0f2f5); font-size: .9375rem; font-weight: 650; padding-left: 10px; padding-right: 10px; }
.frontend-h5 .h5-header .tabs a.on { color: var(--acc, #ff8068); font-weight: 800; }
@media (max-width: 699px) {
  .h5-bottom-nav a { color: #f0f2f5; font-size: 13px; font-weight: 650; }
  .h5-bottom-nav a[aria-current=page] { color: #ff8068; font-weight: 800; }
}

/* UI-V3 P1: final public Header and pointer-specific poster feedback. */
.frontend-h5 .h5-header { --acc: #ff8068; --acc2: #ffab99; --tx: #f0f2f5; --tx2: #bbc7d8; background: #263346; border-bottom: 1px solid #526078; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.frontend-h5 .h5-header .tabs a.on { position: relative; color: #ff8068; }
.frontend-h5 .h5-header .tabs a.on::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 4px; width: auto; height: 2px; transform: none; background: #ff8068; box-shadow: none; border-radius: 1px; }
.frontend-h5 .h5-header a.me-link { border: 1px solid #64738a; border-radius: 6px; font-weight: 650; }
.frontend-h5 .h5-header a.vip-nav-link { border-color: #ff8068; color: #ffab99; background: #2c394b; text-shadow: none; }
.frontend-h5 .h5-header a.me-link[href="/me"] { color: #202a39; border-color: #ff8068; background: #ff8068; }
.frontend-h5 .h5-header a.me-link:hover { border-color: #ffab99; }
.h5-home main.wrap { padding-top: 0; }
.h5-home .h5-home-content { padding-top: 20px; }
.frontend-h5 .h5-card .card-cover, .frontend-h5 .h5-card .card-cover img { transition: none; }
.frontend-h5 .h5-card:hover .card-cover { border-color: #526078; box-shadow: none; }
.frontend-h5 .h5-card:hover .card-cover img { transform: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .frontend-h5 .h5-card .card-cover { transition: border-color .2s ease, box-shadow .2s ease; }
  .frontend-h5 .h5-card .card-cover img { transition: transform .2s ease; }
  .frontend-h5 .h5-card:hover .card-cover { border-color: #526078; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
  .frontend-h5 .h5-card:hover .card-cover img { transform: scale(1.025); }
}

/* UI-V3 Footer: ordinary SSR pages only; bare player layouts are excluded. */
body.frontend-h5 { background: #202a39; }
.frontend-h5 .site-foot { --acc: #ff8068; --acc2: #ffab99; --tx: #f0f2f5; --tx2: #bbc7d8; --tx3: #9eafc4; --tx4: #9eafc4; --bg2: #202a39; --line: #39485b; --line2: #526078; margin-top: 0; padding: 20px 0 14px; background: #18212e; color: #bbc7d8; border-top: 1px solid #39485b; text-align: center; }
.frontend-h5 .site-foot::before { content: none; }
.frontend-h5 .site-foot > .wrap { max-width: 1200px; padding-left: 16px; padding-right: 16px; }
.frontend-h5 .site-foot .foot-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 20px; margin-bottom: 12px; }
.frontend-h5 .site-foot .foot-brand { flex: 0 0 100%; min-width: 0; }
.frontend-h5 .site-foot .foot-brand .logo { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; color: #f0f2f5; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: 0; }
.frontend-h5 .site-foot .foot-slogan { margin: 8px 0 4px; color: #9eafc4; font-size: 13px; line-height: 1.6; letter-spacing: 0; overflow-wrap: anywhere; }
.frontend-h5 .site-foot .foot-social { justify-content: center; flex-wrap: wrap; gap: 8px; margin: 4px 0; }
.frontend-h5 .site-foot .foot-social:not(:has(a)) { display: none; }
.frontend-h5 .site-foot .foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; height: 44px; background: #202a39; color: #bbc7d8; border: 1px solid #39485b; border-radius: 6px; }
.frontend-h5 .site-foot .foot-col { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; min-width: 0; max-width: 100%; gap: 0 12px; }
.frontend-h5 .site-foot .foot-col > b { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.frontend-h5 .site-foot .foot-col a, .frontend-h5 .site-foot .foot-legal a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 8px 4px; margin: 0; color: #bbc7d8; font-size: 14px; line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; }
.frontend-h5 .site-foot a:hover { color: #ffab99; box-shadow: none; }
.frontend-h5 .site-foot a:focus-visible { outline: 2px solid #ff8068; outline-offset: 2px; }
.frontend-h5 .site-foot .foot-road { flex: 0 0 100%; min-width: 0; max-width: 100%; margin-top: 4px; padding: 12px 0 0; background: transparent; border: 0; border-top: 1px solid #39485b; border-radius: 0; }
.frontend-h5 .site-foot .foot-road b { margin: 0 0 4px; color: #9eafc4; font-size: 13px; letter-spacing: 0; }
.frontend-h5 .site-foot .road-tip { margin: 0 0 6px; color: #9eafc4; }
.frontend-h5 .site-foot .road-pills, .frontend-h5 .site-foot .road-actions { justify-content: center; gap: 6px; margin-bottom: 0; }
.frontend-h5 .site-foot .road-pill { max-width: 100%; background: #202a39; color: #bbc7d8; border-color: #526078; }
.frontend-h5 .site-foot .road-pill.main { color: #ffab99; border-color: #64738a; }
.frontend-h5 .site-foot .road-btn { min-height: 44px; max-width: 100%; padding: 8px 10px; color: #bbc7d8; background: #202a39; border-color: #526078; white-space: normal; overflow-wrap: anywhere; }
.frontend-h5 .site-foot .foot-bar { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border-top: 1px solid #39485b; padding-top: 10px; }
.frontend-h5 .site-foot .foot-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 12px; }
.frontend-h5 .site-foot .foot-copy { color: #9eafc4; font-size: 12px; line-height: 20px; letter-spacing: 0; overflow-wrap: anywhere; }

@media (max-width: 699px) {
  .frontend-h5 .site-foot .foot-grid { column-gap: 12px; }
  .frontend-h5 .site-foot .foot-col, .frontend-h5 .site-foot .foot-legal { column-gap: 6px; }
  .frontend-h5 .site-foot .foot-col a, .frontend-h5 .site-foot .foot-legal a { min-width: 44px; padding-left: 2px; padding-right: 2px; font-size: 13px; }
}

/* Frozen PC Header shared by ordinary pages and the desktop player; home content stays scoped. */
.pc-home-header, .pc-home-v3 { display:none; }
@media (min-width:1024px) {
 body.frontend-h5.h5-home { background:#071b27; color:#edf3f7; }
 .frontend-h5 > .h5-header,#desktop-site-header > .h5-header { display:none; }
 .pc-home-header { display:block; position:sticky; top:0; z-index:50; font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:#edf3f7; background:linear-gradient(122deg,transparent 62%,rgba(243,112,76,.075) 62%,rgba(243,112,76,.075) 65%,transparent 65%,transparent 74%,rgba(243,112,76,.05) 74%,rgba(243,112,76,.05) 77%,transparent 77%),#091c28; border-bottom:1px solid #294252; }
 .pc-home-head-inner { max-width:1600px; margin:auto; padding:16px 32px 0; }
 .pc-home-head-top { display:flex; align-items:center; gap:22px; min-width:0; }
 .pc-home-header a { text-decoration:none; }
 .pc-home-brand { display:flex; align-items:center; gap:12px; flex-shrink:0; color:#f0f2f5; }
 .pc-home-brand img { width:58px; height:58px; object-fit:contain; }
 .pc-home-brand strong { display:block; font-size:24px; line-height:1.2; font-weight:700; letter-spacing:1px; }
 .pc-home-brand small { display:block; margin-top:4px; color:#b1c5d1; font-size:12px; letter-spacing:6px; }
 .pc-home-search { position:relative; display:flex; flex:1 1 440px; max-width:610px; margin:0 auto 0 34px; min-width:140px; }
 .pc-home-search input { width:100%; min-width:0; height:56px; padding:12px 54px 12px 24px; background:#0a202d; border:1px solid #365567; border-radius:11px; color:#edf3f7; font:inherit; font-size:14px; outline-offset:3px; }
 .pc-home-search input::placeholder { color:#afbfcc; }
 .pc-home-search button { position:absolute; top:5px; right:8px; width:46px; height:46px; display:grid; place-items:center; border:0; background:transparent; color:#ff744f; cursor:pointer; }
 .pc-home-search svg { width:26px; height:26px; }
 .pc-home-history,.pc-home-vip,.pc-home-login { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:48px; flex-shrink:0; font-size:14px; white-space:nowrap; }
 .pc-home-history { color:#b1c5d1; font-weight:500; }
 .pc-home-history svg { width:23px; height:23px; color:#ff8068; }
 .pc-home-vip { padding:8px 18px; border:1px solid #d69a39; border-radius:10px; background:#071b27; color:#efb94f; font-weight:500; }
 .pc-home-vip svg { width:26px; height:26px; }
 .pc-home-login { padding:8px 23px; border:1px solid #365567; border-radius:10px; background:#203a4b; color:#edf3f7; font-weight:500; }
 .pc-home-nav { display:flex; flex-wrap:wrap; align-items:center; gap:0 34px; margin-top:17px; }
 .pc-home-nav a { display:flex; position:relative; align-items:center; min-height:56px; padding:8px 0 14px; color:#edf3f7; font-size:14px; font-weight:500; }
 .pc-home-nav a[aria-current=page] { color:#ff744f; font-weight:700; }
 .pc-home-nav a[aria-current=page]::after { content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:#ff744f; border-radius:3px 3px 0 0; }
 .pc-home-header a:hover { color:#ffab99; }
 .pc-home-header :is(a,input,button):focus-visible { outline:2px solid #ff8068; outline-offset:4px; }
 .h5-home main.wrap { width:100%; max-width:1600px; padding-left:32px; padding-right:32px; }
 .h5-home .h5-home-content { padding-top:20px; }
 .h5-home .h5-home-content > :not(#continue-strip):not(.pc-home-v3) { display:none; }
 .h5-home .pc-home-v3 { display:block; }
 .pc-home-discovery { display:grid; grid-template-columns:minmax(0,1fr) 326px; gap:32px; align-items:start; }
 .pc-home-main { min-width:0; }
 .pc-home-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; min-height:32px; }
 .pc-home-section-head :is(h1,h2) { display:flex; align-items:center; gap:10px; margin:0; padding:0; color:#edf3f7; font-size:24px; line-height:1.4; font-weight:750; }
 .pc-home-section-head :is(h1,h2)::before { content:none; }
 .pc-home-section-head h1 > span { color:#ff744f; font-size:32px; }
 .pc-home-section-head :is(h1,h2) > span { color:#edf3f7; font-size:inherit; }
 .pc-home-section-head > a { display:inline-flex; align-items:center; min-height:44px; flex-shrink:0; font-size:15px; color:#a2bfd1; }
 .pc-home-poster-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
 .pc-home-item { min-width:0; }
 .pc-home-v3 .h5-card { border:0; background:transparent; box-shadow:none; }
 .pc-home-v3 .h5-card .card-cover { border-radius:8px; border:1px solid #294252; }
 .pc-home-popular .h5-card .card-cover { aspect-ratio:1.05; }
 .pc-home-v3 .h5-card .card-title { margin-top:8px; font-size:17px; font-weight:700; line-height:1.4; min-height:2.8em; color:#edf3f7; }
 .pc-home-card-meta { margin-top:3px; color:#94b7cb; font-size:14px; line-height:1.5; }
 .pc-home-categories { margin-top:24px; }
 .pc-home-category-links { display:flex; flex-wrap:nowrap; gap:clamp(8px,calc((100vw - 64px)*.00680272),10.8844px); max-width:100%; padding:4px 2px 10px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#526b7c #102735; scroll-snap-type:none; }
 .pc-home-category-links a { --category-width:clamp(80px,calc((100vw - 64px)*.07414966),118.6395px); --category-scene:100%; --category-icon:-160px; display:flex; flex:0 0 var(--category-width); flex-direction:column; justify-content:center; align-items:center; gap:clamp(8px,.73vw,14px); text-align:center; width:var(--category-width); min-width:var(--category-width); height:auto; min-height:0; aspect-ratio:109/120; padding:22px 6px 10px; border:1px solid #2a485a; border-radius:8px; color:#edf3f7; background-color:#102735; background-image:linear-gradient(180deg,rgba(7,22,32,.22),rgba(7,22,32,.38) 35%,rgba(7,22,32,.84) 82%,#071620),url('/static/pc-category-approved-people-v1.webp'); background-size:100% 100%,700% auto; background-position:center,var(--category-scene) top; background-repeat:no-repeat; font-size:16px; font-weight:600; line-height:1.5; overflow-wrap:anywhere; scroll-snap-align:start; }
 .pc-home-category-links a::before { content:""; display:block; flex:0 0 32px; width:32px; height:32px; background-image:url('/static/pc-category-icons-v1.svg'); background-size:224px 32px; background-position:var(--category-icon) 0; background-repeat:no-repeat; transform:scale(1.18); }
 .pc-home-category-links a[data-pc-category="yuanchuang"] { --category-scene:0%; --category-icon:0px; }
 .pc-home-category-links a[data-pc-category="mogai"] { --category-scene:16.666667%; --category-icon:-32px; }
 .pc-home-category-links a[data-pc-category="manju"] { --category-scene:33.333333%; --category-icon:-64px; }
 .pc-home-category-links a[data-pc-category="zhenren"] { --category-scene:50%; --category-icon:-96px; }
 .pc-home-category-links a[data-pc-category="aiduanju"] { --category-scene:66.666667%; --category-icon:-128px; }
 .pc-home-category-links a[data-pc-category="green"] { --category-scene:83.333333%; }
 .pc-home-category-links a[data-pc-category-more] { --category-icon:-192px; }
 .pc-home-category-links a[data-pc-category-more] > span[aria-hidden="true"] { display:none; }
 .pc-home-category-links a:hover { border-color:#526b7c; filter:brightness(1.08); }
 .pc-home-category-links a:focus-visible { outline:2px solid #ff8068; outline-offset:-3px; }
 .pc-home-ranking { min-width:0; padding:12px 16px 16px; border:1px solid #284555; border-radius:11px; background:#0b202d; }
 .pc-home-ranking .pc-home-section-head { margin-bottom:14px; }
 .pc-home-ranking .pc-home-section-head h2 { font-size:20px; }
 .pc-home-ranking h2 > span { color:#efb94f; }
 .pc-home-ranking ol { display:grid; gap:12px; padding:0; margin:0; list-style:none; }
 .pc-home-ranking li { display:flex; align-items:center; gap:12px; min-width:0; }
 .pc-home-rank-no { display:grid; place-items:center; flex:0 0 28px; height:28px; border-radius:50%; background:#a7b2bb; color:#142733; font-size:17px; }
 .pc-home-ranking li:nth-child(-n+3) .pc-home-rank-no { background:#e8be78; }
 .pc-home-ranking li > a { display:flex; flex:1; align-items:center; gap:12px; min-width:0; color:#edf3f7; }
 .pc-home-ranking img { width:66px; height:82px; object-fit:cover; border-radius:6px; flex-shrink:0; }
 .pc-home-ranking a > span { min-width:0; }
 .pc-home-ranking strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:16px; line-height:1.5; font-weight:650; }
 .pc-home-ranking small { display:block; margin-top:5px; color:#94b7cb; font-size:13px; line-height:1.6; }
 .pc-home-fresh { margin-top:28px; }
 .pc-home-empty { padding:24px 0; }
 .pc-home-empty a { display:inline-flex; align-items:center; min-height:44px; color:#ffab99; }
}
@media (min-width:1024px) and (max-width:1199px) {
 .pc-home-head-inner,.h5-home main.wrap { padding-left:24px; padding-right:24px; }
 .pc-home-head-top { gap:12px; }
 .pc-home-brand { gap:8px; }
 .pc-home-brand img { width:44px; height:44px; }
 .pc-home-brand strong { font-size:24px; }
 .pc-home-brand small { font-size:12px; letter-spacing:4px; }
 .pc-home-search { margin-left:8px; }
 .pc-home-search input { font-size:14px; }
 .pc-home-history,.pc-home-vip,.pc-home-login { font-size:14px; }
 .pc-home-login,.pc-home-vip { padding:8px 12px; }
 .pc-home-nav { gap:0 22px; }
 .pc-home-nav a { font-size:14px; }
 .pc-home-discovery { grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
 .pc-home-poster-grid { gap:10px; }
 .pc-home-v3 .h5-card .card-title { font-size:14px; }
 .pc-home-ranking { padding:12px; }
 .pc-home-ranking li { gap:8px; }
 .pc-home-ranking img { width:52px; height:72px; }
 .pc-home-ranking li > a { gap:8px; }
 .pc-home-ranking strong { font-size:14px; }
}

@media(min-width:1024px) { .pc-home-section-head h1 > span,.pc-home-section-head h2 > span { display:inline-flex; align-items:center; } .pc-home-ranking li:nth-child(2) .pc-home-rank-no { background:#b2d6e9; } .pc-home-ranking li:nth-child(3) .pc-home-rank-no { background:#eea26a; } }

@media(min-width:1024px) { .h5-home .h5-home-content > .h5-page-heading { display:block; position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); margin:0; padding:0; } .h5-home .h5-page-heading > a { display:none; } .pc-home-popular .pc-home-section-head :is(h1,h2) > span { color:#ff744f; } }

/* PC homepage category linkage: no Header, mobile or player style changes. */
@media(min-width:1024px) {
 .pc-home-category-links a[data-pc-category] { border-color:#2a485a; color:#edf3f7; }
 .pc-home-category-links a[aria-selected="true"] { border-color:#ff9477; color:#ffd2bf; filter:brightness(1.04); box-shadow:inset 0 0 0 1px #ff9477; }
 .pc-home-category-results { margin-top:24px; }
 .pc-home-category-results [hidden] { display:none; }
 .pc-home-category-results h3 { margin:0; color:#edf3f7; font-size:20px; line-height:1.4; font-weight:700; }
 .pc-home-category-empty { margin:0; padding:16px 0; color:#94b7cb; font-size:15px; }
}

/* PC homepage typography only. Keep brand artwork, all surfaces and layout dimensions. */
@media (min-width:1200px) {
 .h5-home .pc-home-search input { font-size:14px; font-weight:400; line-height:1.5; }
 .h5-home .pc-home-history { font-size:14px; font-weight:500; line-height:1.5; }
 .h5-home .pc-home-vip,
 .h5-home .pc-home-login { font-size:14px; font-weight:500; line-height:1.5; }
 .h5-home .pc-home-section-head :is(h1,h2) { font-size:22px; font-weight:600; line-height:1.4; }
 .h5-home .pc-home-ranking .pc-home-section-head h2 { font-size:18px; font-weight:600; line-height:1.4; }
 .h5-home .pc-home-v3 .h5-card .card-title { font-size:15px; font-weight:500; line-height:1.5; }
 .h5-home .pc-home-category-links a { font-size:clamp(15px,.94vw,18px); font-weight:600; line-height:1.5; }
 .h5-home .pc-home-category-results h3 { font-size:18px; font-weight:600; line-height:1.5; }
 .h5-home .pc-home-ranking strong { font-size:15px; font-weight:500; line-height:1.5; }
 .h5-home .pc-home-card-meta { font-size:13px; font-weight:400; line-height:1.5; }
 .h5-home .pc-home-section-head > a { font-size:14px; font-weight:400; line-height:1.5; }
 .h5-home .pc-home-rank-no { font-size:15px; font-weight:400; line-height:1.5; }
}

/* PC homepage: 1600px inner content plus the existing 32px side paddings. */
@media (min-width:1200px) {
 .h5-home main.wrap { max-width:1664px; }
}

/* Mobile homepage V3: reuse the existing brand Header and SSR cards only. */
.mobile-home-header { display:none; }
/* Only verified first-publication metadata may render this optional homepage badge. */
.h5-home-content .h5-card .card-new-release { position:absolute; top:6px; right:6px; z-index:2; max-width:calc(100% - 12px); padding:3px 6px; border-radius:4px; background:#e53935; color:#fff; font-size:12px; font-weight:600; font-style:normal; line-height:18px; white-space:nowrap; pointer-events:none; }
@media (max-width:1023px) {
 .h5-home-content .h5-card .card-new-release { top:4px; right:4px; max-width:calc(100% - 8px); padding:2px 4px; font-size:10px; line-height:16px; }
 .frontend-h5 .site-foot { background:#18212e; color:#bbc7d8; font-size:13px; line-height:1.5; }
 .frontend-h5 .site-foot .foot-brand .logo span { color:#f0f2f5; }
 .frontend-h5 .site-foot .foot-col a,.frontend-h5 .site-foot .foot-legal a { color:#bbc7d8; font-size:13px; line-height:20px; }
 .frontend-h5.h5-home .h5-card .card-cover { background:transparent; box-shadow:none; }
 body.frontend-h5:not(.h5-home) { --bg:#071b27; --bg2:#102635; --bg3:#183242; --bg4:#203a4b; --line:#2a485a; --line2:#526b7c; --tx:#edf3f7; --tx2:#b1c5d1; --tx3:#94afc0; --tx4:#94afc0; --acc:#ff8068; --acc2:#ffab99; --acc-deep:#e56f59; --acc-ink:#202a39; --acc-soft:rgba(255,128,104,.12); background:#071b27; color:#edf3f7; font-size:15px; line-height:1.6; }
 .frontend-h5:not(.h5-home) main.wrap { min-width:0; padding:16px max(12px,env(safe-area-inset-right)) 24px max(12px,env(safe-area-inset-left)); }
 .frontend-h5:not(.h5-home) main .page-h1 { color:#edf3f7; font-size:22px; line-height:1.4; font-weight:700; margin:0 0 12px; overflow-wrap:anywhere; }
 .frontend-h5:not(.h5-home) main .page-lead,.frontend-h5:not(.h5-home) main .crumb { color:#b1c5d1; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
 .frontend-h5:not(.h5-home) main .sec { margin:20px 0; }
 .frontend-h5:not(.h5-home) main .sec-title { color:#edf3f7; font-size:19px; line-height:1.4; margin-bottom:12px; }
 .frontend-h5:not(.h5-home) main .sec-title::before { content:none; }
 .frontend-h5:not(.h5-home) main .sec-more { color:#b1c5d1; font-size:14px; }
 .frontend-h5:not(.h5-home) main .btn-primary { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; background:#ff8068; color:#202a39; border:1px solid #ff8068; border-radius:8px; font-size:14px; font-weight:600; box-shadow:none; text-shadow:none; }
 .frontend-h5:not(.h5-home) main .empty { padding:24px 16px; background:#102635; color:#b1c5d1; border:1px solid #2a485a; border-radius:10px; }
 .frontend-h5:not(.h5-home) main .grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
 .frontend-h5:not(.h5-home) main .card.h5-card { background:transparent; padding:0; border:0; box-shadow:none; min-width:0; }
 .frontend-h5:not(.h5-home) main .h5-card .card-cover { aspect-ratio:2/3; border-radius:8px; border:0; background:transparent; box-shadow:none; }
 .frontend-h5:not(.h5-home) main .h5-card .card-cover img { object-fit:cover; }
 .frontend-h5:not(.h5-home) main .h5-card .card-title { color:#edf3f7; font-size:15px; line-height:1.5; font-weight:500; overflow-wrap:anywhere; }
 .frontend-h5:not(.h5-home) .search-big { display:flex; gap:4px; max-width:none; margin:0 0 20px; padding:3px; border:1px solid #365567; border-radius:12px; background:#0a202d; }
 .frontend-h5:not(.h5-home) .search-big .ipt { flex:1; min-width:0; width:0; height:44px; padding:10px 12px; border:0; border-radius:8px; background:transparent; color:#edf3f7; font-size:15px; box-shadow:none; }
 .frontend-h5:not(.h5-home) .search-big .btn-primary { flex:0 0 64px; height:44px; padding:6px 10px; }
 .frontend-h5:not(.h5-home) main :is(a,button,input,textarea,select):focus-visible { outline:2px solid #8395b0; outline-offset:2px; }
 .frontend-h5:not(.h5-home) main .crumb { display:flex; flex-wrap:wrap; gap:4px; margin:0 0 12px; }
 .frontend-h5:not(.h5-home) main .page-lead { margin-bottom:16px; }
 .frontend-h5:not(.h5-home) main .load-more { min-height:44px; padding:10px 16px; border:1px solid #526b7c; border-radius:8px; background:#102635; color:#ffab99; font-size:14px; }
 .frontend-h5:not(.h5-home) main .pager-total { color:#94afc0; font-size:13px; line-height:1.5; }
 .frontend-h5:not(.h5-home) main .filters { padding:6px 12px; border:1px solid #2a485a; border-radius:10px; background:#102635; }
 .frontend-h5:not(.h5-home) main .filter-row { display:flex; flex-wrap:wrap; gap:6px; padding:10px 0; border-color:#2a485a; }
 .frontend-h5:not(.h5-home) main .filter-label { flex:0 0 100%; color:#94afc0; font-size:13px; }
 .frontend-h5:not(.h5-home) main :is(.pill,.tag-chip,.ep-link) { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid #2a485a; border-radius:8px; background:#102635; color:#b1c5d1; font-size:14px; line-height:1.5; box-shadow:none; white-space:normal; overflow-wrap:anywhere; }
 .frontend-h5:not(.h5-home) main :is(.pill.on,.pill-line,.pill:hover,.ep-link:hover) { background:rgba(255,128,104,.12); border-color:#ff8068; color:#ffab99; box-shadow:none; }
 .frontend-h5:not(.h5-home) main .detail { display:grid; grid-template-columns:clamp(88px,26vw,120px) minmax(0,1fr); align-items:start; gap:14px; margin-bottom:24px; }
 .frontend-h5:not(.h5-home) main .detail-cover { min-width:0; width:100%; grid-column:1; grid-row:1 / span 2; }
 .frontend-h5:not(.h5-home) main .detail-info { display:contents; }
 .frontend-h5:not(.h5-home) main .detail-info > .page-h1 { grid-column:2; grid-row:1; align-self:start; }
 .frontend-h5:not(.h5-home) main .detail-info > .detail-meta { grid-column:2; grid-row:2; align-self:start; margin:0; }
 .frontend-h5:not(.h5-home) main .detail-info > :is(.detail-tags,.detail-intro-wrap,.detail-actions) { grid-column:1 / -1; }
 .frontend-h5:not(.h5-home) main .detail-cover img { width:100%; aspect-ratio:2/3; object-fit:contain; border:0; border-radius:8px; background:transparent; }
 .frontend-h5:not(.h5-home) main .detail .page-h1 { font-size:20px; line-height:1.4; margin-bottom:8px; }
 .frontend-h5:not(.h5-home) main .detail-meta { gap:6px 10px; color:#94afc0; font-size:13px; }
 .frontend-h5:not(.h5-home) main .detail-tags { gap:6px; }
 .frontend-h5:not(.h5-home) main .detail-intro-wrap { max-width:none; margin-bottom:12px; }
 .frontend-h5:not(.h5-home) main .detail-intro { font-size:14px; line-height:1.7; color:#b1c5d1; overflow-wrap:anywhere; }
 .frontend-h5:not(.h5-home) main .detail-intro-wrap > .intro-toggle { display:none; }
 .frontend-h5:not(.h5-home) main .detail-intro.is-expandable { cursor:pointer; }
 .frontend-h5:not(.h5-home) main .detail-intro.is-expandable:focus-visible { outline:2px solid #8395b0; outline-offset:3px; border-radius:4px; }
 .frontend-h5:not(.h5-home) main :is(.btn-ghost,.intro-toggle) { min-height:44px; padding:8px 12px; border:1px solid #526b7c; border-radius:8px; background:#102635; color:#b1c5d1; font-size:14px; line-height:1.5; box-shadow:none; }
 .frontend-h5:not(.h5-home) main .detail-actions { display:flex; flex-wrap:wrap; gap:8px; }
 .frontend-h5:not(.h5-home) main .ep-grid { grid-template-columns:repeat(auto-fill,minmax(64px,1fr)); gap:8px; }
 .frontend-h5:not(.h5-home) main .ep-link { min-width:0; padding:8px 6px; }
 .frontend-h5:not(.h5-home) main .cmt-box { padding:12px; border:1px solid #2a485a; border-radius:10px; background:#102635; }
 .frontend-h5:not(.h5-home) main .cmt-box textarea.ipt { width:100%; background:#0a202d; border:1px solid #365567; color:#edf3f7; border-radius:8px; font-size:14px; }
 body.frontend-h5.h5-home { background:#071b27; color:#edf3f7; }
 .frontend-h5 > .h5-header { display:none; }
 .h5-home > .pc-home-header { display:none; }
 .frontend-h5 > .mobile-home-header { display:block; position:sticky; top:0; z-index:50; padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left)); background:#091c28; border-bottom:1px solid #294252; }
 .mobile-home-header-row { display:grid; grid-template-columns:44px minmax(0,1fr) 44px auto auto; align-items:center; gap:4px; }
 .mobile-home-header-row > details { height:44px; min-width:0; position:static; overflow:visible; }
 .mobile-home-header details > summary { display:grid; place-items:center; width:44px; height:44px; color:#ff8068; cursor:pointer; list-style:none; border-radius:8px; }
 .mobile-home-header details > summary::-webkit-details-marker { display:none; }
 .mobile-home-header svg { width:22px; height:22px; }
 .mobile-home-header a { text-decoration:none; }
 .mobile-home-brand { display:flex; align-items:center; gap:4px; min-width:0; color:#f0f2f5; }
 .mobile-home-brand img { width:28px; height:28px; flex-shrink:0; object-fit:contain; }
 .mobile-home-brand strong { display:block; font-size:clamp(15px,4.6vw,18px); font-weight:750; line-height:1.2; white-space:nowrap; }
 .mobile-home-brand small { display:block; margin-top:3px; font-size:9px; line-height:1.5; letter-spacing:3px; color:#b1c5d1; white-space:nowrap; }
 .mobile-home-vip,.mobile-home-login { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:6px 8px; border:1px solid #365567; border-radius:10px; font-size:14px; font-weight:600; line-height:20px; white-space:nowrap; }
 .mobile-home-vip { color:#efb94f; border-color:#d69a39; background:#071b27; }
 .mobile-home-login { color:#edf3f7; background:#203a4b; }
 .mobile-home-header details:not([open]) > .mobile-header-panel { display:none; }
 .mobile-header-panel { position:absolute; top:100%; left:0; right:0; padding:12px; max-height:60vh; overflow:auto; overscroll-behavior:contain; background:#091c28; border-bottom:1px solid #294252; box-shadow:0 6px 12px #0003; }
 .mobile-header-search > .mobile-header-panel { top:calc(100% + 1px); z-index:1; border-bottom:0; box-shadow:none; }
 .mobile-header-links { display:flex; flex-direction:column; flex-wrap:nowrap; gap:4px; width:min(82vw,320px); max-height:calc(100dvh - 141px - env(safe-area-inset-bottom,0px)); border-right:1px solid #294252; border-radius:0 0 12px 0; }
 .mobile-header-links a { display:inline-flex; align-items:center; min-height:44px; padding:6px 8px; color:#edf3f7; font-size:15px; line-height:24px; }
 .mobile-header-links a[aria-current=page] { color:#ff744f; font-weight:700; }
 .mobile-header-search-form { display:flex; min-width:0; gap:4px; padding:3px; border:1px solid #365567; border-radius:12px; background:#0a202d; }
 .mobile-header-search-form input { flex:1; width:0; min-width:0; height:44px; padding:10px 12px; border:0; border-radius:8px; background:transparent; color:#edf3f7; font:inherit; font-size:14px; }
 .mobile-header-search-form input::placeholder { color:#afbfcc; }
 .mobile-header-search-form button { display:grid; place-items:center; flex:0 0 64px; height:44px; border:0; border-radius:8px; background:#ff8068; color:#202a39; font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
 .mobile-home-header :is(a,summary,input,button):focus-visible { outline:2px solid #ff8068; outline-offset:-2px; }
 .frontend-h5 .mobile-header-search-form :is(input,button) { outline:none; box-shadow:none; }
 .frontend-h5 .mobile-header-search-form :is(input,button):focus-visible { outline:2px solid #8395b0; outline-offset:-2px; }
 .mobile-header-search-form input:placeholder-shown::-webkit-search-cancel-button { display:none; }
 .h5-home .pc-home-head-inner { padding:12px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left)); }
 .h5-home .pc-home-head-top { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; }
 .h5-home .pc-home-header a { text-decoration:none; }
 .h5-home .pc-home-brand { display:flex; align-items:center; gap:8px; margin-right:auto; min-width:0; color:#f0f2f5; }
 .h5-home .pc-home-brand img { width:36px; height:36px; object-fit:contain; flex-shrink:0; }
 .h5-home .pc-home-brand strong { display:block; font-size:18px; line-height:1.2; font-weight:750; letter-spacing:1px; }
 .h5-home .pc-home-brand small { display:block; margin-top:4px; font-size:10px; line-height:1.5; letter-spacing:4px; color:#b1c5d1; }
 .h5-home .pc-home-history { display:none; }
 .h5-home .pc-home-vip,.h5-home .pc-home-login { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:44px; flex-shrink:0; padding:8px 12px; border:1px solid #365567; border-radius:10px; font-size:14px; line-height:20px; font-weight:600; }
 .h5-home .pc-home-vip { color:#efb94f; border-color:#d69a39; background:#071b27; }
 .h5-home .pc-home-vip svg { width:19px; height:19px; }
 .h5-home .pc-home-login { color:#edf3f7; background:#203a4b; }
 .h5-home .pc-home-search { position:relative; display:flex; order:1; flex:0 0 100%; min-width:0; margin:0; }
 .h5-home .pc-home-search input { width:100%; min-width:0; height:44px; padding:10px 48px 10px 14px; border:1px solid #365567; border-radius:11px; background:#0a202d; color:#edf3f7; font:inherit; font-size:14px; }
 .h5-home .pc-home-search input::placeholder { color:#afbfcc; }
 .h5-home .pc-home-search button { position:absolute; right:0; top:0; display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:#ff744f; cursor:pointer; }
 .h5-home .pc-home-search svg { width:22px; height:22px; }
 .h5-home .pc-home-nav { display:flex; align-items:center; gap:0 22px; margin-top:6px; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; }
 .h5-home .pc-home-nav a { display:flex; position:relative; align-items:center; flex:0 0 auto; min-height:44px; padding:8px 0 12px; white-space:nowrap; color:#edf3f7; font-size:15px; line-height:24px; font-weight:500; }
 .h5-home .pc-home-nav a[aria-current=page] { color:#ff744f; font-weight:700; }
 .h5-home .pc-home-nav a[aria-current=page]::after { content:""; position:absolute; bottom:0; left:0; right:0; height:3px; border-radius:3px 3px 0 0; background:#ff744f; }
 .h5-home .pc-home-header :is(a,input,button):focus-visible { outline:2px solid #ff8068; outline-offset:-2px; }
 .h5-home .h5-home-content { padding-top:16px; }
 .h5-home .h5-page-heading { position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden; clip-path:inset(50%); }
 .h5-home .h5-home-content > .sec { margin-bottom:24px; }
 .h5-home .h5-home-content .sec-title { font-size:20px; line-height:1.4; font-weight:700; color:#edf3f7; margin-bottom:12px; }
 .h5-home .h5-home-content .sec-more { color:#b1c5d1; font-size:14px; font-weight:400; }
 .h5-home .h5-home-content > .sec > .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 8px; }
 .h5-home .h5-home-content > .sec .h5-card .card-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:2.8em; min-height:2.8em; font-size:13px; line-height:1.4; }
 .h5-home .h5-card .card-cover { aspect-ratio:2/3; border-radius:8px; }
 .h5-home .h5-card .card-cover img { object-fit:cover; }
 .h5-home .h5-card .card-title { color:#edf3f7; font-size:15px; line-height:1.5; font-weight:500; }
 .h5-home .h5-bottom-nav { background:#091c28; box-shadow:0 -1px 0 #294252; }
}