/* ============================================================
   91b 主题：夜场放映厅
   梅紫墨底 + 玫红主色 + 淡紫辅色；渐变只用在站名和「当前/主要」状态上
   ============================================================ */
:root{
  --ink:#130f18;      /* 页面底色：带紫调的墨色 */
  --deep:#19141f;     /* 头部、底部 */
  --card:#221b2a;     /* 卡片、输入框、按钮底 */
  --raised:#2b2235;   /* 悬停、强调底 */
  --line:#352b40;     /* 分隔线、描边 */
  --text:#f3eef6;     /* 主文字 */
  --muted:#b8adc2;    /* 次要文字 */
  --rose:#ff5f8f;     /* 主色 */
  --lilac:#b993ff;    /* 辅色 */
  --on-rose:#22101a;  /* 主色上的文字 */
  --grad:linear-gradient(100deg,#ff5f8f 0%,#d277d6 55%,#b993ff 100%);

  --yq-main-bg-color:var(--ink);
  --yq-primary-color:var(--rose);
  --yq-base1-color:#1c1722;--yq-base2-color:#1d1724;--yq-base3-color:var(--deep);--yq-base4-color:#16121b;
  --yq-base5-color:var(--deep);--yq-base6-color:#261e2f;--yq-base7-color:#201a27;--yq-base8-color:#1a1520;
  --yq-base9-color:#120e17;--yq-base10-color:var(--card);--yq-base11-color:var(--raised);--yq-base12-color:#33284a;
  --yq-border-color:var(--line);
  --yq-font1-color:#ddd3e4;--yq-font2-color:#e9e2ee;--yq-subtitle-color:var(--muted);
  --yq-button-tab-item-bg-color:var(--card);--yq-button-tab-item-color:var(--muted);
  --yq-scrollbar-thumb-color:#4a3d58;--yq-scrollbar-thumb-hover-color:#64527a;
}
html,body{background-color:var(--ink);color:var(--text)}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.kf4f3{background-color:var(--ink)}
.k5ed5{color:var(--text)}
::selection{background:rgba(255,95,143,.35);color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}

/* 版心：大屏两侧留白（原来 1280 宽时贴边） */
.k3c98b{padding-left:14px;padding-right:14px}
@media (min-width:1280px){.k3c98b{width:auto;max-width:1320px;padding-left:28px;padding-right:28px}}

/* ---------- 头部 ---------- */
#app-header .header{background:rgba(25,20,31,.92);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}
.k6bee{background:var(--deep)}  /* 不能透明：手机搜索框收起时藏在它后面 */
.kb88e{display:inline-block;font-size:26px;font-weight:900;letter-spacing:.06em;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.k02df{font-size:20px}
@media (min-width:768px){.kb88e{font-size:30px}.k02df{font-size:22px}}
.search-input,.kdbcc{background:var(--card)!important;border:1px solid var(--line)!important;color:var(--text)}
.search-input::placeholder{color:#8e8399}
.btn-primary{color:var(--on-rose);background:var(--rose);border-color:var(--rose)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{color:var(--on-rose);background:#ff7aa2;border-color:#ff7aa2;opacity:1}
#app-nav{background:var(--deep);border-bottom:1px solid var(--line)}
#app-nav .kca6f{position:relative;color:var(--muted);font-weight:600}
#app-nav .kca6f::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .2s}
#app-nav .kca6f:hover{color:var(--text)}
#app-nav .kca6f:hover::after{transform:scaleX(1)}

/* 广告区标题条、文字链 */
.k3924{background:transparent!important}
.k9384{background:var(--grad);border-radius:10px 10px 0 0}
.k9384 p{color:var(--on-rose)}
.k7216 li:hover{color:var(--on-rose);background:var(--rose)}

/* ---------- 栏目标题：标题 + 渐隐细线 + 更多 ---------- */
.k77c5{align-items:center;gap:14px}
.k77c5::after{content:"";order:2;flex:1;height:1px;background:linear-gradient(90deg,var(--line),rgba(53,43,64,0))}
.kc37e{order:1;margin-right:0;font-size:19px;font-weight:800;letter-spacing:.02em;color:var(--text)}
.kc642{order:3;margin-left:0;font-size:13px;color:var(--muted);padding:5px 12px;border:1px solid var(--line);border-radius:999px;transition:color .2s,border-color .2s}
.kc642:hover{color:var(--rose);border-color:var(--rose)}
.kc642 svg{width:12px;height:12px}
.k99cc{font-size:22px}
@media (min-width:768px){.kc37e{font-size:24px}.k99cc{font-size:28px}.kc642{font-size:14px}}

/* ---------- 视频卡片 ---------- */
.video-items{row-gap:18px}
.k44c4 .poster{border-radius:12px;background:var(--card);outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}
.k44c4 .poster img{border-radius:12px;object-fit:cover}
.k44c4 a:hover .poster,.k44c4 a:focus-visible .poster{outline-color:var(--rose)}
.k44c4 .poster::before{background:var(--grad)}
.dur{opacity:1!important;background:rgba(19,15,24,.78)!important;color:#fff!important;border-radius:6px!important;font-size:12px;font-weight:600;padding:2px 7px!important;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.k30ac{color:var(--text)!important;font-weight:600;font-size:14px;line-height:1.45;margin:9px 0 3px!important}
.k30ac:hover{color:var(--rose)!important}
@media (min-width:768px){.k30ac{font-size:15px}}
.ka4eb,.k86d8{color:var(--muted);opacity:1}
.ka4eb a:hover{color:var(--lilac)}

/* ---------- 标签 / 选项卡 / 胶囊 ---------- */
.k3c7c{color:var(--muted)}
.k3c7c.is-active{color:var(--text);font-weight:700}
.k3c7c.is-active::after{background:var(--grad);border-radius:2px}
.kc928.kd13d,.kd13d.kc928{background:var(--card);border:1px solid var(--line)}
.k7149{color:var(--rose)}
.k11f7:hover{color:var(--rose)}

/* 「大家还在搜」「线路/选集」：卡片底色、渐变当前态 */
.kf333,.k3847{background:var(--deep);border-color:var(--line)}
.k017c::before,.k67be::before{background:var(--grad)}
.kd681,.k35d7{background:var(--card);border-color:var(--line);color:var(--text)}
.kd681:hover,.kd681:focus-visible,.k35d7:hover,.k35d7:focus-visible{border-color:var(--lilac);color:var(--lilac);background:rgba(185,147,255,.1)}
.kd681:hover svg,.kd681:focus-visible svg{color:var(--lilac)}
.ka2c8{border-color:rgba(255,95,143,.55)}
.ka2c8 svg{color:var(--rose)}
.k35d7.is-active{background:var(--grad);border-color:transparent;color:var(--on-rose)}

/* ---------- 分页 ---------- */
.ka3dc .pager-item-left,.ka3dc .pager-item-right{background:var(--rose);color:var(--on-rose)}
.ka3dc .pager-item{color:var(--on-rose)}

/* ---------- 底部 ---------- */
#app-footer{background:var(--deep);border-top:1px solid var(--line);color:var(--muted)}
#app-footer a:hover{color:var(--rose)}

/* ---------- 短视频列表（melonshort） ---------- */
.ke130 .category-tab.active{color:var(--text);border-bottom-color:var(--rose)}
.ke130 .k4510 .keec4{border-radius:14px;background:var(--card)}
.ke130 .ke5bb.active{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}
.ke130 .k1a7f,.ke130 .ke5bb,.ke130 .ke0a5,.ke130 .kcc73,.ke130 .k2c15{background:var(--card);border-color:var(--line)}
.ke130 .k1a7f:hover:not(.disabled),.ke130 .ke5bb:hover:not(.active),.ke130 .ke0a5:hover:not(.disabled),.ke130 .k2c15:hover{border-color:var(--rose);color:var(--rose)}
.ke130 .ka4d6 a:hover{color:var(--rose)}

/* ---------- 短视频播放页 ---------- */
.yq-sv-card-tag{background:rgba(255,95,143,.16);color:#ff8fb0}
.yq-sv-category-badge{background:rgba(19,15,24,.6)}
.yq-sv-card-author-name:hover{color:var(--rose)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}