/* 正式业务沿源站字号、色值与组件；静态对照不加载此文件。 */
[data-djw-runtime="1"] [hidden]{display:none!important}
.djw-avatar{display:inline-flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;object-fit:cover;border-radius:50%;color:#fff;font-size:15px}
/* 单个头像作为入口；会员徽标贴在头像旁，避免再次占用导航宽度。 */
.djw-user a{position:relative;justify-content:center;width:30px;height:30px}
.djw-user .djw-avatar{background:var(--zy-hover)}
.djw-user .djw-vip{position:absolute;right:-5px;bottom:-5px;white-space:nowrap;background:var(--zy-bgcolor);border-radius:3px;padding:1px 2px}
/* 当前栏目使用既有主题强调色，切换皮肤后高亮同步更新。 */
.djw-columns a[aria-current="page"]{color:var(--zy-hover);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
/* 源控件只有40px宽，展开后逐行显示固定尺寸色块，防止flex默认横排压缩。 */
[data-djw-palette]{flex-direction:column;align-items:center;gap:10px;padding-bottom:10px}
[data-djw-palette] a{flex:none;width:40px;height:40px;margin:0;color:#fff;isolation:isolate}
[data-djw-palette] a:after{top:0;opacity:1}
[data-djw-palette] a.indigo,[data-djw-palette] a.yellow{color:#16161a}
.djw-vip{font-size:10px;color:var(--zy-hover);line-height:1.2}
.djw-member-identity{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
.djw-member-identity .djw-avatar{width:48px;height:48px;font-size:24px}
.djw-avatar-colors{border:0;padding:0;margin-top:20px;display:flex;gap:9px;flex-wrap:wrap}
.djw-avatar-colors legend{margin-bottom:10px}
.djw-form .djw-avatar-colors label{display:flex;width:24px;height:24px;border-radius:50%;margin:0;align-items:center;justify-content:center;cursor:pointer}
.djw-form .djw-avatar-colors input{margin:0;width:14px;height:14px;accent-color:var(--zy-hover);cursor:pointer}
.djw-form .djw-button{width:100%}
.djw-order-scroll{overflow-x:auto}
.djw-order-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
.djw-order-table td,.djw-order-table th{padding:14px 12px;border-bottom:1px solid var(--zy-bggray)}
.djw-order-table th{color:var(--zy-gray);font-weight:normal}
.djw-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}
.djw-product,.djw-channel{color:var(--zy-color);background:var(--zy-bggray);border:1px solid var(--zy-bggray-on);border-radius:6px;cursor:pointer;padding:20px 15px}
.djw-product{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.djw-product.active,.djw-channel.active{border-color:var(--zy-hover);color:var(--zy-hover)}
.djw-product-amount{font-size:24px}.djw-product-price{width:100%;font-size:18px}.djw-product-unit,.djw-product-bonus{font-size:12px;color:var(--zy-gray)}
.djw-product-bonus-empty{display:none}
.djw-channels{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}
.djw-channel{padding:12px 28px}
.djw-order .djw-button{display:inline-block;margin:10px 10px 10px 0}
.djw-button:disabled,.djw-product:disabled,.djw-channel:disabled{opacity:.5;cursor:not-allowed}
.djw-player{position:absolute;inset:0;background:#000}
.djw-player video{display:block;width:100%;height:100%;object-fit:contain}
.djw-player-loading,.djw-player-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);color:#eee;z-index:2}
.djw-player-state{flex-wrap:wrap;align-content:center;gap:12px;padding:20px;text-align:center}
.djw-player-state p{width:100%;line-height:1.7}
.djw-player-loading{pointer-events:none;background:transparent}
.djw-player-loading span{display:block;width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--zy-hover);border-radius:50%;animation:djw-spin 1s linear infinite}
.djw-player-state .djw-button{margin:0}
.djw-player-page .minfo .tag button{font:inherit;background:none;border:0;padding:0;color:inherit;cursor:pointer}
.djw-player-page .minfo .tag button span{background:none;padding:0;margin:0}
.djw-player-page .minfo .tag .active{color:var(--zy-hover)}
.djw-player-page .mdo .next a+a{margin-left:10px}
.djw-player-page .mdo a[aria-disabled=true]{opacity:.4;cursor:default}
.djw-tab[aria-selected=true]{color:var(--zy-hover);box-shadow:0 2px 0 var(--zy-hover)}
.djw-player-page .jisu a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 定价角标沿服务层文案显示，不改变集号、尺寸和当前集状态。 */
.djw-player-page .jisu a[data-access-badge]::after{content:attr(data-access-badge);position:absolute;top:1px;right:2px;padding:0 3px;border-radius:3px;background:rgba(0,0,0,.65);font-size:8px;font-weight:700;line-height:10px;pointer-events:none;white-space:nowrap}
.djw-player-page .jisu a[data-access-type="vip"]::after{color:#ffd21c}
.djw-player-page .jisu a[data-access-type="paid"]::after{color:#f5a623}
.djw-player-page .jisu a[aria-disabled="true"]{opacity:.45;cursor:default}
/* 正式页不运行源站Swiper，补齐轨道横排以配合既有响应式卡片宽度。 */
.djw-player-page .txlswiper>.swiper-wrapper{display:flex;align-items:flex-start;width:100%;min-width:0}
.djw-player-page .txlswiper .swiper-slide{flex-shrink:0}
@keyframes djw-spin{to{transform:rotate(360deg)}}
@media(max-width:767px){.djw-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.djw-member-identity{gap:10px}.djw-tabs{gap:18px;overflow-x:auto;white-space:nowrap}.djw-member-links a{padding:12px 18px}.header .djw-user .djw-avatar{display:inline-flex;width:24px;height:24px}}
/* 顶栏在窄屏收缩可横滑的栏目区，头像与搜索保持同一行。 */
@media(max-width:767px){.header .container{flex-wrap:nowrap}.header .djw-user a{width:24px;height:24px}}
