/* 详情复用 game-detail / comic.css / *_pc.css；这里只适配媒体字段。
   阅读器仅补充图片与音视频专用控件，按钮/导航/解锁条共用漫画组件。 */
.media-detail [hidden],.media-reader [hidden]{display:none!important}
.media-detail .hero-carousel,.media-detail .hero-background-image{height:100%;width:100%}
.media-detail .hero-background-image{cursor:default}
.media-detail .media-detail-corner{position:absolute;left:0;top:0;z-index:3;width:100%;height:30px}
.media-detail .media-detail-meta{font-size:12px;line-height:1.6;color:var(--cm-sub);margin:7px 0 0}.media-detail .media-detail-cv{font-size:12px;line-height:1.5;color:var(--cm-text,#fff0e0);margin:4px 0 0;overflow-wrap:anywhere}
.media-detail .media-description-text{white-space:pre-wrap;overflow-wrap:anywhere;display:block;max-height:none;-webkit-line-clamp:unset}
.media-detail .cm-unlock-buy{border:0;cursor:pointer;font-family:inherit}
.media-detail .demo-btn{cursor:pointer;box-sizing:border-box}
.media-detail .demo-btn:disabled{opacity:.7;cursor:default}
.media-detail .tab-content:not(.active){display:none}
.media-detail .media-primary-actions{flex-wrap:wrap}
.media-detail #mediaGateAction{box-sizing:border-box;margin-top:10px}
.media-status{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cm-sub);margin:12px 0}
.media-status:empty{display:none}
.media-detail button:focus-visible,.media-detail a:focus-visible,.media-reader button:focus-visible,.media-reader a:focus-visible,.media-reader input:focus-visible,.media-reader select:focus-visible{outline:2px solid var(--cm-pink);outline-offset:3px}
html.pc-modal .media-detail[data-media-kind="photo"] .hero-navigation-header::before{content:var(--t-photo-detail, "\005199\00771F\008BE6\0060C5")!important}
html.pc-modal .media-detail[data-media-kind="audio"] .hero-navigation-header::before{content:var(--t-audio-detail, "ASMR \008BE6\0060C5")!important}
html.pc-modal .media-detail[data-media-kind="photo"] .hero-navigation-header::after{content:"PHOTO DETAIL"!important}
html.pc-modal .media-detail[data-media-kind="audio"] .hero-navigation-header::after{content:"ASMR DETAIL"!important}
html.pc-modal .media-detail #mediaSpecs[hidden]{display:grid!important}
/* 遵循游戏/漫画：pc-modal 只由真实弹窗注入，手机与独立详情页保持自然滚动。 */
body.media-reader{margin:0;max-width:none;padding:0;overflow:visible!important;background:var(--cm-bg);color:var(--cm-text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.media-reader *, .media-reader *::before,.media-reader *::after{box-sizing:border-box}
.media-reader .media-page{width:100%;max-width:1220px;min-height:100vh;margin:0 auto;padding:0 24px 40px}
.media-reader .media-page button,.media-reader .media-page select,.media-reader .media-page input{font:inherit}
.media-reader-nav{top:0;margin-bottom:20px;padding:12px 0;gap:12px;z-index:10}
.media-reader .media-reader-nav .cm-topbar-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:16px;margin:0}
.media-reader-nav>a:last-child{font-size:13px;color:var(--cm-sub);text-decoration:none;white-space:nowrap;padding:8px}
.media-reader-heading{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:20px}
.media-reader-heading p{margin:0}
.media-eyebrow{font-size:12px;font-weight:700;color:var(--cm-pink);margin:0 0 16px}
.media-meta{font-size:12px;color:var(--cm-sub)}
.media-reader-heading .media-corner{position:relative;flex-shrink:0;width:76px;height:30px}
.media-assets{min-width:0}
.media-reader-intro{padding:24px 0!important}
.media-reader-cover{display:block;width:180px;max-height:240px;object-fit:contain;margin:0 auto 18px;border-radius:8px}
.media-reader .media-reader-access{margin:24px 0 0;width:100%;max-width:none}
.media-reader-access .cm-unlock-buy{border:0;cursor:pointer}
.media-reader-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.media-reader-actions>.cm-btn{flex:1;min-width:200px;width:auto;font-size:14px;padding:12px 16px}
.media-reader-actions:empty{display:none}
.media-reader-tools{width:100%;max-width:none;margin:16px 0 0;gap:10px;justify-content:flex-start}
.media-subtitles select{background:var(--cm-bg-2);color:var(--cm-text);border:1px solid var(--cm-line);border-radius:8px;padding:10px;max-width:100%}
/* The audio panel is a real media controller; the artwork is the work's actual cover. */
.media-audio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,.68fr);gap:24px;align-items:start}.media-player-card{padding:28px 32px;background:radial-gradient(ellipse at 50% 0,rgba(196,69,105,.12),transparent 65%),var(--cm-bg-2,#2a0f1f);border:1px solid var(--cm-line,rgba(255,192,159,.18));border-radius:16px;text-align:center;min-width:0}.media-player-card>.media-eyebrow{margin-bottom:22px}.media-player-artwork{display:block;width:190px;max-width:65%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin:0 auto 22px;box-shadow:0 14px 35px rgba(0,0,0,.25)}.media-track-title{font-size:20px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;margin:0 0 7px}.media-track-meta{font-size:11px;color:var(--cm-dim,#c9a98c);margin:0}.media-custom-controls{margin-top:27px}.media-timeline{width:100%}.media-range{accent-color:var(--cm-pink,#ff8fa3);cursor:pointer;height:24px;min-width:0;margin:0}.media-seek{width:100%;display:block}.media-times{display:flex;justify-content:space-between;font-size:11px;color:var(--cm-dim,#c9a98c);font-variant-numeric:tabular-nums;margin-top:3px}.media-transport{display:flex;align-items:center;justify-content:center;gap:19px;margin:20px 0}.media-control{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--cm-sub,#e8b7a8);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.media-control:hover{background:rgba(255,255,255,.06)}.media-control:disabled{opacity:.25;cursor:default}.media-toggle{width:64px;height:64px;background:var(--cm-rose,#c44569);color:#fff;font-size:24px!important;box-shadow:0 4px 20px rgba(196,69,105,.18)}.media-toggle:hover{background:#d15479}.media-jump{font-size:12px!important;font-weight:600}.media-skip{font-size:35px!important;font-weight:300}.media-player-options{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--cm-line,rgba(255,192,159,.18));padding-top:18px;margin-top:22px;font-size:11px;color:var(--cm-dim,#c9a98c)}.media-speed{display:flex;align-items:center;gap:6px}.media-speed select{border:1px solid var(--cm-line,rgba(255,192,159,.18));border-radius:6px;padding:5px 7px;background:var(--cm-bg,#1a0610);color:var(--cm-text,#fff0e0);font-size:12px}.media-volume{display:flex;align-items:center;gap:8px}.media-volume .media-range{width:75px}.media-native-fallback{text-align:left;margin-top:18px;font-size:11px;color:var(--cm-dim,#c9a98c)}.media-native-fallback summary{cursor:pointer;width:fit-content;margin:auto;padding:6px;opacity:.75}.media-native-fallback.is-video summary{display:none}.media-player{width:100%;display:block;margin:12px 0 0;max-height:450px;border-radius:8px}.media-native-fallback.is-video{margin-top:18px}
.media-playlist{border:1px solid var(--cm-line,rgba(255,192,159,.18));border-radius:16px;background:var(--cm-bg-2,#2a0f1f);overflow:hidden}.media-playlist-head{padding:22px 20px 18px;border-bottom:1px solid var(--cm-line,rgba(255,192,159,.18));display:flex;align-items:center;justify-content:space-between;gap:12px}.media-playlist-head h2{font-size:14px;margin:0}.media-episodes{display:flex;flex-direction:column;padding:8px;max-height:590px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--cm-rose,#c44569) transparent}.media-episode-group{display:flex;flex-direction:column}.media-episode-group+.media-episode-group{margin-top:10px;padding-top:6px;border-top:1px solid var(--cm-line,rgba(255,192,159,.18))}.media-episode-group-title{position:sticky;top:-8px;z-index:1;margin:0;padding:8px 6px;background:var(--cm-bg-2,#2a0f1f);font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.5;overflow-wrap:anywhere;color:var(--cm-dim,#c9a98c)}.media-episode-group[hidden],.media-version-filters[hidden]{display:none}.media-episode{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:15px 12px;color:var(--cm-text,#fff0e0);cursor:pointer;min-height:65px}.media-episode:hover{background:rgba(255,255,255,.03)}.media-episode.is-active{background:rgba(196,69,105,.14);border-color:rgba(255,143,163,.23)}.media-episode-number{font-size:11px;color:var(--cm-dim,#c9a98c);font-variant-numeric:tabular-nums;min-width:18px}.media-episode-info{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}.media-episode-title{font-size:12px;overflow-wrap:anywhere;line-height:1.6}.media-episode-meta{font-size:10px;color:var(--cm-dim,#c9a98c)}.media-episode-play{font-size:11px;color:var(--cm-dim,#c9a98c);opacity:.35}.media-episode.is-active .media-episode-play{color:var(--cm-pink,#ff8fa3);opacity:1}.media-playlist-note{font-size:11px;color:var(--cm-dim,#c9a98c);margin:0;padding:15px 20px;border-top:1px solid var(--cm-line,rgba(255,192,159,.18));line-height:1.8}
.media-subtitles{display:flex;align-items:center;justify-content:center;margin:20px 0 0;font-size:12px;color:var(--cm-sub,#e8b7a8)}.media-subtitles select{padding:7px 10px;max-width:220px;font-size:12px}.media-caption{white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;min-height:65px;font-size:16px;line-height:1.8;padding:16px;color:var(--cm-text,#fff0e0);background:var(--cm-bg,#1a0610);border:1px solid var(--cm-line,rgba(255,192,159,.18));border-radius:8px;margin-top:12px}
/* Continuous photo reader: no protected image enters the DOM until the manifest allows it. */
.media-photo-toolbar{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin:0 auto 20px;border:1px solid var(--cm-line,rgba(255,192,159,.18));border-radius:9px;background:var(--cm-bg-2,#2a0f1f);max-width:900px}.media-photo-toolbar label{font-size:12px;color:var(--cm-dim,#c9a98c)}.media-photo-toolbar select{font-size:12px;padding:7px;border:0;background:var(--cm-bg,#1a0610);color:var(--cm-text,#fff0e0);border-radius:5px;max-width:120px}.media-photo-toolbar button{font-size:11px;min-height:34px;padding:6px 10px}.media-photo-progress{font-size:11px;color:var(--cm-dim,#c9a98c)}.media-photo-wrap{max-width:820px;margin:0 auto 22px;scroll-margin-top:84px}.media-photo{display:block;width:100%;height:auto;min-height:120px;background:#12090f;border-radius:6px}.media-photo-frame{position:relative}.media-photo-frame[data-sized]{background:#12090f;border-radius:6px;overflow:hidden}.media-photo-frame[data-sized] .media-photo{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain}.media-photo-wrap figcaption{font-size:10px;text-align:center;color:var(--cm-dim,#c9a98c);padding:10px 0;letter-spacing:1px}.media-assets--photo.is-wide .media-photo-wrap{max-width:none}.media-photo-end{text-align:center;color:var(--cm-dim,#c9a98c);font-size:12px;margin:30px 0}
/* 尺寸仅作用于新增播放控件；PC继续使用全站近黑紫与直角面板。 */
@media(min-width:1024px){
 html.media-reading{--cm-bg:#0B0713;--cm-bg-2:#1C1330;--cm-bg-3:#221838;--cm-text:#F2EEFA;--cm-sub:#B6A8CC;--cm-dim:#B6A8CC;--cm-line:#3B2C5C;--cm-pink:#FF3D8A;--cm-rose:#FF3D8A}
 html.app-dark.media-reading body{background:var(--cm-bg)!important}
 .media-reader .media-player-card,.media-reader .media-playlist,.media-reader .media-caption,.media-reader .media-photo-toolbar{border-radius:0;background:var(--cm-bg-2);box-shadow:none}
 .media-reader .media-player-artwork,.media-reader .media-episode,.media-reader .media-photo,.media-reader .media-photo-frame,.media-reader .media-control{border-radius:0}
 .media-reader .media-reader-access{border-radius:0;background:var(--cm-bg-2);border-color:var(--cm-line)}
 .media-reader .cm-btn,.media-reader .cm-unlock-buy{border-radius:0;background:var(--cm-pink);color:#fff;box-shadow:none;border:0}
 .media-reader .cm-btn.ghost{background:#2E2150;color:var(--cm-text);border:1px solid #6D3FB5}
 html.app-dark.media-reading .cm-topbar{background:var(--cm-bg)!important;backdrop-filter:none}
 .media-reader .cm-topbar .back-button{border-radius:0;background:#3D1F63}
 .media-player-card{position:sticky;top:84px}
}
@media(max-width:767px){
 .media-reader .media-page{padding:0 14px 28px}.media-reader-nav{margin-bottom:16px}.media-reader-heading{display:block;margin-bottom:16px}.media-reader-heading .media-corner{float:right}.media-reader-heading .media-meta{margin-top:6px}
 .media-audio-layout{grid-template-columns:1fr;gap:16px}.media-player-card{padding:22px 18px}.media-player-artwork{width:160px;margin-bottom:18px}.media-track-title{font-size:17px}.media-player-options{justify-content:center}.media-volume{display:none}.media-playlist-head{padding:16px}.media-episodes{max-height:390px}.media-episode{padding:12px 8px;min-height:62px}.media-caption{font-size:15px;padding:12px}
 .media-reader-actions{flex-direction:column}.media-reader-actions>.cm-btn{width:100%;min-width:0}.media-photo-toolbar{gap:8px;padding:8px;flex-wrap:wrap}.media-photo-toolbar label{font-size:12px}.media-photo-progress{font-size:11px}.media-photo-wrap{margin-bottom:12px}.media-photo-wrap figcaption{padding:7px 0}
}
@media(max-width:374px){.media-transport{gap:3px}.media-transport .media-control{width:44px;height:44px}.media-transport .media-toggle{width:56px;height:56px;font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.media-reader *{scroll-behavior:auto!important;transition:none!important}}
@supports(padding:max(0px)){.media-reader .media-page{padding-bottom:max(28px,env(safe-area-inset-bottom))}.media-reader-nav{padding-top:max(12px,env(safe-area-inset-top))}}

.media-version-filters{display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid var(--cm-line,rgba(255,192,159,.18))}.media-version-filters label{flex:1;min-width:130px}.media-version-filters select{min-width:0;flex:1;max-width:100%}.media-episode[hidden]{display:none!important}

/* Keep entitlement controls aligned with the player, using the comic palette and sizing. */
.media-detail .cm-unlock-head,.media-reader .cm-unlock-head{flex-wrap:wrap}
.media-detail .cm-unlock-title,.media-reader .cm-unlock-title{white-space:normal;line-height:1.5}
.media-reader .media-page .cm-unlock-buy{font-size:12px;font-weight:700;line-height:1.5}
.media-reader-actions:has(>button:not([hidden])){margin-top:16px}
.media-reader-actions:not(:has(>:not([hidden]))){display:none}
@media(min-width:1024px){
 .media-reader .media-reader-access{padding:12px 14px;background:#1A1228;border-color:#2C2140}
 .media-reader .media-reader-access.cm-unlock--today{background:#131B22;border-color:#24333D}
 .media-reader .cm-unlock-title{font-size:14px;color:#F2EEFA}
 .media-reader .cm-unlock-rules li{font-size:13px;color:#B6A8CC}
 .media-reader .media-page .cm-unlock-buy{padding:6px 12px;color:#fff!important;background:#FF3D8A}
}

.media-limit-modal [hidden]{display:none!important}

/* All ASMR menus use page coordinates and the same theme on desktop/mobile. */
.media-version-filters{display:flex;flex-wrap:wrap;gap:12px}
.media-filter-group{display:flex;align-items:center;gap:8px;flex:1;min-width:180px}
.media-filter-title{flex:0 0 auto;color:var(--cm-sub,#e8b7a8)}
.media-dropdown{position:relative;display:inline-block;min-width:0;text-align:left;vertical-align:middle}
.media-filter-group .media-dropdown{flex:1}
.media-subtitles .media-dropdown{width:220px;max-width:calc(100vw - 120px)}
.media-dropdown-trigger{display:block;width:100%;min-height:36px;min-width:76px;padding:7px 30px 7px 12px;border:1px solid var(--cm-line);border-radius:8px;background:var(--cm-bg);color:var(--cm-text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;position:relative}
.media-dropdown-trigger::after{content:'';position:absolute;right:12px;top:42%;width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}
.media-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:block;min-width:100%;width:max-content;max-width:min(320px,calc(100vw - 60px));max-height:220px;overflow:auto;padding:5px;border:1px solid var(--cm-line);border-radius:8px;background:var(--cm-bg-2,#21142f);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.media-filter-group:last-child .media-dropdown-menu{left:auto;right:0}
.media-dropdown-option{display:block;width:100%;padding:9px 12px;border:0;border-radius:4px;background:transparent;color:var(--cm-text);text-align:left;overflow-wrap:anywhere;cursor:pointer}
.media-dropdown-option:hover,.media-dropdown-option:focus-visible,.media-dropdown-option[aria-pressed="true"]{background:rgba(196,69,105,.18);color:var(--cm-pink)}
.media-dropdown-menu[hidden],.media-reader select[hidden]{display:none!important}

.media-playlist{overflow:visible}
.media-subtitles>div{display:flex;align-items:center;gap:6px;min-width:0}

.media-dropdown-menu{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cm-pink) transparent}