/* 皮肤 B · 录音棚：吸音棉灰蓝底、调音台深蓝、ON AIR 红灯；Sheeny 蓝、Crystal 玫红。
   标志：一录音 ON AIR 亮起，电平条跟着真实音量跳（.meter，由 recorder.js 驱动）。 */
.skin-b{--bg:#EDF1F6;--ink:#1B2A44;--mute:#5E6A80;--line:#D5DCE6;--air:#E0402C;--lvl:#2FA36B;--amb:#F0B23A;
  --s:#2F6FD6;--c:#D9577A;--k:var(--s);background:var(--bg);color:var(--ink);
  font-family:"Nunito Sans",-apple-system,"PingFang SC",sans-serif;}
.skin-b h1,.skin-b h2,.skin-b .brand,.skin-b .l-title,.skin-b .lc-title,.skin-b .nm,.skin-b .st,.skin-b .mode b,
.skin-b .onair,.skin-b .count{font-family:"Barlow Condensed","Nunito Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em;}
.skin-b .box,.skin-b .item,.skin-b .pinpad{background:#fff;border-radius:20px;}
.skin-b .brand{font-size:20px;color:var(--mute);}

.skin-b .pinpad .dots i{border:2px solid var(--ink);} .skin-b .pinpad .dots i.on{background:var(--k);border-color:var(--k);}
.skin-b .pinpad .keys button{border:none;border-radius:12px;background:var(--bg);}
.skin-b .pinpad .msg{color:var(--air);}
.skin-b .pinpad .av{background:var(--k);color:#fff;}

.skin-b .g-head{background:var(--ink);color:#fff;margin:0 -28px;padding:30px 28px 26px;}
.skin-b .g-head .back,.skin-b .g-head p{color:#aab6c9;}
.skin-b .lc{background:#fff;border-radius:14px;border-top:8px solid var(--k);padding-top:4px;}
.skin-b .lc-date{font-size:14px;color:var(--mute);font-weight:700;padding:8px 14px 0;}
.skin-b .lc.new{border-top-color:var(--amb);}
.skin-b .lc-title{font-family:"Barlow Condensed",sans-serif;font-size:30px;text-transform:uppercase;}
.skin-b .lc-zh{color:var(--mute);}
.skin-b .pill{background:var(--bg);} .skin-b .pill.on{background:var(--lvl);color:#fff;} .skin-b .pill.sub{background:var(--ink);color:#fff;}
.skin-b .wb{background:#fff;border-radius:16px;border-left:10px solid var(--amb);} .skin-b .wb-ico{background:var(--ink);color:#fff;}
.skin-b .wb-t{font-family:"Barlow Condensed","Nunito Sans",sans-serif;text-transform:uppercase;letter-spacing:.03em;} .skin-b .wb-t small{text-transform:none;}
.skin-b .g-top .back{color:#aab6c9;}
.skin-b .search{border:none;background:#fff;font:inherit;}
.skin-b .fchip{background:#fff;border:none;} .skin-b .fchip.on{background:var(--ink);color:#fff;}
.skin-b .seen .n{background:var(--amb);}

.skin-b .l-top{background:var(--ink);color:#fff;margin:0 -28px;padding:22px 28px 16px;}
.skin-b .l-top .back{color:#aab6c9;}
.skin-b .seg{background:#0f1a2d;border-radius:10px;padding:4px;color:#8190a8;}
.skin-b .seg b{border-radius:7px;font-weight:700;} .skin-b .seg b.on{background:var(--k);color:#fff;}
.skin-b .skinswitch{color:#aab6c9;}
.skin-b .mode b{border-radius:10px;background:#fff;color:var(--mute);font-size:19px;}
.skin-b .mode b.on{background:var(--ink);color:#fff;}
.skin-b .count{color:var(--mute);}
.skin-b .queue-note{background:#fdecea;border-radius:12px;color:#8a1c12;}

/* ---------- 课页 v2 ---------- */
.skin-b .l-title{font-size:clamp(28px,5vw,36px);font-weight:700;}
.skin-b .track{background:#0f1a2d;margin:0 -28px;padding:0 28px;gap:0;}
.skin-b .tk{background:none;color:#6f7f99;font-size:20px;} .skin-b .tk small{letter-spacing:.06em;}
.skin-b .tk.now{color:#fff;box-shadow:inset 0 -5px 0 var(--amb);} .skin-b .tk.done{color:var(--lvl);}
.skin-b .card,.skin-b .vc,.skin-b .done-box{background:#fff;border-radius:22px;}
.skin-b .card .zh{color:var(--mute);}
.skin-b .listen,.skin-b .nb,.skin-b .book,.skin-b .chk,.skin-b .mine,.skin-b .pl,.skin-b .bigplay,.skin-b .ic,.skin-b .xclose,.skin-b .gear{
  border:none;background:#fff;color:var(--ink);border-radius:14px;}
.skin-b .card .listen,.skin-b .card .mine,.skin-b .card .pl,.skin-b .card .bigplay,.skin-b .vc .ic,.skin-b .xclose,.skin-b .bottom .nb{background:var(--bg);}
.skin-b .mine,.skin-b .pl,.skin-b .bigplay,.skin-b .ic,.skin-b .xclose,.skin-b .gear{border-radius:50%;}
.skin-b .gear{background:#0f1a2d;color:#aab6c9;}
.skin-b .hold{background:var(--air);color:#fff;border:none;box-shadow:0 0 0 12px #fde3df;}
.skin-b .hold.on{box-shadow:0 0 0 12px #fde3df,0 0 36px rgba(224,64,44,.65);}
.skin-b .card .onair{display:none;} .skin-b .card.live .onair{display:inline-block;position:absolute;top:14px;left:50%;transform:translateX(-50%);
  font-size:18px;padding:3px 14px;margin:0;background:var(--air);color:#fff;box-shadow:0 0 20px rgba(224,64,44,.6);}
.skin-b .nb.go{background:var(--k);color:#fff;} .skin-b .nb.submit{background:var(--lvl);color:#fff;} .skin-b .book{background:var(--ink);color:#fff;}
.skin-b .book.save{background:var(--bg);color:var(--ink);} .skin-b .modal,.skin-b .prob{border-radius:16px;}
.skin-b .readbtn{background:var(--air);color:#fff;border:none;border-radius:14px;} .skin-b .readbtn.stop{background:var(--ink);}
.skin-b .chk{background:var(--ink);color:#fff;}
.skin-b .script{background:var(--bg);}
.skin-b .banner{background:var(--lvl);color:#fff;}
.skin-b .bottom{background:#fff;box-shadow:0 -4px 16px rgba(27,42,68,.12);}
.skin-b .drawer{background:var(--bg);}
.skin-b .l-title,.skin-b .tk,.skin-b .hold,.skin-b .nb,.skin-b .readbtn,.skin-b .chk,.skin-b .drawer h3,.skin-b .onair,.skin-b .done-box h2{
  font-family:"Barlow Condensed","Nunito Sans",sans-serif;text-transform:uppercase;letter-spacing:.03em;}
.skin-b .nb small,.skin-b .tk small,.skin-b .hold small{text-transform:none;letter-spacing:0;}
.skin-b .onair{font-weight:700;letter-spacing:.14em;border-radius:7px;}
@media (max-width:640px){ .skin-b .l-top,.skin-b .track{margin:0 -14px;padding-left:14px;padding-right:14px;} .skin-b .tk{font-size:15px;} }