/* ==========================================================================
   Mu · 木鱼梵音 页面层
   --------------------------------------------------------------------------
   首页：禅堂屏风 + 今日片单 → 三联经架 → 新片横滑 → 更新签 → 大众榜
        → 片场札记时间轴 → 关于木鱼影视 → 问禅。
   频道：顶部筛选经条 + 左侧频道木牌竖栏 + 片目栅格。
   详情：背景幕档案头 + 横排事实条 + 选集前置 + 横向长卷推荐。
   播放：影壁播放器 + 下方全宽选集经架 + 单栏正文。
   资讯 / 更新日志 / 榜单沿用基础组件与旧版版式。
   ========================================================================== */

/* ---------- 首页 ---------- */
.my-home{padding:clamp(18px,2.4vw,32px) 0 0}
.my-banners{position:relative}
.my-banners__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 2px 11px}
.my-banners__lead{display:flex;flex-direction:column;gap:4px}
.my-banners__kicker{font-family:var(--my-serif);font-size:11px;letter-spacing:.26em;color:var(--my-bronze)}
.my-banners__hint{font-size:10.5px;letter-spacing:.06em;color:var(--my-text-muted)}
.my-banners__nav{display:flex;align-items:center;gap:8px}
.my-banners__btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--my-line);border-radius:2px;color:var(--my-text-soft);background:var(--my-surface-1)}
.my-banners__btn:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-banners__btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.my-banners__count{display:inline-flex;align-items:baseline;gap:4px;min-width:52px;justify-content:center;font-family:var(--my-mono);font-size:10.5px;color:var(--my-text-muted)}
.my-banners__count b{font-size:19px;font-weight:500;color:var(--my-text);line-height:1}
.my-banners__count i{font-style:normal}
.my-banners__rail{display:flex;gap:8px;height:clamp(400px,36vw,500px);overflow:hidden}
.my-banner{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:var(--my-surface-2);border:1px solid #3f2c1e;border-radius:4px;transition:flex-grow .55s var(--my-ease),border-color .3s var(--my-ease);isolation:isolate}
.my-banner::before{content:"";position:absolute;left:50%;top:0;z-index:6;width:1px;height:16px;background:linear-gradient(180deg,var(--my-bronze-deep),transparent)}
.my-banner::after{content:"";position:absolute;left:50%;top:15px;z-index:6;width:7px;height:7px;margin-left:-3.5px;border:1px solid rgba(208,166,92,.65);border-radius:50%;background:rgba(13,16,15,.6)}
.my-banner.is-active{flex-grow:2.7;border-color:rgba(208,166,92,.55);box-shadow:0 26px 46px -36px rgba(0,0,0,.95)}
.my-banner__img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.78) grayscale(.2);transition:filter .4s var(--my-ease),transform .8s var(--my-ease)}
.my-banner.is-active .my-banner__img{filter:brightness(1) saturate(1);transform:scale(1.02)}
.my-banner__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,9,8,.06) 30%,rgba(7,9,8,.9) 100%)}
.my-banner__no{position:absolute;left:11px;top:24px;z-index:4;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.5);border-radius:50%;background:rgba(13,16,15,.55);color:var(--my-bronze);font-family:var(--my-serif);font-size:11px}
.my-banner__vname{position:absolute;left:50%;bottom:18px;z-index:4;transform:translateX(-50%);writing-mode:vertical-rl;font-family:var(--my-serif);font-size:15px;letter-spacing:.2em;color:var(--my-text);text-shadow:0 1px 12px rgba(0,0,0,.7);max-height:76%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s var(--my-ease)}
.my-banner__cap{position:absolute;left:clamp(16px,2.2vw,30px);right:clamp(16px,2.2vw,30px);bottom:clamp(18px,2.4vw,30px);z-index:4;display:flex;flex-direction:column;gap:7px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s var(--my-ease),transform .4s var(--my-ease),visibility .4s var(--my-ease)}
.my-banner.is-active .my-banner__cap{opacity:1;visibility:visible;transform:none}
.my-banner.is-active .my-banner__vname{opacity:0}
.my-banner__kind{font-size:10px;letter-spacing:.22em;color:var(--my-bronze)}
.my-banner__name{font-family:var(--my-serif);font-size:clamp(25px,2.6vw,38px);line-height:1.12;font-weight:700;color:var(--my-text);text-shadow:0 2px 22px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-banner__meta{font-size:11.5px;color:rgba(234,228,216,.82)}
.my-banner__cta{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;color:var(--my-bronze)}
.my-banner:hover .my-banner__img{filter:brightness(.82) saturate(.92)}
.my-banner.is-active:hover .my-banner__img{filter:brightness(1.03) saturate(1.03)}
.my-banner:focus-visible{outline-offset:-3px}
.my-banners__bars{display:flex;gap:4px;height:3px;margin-top:8px}
.my-banners__bar{flex:1;overflow:hidden;background:var(--my-line-soft)}
.my-banners__bar i{display:block;width:0;height:100%;background:var(--my-bronze)}
.my-banners__bar.is-run i{animation:myBar 6s linear forwards}
.my-banners__bar.is-done i{width:100%;background:rgba(208,166,92,.5)}
@keyframes myBar{from{width:0}to{width:100%}}

.my-picksbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;margin-top:16px;border:1px solid var(--my-line);border-radius:3px;background:var(--my-surface-1)}
.my-picksbar__label{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 16px;border-right:1px solid var(--my-line);background:linear-gradient(180deg,rgba(58,36,24,.25),transparent)}
.my-picksbar__label span{font-family:var(--my-serif);font-size:14px;letter-spacing:.12em;color:var(--my-text)}
.my-picksbar__label i{font-style:normal;font-size:9px;letter-spacing:.08em;color:var(--my-text-muted)}
.my-picksbar__list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-width:0}
.my-picksbar__item{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 10px;border-right:1px solid var(--my-line-soft)}
.my-picksbar__item:last-child{border-right:0}
.my-picksbar__no{flex:0 0 auto;font-family:var(--my-serif);font-size:11px;color:var(--my-bronze)}
.my-picksbar__body{min-width:0;display:flex;flex-direction:column;gap:1px}
.my-picksbar__name{font-size:12px;line-height:1.35;color:var(--my-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-picksbar__meta{font-size:9.5px;color:var(--my-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-picksbar__item:hover .my-picksbar__name{color:var(--my-bronze)}
.my-picksbar__more{display:inline-flex;align-items:center;padding:0 14px;font-size:11px;color:var(--my-text-muted);border-left:1px solid var(--my-line);white-space:nowrap}
.my-picksbar__more:hover{color:var(--my-bronze)}

.my-fold{margin-top:var(--my-gap-block)}
.my-fold__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:0 0 12px;border-bottom:1px solid var(--my-line);margin-bottom:18px}
.my-fold__title{position:relative;padding-left:15px;font-size:clamp(23px,2.3vw,31px);line-height:1.1}
.my-fold__title::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;background:var(--my-bronze);transform:rotate(45deg)}
.my-fold__note{display:block;margin-top:6px;font-size:11px;font-weight:400;letter-spacing:.03em;color:var(--my-text-muted)}
.my-fold__more{font-size:11.5px;color:var(--my-text-muted);white-space:nowrap;padding-bottom:3px}
.my-fold__more:hover{color:var(--my-bronze)}

.my-sutras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px)}
.my-sutra{border:1px solid var(--my-line);border-radius:4px;background:linear-gradient(180deg,var(--my-surface-1),#101412);padding:15px 16px 14px;min-width:0}
.my-sutra__head{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding-bottom:11px;border-bottom:1px solid var(--my-line)}
.my-sutra__no{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.45);border-radius:50%;color:var(--my-bronze);font-family:var(--my-serif);font-size:12px}
.my-sutra__head h3{font-size:17px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-sutra__head h3 a:hover{color:var(--my-bronze)}
.my-sutra__count{font-size:10px;color:var(--my-text-muted);white-space:nowrap}
.my-sutra__poster{display:grid;grid-template-columns:72px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px dotted var(--my-line-soft)}
.my-sutra__pic{display:block;width:72px;aspect-ratio:3/4;overflow:hidden;border-radius:2px 2px 12px 12px;background:var(--my-surface-2);border:1px solid var(--my-line-soft)}
.my-sutra__pic img{width:100%;height:100%;object-fit:cover}
.my-sutra__body{min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}
.my-sutra__name{font-size:14px;line-height:1.45;color:var(--my-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-sutra__meta{font-size:10.5px;color:var(--my-text-muted)}
.my-sutra__state{align-self:flex-start;margin-top:2px;padding:1px 6px;border:1px solid rgba(208,166,92,.35);border-radius:2px;font-size:9.5px;color:var(--my-bronze)}
.my-sutra__poster:hover .my-sutra__name{color:var(--my-bronze)}
.my-sutra__rows{padding:3px 0 1px}
.my-sutra__row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 0;border-bottom:1px dotted var(--my-line-soft);font-size:12px}
.my-sutra__row:last-child{border-bottom:0}
.my-sutra__rowno{font-family:var(--my-serif);font-size:10.5px;color:var(--my-bronze);text-align:center}
.my-sutra__rowname{color:var(--my-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-sutra__rowmeta{font-size:9.5px;color:var(--my-text-muted);white-space:nowrap}
.my-sutra__row:hover .my-sutra__rowname{color:var(--my-bronze)}
.my-sutra__more{display:inline-flex;margin-top:11px;font-size:11px;color:var(--my-bronze)}

.my-stripnav{display:flex;gap:6px;margin-left:auto}
.my-stripbtn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--my-line);border-radius:2px;color:var(--my-text-soft);background:var(--my-surface-1)}
.my-stripbtn:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-stripbtn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.my-railwrap{position:relative}
.my-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(146px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.my-rail::-webkit-scrollbar{display:none}
.my-rail > *{scroll-snap-align:start}
.my-railwrap--related .my-rail{grid-auto-columns:minmax(132px,1fr)}
.my-rail--twin{grid-template-rows:repeat(2,auto);grid-auto-columns:150px;gap:18px 12px;align-items:start}
.my-railwrap--related .my-rail--twin{grid-template-rows:repeat(2,auto);grid-auto-columns:150px;gap:18px 12px;align-items:start}

.my-updates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--my-line)}
.my-update{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--my-line-soft);min-width:0}
.my-update__date b{display:block;font-family:var(--my-mono);font-size:13px;line-height:1.2;color:var(--my-text-soft)}
.my-update__date i{font-style:normal;font-size:9.5px;color:var(--my-text-muted)}
.my-update__body{min-width:0;display:flex;flex-direction:column;gap:1px}
.my-update__name{font-size:13px;line-height:1.4;color:var(--my-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-update__meta{font-size:10px;color:var(--my-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-update__state{padding:2px 7px;border:1px solid var(--my-line);border-radius:2px;font-size:9.5px;color:var(--my-text-muted);white-space:nowrap}
.my-update__state--complete{border-color:rgba(110,167,142,.45);color:var(--my-jade)}
.my-update__state--updating{border-color:rgba(208,166,92,.45);color:var(--my-bronze)}
.my-update__state--movie{border-color:rgba(234,228,216,.4);color:var(--my-text-soft)}
.my-update__state--unknown{border-color:var(--my-line);color:var(--my-text-muted)}
.my-update:hover .my-update__name{color:var(--my-bronze)}

.my-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--my-line)}
.my-board__row{display:grid;grid-template-columns:34px 44px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--my-line-soft);min-width:0}
.my-board__no{font-family:var(--my-serif);font-size:15px;color:var(--my-text-muted);text-align:center}
.my-board__row.is-top .my-board__no{color:var(--my-bronze)}
.my-board__pic{display:block;width:44px;aspect-ratio:3/4;overflow:hidden;border-radius:2px 2px 8px 8px;background:var(--my-surface-2);border:1px solid var(--my-line-soft)}
.my-board__pic img{width:100%;height:100%;object-fit:cover}
.my-board__body{min-width:0;display:flex;flex-direction:column;gap:2px}
.my-board__name{font-size:13px;line-height:1.4;color:var(--my-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-board__meta{font-size:10px;color:var(--my-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-board__go{font-size:12px;color:var(--my-line);text-align:right}
.my-board__row:hover .my-board__name{color:var(--my-bronze)}
.my-board__row:hover .my-board__go{color:var(--my-bronze)}

.my-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--my-line)}
.my-brief{display:grid;grid-template-columns:50px minmax(0,1fr) 76px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--my-line-soft);min-width:0}
.my-brief__date b{display:block;font-family:var(--my-mono);font-size:13px;line-height:1.2;color:var(--my-text-soft)}
.my-brief__date i{font-style:normal;font-size:9.5px;color:var(--my-text-muted)}
.my-brief__body{min-width:0;display:flex;flex-direction:column;gap:3px}
.my-brief__title{font-size:13px;line-height:1.55;color:var(--my-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-brief__meta{font-size:10px;color:var(--my-text-muted)}
.my-brief__pic{display:block;width:76px;aspect-ratio:3/2;overflow:hidden;border-radius:2px;background:var(--my-surface-2);border:1px solid var(--my-line-soft)}
.my-brief__pic img{width:100%;height:100%;object-fit:cover}
.my-brief:hover .my-brief__title{color:var(--my-bronze)}

.my-brandblock{display:grid;grid-template-columns:78px minmax(0,1fr);gap:clamp(18px,2.6vw,34px);margin-top:var(--my-gap-block);padding:clamp(22px,3vw,36px);border:1px solid #3f2c1e;border-radius:4px;background:
    repeating-linear-gradient(93deg,rgba(0,0,0,.10) 0 1px,transparent 1px 9px),
    linear-gradient(150deg,rgba(58,36,24,.5),rgba(20,24,22,.62))}
.my-brandblock__seal{width:64px;height:64px;align-self:start;display:grid;place-items:center;border:1px solid rgba(208,166,92,.55);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(208,166,92,.2),transparent 68%);color:var(--my-bronze);font-family:var(--my-serif);font-size:28px}
.my-brandblock__body h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2}
.my-brandblock__body p{margin-top:12px;font-size:13.5px;line-height:1.95;color:var(--my-text-soft);max-width:66em}
.my-brandblock__links{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.my-brandblock__links a{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--my-line);border-radius:2px;font-size:11.5px;color:var(--my-text-soft);background:rgba(20,24,22,.4)}
.my-brandblock__links a:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}

.my-ask{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;border-top:1px solid var(--my-line)}
.my-ask--detail{grid-template-columns:1fr}
.my-ask__item{border-bottom:1px solid var(--my-line-soft);padding:13px 0}
.my-ask__item summary{cursor:pointer;font-size:15px;font-weight:500;line-height:1.6;color:var(--my-text);list-style:none;display:flex;align-items:flex-start;gap:10px}
.my-ask__item summary::-webkit-details-marker{display:none}
.my-ask__no{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.4);border-radius:50%;font-family:var(--my-serif);font-size:11px;font-weight:400;color:var(--my-bronze)}
.my-ask__item summary::after{content:"+";margin-left:auto;color:var(--my-bronze);font-family:var(--my-serif);font-weight:400;font-size:16px;line-height:1.4}
.my-ask__item[open] summary::after{content:"−"}
.my-ask__item summary:hover{color:var(--my-bronze)}
.my-ask__a{margin:8px 0 0 34px;font-size:13px;line-height:1.9;color:var(--my-text-muted)}

/* ---------- 频道 / 筛选 ---------- */
.my-catalog{padding:clamp(18px,2.4vw,30px) 0 64px}
.my-cathead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--my-line);padding:0 0 16px}
.my-cathead__main{min-width:0}
.my-cathead__kicker{display:block;font-size:10.5px;letter-spacing:.2em;color:var(--my-bronze);margin-bottom:7px}
.my-cathead__title{font-size:clamp(28px,3.2vw,42px);line-height:1.1}
.my-cathead__intro{max-width:74em;margin-top:9px;font-size:12.5px;line-height:1.85;color:var(--my-text-muted)}
.my-cathead__meta{font-size:11.5px;color:var(--my-text-muted);white-space:nowrap;padding-bottom:4px}
.my-cathead__meta:hover{color:var(--my-bronze)}
.my-sieve{margin-top:18px;border:1px solid var(--my-line);border-radius:3px;background:var(--my-surface-1)}
.my-sieve__toggle{display:none}
.my-sieve__body{padding:4px 16px 6px}
.my-sieve__row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:9px 0;border-bottom:1px solid var(--my-line-soft)}
.my-sieve__row:last-child{border-bottom:0}
.my-sieve__label{font-size:11px;letter-spacing:.1em;color:var(--my-text-muted);padding-top:4px;white-space:nowrap}
.my-sieve__vals{display:flex;flex-wrap:wrap;gap:4px}
.my-sieve__val{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid transparent;border-radius:2px;font-size:12px;color:var(--my-text-soft)}
.my-sieve__val:hover{border-color:var(--my-line);color:var(--my-bronze)}
.my-sieve__val.is-on{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper)}
.my-sieve__foot{padding:0 16px 12px}
.my-sieve__reset{font-size:11.5px;color:var(--my-bronze)}
.my-catbody{display:grid;grid-template-columns:158px minmax(0,1fr);gap:clamp(20px,2.6vw,34px);align-items:start;margin-top:22px}
.my-railnav{position:sticky;top:126px;border:1px solid var(--my-line);border-radius:3px;background:var(--my-surface-1);padding:12px 0 8px}
.my-railnav__title{font-family:var(--my-serif);font-size:12px;letter-spacing:.16em;color:var(--my-text-muted);padding:0 15px 8px;border-bottom:1px solid var(--my-line-soft);margin-bottom:6px}
.my-railnav__title--sub{margin-top:10px}
.my-railnav__list{display:flex;flex-direction:column;padding:0 8px}
.my-railnav__link{position:relative;display:block;padding:8px 10px;font-size:12.5px;color:var(--my-text-soft);border-radius:2px}
.my-railnav__link:hover{background:var(--my-surface-2);color:var(--my-bronze)}
.my-railnav__link.is-on{background:linear-gradient(90deg,rgba(179,100,60,.28),transparent);color:var(--my-bronze);font-weight:600}
.my-railnav__link.is-on::before{content:"";position:absolute;left:0;top:50%;width:3px;height:14px;margin-top:-7px;background:var(--my-bronze)}
.my-railnav__reset{display:block;margin:10px 15px 4px;font-size:11px;color:var(--my-bronze)}
.my-results{min-width:0}
.my-results__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--my-line);padding-bottom:9px;margin-bottom:18px}
.my-results__count{font-size:11.5px;color:var(--my-text-muted);letter-spacing:.04em}
.my-results__reset{font-size:11.5px;color:var(--my-bronze)}
.my-results .my-poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}

