/* ==========================================================================
   一、首页：报头 + 拼格 + 片架 + 资讯台 + 频道索引
   ========================================================================== */

.yq-home{padding-top:18px}
.yq-homehead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 0 16px}
.yq-homehead__main{min-width:0}
.yq-homehead__kicker{font-size:11px;color:var(--yq-mute);letter-spacing:.06em}
.yq-homehead__kicker span{margin-right:8px;color:var(--yq-primary);font-weight:700}
.yq-homehead__title{margin-top:6px;font-size:clamp(20px,2vw,28px);line-height:1.4;overflow-wrap:anywhere}
.yq-homehead__desc{margin-top:6px;font-size:12px;line-height:1.7;color:var(--yq-mute)}
.yq-homehead__go{flex:0 0 auto;font-size:12px;color:var(--yq-primary)}
.yq-board{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2.5fr);grid-template-areas:"rank feature" "news news";gap:18px;margin-top:6px}
.yq-board__feature{grid-area:feature;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0}
.yq-board__feature--quiet{grid-template-rows:1fr}
.yq-stage{position:relative;min-width:0;min-height:360px;overflow:hidden;border-radius:var(--yq-rad);background:#0c131b;box-shadow:var(--yq-shadow)}
.yq-nest{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-primary-soft)}
.yq-nest h2{font-size:15px;color:var(--yq-primary)}
.yq-nest p{margin-top:4px;font-size:12px;line-height:1.7;color:var(--yq-mute)}
.yq-nest a{flex:0 0 auto;font-size:12px;color:var(--yq-primary);font-weight:650}
.yq-board__feature--quiet .yq-nest{flex-direction:column;justify-content:center;align-items:flex-start;padding:32px}
.yq-stage__slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease}
.yq-stage__slide.is-active{opacity:1;visibility:visible;z-index:1}
.yq-stage__slide img{width:100%;height:100%;object-fit:cover;background:#0c131b}
.yq-stage__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,19,27,.9) 0%,rgba(12,19,27,.35) 45%,rgba(12,19,27,.04) 74%,transparent 100%)}
.yq-stage__cap{position:absolute;left:0;right:0;bottom:0;padding:0 22px 22px;color:#fff}
.yq-stage__kind{display:flex;align-items:center;gap:7px;font-family:var(--yq-mono);font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.72)}
.yq-stage__kind i{width:7px;height:7px;border-radius:2px;background:var(--yq-accent);display:block;flex:0 0 auto}
.yq-stage__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-family:var(--yq-head);font-size:clamp(22px,2.1vw,30px);font-weight:750;line-height:1.25;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.yq-stage__meta{display:block;margin-top:5px;font-size:12.5px;color:rgba(255,255,255,.76)}
.yq-stage__count{position:absolute;top:14px;left:14px;z-index:3;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;background:rgba(12,19,27,.62);color:rgba(255,255,255,.72);font-family:var(--yq-mono);font-size:10.5px;letter-spacing:.08em}
.yq-stage__count b{font-weight:600;color:#fff}
.yq-stage__arrows{position:absolute;top:14px;right:14px;z-index:3;display:flex;gap:6px}
.yq-stage__arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(12,19,27,.55);color:#fff;border:1px solid rgba(255,255,255,.22)}
.yq-stage__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.yq-stage__arrow:hover{background:var(--yq-primary);border-color:var(--yq-primary);color:#fff}
.yq-stage__bars{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:2px}
.yq-stage__bar{flex:1 1 0;height:3px;background:rgba(255,255,255,.24);position:relative;overflow:hidden}
.yq-stage__bar i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left center}
.yq-stage__bar.is-done i{transform:scaleX(1)}
.yq-stage__bar.is-run i{animation:yq-bar 6s linear forwards}
.yq-stage[data-paused="1"] .yq-stage__bar.is-run i{animation-play-state:paused}
@keyframes yq-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
    .yq-stage__bar.is-run i{animation:none;transform:scaleX(0)}
}

.yq-tile{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 15px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-tile--rank{grid-area:rank}
.yq-tile--news{grid-area:news}
.yq-tile__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--yq-line-2)}
.yq-tile__head h2{font-size:15.5px}
.yq-tile__head a{font-size:11px;color:var(--yq-faint);white-space:nowrap}
.yq-tile__head a:hover{color:var(--yq-primary)}
.yq-tile__date{font-family:var(--yq-mono);font-size:10px;letter-spacing:.04em;color:var(--yq-faint)}

