/* 皮肤 C · 连环画：白纸点阵、粗黑描边、硬投影；Sheeny 天蓝、Crystal 珊瑚。
   标志：整段场景画成一条故事格，讲到哪句哪格亮（.strip）。 */
.skin-c{--ink:#1F1F24;--mute:#5E5E6A;--s:#56B6E8;--c:#FF7F66;--sun:#FFD15C;--leaf:#7CC47F;--rec:#FF5A4E;--k:var(--s);
  background:#fff radial-gradient(#e7e7ec 1.4px,transparent 1.5px) 0 0/26px 26px;color:var(--ink);
  font-family:"Nunito",-apple-system,"PingFang SC",sans-serif;}
.skin-c h1,.skin-c h2,.skin-c .l-title,.skin-c .lc-title,.skin-c .nm,.skin-c .st,.skin-c .brand{font-family:"Fredoka","Nunito",sans-serif;}
.skin-c .box,.skin-c .lc,.skin-c .pinpad{
  border:3px solid var(--ink);border-radius:18px;background:#fff;box-shadow:6px 6px 0 var(--ink);}
.skin-c .brand{font-size:22px;font-weight:600;background:var(--sun);border:3px solid var(--ink);padding:5px 18px;border-radius:12px;transform:rotate(-2deg);display:inline-block;}

.skin-c .pinpad .dots i{border:3px solid var(--ink);}
.skin-c .pinpad .dots i.on{background:var(--k);}
.skin-c .pinpad .keys button{border:3px solid var(--ink);border-radius:14px;background:#fff;box-shadow:3px 3px 0 var(--ink);}
.skin-c .pinpad .msg{color:var(--rec);}
.skin-c .pinpad .av{background:var(--k);border:3px solid var(--ink);font-family:"Fredoka";}

.skin-c .g-head h1{display:inline-block;background:var(--k);border:3px solid var(--ink);padding:0 20px;border-radius:14px;transform:rotate(-1deg);}
.skin-c .g-head p{font-weight:700;}
.skin-c .lc{overflow:hidden;border-radius:16px;}
.skin-c .lc-date{font-size:14px;font-weight:800;background:var(--sun);border-bottom:3px solid var(--ink);padding:6px 14px;}
.skin-c .lc.new .lc-date{background:var(--k);}
.skin-c .lc-zh{color:var(--mute);font-weight:700;}
.skin-c .pill{border:2px solid var(--ink);background:#fff;} .skin-c .pill.on{background:var(--leaf);} .skin-c .pill.sub{background:var(--ink);color:#fff;}
.skin-c .wb{background:var(--sun);} .skin-c .wb-ico{background:#fff;border:3px solid var(--ink);} .skin-c .wb-t{font-family:"Fredoka","Nunito",sans-serif;}
.skin-c .wb:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink);}
.skin-c .search{border:3px solid var(--ink);background:#fff;font:inherit;}
.skin-c .fchip{border:3px solid var(--ink);background:#fff;} .skin-c .fchip.on{background:var(--ink);color:#fff;}
.skin-c .seen .n{background:var(--sun);border:2px solid var(--ink);}
.skin-c .lc:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink);}

.skin-c .seg{border:3px solid var(--ink);border-radius:12px;background:#fff;}
.skin-c .seg b{font-weight:800;} .skin-c .seg b.on{background:var(--k);}
.skin-c .mode b{border:3px solid var(--ink);border-radius:30px;background:#fff;font-weight:800;}
.skin-c .mode b.on{background:var(--ink);color:#fff;}
.skin-c .queue-note{border:3px solid var(--rec);border-radius:12px;background:#ffe9e6;}

/* ---------- 课页 v2 ---------- */
.skin-c .l-title,.skin-c .tk,.skin-c .card .en,.skin-c .hold,.skin-c .drawer h3,.skin-c .vc .term,.skin-c .done-box h2{font-family:"Fredoka","Nunito",sans-serif;}
.skin-c .l-title{font-size:clamp(30px,5vw,40px);font-weight:700;}
.skin-c .tk{border:3px solid var(--ink);border-radius:14px;background:#fff;}
.skin-c .tk.now{background:var(--sun);box-shadow:4px 4px 0 var(--ink);} .skin-c .tk.done{background:var(--leaf);}
.skin-c .tk.ahead{border-style:dashed;}
.skin-c .card,.skin-c .vc,.skin-c .done-box{border:3px solid var(--ink);border-radius:22px;background:#fff;box-shadow:7px 7px 0 var(--ink);}
.skin-c .vc{box-shadow:5px 5px 0 var(--ink);}
.skin-c .card .zh{color:var(--mute);}
.skin-c .listen,.skin-c .nb,.skin-c .book,.skin-c .readbtn,.skin-c .chk,.skin-c .mine,.skin-c .pl,.skin-c .bigplay,.skin-c .ic,.skin-c .xclose,.skin-c .gear{
  border:3px solid var(--ink);background:#fff;color:var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink);}
.skin-c .mine,.skin-c .pl,.skin-c .bigplay,.skin-c .ic,.skin-c .xclose,.skin-c .gear{border-radius:50%;}
.skin-c .pl{box-shadow:2px 2px 0 var(--ink);border-width:2px;}
.skin-c .hold{background:var(--rec);color:#fff;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);}
.skin-c .hold.on{box-shadow:0 0 0 14px rgba(255,90,78,.25),6px 6px 0 var(--ink);}
.skin-c button:active:not(:disabled):not(.hold),.skin-c button.press:not(:disabled):not(.hold){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);}
.skin-c .nb.go{background:var(--k);} .skin-c .nb.submit{background:var(--leaf);} .skin-c .book{background:var(--sun);} .skin-c .book.save{background:#fff;}
.skin-c .readbtn{background:var(--rec);color:#fff;} .skin-c .readbtn.stop{background:#fff;color:var(--ink);}
.skin-c .chk{background:var(--k);}
.skin-c .script{background:#fff8e1;border:3px solid var(--ink);}
.skin-c .banner{background:var(--leaf);border:3px solid var(--ink);}
.skin-c .bottom{background:#fff;border-top:3px solid var(--ink);}
.skin-c .drawer{background:#fff radial-gradient(#e7e7ec 1.4px,transparent 1.5px) 0 0/26px 26px;border-right:3px solid var(--ink);}
.skin-c .strip{display:none;}