/* ---------- 影片详情 ---------- */
.my-detail{padding:0 0 64px}
.my-cine{position:relative;overflow:hidden;border-bottom:1px solid var(--my-line);padding:6px 0 30px;background:linear-gradient(180deg,rgba(12,15,14,.6),var(--my-bg))}
.my-cine__bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.my-cine__bg img{width:100%;height:100%;object-fit:cover;filter:blur(26px) brightness(.34) saturate(.85);transform:scale(1.12)}
.my-cine__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,8,.5),rgba(13,16,15,.94) 64%,var(--my-bg))}
.my-cine .my-shell{position:relative;z-index:1}
.my-cine__grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(22px,3vw,40px);align-items:start;margin-top:6px}
.my-cine__poster{position:relative;background:var(--my-surface-2);border:1px solid #4a2f1f;border-radius:4px 4px 18px 18px;box-shadow:var(--my-shadow-lg);padding:4px}
.my-cine__poster img{width:100%;aspect-ratio:3/4.2;object-fit:cover;border-radius:3px 3px 14px 14px}
.my-cine__poster .my-blank{aspect-ratio:3/4.2;border-radius:3px 3px 14px 14px}
.my-cine__state{position:absolute;left:10px;bottom:10px}
.my-cine__seal{position:absolute;right:-14px;bottom:22px;width:62px;height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 38% 30%,#eed8a4,var(--my-bronze) 62%,var(--my-bronze-deep));color:#1a1208;box-shadow:0 0 0 4px rgba(13,16,15,.6)}
.my-cine__seal b{font-family:var(--my-serif);font-size:21px;line-height:1}
.my-cine__seal i{font-style:normal;font-size:8.5px;margin-top:2px}
.my-cine__info{padding-top:8px;min-width:0;padding-right:clamp(0px,2vw,18px)}
.my-cine__kicker{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10.5px;letter-spacing:.12em;color:var(--my-text-muted);margin-bottom:9px}
.my-cine__kicker a{color:var(--my-bronze)}
.my-cine__brand{padding-left:10px;border-left:1px solid var(--my-line);color:var(--my-bronze-deep)}
.my-cine__name{font-family:var(--my-serif);font-size:clamp(30px,3.6vw,46px);line-height:1.1;color:var(--my-text);font-weight:700;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.my-cine__sub{margin-top:9px;font-size:12.5px;line-height:1.75;color:var(--my-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:56em}
.my-cine__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:12px;font-size:12px;color:var(--my-text-soft)}
.my-cine__meta span+span::before{content:"/";margin:0 7px;color:var(--my-line)}
.my-cine__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.my-cine__stats{display:flex;flex-wrap:wrap;margin-top:16px;border:1px solid var(--my-line);border-radius:2px;background:rgba(13,16,15,.28)}
.my-cine__stats span{display:flex;flex-direction:column;gap:1px;padding:8px 14px;border-left:1px solid var(--my-line-soft);min-width:84px}
.my-cine__stats span:first-child{border-left:0}
.my-cine__stats b{font-family:var(--my-serif);font-size:17px;line-height:1.1;color:var(--my-text);font-weight:700}
.my-cine__stats i{font-style:normal;font-size:9.5px;color:var(--my-text-muted);letter-spacing:.05em}
.my-cine__acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.my-factstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;border:1px solid var(--my-line);border-top:0;background:linear-gradient(180deg,rgba(58,36,24,.18),rgba(20,24,22,.4))}
.my-factstrip > div{padding:10px 13px;border-left:1px solid var(--my-line-soft);min-width:0}
.my-factstrip > div:first-child{border-left:0}
.my-factstrip dt{font-size:10px;letter-spacing:.1em;color:var(--my-text-muted);margin-bottom:2px}
.my-factstrip dd{margin:0;font-size:12px;color:var(--my-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-factstrip--play{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:24px;border-top:1px solid var(--my-line)}
.my-dbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(26px,3.2vw,44px);align-items:start;margin-top:30px}
.my-dmain{min-width:0}
.my-block{border-top:1px solid var(--my-line);margin-top:26px;padding-top:0}
.my-block:first-child{margin-top:0}
.my-block__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0 10px;border-bottom:1px solid var(--my-line)}
.my-block__head h2{font-size:19px}
.my-block__head h2::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:2px;background:var(--my-bronze);transform:rotate(45deg)}
.my-block__note{font-size:10.5px;color:var(--my-text-muted);white-space:nowrap}
.my-block__more{font-size:11px;color:var(--my-text-muted);white-space:nowrap}
.my-block__more:hover{color:var(--my-bronze)}
.my-block__body{padding-top:15px}

.my-eprack{display:grid;grid-template-columns:150px minmax(0,1fr)}
.my-eprack__lines{display:flex;flex-direction:column;gap:6px;padding:2px 14px 2px 0;border-right:1px solid var(--my-line);min-width:0}
.my-eprack__label{font-size:10px;letter-spacing:.1em;color:var(--my-text-muted);margin-bottom:2px}
.my-eprack__line{display:block;padding:7px 9px;border:1px solid var(--my-line);border-radius:2px;font-size:11.5px;color:var(--my-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-eprack__line:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-eprack__line.is-on{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-eprack__main{min-width:0;padding-left:16px}
.my-eptabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.my-eppanel{position:relative}
.my-epgrid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.my-ep{height:36px;display:grid;place-items:center;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);font-size:12.5px;color:var(--my-text-soft);line-height:1;min-width:0;overflow:hidden}
.my-ep:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze);background:var(--my-surface-3)}
.my-ep.is-cur{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-eppanel.is-collapsible .my-epgrid{max-height:127px;overflow:hidden}
.my-eppanel.is-collapsible[data-open="1"] .my-epgrid{max-height:none}
.my-epmore{display:none;width:100%;margin-top:12px;min-height:36px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);font-size:12px;color:var(--my-text-muted);align-items:center;justify-content:center;gap:7px}
.my-eppanel.is-collapsible .my-epmore{display:flex}
.my-epmore .is-open{display:none}
.my-eppanel[data-open="1"] .my-epmore .is-open{display:inline}
.my-eppanel[data-open="1"] .my-epmore .is-closed{display:none}
.my-epmore svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--my-ease)}
.my-eppanel[data-open="1"] .my-epmore svg{transform:rotate(180deg)}