.yq-rank__list{display:flex;flex-direction:column;min-height:0;margin-top:3px;overflow:hidden}
.yq-rank__row{display:grid;grid-template-columns:20px 28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-rank__row:last-child{border-bottom:0}
.yq-rank__no{font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-rank__row:nth-child(-n+3) .yq-rank__no{color:var(--yq-primary);font-weight:700}
.yq-rank__pic{width:28px;height:38px;overflow:hidden;border-radius:4px;background:var(--yq-surface-2)}
.yq-rank__pic img{width:100%;height:100%;object-fit:cover}
.yq-rank__name{font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-tile--rank .yq-rank__row{padding:4px 0}
.yq-tile--rank .yq-rank__pic{width:26px;height:34px}
.yq-rank__date{font-family:var(--yq-mono);font-size:9.5px;color:var(--yq-faint)}

.yq-news__list{display:flex;flex-direction:column;margin-top:3px;overflow:hidden}
.yq-news__row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-news__row:last-child{border-bottom:0}
.yq-news__pic{width:64px;height:44px;overflow:hidden;border-radius:6px;background:var(--yq-surface-2)}
.yq-news__pic img{width:100%;height:100%;object-fit:cover}
.yq-news__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;font-weight:600}
.yq-tile--news .yq-news__row{padding:10px 0}
.yq-tile--news .yq-news__pic{width:64px;height:44px}
.yq-board .yq-news__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;overflow:visible}
.yq-board .yq-rank__list{flex:1 1 auto;justify-content:space-between;overflow:visible}
.yq-news__date{margin-top:2px;font-family:var(--yq-mono);font-size:9.5px;color:var(--yq-faint)}

.yq-shelves{padding-top:clamp(30px,3vw,44px)}
.yq-shelves__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:18px}
.yq-shelf{min-width:0;padding:18px 20px 20px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-shelf__head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--yq-line-2)}
.yq-shelf__title{display:flex;align-items:baseline;gap:8px;min-width:0}
.yq-shelf__no{font-family:var(--yq-mono);font-size:11px;color:var(--yq-primary)}
.yq-shelf__name{font-size:18px;font-weight:750;white-space:nowrap}
.yq-shelf__meta{display:block;margin-top:2px;font-size:11px;color:var(--yq-faint)}
.yq-shelf__more{font-size:11px;color:var(--yq-faint);white-space:nowrap}
.yq-shelf__more:hover{color:var(--yq-primary)}
.yq-shelf__cards{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 14px;margin-top:19px;align-items:start}
.yq-pick{grid-column:span 2;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-self:stretch;padding:12px;border:1px dashed rgba(36,64,142,.35);border-radius:6px;background:repeating-linear-gradient(var(--yq-surface) 0 25px,var(--yq-line-2) 25px 26px);position:relative;min-width:0}
.yq-pick::before{content:"";position:absolute;left:-1px;top:14px;bottom:14px;width:3px;border-radius:0 2px 2px 0;background:var(--yq-accent)}
.yq-pick__pic{width:110px;aspect-ratio:2/3;overflow:hidden;border-radius:4px;background:var(--yq-surface-2);box-shadow:0 6px 14px -10px rgba(28,36,66,.6)}
.yq-pick__pic img{width:100%;height:100%;object-fit:cover}
.yq-pick__body{display:flex;flex-direction:column;min-width:0}
.yq-pick__flag{align-self:flex-start;padding:1px 7px;border-radius:3px;background:var(--yq-mark-soft);font-size:10.5px;font-weight:650;color:var(--yq-ink-2)}
.yq-pick__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-family:var(--yq-head);font-size:16px;font-weight:750;line-height:1.4}
.yq-pick__meta{margin-top:3px;font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint)}
.yq-pick__blurb{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:12px;line-height:1.7;color:var(--yq-mute)}
.yq-pick__go{margin-top:auto;padding-top:8px;font-size:12px;font-weight:650;color:var(--yq-primary)}
.yq-pick:hover .yq-pick__name{color:var(--yq-primary)}
.yq-pick:hover .yq-pick__go{color:var(--yq-accent)}

.yq-desk{padding-top:clamp(34px,4vw,56px)}
.yq-desk__wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:18px;align-items:start}
.yq-desk__main{min-width:0;padding:16px 18px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-desk__side{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:140px}

.yq-lead{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding-bottom:14px;border-bottom:1px solid var(--yq-line)}
.yq-lead__pic{width:180px;height:120px;overflow:hidden;border-radius:var(--yq-rad-sm);background:var(--yq-surface-2)}
.yq-lead__pic img{width:100%;height:100%;object-fit:cover}
.yq-lead__kind{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;background:var(--yq-primary-soft);font-family:var(--yq-mono);font-size:10px;letter-spacing:.06em;color:var(--yq-primary)}
.yq-lead__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-family:var(--yq-head);font-size:19px;font-weight:750;line-height:1.45}
.yq-lead__blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-size:12.5px;line-height:1.7;color:var(--yq-mute)}
.yq-lead__date{margin-top:6px;font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint)}
.yq-nrow{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-nrow:last-child{border-bottom:0}
.yq-nrow__pic{width:112px;height:74px;overflow:hidden;border-radius:7px;background:var(--yq-surface-2)}
.yq-nrow__pic img{width:100%;height:100%;object-fit:cover}
.yq-nrow__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:650;line-height:1.5}
.yq-nrow__blurb{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:12px;color:var(--yq-mute)}
.yq-nrow__meta{margin-top:4px;font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-lead:hover .yq-lead__title,.yq-nrow:hover .yq-nrow__title{color:var(--yq-primary)}

.yq-sblock{border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);padding:13px 15px 11px;box-shadow:var(--yq-shadow)}
.yq-sblock__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--yq-line-2)}
.yq-sblock__head h2,.yq-sblock__head h3{font-size:15px}
.yq-sblock__head a{font-size:11px;color:var(--yq-faint);white-space:nowrap}
.yq-sblock__head a:hover{color:var(--yq-primary)}
.yq-slist{display:flex;flex-direction:column}
.yq-srow{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:baseline;padding:7px 0;border-bottom:1px dotted var(--yq-line)}
.yq-srow:last-child{border-bottom:0}
.yq-srow b{font-family:var(--yq-mono);font-size:10px;font-weight:400;color:var(--yq-faint)}
.yq-srow span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--yq-ink-2)}
.yq-srow em{font-family:var(--yq-mono);font-size:9.5px;font-style:normal;color:var(--yq-faint)}
.yq-srow:hover span{color:var(--yq-primary)}

.yq-index{padding-top:clamp(34px,4vw,56px)}
.yq-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;padding:0;list-style:none}
.yq-toc__card{min-width:0;padding:12px 14px 13px;border:1px solid var(--yq-line);border-radius:6px;background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-toc__head{display:flex;align-items:baseline;gap:8px;min-width:0;padding-bottom:8px;border-bottom:1px dashed var(--yq-line)}
.yq-toc__no{flex:0 0 auto;font-family:var(--yq-mono);font-size:10.5px;font-weight:600;color:var(--yq-accent)}
.yq-toc__name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:750;color:var(--yq-ink)}
.yq-toc__dots{flex:1 1 auto;min-width:12px;border-bottom:2px dotted var(--yq-line);transform:translateY(-4px)}
.yq-toc__go{flex:0 0 auto;font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint)}
.yq-toc__head:hover .yq-toc__name,.yq-toc__head:hover .yq-toc__go{color:var(--yq-primary)}
.yq-toc__links{margin-top:9px}
.yq-index__links{display:flex;flex-wrap:wrap;gap:2px 9px;font-size:12px;line-height:1.7;color:var(--yq-ink-2);min-width:0}
.yq-index__links a{color:var(--yq-ink-2)}
.yq-index__links a:hover{color:var(--yq-primary);text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   二、内页通用页头
   ========================================================================== */
.yq-page{padding-top:10px}
.yq-detail{padding-top:10px}
.yq-pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--yq-line)}
.yq-pagehead h1{font-size:clamp(22px,2vw,28px)}
.yq-pagehead__aside{display:flex;align-items:center;gap:10px;font-family:var(--yq-mono);font-size:11px;color:var(--yq-faint);padding-bottom:4px}

