/* 首页轮播对齐参考布局；尺寸只在轮播内缩放，沿用黄果品牌与站点外壳。 */
/* 颜色变量仅限轮播自身，边缘衔接项目原底色，不覆盖正文或页面背景。 */
.hg-page-home .hg-hero{
  --hg-hero-surface:#0b0b0d;
  --hg-hero-unit:min(calc(100vw / 1920),1px);
  --hg-hero-gutter:max(calc(40 * var(--hg-hero-unit)),calc((100% - 1520 * var(--hg-hero-unit)) / 2));
  position:relative;isolation:isolate;container-type:inline-size;width:100%;height:auto;aspect-ratio:1920/650;
  min-height:calc(460 * var(--hg-hero-unit));max-height:calc(100svh - 40 * var(--hg-hero-unit));
  margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--hg-hero-surface)
}
.hg-page-home .hg-hero::before,.hg-page-home .hg-hero::after{content:none;display:none}
.hg-page-home .hg-hero .hg-hero__site-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hg-page-home .hg-hero .hg-hero__panel{position:absolute;inset:0;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s .32s}
.hg-page-home .hg-hero .hg-hero__panel.is-active{z-index:2;transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.hg-page-home .hg-hero .hg-hero__panel.is-leaving{z-index:1;visibility:visible;transition:transform .32s cubic-bezier(.22,.61,.36,1)}
.hg-page-home .hg-hero .hg-hero__panel.is-left{transform:translateX(-100%)}
.hg-page-home .hg-hero .hg-hero__bg{position:absolute;inset:0;border-radius:0;overflow:hidden;background:var(--hg-hero-surface);mask:none;-webkit-mask:none}
.hg-page-home .hg-hero .hg-hero__bg::before{content:none;display:none;background-image:none;filter:none}
/* 只绘制一张原图铺满画框，由黑色渐变统一过渡，避免宽图上下露出重复背景。 */
.hg-page-home .hg-hero .hg-hero__bg-img{position:absolute;inset:0;z-index:1;display:block;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:cover;object-position:center center;transform:none!important;opacity:1;animation:none!important;will-change:auto;mask:none;-webkit-mask:none}
.hg-page-home .hg-hero .hg-hero__mask{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:0;mask:none;-webkit-mask:none;background:linear-gradient(0deg,var(--hg-hero-surface) 0%,rgba(22,22,22,.8) 10%,transparent 38%),linear-gradient(90deg,rgba(8,8,8,.7) 0%,rgba(8,8,8,.4) 34%,rgba(8,8,8,.04) 76%)}
.hg-page-home .hg-hero .hg-hero__cover-link{position:absolute;inset:0;z-index:3;display:block}
.hg-page-home .hg-hero .hg-hero__content{position:absolute;inset:auto auto 4cqw var(--hg-hero-gutter);z-index:4;display:block;width:min(calc(920 * var(--hg-hero-unit)),calc(100% - var(--hg-hero-gutter)*2));max-width:none;padding:0;margin:0;color:#f5f8ff;opacity:1;transform:none;pointer-events:none}
.hg-page-home .hg-hero .hg-hero__content>*{pointer-events:auto}
.hg-page-home .hg-hero .hg-hero__site-caption{display:block;margin:0 0 6px;padding:0;color:#ffd21c;font-size:13px;font-weight:500;line-height:19px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hg-page-home .hg-hero .hg-hero__title{display:block;margin:0 0 calc(16 * var(--hg-hero-unit));font-size:max(12px,calc(40 * var(--hg-hero-unit)));font-weight:700;line-height:1.2;letter-spacing:0;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
.hg-page-home .hg-hero .hg-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;font-size:max(12px,calc(18 * var(--hg-hero-unit)));line-height:max(15px,calc(24 * var(--hg-hero-unit)));font-weight:500;color:#f7f7fb}
.hg-page-home .hg-hero .hg-hero__meta>span{display:inline-block;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;white-space:nowrap;font:inherit;color:inherit}
.hg-page-home .hg-hero .hg-hero__meta>span+span::before{content:"";display:inline-block;width:1px;height:1em;margin:0 calc(16 * var(--hg-hero-unit));vertical-align:-.12em;background:rgba(255,255,255,.4)}
.hg-page-home .hg-hero .hg-hero__meta>.hg-hero__score-wrap{font-size:max(12px,calc(20 * var(--hg-hero-unit)));color:#ffb73e}
.hg-page-home .hg-hero .hg-hero__score{font:inherit;color:inherit;margin:0}
.hg-page-home .hg-hero .hg-hero__score::before{content:"★ ";margin:0;padding:0;background:none}
.hg-page-home .hg-hero .hg-hero__score-wrap:not([hidden])+.hg-hero__episode::before{width:0;margin:0 0 0 calc(16 * var(--hg-hero-unit));background:none}
/* 分隔符只放在实际存在的信息之间，评分或集数缺失时不留开头竖线。 */
.hg-page-home .hg-hero .hg-hero__score-wrap[hidden]+.hg-hero__episode::before,.hg-page-home .hg-hero .hg-hero__score-wrap[hidden]+.hg-hero__episode:is([hidden],:empty)+.hg-hero__tags::before{display:none}
.hg-page-home .hg-hero .hg-hero__tags:empty,.hg-page-home .hg-hero .hg-hero__episode:empty{display:none}
.hg-page-home .hg-hero .hg-hero__chip{display:inline;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit}
.hg-page-home .hg-hero .hg-hero__chip+.hg-hero__chip::before{content:" · ";background:none}
.hg-page-home .hg-hero .hg-hero__desc{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:calc((100cqw - var(--hg-hero-gutter)*2)*.37);min-width:calc(320 * var(--hg-hero-unit));margin:calc(8 * var(--hg-hero-unit)) 0 0;padding:0;color:#eceaf0;font-size:max(12px,calc(16 * var(--hg-hero-unit)));line-height:max(15px,calc(22 * var(--hg-hero-unit)));overflow:hidden;white-space:normal;letter-spacing:0}
.hg-page-home .hg-hero .hg-hero__actions{display:flex;gap:calc(10 * var(--hg-hero-unit));margin-top:calc(30 * var(--hg-hero-unit))}
.hg-page-home .hg-hero .hg-hero__play{display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--hg-hero-unit));flex:none;width:calc(182 * var(--hg-hero-unit));height:calc(45 * var(--hg-hero-unit));min-width:0;margin:0;padding:0;border:0;border-radius:999px;background:#ffd21c;color:#111;font-size:max(12px,calc(18 * var(--hg-hero-unit)));font-weight:500;line-height:1.55;box-shadow:none;text-decoration:none;transition:filter .15s,transform .15s}
@media(hover:hover) and (pointer:fine){.hg-page-home .hg-hero .hg-hero__play:hover{filter:brightness(1.1);transform:translateY(-1px)}}
.hg-page-home .hg-hero .hg-hero__play svg{width:calc(26 * var(--hg-hero-unit));height:calc(26 * var(--hg-hero-unit));margin-left:calc(-4 * var(--hg-hero-unit));fill:currentColor}
.hg-page-home .hg-hero .hg-hero__favorite{display:none}
.hg-page-home .hg-hero .hg-hero__ad-badge{position:absolute;top:16px;right:16px;z-index:5;padding:3px 10px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:18px;pointer-events:none}
/* 缩略图窗口最多8张，翻页独立于主图；窗口外封面由控制器延迟解密。 */
.hg-page-home .hg-hero .hg-hero__thumbs{--hg-hero-thumb-width:calc(88 * var(--hg-hero-unit));--hg-hero-thumb-gap:calc(12 * var(--hg-hero-unit));position:absolute;inset:auto var(--hg-hero-gutter) 0 auto;z-index:6;display:flex;align-items:flex-end;gap:calc(8 * var(--hg-hero-unit));width:min(calc(((var(--hg-hero-count,8) + 1) * 100 - 2) * var(--hg-hero-unit)),calc((100% - var(--hg-hero-gutter)*2)*.6));max-width:none;transform:none;padding:0}
/* 超过8张才采用固定翻页窗口，延续原先可视图数量和焦点滚动预算。 */
.hg-page-home .hg-hero .hg-hero__thumbs:has([data-hero-thumb]:nth-child(9)){width:min(calc(884 * var(--hg-hero-unit)),calc((100% - var(--hg-hero-gutter)*2)*.6))}
.hg-page-home .hg-hero .hg-hero__thumb-panel{display:block;flex:1;min-width:0;overflow:hidden;padding:0;margin:0}
.hg-page-home .hg-hero .hg-hero__thumb-list{display:block;width:100%;max-width:none;overflow:hidden;margin:0;padding:calc(12 * var(--hg-hero-unit)) calc(5 * var(--hg-hero-unit)) calc(2 * var(--hg-hero-unit));scrollbar-width:none}
.hg-page-home .hg-hero .hg-hero__thumb-list::-webkit-scrollbar{display:none}
.hg-page-home .hg-hero .hg-hero__thumb-track{display:flex;align-items:flex-end;position:relative;width:max-content;gap:var(--hg-hero-thumb-gap);padding:0;margin:0;transition:none;will-change:auto}
.hg-page-home .hg-hero .hg-hero__thumb{position:relative;flex:0 0 var(--hg-hero-thumb-width);box-sizing:border-box;width:var(--hg-hero-thumb-width);height:calc(118 * var(--hg-hero-unit));min-width:0;padding:0;border:2px solid transparent;border-radius:calc(11 * var(--hg-hero-unit));background:#1a1a1a;overflow:hidden;cursor:pointer;transform:none;transform-origin:center bottom;transition:transform .2s,border-color .2s,box-shadow .2s}
.hg-page-home .hg-hero .hg-hero__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.hg-page-home .hg-hero .hg-hero__thumb::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.56);opacity:1;pointer-events:none}
.hg-page-home .hg-hero .hg-hero__thumb.is-active{border-color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.25);transform:scale(1.08)}
.hg-page-home .hg-hero .hg-hero__thumb.is-active::after{background:transparent}
.hg-page-home .hg-hero .hg-hero__thumb:hover{transform:scale(1.08)}
.hg-page-home .hg-hero .hg-hero__thumb:hover::after{background:rgba(0,0,0,.2)}
.hg-page-home .hg-hero .hg-hero__thumbs>.hg-hero__nav-btn{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:calc(32 * var(--hg-hero-unit));height:calc(44 * var(--hg-hero-unit));margin-bottom:calc(36 * var(--hg-hero-unit));padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.15);color:#fff;cursor:pointer}
.hg-page-home .hg-hero .hg-hero__nav-btn svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
/* 通用图标规则会把SVG统一染黄，轮播图标应跟随按钮文字，避免黄色按钮上的播放图标消失。 */
.hg-page-home .hg-hero :is(.hg-hero__play,.hg-hero__favorite,.hg-hero__nav-btn) svg{color:inherit}
.hg-page-home .hg-hero .hg-hero__nav-btn:disabled{opacity:.4;cursor:default}
.hg-page-home .hg-hero .hg-hero__main-nav,.hg-page-home .hg-hero .hg-hero__controls{display:none}
.hg-page-home .hg-hero [hidden]{display:none!important}
.hg-page-home .hg-hero :is(button,a):focus-visible{outline:2px solid #ffd21c;outline-offset:3px}
.hg-page-home .hg-hero .hg-hero__thumb:focus-visible{outline-offset:-5px}
.hg-page-home .hg-hero[data-home-hero-empty]{height:0;min-height:0;aspect-ratio:auto;background:none}
.hg-page-home .hg-hero[data-home-hero-empty]>.hg-hero__panel,.hg-page-home .hg-hero[data-home-hero-empty]>.hg-hero__thumbs,.hg-page-home .hg-hero[data-home-hero-empty]>.hg-hero__main-nav,.hg-page-home .hg-hero[data-home-hero-empty]>.hg-hero__controls{display:none!important}
@media(max-width:1023px){
  .hg-page-home .hg-hero{--hg-hero-surface:var(--color-page,#080808);height:auto;min-height:0;max-height:none;aspect-ratio:2/1;background:var(--hg-hero-surface)}
  .hg-page-home .hg-hero .hg-hero__bg{inset:0 0 auto;height:33.8667cqw;background:var(--hg-hero-surface)}
  .hg-page-home .hg-hero .hg-hero__bg::before{display:none}
  .hg-page-home .hg-hero .hg-hero__bg-img{inset:0;top:0;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:var(--fx,50%) var(--fy,30%);transform:none!important;mask:none;-webkit-mask:none}
  .hg-page-home .hg-hero .hg-hero__mask{inset:0 0 auto;height:33.8667cqw;background:linear-gradient(to bottom,transparent 45%,rgba(22,22,22,.12) 58%,rgba(22,22,22,.65) 82%,var(--hg-hero-surface) 100%)}
  .hg-page-home .hg-hero .hg-hero__cover-link{bottom:auto;height:33.8667cqw}
  .hg-page-home .hg-hero .hg-hero__content{left:13px;right:13px;top:calc(19cqw - 20px);bottom:0;width:auto;max-width:none}
  .hg-page-home .hg-hero .hg-hero__site-caption{margin-bottom:4px;font-size:11px;line-height:16px}
  .hg-page-home .hg-hero .hg-hero__title{margin:0 0 4px;font-size:18px;font-weight:750;line-height:1.28;letter-spacing:.2px}
  .hg-page-home .hg-hero .hg-hero__meta{font-size:12px;line-height:16px;font-weight:500;color:#e6e9f0}
  .hg-page-home .hg-hero .hg-hero__meta>span+span::before{margin:0 7px;height:9px;vertical-align:0}
  .hg-page-home .hg-hero .hg-hero__meta>.hg-hero__score-wrap{font-size:14px;font-weight:650}
  .hg-page-home .hg-hero .hg-hero__score-wrap:not([hidden])+.hg-hero__episode::before{margin:0 0 0 8px}
  .hg-page-home .hg-hero .hg-hero__desc{display:none}
  .hg-page-home .hg-hero .hg-hero__actions{position:absolute;left:0;right:0;top:auto;bottom:5cqw;justify-content:center;gap:9px;margin:0}
  .hg-page-home .hg-hero .hg-hero__play,.hg-page-home .hg-hero .hg-hero__favorite{display:inline-flex;align-items:center;justify-content:center;flex:none;width:140px;min-width:0;height:32px;margin:0;padding:0 14px;border:0;border-radius:999px;font-size:13px;line-height:1.55;font-weight:600;box-shadow:none}
  .hg-page-home .hg-hero .hg-hero__play{gap:8px}
  .hg-page-home .hg-hero .hg-hero__play svg{width:13px;height:13px;margin-left:0}
  .hg-page-home .hg-hero .hg-hero__favorite{gap:5px;background:rgba(255,255,255,.18);color:#fff;cursor:pointer}
  .hg-page-home .hg-hero .hg-hero__favorite svg{width:14px;height:14px}
  .hg-page-home .hg-hero .hg-hero__favorite[aria-pressed=true]{color:#ffd21c}
  .hg-page-home .hg-hero .hg-hero__favorite[aria-pressed=true] svg path{fill:currentColor}
  .hg-page-home .hg-hero .hg-hero__favorite:disabled{opacity:.6;cursor:default}
  .hg-page-home .hg-hero .hg-hero__thumbs{display:none!important}
  .hg-page-home .hg-hero .hg-hero__main-nav{display:block;position:absolute;inset:0;z-index:6;pointer-events:none}
  .hg-page-home .hg-hero .hg-hero__main-nav>.hg-hero__nav-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:auto;bottom:calc(5cqw + 6px);width:20px;height:20px;margin:0;padding:0;border:.5px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.15);color:#fff;pointer-events:auto;cursor:pointer;transform:none}
  .hg-page-home .hg-hero .hg-hero__main-nav>.hg-hero__nav-btn::before{content:"";position:absolute;inset:-12px}
  .hg-page-home .hg-hero .hg-hero__main-nav>[data-hero-prev]{left:14px}
  .hg-page-home .hg-hero .hg-hero__main-nav>[data-hero-next]{right:13px}
  .hg-page-home .hg-hero .hg-hero__controls{display:flex;align-items:center;justify-content:center;position:absolute;left:0;right:0;top:auto;bottom:16cqw;z-index:6;width:auto;height:5px;gap:0;transform:none;pointer-events:none}
  .hg-page-home .hg-hero .hg-hero__dots{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;margin:0;padding:0}
  .hg-page-home .hg-hero .hg-hero__dot{display:block;position:relative;width:5px;height:5px;margin:0;padding:0;border:0;border-radius:2.5px;background:rgba(255,255,255,.3);pointer-events:auto;cursor:pointer;transition:width .2s,background .2s}
  .hg-page-home .hg-hero .hg-hero__dot.is-active{width:20px;background:#ffd21c}
  .hg-page-home .hg-hero .hg-hero__ad-badge{top:10px;right:10px;padding:2px 7px;font-size:11px;line-height:16px}
}
@media(prefers-reduced-motion:reduce){.hg-page-home .hg-hero .hg-hero__panel,.hg-page-home .hg-hero .hg-hero__thumb,.hg-page-home .hg-hero .hg-hero__dot{transition:none!important;animation:none!important}}
/* 原型最窄按钮会盖住边缘箭头，仅小于375px时为操作区留出点击间隔。 */
@media(max-width:374px){.hg-page-home .hg-hero .hg-hero__play,.hg-page-home .hg-hero .hg-hero__favorite{width:min(140px,calc((100vw - 101px)/2))}}
/* PC翻页入口悬停才呈现；键盘进入控件时同步显现，不让鼠标点击焦点常驻显示。 */
@media(min-width:1024px){
  /* 主图切换不依赖小图轨道是否溢出，少量作品也保留左右切换入口。 */
  .hg-page-home .hg-hero .hg-hero__main-nav{display:block;position:absolute;inset:0;z-index:6;pointer-events:none}
  .hg-page-home .hg-hero .hg-hero__main-nav>.hg-hero__nav-btn{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;width:44px;height:60px;margin:0;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(0,0,0,.4);color:#fff;transform:translateY(-50%);opacity:0;pointer-events:none;cursor:pointer;transition:opacity .15s}
  .hg-page-home .hg-hero .hg-hero__main-nav>[data-hero-prev]{left:24px}
  .hg-page-home .hg-hero .hg-hero__main-nav>[data-hero-next]{right:24px}
  .hg-page-home .hg-hero:hover .hg-hero__main-nav>.hg-hero__nav-btn,.hg-page-home .hg-hero:has(:focus-visible) .hg-hero__main-nav>.hg-hero__nav-btn{opacity:1;pointer-events:auto}
  .hg-page-home .hg-hero .hg-hero__main-nav>.hg-hero__nav-btn:disabled{display:none;pointer-events:none}
  .hg-page-home .hg-hero .hg-hero__thumbs>.hg-hero__nav-btn{opacity:0;pointer-events:none;transition:opacity .15s}
  .hg-page-home .hg-hero:hover .hg-hero__thumbs>.hg-hero__nav-btn,.hg-page-home .hg-hero:has(:focus-visible) .hg-hero__thumbs>.hg-hero__nav-btn{opacity:1;pointer-events:auto}
  .hg-page-home .hg-hero:hover .hg-hero__thumbs>.hg-hero__nav-btn:disabled,.hg-page-home .hg-hero:has(:focus-visible) .hg-hero__thumbs>.hg-hero__nav-btn:disabled{opacity:.4;pointer-events:none}
}