/* 正式品牌尺寸约定；静态原稿不匹配此选择器，布局与源站保持一致。版本 20261021-2。 */
@media (min-width: 768px) {
    body[data-xd-static="0"] [data-xd-brand-logo] { width: 138px; height: 46px; flex: 0 0 138px; }
    body[data-xd-static="0"] [data-xd-brand-logo] picture { display: block; width: 100%; height: 100%; }
    body[data-xd-static="0"] [data-xd-brand-logo] img { width: 100%; height: 100%; object-fit: contain; }
}

/* 正式桌面导航使用18px；窄屏时在导航内部滚动，避免挤出头像，静态源稿字号不变。 */
body[data-xd-static="0"] .mama-desktop-navigation { font-size: 18px; min-width: 0; overflow-x: auto; }

/* 顶部账户保留头像和昵称独立节点；手机收起昵称，长游客名称不挤压导航。 */
body[data-xd-static="0"] [data-xd-account-button] {
    display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto;
    max-width: 170px; min-width: 0; padding: 5px 10px 5px 5px;
    border: 1px solid #ffffff1a; border-radius: 999px; background: #ffffff06; color: #eee3f1;
}
body[data-xd-static="0"] [data-xd-account-button]:hover { border-color: #f36e9970; background: #f36e9910; }
body[data-xd-static="0"] [data-xd-account-button]:focus-visible { outline: 2px solid #f36e99; outline-offset: 3px; }
body[data-xd-static="0"] .xd-account-avatar {
    position: relative;
    display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px;
    border-radius: 50%; background: #805980; color: #fff; font-size: 14px; font-weight: 700;
}
body[data-xd-static="0"] .xd-account-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }
/* 徽标随头像保留在窄屏，通过hidden切换，会员状态不改变头像尺寸。 */
body[data-xd-static="0"] .xd-account-vip {
    position: absolute; right: -5px; bottom: -3px; padding: 1px 3px;
    border: 1px solid #d1a45c; border-radius: 4px; background: #f5ce86; color: #382307;
    font-size: 8px; font-weight: 800; line-height: 10px;
}
body[data-xd-static="0"] [data-xd-account-button] [hidden] { display: none !important; }
@media (max-width: 1000px) {
    /* 与原头部收起搜索框的断点一致，平板也使用紧凑头像。 */
    body[data-xd-static="0"] [data-xd-account-button] { padding: 3px; }
    body[data-xd-static="0"] .xd-account-name { display: none; }
}

/* 正式会员介绍仅承接站点文案和真实支付目录，手机单列、桌面双列。 */
body[data-xd-static="0"] .xd-vip-intro { margin: 24px 0; padding: 24px; border: 1px solid #f0c78c40; border-radius: 18px; background: #24172c; }
body[data-xd-static="0"] .xd-vip-intro h2 { margin: 0 0 10px; color: #f5ce86; font-size: 22px; font-weight: 750; }
body[data-xd-static="0"] .xd-vip-intro > p { color: #d0bdd6; font-size: 14px; line-height: 1.8; }
body[data-xd-static="0"] .xd-vip-intro h3 { margin: 22px 0 12px; font-size: 15px; font-weight: 700; }
body[data-xd-static="0"] .xd-vip-privileges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; list-style: none; }
body[data-xd-static="0"] .xd-vip-privileges li { min-width: 0; padding: 16px; border-radius: 12px; background: #ffffff06; overflow-wrap: anywhere; }
body[data-xd-static="0"] .xd-vip-privileges strong { color: #f5ce86; font-size: 14px; }
body[data-xd-static="0"] .xd-vip-privileges p { margin-top: 6px; color: #baa7c0; font-size: 13px; line-height: 1.7; }
body[data-xd-static="0"] .xd-vip-intro [hidden] { display: none !important; }
@media (max-width: 600px) {
    body[data-xd-static="0"] .xd-vip-intro { padding: 20px; }
    body[data-xd-static="0"] .xd-vip-privileges { grid-template-columns: minmax(0, 1fr); }
}

/* 播放页接入公共导航与页脚后，播放器使用扣除导航的视口高度，底部操作保持在画面内。 */
body[data-xd-static="0"][data-xd-page="play"] { --xd-header-height: 80px; }
body[data-xd-static="0"] [data-xd-runtime-page="play"] { min-height: 0; }
body[data-xd-static="0"] [data-xd-player] { height: max(620px, calc(100svh - var(--xd-header-height))); min-height: 0 !important; }
body[data-xd-static="0"] .mama-play-video { height: 100%; min-height: 0; }
body[data-xd-static="0"] .mama-play-video > div:first-child { height: 100%; }
@media (max-width: 767px) {
    body[data-xd-static="0"][data-xd-page="play"] { --xd-header-height: 62px; }
}

/* 正式剧集按 Catalog 的定价投影展示角标，免费和无资源分集保持原集号。 */
body[data-xd-static="0"] [data-access-badge] { position: relative; }
body[data-xd-static="0"] [data-access-badge]::after {
    content: attr(data-access-badge); position: absolute; top: -5px; right: -2px;
    padding: 1px 4px; border-radius: 5px; color: #241707; background: #f5ce86;
    font-size: 9px; font-weight: 700; line-height: 13px; pointer-events: none;
}
body[data-xd-static="0"] [data-access-type="paid"][data-access-badge]::after { color: #fff; background: #ba337f; }

/* 播放按钮与权限卡片拥有独立层级，兼容桌面及竖屏的选集/互动操作区。 */
body[data-xd-static="0"] .xd-player-tools {
    position: absolute; z-index: 31; left: 16px; top: 72px; max-width: calc(100% - 32px);
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
body[data-xd-static="0"] .xd-player-line, body[data-xd-static="0"] .xd-player-unmute {
    display: inline-flex; align-items: center; gap: 6px; min-height: 36px; max-width: 100%;
    padding: 6px 10px; border: 1px solid #ffffff30; border-radius: 18px;
    background: #151019d9; color: #fff; font-size: 12px; backdrop-filter: blur(8px);
}
body[data-xd-static="0"] .xd-player-line select { min-width: 0; max-width: 140px; color: #fff; background: transparent; cursor: pointer; }
body[data-xd-static="0"] .xd-player-line option { color: #fff; background: #211724; }
body[data-xd-static="0"] .xd-player-unmute { cursor: pointer; }
body[data-xd-static="0"] .xd-player-tools :focus-visible { outline: 2px solid #f36e99; outline-offset: 3px; }
body[data-xd-static="0"] .xd-player-toggle {
    position: absolute; z-index: 31; left: 50%; top: 50%; transform: translate(-50%, -50%);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px;
    width: 88px; height: 88px; border: 1px solid #ffffff40; border-radius: 50%;
    color: #fff; background: #151019d9; cursor: pointer; font-size: 12px; backdrop-filter: blur(8px);
}
body[data-xd-static="0"] .xd-player-toggle svg { width: 30px; height: 30px; }
body[data-xd-static="0"] .xd-player-toggle:disabled { opacity: .7; cursor: wait; }
body[data-xd-static="0"] .xd-player-toggle[data-xd-playing="1"] {
    left: 20px; top: auto; bottom: 145px; transform: none; width: 48px; height: 48px;
}
body[data-xd-static="0"] .xd-player-toggle[data-xd-playing="1"] span { display: none; }
body[data-xd-static="0"] .xd-player-state {
    position: absolute; z-index: 32; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: min(340px, calc(100% - 40px)); padding: 24px; box-sizing: border-box;
    border: 1px solid #ffffff24; border-radius: 20px; color: #fff; background: #1c1324f5;
    box-shadow: 0 16px 48px #0008; text-align: center; font-size: 15px; line-height: 1.6;
}
body[data-xd-static="0"] .xd-player-state p { margin: 0; overflow-wrap: anywhere; }
body[data-xd-static="0"] .xd-player-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px; }
body[data-xd-static="0"] .xd-player-state-actions > .mama-button { flex: 1 1 110px; min-width: 0; text-align: center; }
body[data-xd-static="0"] [data-xd-player] [hidden] { display: none !important; }
body[data-xd-static="0"] .xd-player-side-close { display: none; }
@media (max-width: 1023px) {
    /* 手机复用桌面的同一份集号与定价节点，选集时作为底部面板展示。 */
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] {
        position: fixed; z-index: 60; inset: auto 0 0; display: flex; flex-direction: column;
        max-height: 70svh; padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
        border: 1px solid #3a2340; border-radius: 20px 20px 0 0; background: #1e1121;
        box-shadow: 0 -24px 80px #000a; overflow: auto;
    }
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] h2 { font-size: 20px; margin: 12px 0; }
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] .mama-episode-grid {
        display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px 8px; margin-top: 20px;
    }
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] .mama-episode-grid a {
        display: grid; place-items: center; min-height: 40px; border: 1px solid #3a2340;
        border-radius: 7px; background: #291630; font-size: 13px;
    }
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] .mama-episode-grid a[aria-current="page"] {
        color: #ff7195; background: #ff71951c; border-color: #ff719568;
    }
    body[data-xd-static="0"] .mama-play-side[data-xd-open="1"] .xd-player-side-close {
        position: absolute; top: 12px; right: 16px; display: block; border: 0; background: transparent;
        width: 36px; height: 36px; color: #fff; font-size: 26px; cursor: pointer;
    }
}