/* ==========================================================================
   三、影片详情：档案头 + 数据条 + 左章节轨 + 中栏 + 右侧栏
   ========================================================================== */
.yq-film{display:grid;grid-template-columns:184px minmax(0,1fr);gap:clamp(18px,2.4vw,30px);padding-top:20px;align-items:start}
.yq-film__poster{position:relative;width:184px;height:245px;overflow:hidden;border-radius:var(--yq-rad);background:var(--yq-surface-2);box-shadow:var(--yq-shadow)}
.yq-film__poster img{width:100%;height:100%;object-fit:cover}
.yq-film__poster .yq-blank{position:absolute;inset:0}
.yq-film__stamp{position:absolute;left:10px;top:10px;z-index:2;border-radius:3px 6px 4px 5px;border-color:transparent;background:rgba(201,64,47,.92);color:#fff;transform:rotate(-4deg);box-shadow:0 2px 10px -2px rgba(201,64,47,.45)}
.yq-film__scorebadge{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:baseline;gap:2px;padding:3px 8px;border-radius:5px;background:var(--yq-accent);color:#fff;font-family:var(--yq-mono);font-size:12px;font-weight:700}
.yq-film__scorebadge small{font-size:9px;font-weight:400}
.yq-film__body{min-width:0}
.yq-film__kicker{display:flex;align-items:center;gap:8px;font-family:var(--yq-mono);font-size:10.5px;letter-spacing:.1em;color:var(--yq-primary)}
.yq-film__kicker a{color:var(--yq-mute)}
.yq-film__kicker a:hover{color:var(--yq-primary)}
.yq-film__name{margin-top:5px;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.02em}
.yq-film__sub{margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--yq-mute);overflow-wrap:anywhere}
.yq-film__intro{margin-top:12px;font-size:14px;line-height:1.9;color:var(--yq-ink-2);overflow-wrap:anywhere}
.yq-article__kicker{margin-bottom:6px;font-size:12px;font-weight:650;color:var(--yq-primary)}
.yq-film__meta{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;font-size:12.5px;color:var(--yq-ink-2)}
.yq-film__meta span{display:inline-flex;align-items:center;gap:5px}
.yq-film__meta span+span::before{content:"";width:1px;height:10px;background:var(--yq-line);margin-right:9px}
.yq-film__meta a{color:var(--yq-secondary);font-weight:600}
.yq-film__score{display:inline-flex;align-items:baseline;gap:3px;padding:2px 9px;border-radius:999px;background:var(--yq-accent-soft);color:var(--yq-accent);font-family:var(--yq-mono);font-size:13px;font-weight:700}
.yq-film__score small{font-size:9px;font-weight:400}
.yq-film__score em{font-style:normal;font-size:10px;font-weight:400;color:var(--yq-mute);margin-left:3px}
.yq-film__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.yq-film__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}

.yq-report{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:20px 0 0;border:1px solid var(--yq-line);border-radius:6px;background:var(--yq-surface);box-shadow:var(--yq-shadow);overflow:hidden}
.yq-report__cell{position:relative;min-width:0;padding:10px 14px 11px;border-left:1px solid var(--yq-line-2)}
.yq-report__cell:first-child{border-left:0}
.yq-report__cell dt{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--yq-faint)}
.yq-report__cell dt::before{content:"";width:8px;height:8px;border:1.5px solid var(--yq-primary);border-radius:2px;flex:0 0 auto}
.yq-report__cell dd{margin:4px 0 0;font-family:var(--yq-head);font-size:15px;font-weight:700;color:var(--yq-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-report__cell:first-child dd{color:var(--yq-accent)}

.yq-tabs{position:relative;display:flex;align-items:flex-end;gap:4px;margin-top:22px;padding:0 4px;border-bottom:2px solid var(--yq-primary);background:var(--yq-bg);overflow-x:auto;scrollbar-width:none}
.yq-tabs::-webkit-scrollbar{display:none}
.yq-tabs__title{flex:0 0 auto;align-self:center;margin-right:8px;font-family:var(--yq-mono);font-size:10.5px;letter-spacing:.1em;color:var(--yq-faint)}
.yq-tabs__link{flex:0 0 auto;padding:8px 14px 7px;border:1px solid var(--yq-line);border-bottom:0;border-radius:7px 7px 0 0;background:var(--yq-surface-2);font-size:12.5px;color:var(--yq-ink-2)}
.yq-tabs__link:nth-of-type(3n+2){background:#e5f0ea}
.yq-tabs__link:nth-of-type(3n){background:#fbf3d2}
.yq-tabs__link:hover,.yq-tabs__link.is-on{background:var(--yq-primary);border-color:var(--yq-primary);color:#fff}

.yq-detailgrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:18px;align-items:start}
.yq-detailgrid .yq-sec{scroll-margin-top:130px}
.yq-main{min-width:0}
.yq-sec{padding:18px 20px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-sec+.yq-sec{margin-top:18px}
.yq-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--yq-line-2)}
.yq-sec__title{position:relative;padding-left:12px;font-size:19px}
.yq-sec__title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:.8em;border-radius:2px;background:var(--yq-secondary)}
.yq-sec__more{flex:0 0 auto;font-size:11.5px;color:var(--yq-mute)}
.yq-sec__more:hover{color:var(--yq-primary)}
.yq-sec__body{padding-top:13px}
.yq-side{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:140px}

.yq-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;margin-top:2px}
.yq-spec__row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--yq-line-2);font-size:13px;min-width:0}
.yq-spec__row dt{font-family:var(--yq-mono);font-size:10.5px;letter-spacing:.04em;color:var(--yq-faint);padding-top:2px}
.yq-spec__row dd{min-width:0;color:var(--yq-ink-2);word-break:break-word}
.yq-spec__row a{color:var(--yq-primary);text-decoration:underline;text-underline-offset:3px}