.my-story p:first-of-type::first-letter{float:left;font-family:var(--my-serif);font-size:3.1em;line-height:.9;padding:5px 9px 0 0;color:var(--my-bronze)}
.my-block--story .my-block__body{padding-top:12px}
.my-story--cols{columns:2;column-gap:clamp(28px,3vw,44px)}
.my-story--cols p{break-inside:avoid-column;margin-bottom:14px}
.my-castrail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.my-castrail::-webkit-scrollbar{height:5px}
.my-castrail::-webkit-scrollbar-thumb{background:var(--my-line)}
.my-castcard{flex:0 0 104px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 8px 10px;border:1px solid var(--my-line);border-radius:2px;background:linear-gradient(180deg,rgba(58,36,24,.22),rgba(20,24,22,.4))}
.my-castcard__av{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.35);border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(208,166,92,.2),rgba(43,26,17,.5));color:var(--my-bronze);font-family:var(--my-serif);font-size:18px}
.my-castcard__name{font-size:12px;line-height:1.3;color:var(--my-text);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-castcard__role{font-size:9.5px;color:var(--my-text-muted)}
.my-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.my-archive__cell{padding:8px 10px;border:1px solid var(--my-line-soft);border-radius:2px;background:rgba(20,24,22,.45);min-width:0}
.my-archive__cell--wide{grid-column:1/-1}
.my-archive dt{font-size:9.5px;letter-spacing:.08em;color:var(--my-text-muted);margin-bottom:2px}
.my-archive dd{margin:0;font-size:12px;line-height:1.5;color:var(--my-text-soft);word-break:break-word}
.my-archive dd a{color:var(--my-bronze)}
.my-archivepanel .my-panel__body{padding:12px}
.my-brandaside p{font-size:12px;line-height:1.85;color:var(--my-text-muted)}
.my-brandaside__link{display:inline-flex;margin-top:10px;font-size:12px;color:var(--my-bronze)}

/* ---------- 播放 ---------- */
.my-play{padding:0 0 64px}
.my-hall{padding:8px 0 30px;background:linear-gradient(180deg,#0a0d0c,var(--my-bg));border-bottom:1px solid var(--my-line)}
.my-hall__frame{border:1px solid #3f2c1e;border-radius:4px;background:linear-gradient(180deg,rgba(58,36,24,.35),rgba(16,20,18,.5));padding:10px 10px 12px;margin-top:12px;box-shadow:var(--my-shadow-lg)}
.my-hall__bar{display:flex;align-items:center;gap:12px;padding:2px 4px 10px;font-size:10.5px;color:var(--my-text-muted)}
.my-hall__live{display:inline-flex;align-items:center;gap:7px;color:var(--my-text);letter-spacing:.06em;white-space:nowrap}
.my-hall__live i{width:6px;height:6px;border-radius:50%;background:var(--my-accent);animation:myLive 2.2s infinite}
@keyframes myLive{0%{box-shadow:0 0 0 0 rgba(179,100,60,.45)}70%{box-shadow:0 0 0 7px rgba(179,100,60,0)}100%{box-shadow:0 0 0 0 rgba(179,100,60,0)}}
.my-hall__brand{color:var(--my-bronze);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-hall__now{margin-left:auto;font-family:var(--my-mono);color:var(--my-bronze);white-space:nowrap}
.my-playerbox{position:relative;width:100%;max-width:996px;aspect-ratio:16/9;max-height:560px;margin:0 auto;background:#000;border:1px solid var(--my-line);border-radius:2px;overflow:hidden}
.my-playerbox iframe,.my-playerbox video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.my-playnotice{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:22px;color:var(--my-text);background:rgba(7,9,8,.84)}
.my-playnotice__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(208,166,92,.45);border-radius:50%}
.my-playnotice__icon svg{width:18px;height:18px;fill:currentColor}
.my-playnotice b{font-family:var(--my-serif);font-size:20px}
.my-playnotice span{font-size:11.5px;color:var(--my-text-muted)}
.my-hall__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:0 4px}
.my-hall__foot h1{font-family:var(--my-serif);font-size:21px;line-height:1.35;color:var(--my-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-hall__foot h1 span{margin-left:8px;font-family:var(--my-body);font-size:11px;font-weight:400;color:var(--my-bronze);white-space:nowrap}
.my-hall__acts{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.my-hall__acts .my-btn{min-height:32px;padding:0 10px;font-size:11.5px}
.my-hall__acts .my-btn[aria-disabled="true"]{opacity:.3}
.my-epdais{margin-top:18px;border:1px solid var(--my-line);border-radius:4px;background:var(--my-surface-1)}
.my-epdais__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--my-line);background:linear-gradient(180deg,rgba(58,36,24,.2),transparent)}
.my-epdais__head h2{font-size:17px;line-height:1.2}
.my-epdais__head h2::before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;vertical-align:2px;background:var(--my-bronze);transform:rotate(45deg)}
.my-epdais__head span{display:block;margin-top:3px;font-size:10px;color:var(--my-text-muted)}
.my-epdais__now{font-family:var(--my-mono);font-size:10.5px;color:var(--my-bronze);white-space:nowrap}
.my-epdais__body{display:grid;grid-template-columns:150px minmax(0,1fr)}
.my-epdais__lines{padding:13px 14px;border-right:1px solid var(--my-line);display:flex;flex-direction:column;gap:6px;min-width:0}
.my-epdais__label{font-size:10px;letter-spacing:.1em;color:var(--my-text-muted);margin-bottom:2px}
.my-epline{display:block;padding:7px 9px;border:1px solid var(--my-line);border-radius:2px;font-size:11.5px;color:var(--my-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.my-epline:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-epline.is-on{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-epdais__grid{padding:12px 14px;max-height:286px;overflow:auto;scrollbar-width:thin;min-width:0}
.my-epdais__grid::-webkit-scrollbar{width:5px}
.my-epdais__grid::-webkit-scrollbar-thumb{background:var(--my-line)}
.my-epgrid--hall{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.my-epgrid--hall .my-ep{height:34px;font-size:12px}
.my-playstory{margin-top:26px}
.my-play .my-playfacts{margin-top:26px}
.my-playfacts .my-block__body{padding-top:0}
.my-playfacts .my-factstrip--play{margin-top:0;border-top:1px solid var(--my-line)}
.my-playrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 34px;align-items:start}
.my-playguide .my-guide{padding-top:2px}
.my-playnear .my-note{margin-top:8px}
.my-guide{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;counter-reset:my-guide}
.my-guide li{position:relative;padding:11px 12px 11px 46px;border:1px solid var(--my-line);border-radius:2px;background:rgba(20,24,22,.4)}
.my-guide li::before{counter-increment:my-guide;content:counter(my-guide,decimal-leading-zero);position:absolute;left:12px;top:11px;font-family:var(--my-mono);font-size:11px;color:var(--my-bronze)}
.my-guide b{font-size:13px;color:var(--my-text)}
.my-guide p{margin-top:3px;font-size:11.5px;line-height:1.7;color:var(--my-text-muted)}
.my-nearby{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.my-nearby__ep{height:34px;display:grid;place-items:center;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);font-size:12px;color:var(--my-text-soft)}
.my-nearby__ep:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}
.my-nearby__ep.is-cur{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper);font-weight:600}
.my-archive--wide{grid-template-columns:repeat(4,minmax(0,1fr))}
.my-updates--single{grid-template-columns:1fr;border-top:0}
.my-playfaq .my-ask{grid-template-columns:1fr}
.my-newslist--play{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;border-top:1px solid var(--my-line)}
.my-newslist--play .my-newsitem{grid-template-columns:82px minmax(0,1fr);padding:12px 0}
@media (max-width:1023.98px){
    .my-newslist--play{grid-template-columns:1fr 1fr}
}
@media (max-width:767.98px){
    .my-newslist--play{grid-template-columns:1fr}
}

/* ---------- 资讯 ---------- */
.my-page--news,.my-page--article{padding-top:4px}
.my-artwrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(26px,3.2vw,44px);align-items:start;margin-top:18px}
.my-artlist{display:flex;flex-direction:column;border-top:1px solid var(--my-line)}
.my-artrow{display:grid;grid-template-columns:74px 108px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--my-line-soft)}
.my-artrow__date{font-family:var(--my-mono);font-size:10.5px;line-height:1.5;color:var(--my-text-muted);padding-top:2px}
.my-artrow__date b{display:block;font-size:15px;font-weight:500;color:var(--my-text-soft)}
.my-artrow__pic{display:block;width:108px;aspect-ratio:3/2;overflow:hidden;background:var(--my-surface-2);border:1px solid var(--my-line-soft);border-radius:2px}
.my-artrow__pic img{width:100%;height:100%;object-fit:cover}
.my-artrow__body{min-width:0;display:flex;flex-direction:column;gap:5px}
.my-artrow__title{font-size:16px;line-height:1.55;color:var(--my-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-artrow__blurb{font-size:12px;line-height:1.7;color:var(--my-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.my-artrow__meta{font-size:10.5px;color:var(--my-text-muted)}
.my-artrow:hover .my-artrow__title{color:var(--my-bronze)}
.my-articlewrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(26px,3.2vw,44px);align-items:start;margin-top:16px}
.my-article{background:var(--my-surface-1);border:1px solid var(--my-line);border-radius:3px;padding:clamp(20px,2.6vw,32px);min-width:0}
.my-article__head{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:20px;align-items:start;padding-bottom:18px;border-bottom:1px solid var(--my-line)}
.my-article__kicker{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--my-line);border-radius:2px;color:var(--my-bronze);font-size:10px;letter-spacing:.06em;margin-bottom:10px}
.my-article__title{font-family:var(--my-serif);font-size:clamp(27px,3vw,40px);line-height:1.3;color:var(--my-text)}
.my-article__meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:12px;font-size:11px;color:var(--my-text-muted)}
.my-article__thumb{display:block;width:100%;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2)}
.my-article__thumb img{width:100%;height:100%;object-fit:cover}
.my-article__lead{margin:20px 0 0;padding:2px 0 2px 14px;border-left:2px solid var(--my-accent);font-size:14.5px;line-height:1.95;color:var(--my-text-soft)}
.my-article__body{padding-top:20px}
.my-article__pages{display:flex;align-items:center;gap:6px;margin-top:20px;padding-top:15px;border-top:1px solid var(--my-line)}
.my-article__pages a,.my-article__pages span{min-width:33px;min-height:33px;display:grid;place-items:center;border:1px solid var(--my-line);font-size:12px}
.my-article__pages span.is-cur{background:var(--my-accent);border-color:var(--my-accent);color:var(--my-paper)}
.my-artnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--my-line)}
.my-artnav__item{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);min-width:0}
.my-artnav__item:hover{border-color:rgba(208,166,92,.55)}
.my-artnav__item--next{text-align:right}
.my-artnav__dir{font-size:10px;letter-spacing:.1em;color:var(--my-text-muted)}
.my-artnav__name{font-size:12.5px;color:var(--my-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-article .my-faq{grid-template-columns:1fr;margin-top:2px}

/* ---------- 更新日志 / 榜单 ---------- */
.my-mapwrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:start;margin-top:18px}
.my-maplog{border-top:1px solid var(--my-line)}
.my-maplog__row{display:grid;grid-template-columns:82px 44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--my-line-soft)}
.my-maplog__row:hover .my-maplog__name{color:var(--my-bronze)}
.my-maplog__time{font-family:var(--my-mono);font-size:10.5px;color:var(--my-text-muted);line-height:1.35}
.my-maplog__time b{display:block;font-weight:400;color:var(--my-text-soft)}
.my-maplog__pic{display:block;width:44px;aspect-ratio:3/4;overflow:hidden;background:var(--my-surface-2);border:1px solid var(--my-line-soft);border-radius:2px 2px 8px 8px}
.my-maplog__pic img{width:100%;height:100%;object-fit:cover}
.my-maplog__name{font-size:13.5px;color:var(--my-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-maplog__state{justify-self:end}
.my-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px;margin-top:22px}
.my-rank__block{border-top:1px solid var(--my-line);min-width:0}
.my-rank__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 0 9px;border-bottom:1px solid var(--my-line)}
.my-rank__head h2{font-size:20px}
.my-rank__head a{font-size:11px;color:var(--my-text-muted)}
.my-rank__row{display:grid;grid-template-columns:26px 32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--my-line-soft)}
.my-rank__row:hover .my-rank__name{color:var(--my-bronze)}
.my-rank__no{font-family:var(--my-serif);font-size:10.5px;color:var(--my-bronze)}
.my-rank__pic{display:block;width:32px;aspect-ratio:3/4;overflow:hidden;background:var(--my-surface-2)}
.my-rank__pic img{width:100%;height:100%;object-fit:cover}
.my-rank__name{font-size:12.5px;color:var(--my-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.my-rank__date{font-family:var(--my-mono);font-size:10px;color:var(--my-text-muted)}
.my-index__links{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 15px}
.my-index__links a{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid var(--my-line);border-radius:2px;background:var(--my-surface-2);font-size:11.5px;color:var(--my-text-soft)}
.my-index__links a:hover{border-color:rgba(208,166,92,.55);color:var(--my-bronze)}

/* ---------- 响应式 ---------- */
@media (max-width:1199.98px){
    .my-banners__rail{height:clamp(360px,34vw,440px)}
    .my-dbody{grid-template-columns:minmax(0,1fr) 272px;gap:28px}
    .my-cine__grid{grid-template-columns:minmax(0,1fr) 220px;gap:26px}
    .my-factstrip{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-factstrip > div{border-top:1px solid var(--my-line-soft)}
    .my-factstrip > div:nth-child(-n+4){border-top:0}
    .my-poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
    .my-results .my-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-artwrap,.my-articlewrap{grid-template-columns:minmax(0,1fr) 272px;gap:28px}
    .my-catbody{grid-template-columns:146px minmax(0,1fr);gap:24px}
}
@media (max-width:1023.98px){
    .my-banners__rail{height:350px}
    .my-banner.is-active{flex-grow:2.3}
    .my-picksbar{grid-template-columns:auto minmax(0,1fr)}
    .my-picksbar__more{display:none}
    .my-picksbar__list{grid-template-columns:repeat(3,minmax(0,1fr))}
    .my-picksbar__item:nth-child(3n){border-right:0}
    .my-picksbar__item:nth-child(-n+3){border-bottom:1px solid var(--my-line-soft)}
    .my-sutras{grid-template-columns:repeat(2,minmax(0,1fr))}
    .my-sieve__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px 14px;font-size:13px;color:var(--my-text-soft)}
    .my-sieve__toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--my-ease)}
    .my-sieve[data-open="1"] .my-sieve__toggle svg{transform:rotate(180deg)}
    .my-sieve__body{display:none;border-top:1px solid var(--my-line)}
    .my-sieve[data-open="1"] .my-sieve__body{display:block}
    .my-sieve__row{grid-template-columns:1fr;gap:6px}
    .my-sieve__label{padding-top:0}
    .my-catbody{grid-template-columns:1fr;gap:16px}
    .my-railnav{position:static;padding:10px 12px}
    .my-railnav__title{display:block;border:0;padding:0 0 7px;margin-bottom:0;font-size:11px}
    .my-railnav__title--sub{display:none}
    .my-railnav__list{flex-direction:row;flex-wrap:wrap;padding:0;gap:6px}
    .my-railnav__link{border:1px solid var(--my-line);padding:6px 10px}
    .my-railnav__link.is-on{border-color:var(--my-accent)}
    .my-railnav__link.is-on::before{display:none}
    .my-results .my-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-cine__grid{grid-template-columns:minmax(0,1fr) 200px;gap:22px}
    .my-eprack{grid-template-columns:128px minmax(0,1fr)}
    .my-dbody{grid-template-columns:1fr}
    .my-dbody .my-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
    .my-epgrid{grid-template-columns:repeat(7,minmax(0,1fr))}
    .my-epgrid--hall{grid-template-columns:repeat(9,minmax(0,1fr))}
    .my-epdais__body{grid-template-columns:128px minmax(0,1fr)}
    .my-artwrap,.my-articlewrap{grid-template-columns:1fr}
    .my-artwrap .my-aside,.my-articlewrap .my-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
    .my-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-mapwrap{grid-template-columns:1fr}
    .my-mapwrap .my-artside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .my-rank{grid-template-columns:1fr}
}
@media (max-width:767.98px){
    .my-home{padding-top:14px}
    .my-banners__head{padding-bottom:8px}
    .my-banners__hint{display:none}
    .my-banners__bars{display:none}
    .my-banners__count{min-width:44px}
    .my-banners__count b{font-size:16px}
    .my-banners__rail{display:flex;height:auto;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
    .my-banners__rail::-webkit-scrollbar{display:none}
    .my-banner{flex:0 0 82vw;height:316px;scroll-snap-align:center}
    .my-banner.is-active{flex-grow:0}
    .my-banner__img,.my-banner.is-active .my-banner__img{filter:brightness(.72) saturate(.9);transform:none}
    .my-banner.is-active .my-banner__img{filter:brightness(1) saturate(1)}
    .my-banner__vname{display:none}
    .my-banner__cap,.my-banner.is-active .my-banner__cap{opacity:1;visibility:visible;transform:none}
    .my-banner__name{font-size:22px}
    .my-banner__meta{font-size:11px}
    .my-banner__no{top:16px;left:8px}
    .my-picksbar{display:block;margin-top:12px}
    .my-picksbar__label{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:8px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--my-line)}
    .my-picksbar__list{display:flex;overflow-x:auto;scrollbar-width:none}
    .my-picksbar__list::-webkit-scrollbar{display:none}
    .my-picksbar__item{flex:0 0 56vw;border-bottom:0 !important}
    .my-picksbar__more{display:none}
    .my-fold{margin-top:28px}
    .my-fold__head{padding-bottom:10px;margin-bottom:14px}
    .my-fold__title{font-size:22px}
    .my-sutras{grid-template-columns:1fr;gap:14px}
    .my-rail{grid-auto-columns:minmax(132px,42vw)}
    .my-updates{grid-template-columns:1fr}
    .my-update{padding:9px 0}
    .my-board{grid-template-columns:1fr}
    .my-notes{grid-template-columns:1fr}
    .my-brief{grid-template-columns:46px minmax(0,1fr) 68px}
    .my-brief__pic{width:68px}
    .my-ask{grid-template-columns:1fr}
    .my-brandblock{grid-template-columns:1fr;padding:20px 16px}
    .my-brandblock__seal{width:46px;height:46px;font-size:21px}
    .my-cathead{flex-direction:column;align-items:flex-start;gap:5px;padding:0 0 11px}
    .my-cathead__title{font-size:29px}
    .my-cathead__meta{padding:0;font-size:11px}
    .my-cathead__intro{font-size:12px;line-height:1.8}
    .my-catbody{margin-top:14px}
    .my-results .my-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .my-cine{padding-bottom:22px}
    .my-cine__grid{grid-template-columns:minmax(0,1fr) 108px;gap:14px}
    .my-cine__stats{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
    .my-cine__stats span{padding:6px 10px;min-width:0}
    .my-cine__stats span:nth-child(odd){border-left:0}
    .my-cine__stats span:nth-child(n+3){border-top:1px solid var(--my-line-soft)}
    .my-cine__stats b{font-size:14px}
    .my-story--cols{columns:1}
    .my-eprack{grid-template-columns:1fr}
    .my-eprack__lines{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--my-line);padding:0 0 10px;margin-bottom:10px}
    .my-eprack__label{width:100%;margin:0 0 2px}
    .my-eprack__main{padding-left:0}
    .my-castcard{flex-basis:96px}
    .my-rail--twin{grid-template-rows:auto;grid-auto-columns:minmax(132px,42vw)}
    .my-railwrap--related .my-rail--twin{grid-template-rows:auto;grid-auto-columns:minmax(132px,42vw)}
    .my-cine__poster{padding:3px;border-radius:3px 3px 13px 13px}
    .my-cine__poster img{border-radius:2px 2px 10px 10px}
    .my-cine__seal{width:46px;height:46px;right:-8px;bottom:16px}
    .my-cine__seal b{font-size:16px}
    .my-cine__seal i{font-size:7px}
    .my-cine__name{font-size:22px}
    .my-cine__sub{-webkit-line-clamp:3;font-size:11.5px}
    .my-cine__tags{display:none}
    .my-cine__acts{margin-top:11px;gap:5px}
    .my-cine__acts .my-btn{min-height:33px;padding:0 10px;font-size:11.5px}
    .my-factstrip{grid-template-columns:repeat(2,minmax(0,1fr))}
    .my-factstrip > div{border-left:1px solid var(--my-line-soft);border-top:1px solid var(--my-line-soft)}
    .my-factstrip > div:nth-child(odd){border-left:0}
    .my-factstrip > div:nth-child(-n+2){border-top:0}
    .my-factstrip > div:nth-child(4){border-top:0}
    .my-epgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
    .my-eppanel.is-collapsible .my-epgrid{max-height:105px}
    .my-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 9px}
    .my-dbody .my-aside{grid-template-columns:1fr}
    .my-hall{padding:4px 0 22px}
    .my-hall__frame{padding:7px 7px 10px}
    .my-hall__bar{flex-wrap:wrap;gap:6px 10px;font-size:10px}
    .my-hall__now{margin-left:0}
    .my-hall__foot{flex-direction:column;align-items:flex-start;gap:8px}
    .my-hall__foot h1{font-size:17px;white-space:normal}
    .my-playerbox{max-height:none}
    .my-epdais__body{grid-template-columns:1fr}
    .my-epdais__lines{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--my-line);padding:10px 12px}
    .my-epdais__label{width:100%;margin:0 0 2px}
    .my-epdais__grid{max-height:238px}
    .my-epgrid--hall{grid-template-columns:repeat(6,minmax(0,1fr))}
    .my-playstory{margin-top:24px}
    .my-playrow{grid-template-columns:1fr}
    .my-nearby{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-archive--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
    .my-artrow{grid-template-columns:58px 88px minmax(0,1fr);gap:12px}
    .my-artrow__pic{width:88px}
    .my-artrow__title{font-size:14px}
    .my-article{padding:18px 16px}
    .my-article__head{grid-template-columns:minmax(0,1fr) 104px;gap:12px}
    .my-article__title{font-size:25px}
    .my-article__thumb{aspect-ratio:1/1}
    .my-article__lead{font-size:14px}
    .my-artnav{grid-template-columns:1fr}
    .my-artnav__item--next{text-align:left}
    .my-maplog__row{grid-template-columns:64px 40px minmax(0,1fr);gap:10px}
    .my-maplog__state{display:none}
    .my-faq__item summary{font-size:14px}
}
@media (max-width:479.98px){
    .my-banner{flex-basis:88vw;height:268px}
    .my-banner__name{font-size:20px}
    .my-banner__cta{font-size:10.5px}
    .my-picksbar__item{flex-basis:66vw}
    .my-results .my-poster-grid,.my-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .my-cine__grid{grid-template-columns:minmax(0,1fr) 94px}
    .my-cine__name{font-size:20px}
    .my-cine__meta{font-size:10.5px}
    .my-cine__meta span:nth-child(n+4){display:none}
    .my-update{grid-template-columns:48px minmax(0,1fr);gap:10px}
    .my-update__state{display:none}
    .my-board__go{display:none}
    .my-brief{grid-template-columns:44px minmax(0,1fr);gap:10px}
    .my-brief__pic{display:none}
    .my-artrow{grid-template-columns:92px minmax(0,1fr);gap:11px}
    .my-artrow__date{display:none}
    .my-artrow__pic{width:92px;aspect-ratio:3/2}
    .my-artrow__title{font-size:13.5px}
    .my-artrow__blurb{-webkit-line-clamp:2}
    .my-article__head{grid-template-columns:1fr}
    .my-article__thumb{width:112px;order:2}
    .my-epgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .my-epgrid--hall{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (prefers-reduced-motion: reduce){
    .my-banner,.my-banner__img,.my-banner__cap{transition:none}
    .my-banners__bar.is-run i{animation:none;width:100%}
    .my-hall__live i{animation:none}
}