/* 简约：白底、细线、大留白。界面本身只用黑白灰，主题色只点在「当前分类」「NEW」和悬停上 */
.t-mini{--bg:#fff;--bg2:#fff;--bg3:#f4f5f7;--tx:#15171c;--tx2:#8b9099;--tx3:#5c616b;--bd:#ececef;--r:12px;--wmax:1240px}
.t-mini .wrap{max-width:var(--wmax);padding:0 20px}
.t-mini main.wrap{padding-top:20px;padding-bottom:48px}

/* 头部：一行放下站名、分类、搜索，滚动时吸在顶上 */
.t-mini .hd{position:sticky;top:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--bd)}
.t-mini .hd-in{height:64px;gap:28px}
.t-mini .logo{flex:none;max-width:260px;color:var(--tx);font-size:20px;font-weight:800;letter-spacing:-.2px}
.t-mini .logo img{height:34px}
.t-mini .nav{flex:1;min-width:0;border:0}
.t-mini .nav-in{height:64px;gap:2px;padding:0}
.t-mini .nav a{position:relative;padding:6px 12px;border-radius:8px;color:var(--tx3);font-size:15px}
.t-mini .nav a:hover{color:var(--tx);background:var(--bg3)}
.t-mini .nav a.on{background:none;color:var(--tx);font-weight:700}
.t-mini .nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:var(--c)}
.t-mini .so{flex:none;width:264px;max-width:none;margin-left:0}
.t-mini .so input{height:38px;padding:0 54px 0 36px;border:1px solid transparent;border-radius:10px;background:var(--bg3);color:var(--tx)}
.t-mini .so input:focus{background:#fff;border-color:var(--tx)}
.t-mini .so button{position:absolute;right:4px;top:4px;height:30px;padding:0 11px;border-radius:7px;background:var(--tx);color:#fff;font-size:13px}
.t-mini .so button:hover{filter:none;opacity:.86}

.t-mini .notice{margin-bottom:16px;padding:12px 14px;border:0;border-radius:12px;background:var(--bg3);color:var(--tx3)}
.t-mini .ico-bell{border-radius:5px;background:var(--tx)}

/* 片单：标题不要色条，封面大圆角，不压黑边 */
.t-mini .sec{margin:36px 0}
.t-mini .sec-hd{align-items:baseline;margin-bottom:16px}
.t-mini .sec-hd h2{padding:0;border:0;font-size:21px;font-weight:800;letter-spacing:-.2px}
.t-mini .grid{gap:22px 14px}
@media(min-width:960px){.t-mini .grid{gap:32px 22px}}
.t-mini .thumb::after{display:none}
.t-mini .thumb img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.t-mini .card:hover .thumb img{transform:scale(1.04)}
.t-mini .play{border:0;background:rgba(255,255,255,.94);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.t-mini .play::before{border-color:transparent transparent transparent var(--tx)}
.t-mini .dur,.t-mini .tag,.t-mini .new{border-radius:6px}
.t-mini .dur{right:8px;bottom:8px;background:rgba(21,23,28,.72)}
.t-mini .tag{left:8px;top:8px;background:rgba(255,255,255,.94);color:var(--tx);font-weight:600}
.t-mini .new{right:8px;top:8px;background:var(--c);color:#fff;letter-spacing:.3px}
.t-mini .tt{margin-top:10px;font-size:14.5px;font-weight:500;line-height:1.5}
.t-mini .mt{margin-top:4px}
.t-mini .grid-v .tt{font-size:13.5px}

.t-mini .hot{margin:0 0 8px;padding:0;border:0;background:none}
.t-mini .hot-hd,.t-mini .zq-hot-hd{color:var(--tx)}
.t-mini .hot-in a,.t-mini .zq-hot-in a{border:1px solid var(--bd);border-radius:999px;background:none;color:var(--tx3)}
.t-mini .hot-in a:hover,.t-mini .zq-hot-in a:hover{border-color:var(--tx);background:var(--tx);color:#fff}

.t-mini .pager a,.t-mini .pager b{min-width:40px;height:40px;border:0;border-radius:10px;background:none}
.t-mini .pager a:hover{background:var(--bg3);color:var(--tx)}
.t-mini .pager b{background:var(--tx);color:#fff}

/* 播放页 */
.t-mini .crumb{margin-bottom:14px}
.t-mini .player{border-radius:14px;box-shadow:0 20px 50px rgba(21,23,28,.14)}
.t-mini .pbar{margin:14px 0 18px}
.t-mini .pb-btn{height:34px;border-radius:10px;background:#fff}
.t-mini .pb-btn:hover{border-color:var(--tx);color:var(--tx)}
.t-mini .pb-btn.pb-pri{border-color:var(--tx);background:var(--tx);color:#fff}
.t-mini .pb-btn.pb-pri:hover{filter:none;opacity:.86;color:#fff}
.t-mini .eps{padding:16px;border:0;border-radius:14px;background:var(--bg3)}
.t-mini .eps .sec-hd h2{font-size:16px}
.t-mini .ep-list a{border-color:transparent;border-radius:8px;background:#fff}
.t-mini .ep-list a:hover{border-color:var(--tx);color:var(--tx)}
.t-mini .ep-list a.on,.t-mini .ep-list a.on:hover{border-color:var(--tx);background:var(--tx);color:#fff}
.t-mini .info{gap:24px;padding:24px 0 0;border:0;border-top:1px solid var(--bd);border-radius:0;background:none}
.t-mini .info-pic{width:260px;border-radius:12px}
.t-mini .info h1{font-size:24px;font-weight:800;letter-spacing:-.2px}
.t-mini .meta{gap:6px;margin:10px 0 12px}
.t-mini .meta>*{padding:3px 9px;border-radius:6px;background:var(--bg3);color:var(--tx3)}
.t-mini .meta .meta-t{background:var(--tx);color:#fff}
.t-mini .chip{padding:2px 11px;border-radius:999px}
.t-mini .chip:hover{border-color:var(--tx)}
.t-mini .blurb{padding-top:4px;border-top:0;color:var(--tx3)}

/* 广告位：不抢眼，但看得清 */
.t-mini .ad-img img{border-radius:12px}
.t-mini .ad-float .ad-img img{border-radius:0}
.t-mini .ad-text{border:0;border-radius:10px;background:var(--bg3)}
.t-mini .ad-icons,.t-mini .zq-nav{border:0;border-radius:14px;background:var(--bg3)}
.t-mini .ad-ico img{box-shadow:none}
.t-mini .zq-nav-grid a{border-color:transparent;background:#fff}

.t-mini .ft{padding:32px 0 calc(32px + env(safe-area-inset-bottom));background:#fff}
.t-mini .gotop{background:#fff;box-shadow:0 8px 24px rgba(21,23,28,.12)}
.t-mini .btn{border-radius:10px;background:var(--tx)}

/* 平板、手机：站名和搜索一行，分类单独一行可以左右滑；头部不吸顶，省地方 */
@media(max-width:959px){
  .t-mini .hd{position:relative}
  .t-mini .hd-in{flex-wrap:wrap;height:auto;padding-top:10px;gap:0 14px}
  .t-mini .logo{max-width:46%}
  .t-mini .so{order:2;flex:1;width:auto;min-width:0}
  .t-mini .nav{order:3;flex:0 0 100%}
  .t-mini .nav-in{height:46px}
  .t-mini .nav a{padding:6px 10px}
  .t-mini .nav a:first-child{margin-left:-10px}
  .t-mini .nav a.on::after{left:10px;right:10px}
  /* 竖版小封面太窄，「更新至 x 集」和 NEW 会叠在一起：NEW 挪到左下角 */
  .t-mini .grid-v .card:not(.ad-card) .tag{max-width:calc(100% - 16px)}
  .t-mini .grid-v .new{left:8px;right:auto;top:auto;bottom:8px}
}
@media(max-width:639px){
  .t-mini .wrap{padding:0 16px}
  .t-mini main.wrap{padding-top:14px}
  .t-mini .logo{font-size:18px}
  .t-mini .logo img{height:30px}
  .t-mini .so input{height:36px;padding:0 50px 0 34px}
  .t-mini .so button{height:28px;padding:0 10px}
  .t-mini .sec{margin:28px 0}
  .t-mini .sec-hd h2{font-size:18px}
  .t-mini .tt{margin-top:8px;font-size:13.5px}
  .t-mini .info{padding-top:18px}
  .t-mini .info h1{font-size:19px}
}