.yq-cast{display:flex;flex-wrap:wrap;gap:7px}
.yq-cast__item{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 4px;border:1px solid var(--yq-line);border-radius:999px;background:var(--yq-bg)}
.yq-cast__av{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--yq-secondary-soft);color:var(--yq-secondary);font-family:var(--yq-head);font-size:11.5px;font-weight:750}
.yq-cast__name{font-size:12.5px;font-weight:600}
.yq-cast__role{margin-left:4px;font-size:10.5px;color:var(--yq-faint);font-family:var(--yq-mono)}

.yq-qa{display:flex;flex-direction:column;margin:0}
.yq-qa__item{padding:11px 0 12px;border-bottom:1px dashed var(--yq-line)}
.yq-qa__item:last-child{border-bottom:0}
.yq-qa__item dt,.yq-qa__item dd{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:baseline}
.yq-qa__item dt{font-size:14px;font-weight:700;color:var(--yq-ink)}
.yq-qa__item dd{margin:6px 0 0;font-size:13px;line-height:1.85;color:var(--yq-mute)}
.yq-qa__item b{display:inline-grid;place-items:center;height:20px;border-radius:4px;font-family:var(--yq-mono);font-size:10.5px;font-weight:700}
.yq-qa__item dt b{background:var(--yq-primary);color:#fff}
.yq-qa__item dd b{background:var(--yq-accent-soft);color:var(--yq-accent)}

.yq-relcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
.yq-relgroup{min-width:0}
.yq-relgroup__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--yq-line)}
.yq-relgroup__head h3{font-size:14px;font-weight:750;color:var(--yq-ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-relgroup__head h3 a{color:var(--yq-primary)}
.yq-relgroup__more{flex:0 0 auto;font-size:11px;color:var(--yq-faint)}
.yq-relgroup__more:hover{color:var(--yq-primary)}
.yq-relrow{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-relrow__pic{width:56px;height:84px;overflow:hidden;border-radius:6px;background:var(--yq-surface-2)}
.yq-relrow__pic img{width:100%;height:100%;object-fit:cover}
.yq-relrow__body{min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:84px}
.yq-relrow__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;font-weight:600;line-height:1.45}
.yq-relrow__meta{margin-top:2px;font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-relrow:hover .yq-relrow__name{color:var(--yq-primary)}

.yq-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px}
.yq-cards>*{align-self:start}

.yq-episodes__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.yq-epgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin-top:12px}
.yq-ep{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--yq-line);border-radius:7px;font-family:var(--yq-mono);font-size:12px;color:var(--yq-ink-2);background:var(--yq-surface)}
.yq-ep:hover{border-color:var(--yq-primary);color:var(--yq-primary);background:var(--yq-primary-soft)}
.yq-ep.is-cur{background:var(--yq-primary);border-color:var(--yq-primary);color:#fff}
.yq-episodes[data-open="0"] .yq-epgrid{max-height:calc(38px * 4 + 18px);overflow:hidden}
.yq-epmore{display:none;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;height:34px;border-top:1px solid var(--yq-line-2);font-size:12px;color:var(--yq-primary)}
.yq-episodes.is-collapsible .yq-epmore{display:flex}
.yq-epmore svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.yq-episodes[data-open="1"] .yq-epmore svg{transform:rotate(180deg)}
.yq-epmore .is-open{display:none}
.yq-episodes[data-open="1"] .yq-epmore .is-open{display:inline}
.yq-episodes[data-open="1"] .yq-epmore .is-closed{display:none}
.yq-episodes__none{padding:14px;border:1px dashed var(--yq-line);border-radius:10px;font-size:13px;color:var(--yq-mute)}

/* ==========================================================================
   四、播放页：限高放映台 + 下方选集 + 右侧信息
   ========================================================================== */
.yq-play{padding-top:12px}
.yq-playtop{display:grid;grid-template-columns:minmax(0,880px) minmax(0,1fr);gap:24px;align-items:start}
.yq-stagebox{min-width:0;width:100%;max-width:900px;margin-inline:auto;padding:10px;border-radius:18px;background:linear-gradient(150deg,#141c26,#080d13);box-shadow:0 26px 52px -36px rgba(12,19,27,.8),inset 0 1px 0 rgba(255,255,255,.07)}
.yq-stagebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 8px;font-family:var(--yq-mono);font-size:10.5px;letter-spacing:.06em;color:#8d9baa}
.yq-live{display:inline-flex;align-items:center;gap:6px;color:#e9e2d6}
.yq-live i{width:6px;height:6px;border-radius:50%;background:var(--yq-accent);box-shadow:0 0 0 3px rgba(201,64,47,.22)}
.yq-stagebox__src{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-playerbox{position:relative;width:100%;max-width:min(900px,calc(52vh * 16 / 9));aspect-ratio:16/9;max-height:min(52vh,520px);margin-inline:auto;background:#05080c;border-radius:10px;overflow:hidden}
.yq-playerbox>*{width:100%!important;height:100%!important;max-width:100%}
.yq-playerbox iframe,.yq-playerbox video{width:100%!important;height:100%!important;border:0;display:block}
.yq-playerbox .yq-blank{position:absolute;inset:0}
.yq-playnotice{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#eef4ff;text-align:center;padding:20px}
.yq-playnotice__bg{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;filter:blur(24px) brightness(.32);transform:scale(1.12)}
.yq-playnotice__icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);margin-bottom:2px}
.yq-playnotice__icon svg{width:22px;height:22px;fill:#fff;margin-left:3px}
.yq-playnotice b{font-family:var(--yq-head);font-size:18px;font-weight:750}
.yq-playnotice span{font-size:12.5px;color:rgba(232,238,250,.74)}
.yq-nowbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 2px 2px}
.yq-nowbar h1{font-size:clamp(18px,1.7vw,22px);min-width:0}
.yq-nowbar h1 span{font-family:var(--yq-mono);font-size:12px;color:var(--yq-primary);font-weight:400;margin-left:8px}
.yq-nowbar__acts{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.yq-playrail{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:140px}
.yq-playbody{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:22px;align-items:start}
.yq-playmain{min-width:0}
.yq-playmain>.yq-sec{margin-top:18px}
.yq-playmain>.yq-sec+.yq-sec{margin-top:18px}

.yq-playlist{display:flex;flex-direction:column;min-width:0;border:1px solid var(--yq-line);border-radius:6px;background:var(--yq-surface);box-shadow:var(--yq-shadow);overflow:hidden}
.yq-playlist__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:11px 14px 9px;background:var(--yq-primary);color:#fff}
.yq-playlist__head h2{font-size:15px;color:#fff}
.yq-playlist__head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-on-dark-2)}
.yq-playlist__lines{display:flex;flex-wrap:wrap;gap:5px;padding:10px 12px;border-bottom:1px solid var(--yq-line-2)}
.yq-playlist__list{position:relative;max-height:372px;margin:0;padding:4px 0;list-style:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.yq-playlist__ep{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--yq-line-2);font-size:13px;color:var(--yq-ink-2)}
.yq-playlist__list li:last-child .yq-playlist__ep{border-bottom:0}
.yq-playlist__ep b{font-family:var(--yq-mono);font-size:11px;font-weight:600;color:var(--yq-faint)}
.yq-playlist__ep span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-playlist__ep:hover{background:var(--yq-primary-soft);color:var(--yq-primary)}
.yq-playlist__ep.is-cur{background:var(--yq-mark-soft);color:var(--yq-ink);font-weight:700;box-shadow:inset 3px 0 0 var(--yq-accent)}
.yq-playlist__ep.is-cur b{color:var(--yq-accent)}

.yq-libcard{min-width:0;padding:12px 15px 10px;border:1px solid #e6d9a8;border-radius:4px;background:#fffbea;box-shadow:var(--yq-shadow)}
.yq-libcard__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:2px solid var(--yq-accent)}
.yq-libcard__head h2{font-size:15px;letter-spacing:.2em}
.yq-libcard__head span{font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-libcard__rows{margin:0}
.yq-libcard__row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:6px 0;border-bottom:1px solid #eadfb8;font-size:12.5px}
.yq-libcard__row:last-child{border-bottom:0}
.yq-libcard__row dt{color:var(--yq-faint)}
.yq-libcard__row dd{min-width:0;margin:0;color:var(--yq-ink-2);overflow-wrap:anywhere}
.yq-libcard__row a{color:var(--yq-primary);font-weight:650}

.yq-strip{margin-top:26px;padding:16px 18px 6px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-strip__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid var(--yq-line-2)}
.yq-strip__track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(124px,13vw,158px);gap:16px;padding:12px 2px 14px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin}
.yq-strip__track>*{scroll-snap-align:start}

/* ==========================================================================
   五、频道 / 筛选 / 搜索
   ========================================================================== */
.yq-catalog{padding-top:10px}
.yq-cataloghead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--yq-line)}
.yq-cataloghead__title{margin:0;font-size:clamp(22px,2vw,28px);font-weight:750}
.yq-cataloghead__meta{font-family:var(--yq-mono);font-size:11px;color:var(--yq-faint);padding-bottom:4px}
.yq-cataloghead__main{min-width:0;flex:1 1 520px}
.yq-cataloghead__intro{max-width:760px;margin-top:6px;font-size:13px;line-height:1.75;color:var(--yq-mute)}
.yq-subtabs{display:flex;gap:4px;margin-top:14px;padding:0 2px;border-bottom:2px solid var(--yq-secondary);overflow-x:auto;scrollbar-width:none}
.yq-subtabs::-webkit-scrollbar{display:none}
.yq-subtabs__item{flex:0 0 auto;padding:7px 13px 6px;border:1px solid var(--yq-line);border-bottom:0;border-radius:7px 7px 0 0;background:var(--yq-surface);font-size:12.5px;color:var(--yq-ink-2)}
.yq-subtabs__item:hover{background:var(--yq-secondary);border-color:var(--yq-secondary);color:#fff}
.yq-subtabs__item.is-clear{margin-left:auto;background:var(--yq-accent-soft);border-color:rgba(201,64,47,.3);color:var(--yq-accent)}
.yq-subtabs__item.is-clear:hover{background:var(--yq-accent);border-color:var(--yq-accent);color:#fff}
.yq-cataloggrid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding-top:16px;align-items:start}
.yq-filter{border:1px solid var(--yq-line);border-radius:6px;background:var(--yq-surface);padding:4px 16px;box-shadow:var(--yq-shadow)}
.yq-filter__toggle{display:none;width:100%;align-items:center;justify-content:space-between;padding:10px 0;font-size:13px}
.yq-filter__toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.yq-filter[data-open="1"] .yq-filter__toggle svg{transform:rotate(180deg)}
.yq-filter__body{padding:0}
.yq-filter__row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;padding:9px 0;border-bottom:1px dashed var(--yq-line)}
.yq-filter__row:last-child{border-bottom:0}
.yq-filter__label{display:block;font-size:12px;font-weight:700;color:var(--yq-primary)}
.yq-filter__vals{display:flex;flex-wrap:wrap;gap:4px 6px}
.yq-filter__val{padding:2px 9px;border-radius:4px;font-size:12.5px;color:var(--yq-ink-2)}
.yq-filter__val:hover{background:var(--yq-primary-soft);color:var(--yq-primary)}
.yq-filter__val.is-on{background:var(--yq-mark-soft);color:var(--yq-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--yq-mark)}
.yq-filter__reset{align-self:center;margin-left:4px;font-size:11.5px;color:var(--yq-accent);text-decoration:underline;text-underline-offset:3px}
.yq-results{min-width:0}
.yq-results__bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--yq-line)}
.yq-results__count{font-family:var(--yq-mono);font-size:11px;color:var(--yq-faint)}
.yq-resultlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 14px;margin-top:14px}
.yq-result{display:grid;grid-template-columns:64px minmax(0,1fr);gap:9px;align-items:start;height:100%;min-width:0;padding:10px;border:1px solid var(--yq-line);border-radius:var(--yq-rad-sm);background:var(--yq-surface);box-shadow:var(--yq-shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.yq-result:hover{border-color:var(--yq-primary);box-shadow:var(--yq-shadow-hover);background:var(--yq-bg)}
.yq-result__pic{width:64px;height:85px;overflow:hidden;border-radius:16px 16px 10px 10px;border:3px solid var(--yq-bg-2);background:var(--yq-surface-2)}
.yq-result__pic img{width:100%;height:100%;object-fit:cover}
.yq-result__body{min-width:0}
.yq-result__top{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.yq-result__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--yq-head);font-size:13.5px;font-weight:750;line-height:1.4;min-width:0}
.yq-result__badge{flex:0 0 auto}
.yq-result__blurb{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:11.5px;color:var(--yq-mute);line-height:1.6}
.yq-result__meta{display:flex;flex-wrap:wrap;gap:2px 6px;margin-top:4px;font-family:var(--yq-mono);font-size:9.5px;color:var(--yq-faint)}
.yq-result__meta b{font-weight:500;color:var(--yq-secondary)}
.yq-result:hover .yq-result__name{color:var(--yq-primary)}
.yq-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:12px 0 0;padding:4px 18px;list-style:none;counter-reset:yq-ledger;border:1px solid var(--yq-line);border-radius:6px;background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-ledger__item{counter-increment:yq-ledger;position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;min-width:0;border-bottom:1px solid var(--yq-line-2)}
.yq-ledger__item::before{content:counter(yq-ledger,decimal-leading-zero);font-family:var(--yq-mono);font-size:11px;font-weight:600;color:var(--yq-faint)}
.yq-ledger__item:nth-child(-n+3)::before{color:var(--yq-accent)}
.yq-ledger__item:nth-last-child(-n+2){border-bottom:0}
.yq-ledger .yq-result{grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:11px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.yq-ledger .yq-result:hover{background:transparent;box-shadow:none}
.yq-ledger .yq-result__pic{width:58px;height:78px;border:0;border-radius:4px}
.yq-ledger .yq-result__name{font-size:14.5px}
.yq-ledger .yq-result:hover .yq-result__name{background:linear-gradient(transparent 60%,var(--yq-mark-soft) 60%)}
.yq-searchbar{display:flex;align-items:center;gap:8px;margin-top:16px;border:1px solid var(--yq-line);border-radius:999px;background:var(--yq-surface);padding:0 5px 0 16px;max-width:620px;box-shadow:var(--yq-shadow)}
.yq-searchbar input{flex:1 1 auto;min-width:0;height:44px;border:0;background:transparent;font-size:14.5px;outline:none}
.yq-searchbar button{flex:0 0 auto;width:40px;height:36px;display:grid;place-items:center;border-radius:999px;background:var(--yq-primary);color:#fff}
.yq-searchbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.yq-searchwrap{padding-top:16px}

/* ==========================================================================
   六、资讯：列表 / 详情 / 分类（全部小图 + 右侧栏）
   ========================================================================== */
.yq-page--art{padding-top:10px}
.yq-page--art .yq-crumbs{margin:0}
.yq-page--art .yq-pagehead{margin-top:8px}
.yq-page--art .yq-artwrap{padding-top:14px}
.yq-page--art .yq-article{padding-top:0}
.yq-artwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:18px;align-items:start}
.yq-artwrap__main{min-width:0}
.yq-artside{display:flex;flex-direction:column;gap:18px;min-width:0;position:sticky;top:140px}
.yq-artlist{min-width:0}
.yq-arow{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-arow__pic{width:128px;height:85px;overflow:hidden;border-radius:9px;background:var(--yq-surface-2)}
.yq-arow__pic img{width:100%;height:100%;object-fit:cover}
.yq-arow__body{min-width:0}
.yq-arow__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--yq-head);font-size:16px;font-weight:750;line-height:1.45}
.yq-arow__blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:12.5px;line-height:1.7;color:var(--yq-mute)}
.yq-arow__meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-arow:hover .yq-arow__title{color:var(--yq-primary)}
.yq-article{padding:18px 20px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-article__head{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:start;padding-bottom:14px;border-bottom:1px solid var(--yq-line)}
.yq-article__thumb{width:112px;height:75px;overflow:hidden;border-radius:8px;background:var(--yq-surface-2)}
.yq-article__thumb img{width:100%;height:100%;object-fit:cover}
.yq-article__title{font-size:clamp(23px,2.3vw,30px);line-height:1.35}
.yq-article__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12px;color:var(--yq-mute)}
.yq-article__body{padding-top:16px}
.yq-article__pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.yq-article__pages a,.yq-article__pages span{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--yq-line);border-radius:7px;font-family:var(--yq-mono);font-size:12px}
.yq-article__pages .is-cur{background:var(--yq-primary);border-color:var(--yq-primary);color:#fff}
.yq-artnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--yq-line)}
.yq-artnav__item{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--yq-line);border-radius:10px;background:var(--yq-bg)}
.yq-artnav__item:hover{border-color:var(--yq-primary)}
.yq-artnav__item--next{text-align:right;grid-column:2}
.yq-artnav__item:only-child{grid-column:1/-1}
.yq-artnav__dir{font-family:var(--yq-mono);font-size:10px;letter-spacing:.06em;color:var(--yq-faint)}
.yq-artnav__name{font-size:13.5px;font-weight:600;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-artnav__item:hover .yq-artnav__name{color:var(--yq-primary)}
.yq-artrel{display:flex;flex-direction:column;margin-top:8px}
.yq-artrel__row{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-artrel__row:last-child{border-bottom:0}
.yq-artrel__title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:600}
.yq-artrel__date{margin-top:3px;font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-artrel__pic{width:84px;height:56px;overflow:hidden;border-radius:7px;background:var(--yq-surface-2)}
.yq-artrel__pic img{width:100%;height:100%;object-fit:cover}
.yq-artrel__row:hover .yq-artrel__title{color:var(--yq-primary)}

/* ==========================================================================
   七、更新日志 / 上新榜 / 会员
   ========================================================================== */
.yq-mapwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:16px;align-items:start}
.yq-maplog{border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow);padding:6px 16px}
.yq-maplog__row{display:grid;grid-template-columns:84px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--yq-line-2);min-width:0}
.yq-maplog__row:last-child{border-bottom:0}
.yq-maplog__time{font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint)}
.yq-maplog__time b{display:block;font-weight:400;color:var(--yq-ink-2)}
.yq-maplog__pic{width:44px;height:59px;overflow:hidden;border-radius:6px;background:var(--yq-surface-2)}
.yq-maplog__pic img{width:100%;height:100%;object-fit:cover}
.yq-maplog__name{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-maplog__state{text-align:right}
.yq-maplog__row:hover .yq-maplog__name{color:var(--yq-primary)}

.yq-rank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;margin-top:16px}
.yq-rank__block{min-width:0;padding:14px 15px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-rank__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:7px;border-bottom:1px solid var(--yq-line)}
.yq-rank__head h2{font-size:17px}
.yq-rank__head a{font-size:11px;color:var(--yq-faint)}
.yq-rank__row{display:grid;grid-template-columns:22px 32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--yq-line-2)}
.yq-rank__row:last-child{border-bottom:0}
.yq-rank__no{font-family:var(--yq-mono);font-size:10px;color:var(--yq-faint)}
.yq-rank__row:nth-child(-n+3) .yq-rank__no{color:var(--yq-primary);font-weight:700}
.yq-rank__pic{width:32px;height:42px;overflow:hidden;border-radius:5px;background:var(--yq-surface-2)}
.yq-rank__pic img{width:100%;height:100%;object-fit:cover}
.yq-rank__name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yq-rank__date{font-family:var(--yq-mono);font-size:9.5px;color:var(--yq-faint)}

.yq-auth{width:100%;max-width:480px;margin:32px auto 0;padding:26px;border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);box-shadow:var(--yq-shadow)}
.yq-auth__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--yq-line)}
.yq-auth__title{font-size:22px}
.yq-auth__mark{width:9px;height:9px;border-radius:2px;background:var(--yq-primary)}
.yq-auth__form{margin-top:18px}
.yq-auth__links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12.5px;color:var(--yq-mute)}
.yq-auth__links a:hover{color:var(--yq-primary)}

.yq-member{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding-top:20px;align-items:start}
.yq-member__nav{border:1px solid var(--yq-line);border-radius:var(--yq-rad);background:var(--yq-surface);padding:8px 14px 6px;box-shadow:var(--yq-shadow)}
.yq-member__navhead{font-family:var(--yq-mono);font-size:9.5px;letter-spacing:.12em;color:var(--yq-faint);padding:6px 0 8px}
.yq-member__link{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--yq-line-2);font-size:13.5px}
.yq-member__link span{font-family:var(--yq-mono);font-size:9.5px;color:var(--yq-faint)}
.yq-member__link:hover{color:var(--yq-primary)}
.yq-member__link.is-on{color:var(--yq-primary);font-weight:650}
.yq-member__panel{min-width:0}
.yq-member__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--yq-line)}
.yq-member__title{font-size:22px}
.yq-member__note{font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint)}
.yq-member__body{padding-top:16px}
.yq-member__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.yq-member__facts>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--yq-line-2);font-size:13.5px}
.yq-member__facts dt{font-family:var(--yq-mono);font-size:10.5px;color:var(--yq-faint);padding-top:2px}
.yq-member__acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.yq-ulog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}

/* ==========================================================================
   八、断点
   ========================================================================== */
@media (max-width:1199px){
    .yq-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
    .yq-resultlist{grid-template-columns:repeat(4,minmax(0,1fr))}
    .yq-shelves__grid{grid-template-columns:minmax(0,1fr)}
    .yq-shelf__cards{grid-template-columns:repeat(5,minmax(0,1fr))}
    .yq-toc{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yq-detailgrid{grid-template-columns:minmax(0,1fr) 270px}
    .yq-report{grid-template-columns:repeat(3,minmax(0,1fr))}
    .yq-report__cell:nth-child(3n+1){border-left:0}
    .yq-report__cell:nth-child(n+4){border-top:1px solid var(--yq-line-2)}
    .yq-rank{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yq-ulog{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:1100px){
    .yq-board{grid-template-columns:minmax(230px,1fr) minmax(0,1.8fr)}
    .yq-board .yq-news__list{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yq-nest{flex-wrap:wrap}
    .yq-tile{min-height:0}
    .yq-rank__row{padding:6px 0}
    .yq-desk__wrap{grid-template-columns:minmax(0,1fr)}
    .yq-desk__side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .yq-artwrap{grid-template-columns:minmax(0,1fr)}
    .yq-artside{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .yq-mapwrap{grid-template-columns:minmax(0,1fr)}
    .yq-playtop{grid-template-columns:minmax(0,1fr)}
    .yq-playrail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
    .yq-playlist{grid-row:span 2}
    .yq-strip__track{grid-auto-columns:clamp(124px,18vw,150px)}
    .yq-playbody{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:1023px){
    .yq-cataloggrid{grid-template-columns:minmax(0,1fr)}
    .yq-filter__toggle{display:flex}
    .yq-filter[data-open="1"] .yq-filter__toggle{border-bottom:1px dashed var(--yq-line)}
    .yq-filter__body{display:none;padding-bottom:8px}
    .yq-filter[data-open="1"] .yq-filter__body{display:block}
    .yq-resultlist{grid-template-columns:repeat(3,minmax(0,1fr))}
    .yq-result{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px}
    .yq-result__pic{width:82px;height:109px}
    .yq-result__name{font-size:15px}
    .yq-result__blurb{font-size:12px;-webkit-line-clamp:2}
    .yq-result__meta{font-size:10px;gap:3px 8px}
    .yq-detailgrid{grid-template-columns:minmax(0,1fr)}
    .yq-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .yq-member{grid-template-columns:minmax(0,1fr)}
    .yq-member__nav{display:flex;flex-wrap:wrap;gap:0 18px;border-top:0;border-bottom:1px solid var(--yq-line);padding:0}
    .yq-member__navhead{display:none}
    .yq-member__link{border-bottom:0;padding:9px 0;gap:6px}
}

@media (max-width:767px){
    .yq-homehead{align-items:flex-start;flex-direction:column;gap:8px}
    .yq-board{grid-template-columns:minmax(0,1fr);grid-template-areas:"feature" "rank" "news"}
    .yq-stage{min-height:0;height:clamp(210px,56vw,340px)}
    .yq-nest{padding:14px 16px;gap:8px}
    .yq-board .yq-news__list{grid-template-columns:minmax(0,1fr)}
    .yq-board .yq-rank__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
    .yq-board .yq-rank__row{grid-template-columns:18px 26px minmax(0,1fr);gap:6px}
    .yq-board .yq-rank__date{display:none}
    .yq-stage__arrows{display:none}
    .yq-stage__cap{padding:0 14px 16px}
    .yq-stage__name{font-size:21px}
    .yq-tile{min-height:0}
    .yq-shelf__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
    .yq-pick{grid-column:1/-1;grid-template-columns:92px minmax(0,1fr)}
    .yq-pick__pic{width:92px}
    .yq-toc{grid-template-columns:minmax(0,1fr)}
    .yq-shelf__name{font-size:16.5px}
    .yq-desk__side,.yq-artside,.yq-side,.yq-playrail{grid-template-columns:minmax(0,1fr)}
    .yq-lead{grid-template-columns:120px minmax(0,1fr);gap:12px}
    .yq-lead__pic{width:120px;height:80px}
    .yq-nrow{grid-template-columns:88px minmax(0,1fr);gap:11px}
    .yq-nrow__pic{width:88px;height:59px}
    .yq-film{grid-template-columns:132px minmax(0,1fr);gap:14px}
    .yq-film__poster{width:132px;height:176px}
    .yq-film__intro{font-size:13.5px}
    .yq-film__name{font-size:24px}
    .yq-tabs{margin-top:18px}
    .yq-tabs__title{display:none}
    .yq-tabs__link{padding:7px 11px 6px;font-size:12px}
    .yq-qa__item dt,.yq-qa__item dd{font-size:13px}
    .yq-spec{grid-template-columns:minmax(0,1fr)}
    .yq-relcols{grid-template-columns:minmax(0,1fr);gap:0}
    .yq-relgroup{margin-bottom:14px}
    .yq-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}
    .yq-resultlist{grid-template-columns:minmax(0,1fr)}
    .yq-ledger{grid-template-columns:minmax(0,1fr);padding:2px 14px}
    .yq-ledger__item:nth-last-child(-n+2){border-bottom:1px solid var(--yq-line-2)}
    .yq-ledger__item:last-child{border-bottom:0}
    .yq-subtabs__item{padding:6px 11px 5px;font-size:12px}
    .yq-playrail{grid-template-columns:minmax(0,1fr)}
    .yq-playlist{grid-row:auto}
    .yq-playlist__list{max-height:300px}
    .yq-strip{padding:14px 12px 4px}
    .yq-arow{grid-template-columns:104px minmax(0,1fr);gap:12px}
    .yq-arow__pic{width:104px;height:69px}
    .yq-arow__title{font-size:15px}
    .yq-arow__blurb{-webkit-line-clamp:1}
    .yq-article__head{grid-template-columns:96px minmax(0,1fr);gap:12px}
    .yq-article__thumb{width:96px;height:64px}
    .yq-article__title{font-size:22px}
    .yq-article__pages a,.yq-article__pages span{min-width:30px;height:30px}
    .yq-maplog__row{grid-template-columns:76px 40px minmax(0,1fr) auto;gap:10px}
    .yq-maplog__pic{width:40px;height:54px}
    .yq-rank{grid-template-columns:minmax(0,1fr)}
    .yq-nowbar__acts{margin-left:0;width:100%}
    .yq-episodes[data-open="0"] .yq-epgrid{max-height:calc(38px * 3 + 12px)}
}

@media (max-width:560px){
    .yq-cards,.yq-shelf__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
    .yq-shelf{padding:16px 12px}
    .yq-film{grid-template-columns:minmax(0,1fr)}
    .yq-film__poster{width:132px;height:176px}
    .yq-report{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yq-report__cell:nth-child(3n+1){border-left:1px solid var(--yq-line-2)}
    .yq-report__cell:nth-child(2n+1){border-left:0}
    .yq-report__cell:nth-child(n+3){border-top:1px solid var(--yq-line-2)}
    .yq-report__cell{padding:8px 11px 9px}
    .yq-report__cell dd{font-size:13.5px}
    .yq-filter{padding:2px 12px}
    .yq-filter__row{grid-template-columns:minmax(0,1fr);gap:5px}
    .yq-pick__blurb{-webkit-line-clamp:3}
    .yq-epgrid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px}
    .yq-ep{height:34px;font-size:11.5px}
    .yq-auth{margin-top:18px;padding:20px 16px}
    .yq-member__facts{grid-template-columns:minmax(0,1fr)}
    .yq-nrow{grid-template-columns:76px minmax(0,1fr);gap:10px}
    .yq-nrow__pic{width:76px;height:51px}
    .yq-crumbs{padding-top:12px}
    .yq-maplog__time b{display:inline;margin-left:4px}
    .yq-maplog__row{grid-template-columns:72px 40px minmax(0,1fr);gap:8px}
    .yq-maplog__state{grid-column:1/-1;text-align:left}
}

@media (min-width:1400px){
    .yq-resultlist{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-height:820px){
    .yq-desk__side,.yq-artside,.yq-side,.yq-playrail{position:static}
}