/* ==========================================================================
   卡通农场风皮肤（覆盖层）
   只换皮不改结构：木框 + 羊皮纸内衬 + 木牌标题 + 红圆 X + 糖果按钮 + 金边圆钮
   ========================================================================== */
.sc-ui{
  --paper:#fff3cf; --paper-hi:#fffbe8; --paper-lo:#f7e0a6; --paper-edge:#e9c47c;
  --ink:#5b3415; --ink-soft:#97683a; --ink-faint:rgba(91,52,21,.5);
  --accent:#f28a1e; --accent-deep:#d2650f; --leaf:#62b82a; --leaf-hi:#7fd13b;
  --line:rgba(130,78,28,.2);
  --wood-hi:#f6c46a; --wood:#d68f3e; --wood-lo:#a7622a; --wood-ink:#5b3415; --gold:#ffd768;
  --f-head:'Nunito','Microsoft YaHei UI','Microsoft YaHei','PingFang SC','Hiragino Sans GB',sans-serif;
  --f-body:'Nunito','Microsoft YaHei UI','Microsoft YaHei','PingFang SC','Hiragino Sans GB',sans-serif;
  /* 卡通厚底：深棕描边 + 实心下沉 + 柔投影 */
  --shadow:0 0 0 2.5px var(--wood-ink),0 5px 0 2.5px var(--wood-ink),0 12px 22px -6px rgba(50,25,5,.45);
  --shadow-sm:0 0 0 2px var(--wood-ink),0 3px 0 2px var(--wood-ink),0 8px 14px -6px rgba(50,25,5,.4);
  --cf-stroke:0 2px 0 var(--wood-ink),2px 0 0 var(--wood-ink),-2px 0 0 var(--wood-ink),0 -2px 0 var(--wood-ink),
    1.5px 1.5px 0 var(--wood-ink),-1.5px 1.5px 0 var(--wood-ink),1.5px -1.5px 0 var(--wood-ink),-1.5px -1.5px 0 var(--wood-ink),0 3.5px 0 var(--wood-ink);
  font-weight:700;
}

/* ---------------------------------------------------------------- 卡片底：羊皮纸 + 金色内线 */
.sc-card,.sc-ui .sc-card{
  background-color:var(--paper);
  background-image:url(paper-noise.svg),linear-gradient(180deg,#fff8dc 0%,#fbe7b2 100%);
  box-shadow:inset 0 0 0 2.5px var(--gold),inset 0 -4px 0 2.5px rgba(214,143,62,.28),var(--shadow);
}

/* ---------------------------------------------------------------- 大面板：木框 */
.sc-ui .sc-sheet.sc-card,
.sc-ui .sc-sound-pop.sc-card,
.sc-ui .sc-onboard.sc-card,
.sc-ui .sc-vl-pop,.sc-ui .sc-wx-pop{
  border:6px solid transparent;
  background:url(paper-noise.svg) padding-box,linear-gradient(180deg,#fff7d8 0%,#fbe6af 100%) padding-box,
    linear-gradient(180deg,var(--wood-hi) 0%,var(--wood) 38%,var(--wood-lo) 100%) border-box;
  box-shadow:inset 0 0 0 2.5px var(--gold),0 0 0 3px var(--wood-ink),0 7px 0 3px var(--wood-ink),0 18px 30px -8px rgba(40,20,4,.55);
}
.sc-ui .sc-sheet.sc-card{border-width:7px;border-radius:28px}
.sc-ui .sc-sound-pop.sc-card,.sc-ui .sc-onboard.sc-card{border-radius:24px}
.sc-ui .sc-vl-pop,.sc-ui .sc-wx-pop{border-width:5px;border-radius:20px}

/* 木牌标题栏 */
.sc-ui .sc-sheet-head{
  margin:-1px -1px 0; padding:16px 64px 16px 26px; text-align:center;
  background:url(paper-noise.svg),linear-gradient(180deg,#f9cf78 0%,#e7a24c 55%,#cf8536 100%);
  box-shadow:inset 0 2px 0 rgba(255,240,190,.75),inset 0 -3px 0 rgba(120,60,15,.35),0 3px 0 var(--wood-ink);
  border-bottom:0; z-index:1;
}
.sc-ui .sc-sheet-head h3,.sc-ui .sc-sheet-head .sc-title{
  margin:2px 0 0; font:900 26px/1.15 var(--f-head); color:#fff; letter-spacing:.02em; text-shadow:var(--cf-stroke);
}
.sc-ui .sc-sheet-head .sc-eyebrow{
  display:inline-block; padding:2px 12px 3px; border-radius:999px; font-size:11px; letter-spacing:.12em;
  color:#fff6d8; background:rgba(110,55,12,.42); box-shadow:inset 0 1px 0 rgba(0,0,0,.18);
}
.sc-ui .sc-sheet-head .sc-sub{color:#6b3c12}
.sc-ui .sc-sheet-body{background-image:none}
.sc-ui .sc-help .sc-sheet,.sc-ui #scHelpModal .sc-sheet,.sc-ui #scShareModal .sc-sheet{padding:0 0 22px}
.sc-ui #scHelpModal .sc-help-grid,.sc-ui #scHelpModal > .sc-sheet > .sc-sub,.sc-ui #scHelpModal .sc-help-foot,
.sc-ui #scShareModal .sc-sheet > .sc-sub{margin-left:28px;margin-right:28px}
.sc-ui #scShareModal .sc-sheet > .sc-sub{margin-top:18px}

/* 弹窗遮罩：更暖更沉 */
.sc-ui .sc-backdrop{background:radial-gradient(ellipse at 50% 45%,rgba(40,20,0,.22),rgba(30,14,0,.55));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}

/* ---------------------------------------------------------------- 红色圆形 X */
.sc-ui .sc-close{
  top:9px; right:10px; width:42px; height:42px; color:#fff;
  background:radial-gradient(circle at 50% 32%,#ff8a6a 0%,#f2482b 55%,#c92a17 100%);
  box-shadow:inset 0 0 0 2.5px #ffe1a0,inset 0 -4px 0 2.5px rgba(120,15,5,.35),0 0 0 2.5px #6e1c0c,0 4px 0 2.5px #6e1c0c;
}
.sc-ui .sc-close svg{width:18px;height:18px;filter:drop-shadow(0 1.5px 0 rgba(110,20,8,.9))}
.sc-ui .sc-close svg *{stroke-width:3.2}
.sc-ui .sc-close:hover{color:#fff;transform:scale(1.08) rotate(90deg)}
.sc-ui .sc-close:active{transform:scale(.92)}
.sc-ui .sc-jhead .sc-close{margin-top:-21px}
.sc-ui .sc-onboard .sc-close{top:8px;right:8px;width:30px;height:30px}
.sc-ui .sc-onboard .sc-close svg{width:13px;height:13px}
.sc-ui .sc-vl-gsheet .sc-close{top:12px;right:12px}

/* ---------------------------------------------------------------- 糖果按钮 */
.sc-ui .sc-btn{
  height:40px; padding:0 18px; font:900 14px/1 var(--f-body); color:var(--ink);
  background:linear-gradient(180deg,#fff6c9 0%,#ffe07a 48%,#f7bf34 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -4px 0 rgba(176,104,10,.38),0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink);
}
.sc-ui .sc-btn:hover{filter:brightness(1.05)}
.sc-ui .sc-btn:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(176,104,10,.38),0 0 0 2.5px var(--wood-ink),0 1px 0 2.5px var(--wood-ink)}
.sc-ui .sc-btn.sc-primary,.sc-ui .sc-primary{
  color:#fff; text-shadow:0 1.5px 0 #2f6510,1px 0 0 #2f6510,-1px 0 0 #2f6510,0 -1px 0 #2f6510;
  background:linear-gradient(180deg,#b6f06a 0%,#79cf34 45%,#4fa51c 100%);
  box-shadow:inset 0 2px 0 rgba(235,255,200,.8),inset 0 -4px 0 rgba(30,80,5,.4),0 0 0 2.5px #2c5a0e,0 4px 0 2.5px #2c5a0e;
}
.sc-ui .sc-btn.sc-danger{
  color:#fff; text-shadow:0 1.5px 0 #7a1b0b,1px 0 0 #7a1b0b,-1px 0 0 #7a1b0b,0 -1px 0 #7a1b0b;
  background:linear-gradient(180deg,#ffa184 0%,#f45a38 48%,#cf3219 100%);
  box-shadow:inset 0 2px 0 rgba(255,220,200,.7),inset 0 -4px 0 rgba(110,15,5,.4),0 0 0 2.5px #6e1c0c,0 4px 0 2.5px #6e1c0c;
}
.sc-ui .sc-btn svg{filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}

/* ---------------------------------------------------------------- 右上：金边圆钮 + 资源胶囊 */
.sc-ui .sc-icon-btn.sc-card{
  width:48px; height:48px; color:var(--ink);
  background:radial-gradient(circle at 50% 30%,#fffdf0 0%,#fff0bf 55%,#f5d27c 100%);
  box-shadow:inset 0 0 0 3px var(--gold),inset 0 -5px 0 3px rgba(200,128,40,.35),0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink),0 10px 16px -6px rgba(50,25,5,.4);
}
.sc-ui .sc-icon-btn svg{width:22px;height:22px;filter:drop-shadow(0 1.5px 0 rgba(91,52,21,.25))}
.sc-ui .sc-icon-btn:hover{transform:translateY(-2px) scale(1.06)}
.sc-ui .sc-icon-btn.sc-home-btn{color:#fff;background:radial-gradient(circle at 50% 30%,#b6f06a 0%,#6cc22e 60%,#4a9a1a 100%);
  box-shadow:inset 0 0 0 3px #e9ffb8,inset 0 -5px 0 3px rgba(30,80,5,.35),0 0 0 2.5px #2c5a0e,0 4px 0 2.5px #2c5a0e,0 10px 16px -6px rgba(30,50,5,.4)}
.sc-ui .sc-icon-btn.sc-home-btn svg{filter:drop-shadow(0 1.5px 0 #2c5a0e)}

.sc-ui .sc-pill.sc-card{
  height:42px; padding:0 18px 0 6px; border-radius:999px; color:#fff;
  background:linear-gradient(180deg,rgba(95,52,18,.82),rgba(70,36,10,.88));
  box-shadow:inset 0 2px 0 rgba(255,220,160,.25),inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2.5px #fff1c4,0 0 0 5px var(--wood-ink),0 6px 12px -4px rgba(40,20,4,.5);
}
.sc-ui .sc-pill .sc-paw{width:32px;height:32px;background:radial-gradient(circle at 50% 30%,#ffc46e,#f28a1e 60%,#c9600c);
  box-shadow:inset 0 0 0 2px #ffe3a0,0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}
.sc-ui .sc-pill .sc-paw svg{width:18px;height:18px;filter:drop-shadow(0 1px 0 rgba(90,40,5,.6))}
.sc-ui .sc-pill .sc-count,.sc-ui .sc-count{font:900 18px/1 var(--f-body);color:#fff;text-shadow:0 2px 0 rgba(40,15,0,.6)}
.sc-ui .sc-badge-dot{top:-3px;right:-2px;width:14px;height:14px;background:#f2482b;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--wood-ink)}

/* ---------------------------------------------------------------- 时间面板 */
.sc-ui .sc-time.sc-card{border-radius:30px;padding:9px 16px 9px 9px}
.sc-ui .sc-dial{box-shadow:0 0 0 3px var(--gold),0 0 0 5.5px var(--wood-ink),0 4px 0 5.5px var(--wood-ink)}
.sc-ui .sc-season-name{font:900 22px/1.05 var(--f-head);color:var(--ink);letter-spacing:.02em}
.sc-ui .sc-time-sub{color:var(--ink-soft);font-weight:800}
.sc-ui .sc-time-sub b{color:var(--accent-deep);font-weight:900}
.sc-ui .sc-round{color:#fff;background:linear-gradient(180deg,#b6f06a,#5fb424);
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(30,80,5,.35),0 0 0 2px #2c5a0e,0 2.5px 0 2px #2c5a0e}
.sc-ui .sc-round svg{filter:drop-shadow(0 1px 0 #2c5a0e)}
.sc-ui .sc-round:hover{background:linear-gradient(180deg,#c6f585,#6cc22e)}
.sc-ui .sc-round.sc-paused{background:linear-gradient(180deg,#ffc46e,#f07f12);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(120,50,0,.35),0 0 0 2px #6a3206,0 2.5px 0 2px #6a3206}
.sc-ui .sc-seg{background:linear-gradient(180deg,#9b5d26,#b97a3c);padding:3px;box-shadow:inset 0 2px 3px rgba(40,15,0,.45),0 0 0 2px var(--wood-ink)}
.sc-ui .sc-seg button{color:#ffe7b4;font-weight:900}
.sc-ui .sc-seg button.sc-on{color:#fff;text-shadow:0 1px 0 #2c5a0e,1px 0 0 #2c5a0e,-1px 0 0 #2c5a0e,0 -1px 0 #2c5a0e}
.sc-ui .sc-seg-knob{background:linear-gradient(180deg,#b6f06a,#5fb424);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(30,80,5,.35),0 0 0 1.5px #2c5a0e}
.sc-ui .sc-seasons button{border-radius:10px}
.sc-ui .sc-seasons button.sc-on{background:linear-gradient(180deg,#fff6c9,#ffd457);box-shadow:inset 0 -2px 0 rgba(176,104,10,.35),0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}

/* ---------------------------------------------------------------- 底部工具栏：木托盘 */
.sc-ui .sc-dock.sc-card{
  border:5px solid transparent; border-radius:30px; gap:8px;
  background:url(paper-noise.svg) padding-box,linear-gradient(180deg,#e7a958 0%,#c98238 60%,#ad6a2c 100%) padding-box,
    linear-gradient(180deg,var(--wood-hi),var(--wood-lo)) border-box;
  box-shadow:inset 0 0 0 2px rgba(255,220,150,.55),inset 0 3px 6px rgba(80,35,5,.35),0 0 0 3px var(--wood-ink),0 7px 0 3px var(--wood-ink),0 18px 28px -8px rgba(40,20,4,.55);
}
.sc-ui .sc-tool{border-radius:20px;background:linear-gradient(180deg,rgba(255,243,207,.26),rgba(255,243,207,.12));
  box-shadow:inset 0 0 0 2px rgba(91,52,21,.42),inset 0 4px 5px rgba(60,25,0,.22)}
.sc-ui .sc-dock-blob{
  border-radius:20px;
  background:radial-gradient(circle at 50% 30%,#fffdf0 0%,var(--blob,#e6f0d2) 70%);
  box-shadow:inset 0 0 0 3px var(--gold),inset 0 -5px 0 3px var(--blob-ring,#7fae55),0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink),0 0 18px 2px rgba(255,220,110,.8);
}
.sc-ui .sc-tool.sc-on{background:none;box-shadow:none}
.sc-ui .sc-tool .sc-tool-ic svg{filter:drop-shadow(0 2px 0 rgba(60,25,0,.35))}
.sc-ui .sc-tool-label{font:900 12.5px/1.1 var(--f-body);color:#fff;letter-spacing:.04em;
  text-shadow:0 1.5px 0 var(--wood-ink),1.5px 0 0 var(--wood-ink),-1.5px 0 0 var(--wood-ink),0 -1.5px 0 var(--wood-ink),1px 1px 0 var(--wood-ink),-1px 1px 0 var(--wood-ink),1px -1px 0 var(--wood-ink),-1px -1px 0 var(--wood-ink)}
.sc-ui .sc-tool.sc-on .sc-tool-label{color:#fff}
.sc-ui .sc-tool kbd{top:4px;right:5px;color:#fff;background:var(--wood-ink);box-shadow:0 0 0 1.5px #ffe3a0;opacity:.9;border-radius:6px}
.sc-ui .sc-tool.sc-on kbd{background:var(--accent-deep)}

/* ---------------------------------------------------------------- 天气 / 岛民胶囊 */
.sc-ui .sc-wx.sc-card,.sc-ui .sc-vl.sc-card{border-radius:999px;padding:4px}
.sc-ui .sc-wx-btn:hover,.sc-ui .sc-vl-btn:hover{background:rgba(255,215,104,.35)}
.sc-ui .sc-wx-ic,.sc-ui .sc-vl-ic{background:radial-gradient(circle at 50% 30%,#e9f6ff,#a8d8f5 75%);box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}
.sc-ui .sc-vl-ic{background:radial-gradient(circle at 50% 30%,#f2ffd8,#b9e27e 75%)}
.sc-ui .sc-wx-name,.sc-ui .sc-vl-name{font:900 15px/1.1 var(--f-head);color:var(--ink)}
.sc-ui .sc-wx-mode,.sc-ui .sc-vl-sub{color:var(--ink-soft);font-weight:900}
.sc-ui .sc-wx-caret{border-color:var(--wood-ink)}
.sc-ui .sc-wx-head,.sc-ui .sc-vl-sec{color:var(--accent-deep)}
.sc-ui .sc-wx-opt{background:rgba(255,255,255,.45);box-shadow:inset 0 0 0 1.5px rgba(150,90,30,.28)}
.sc-ui .sc-wx-opt:hover{background:#fff6cf}
.sc-ui .sc-wx-opt.sc-on{background:linear-gradient(180deg,#fff6c9,#ffd457);box-shadow:inset 0 -2px 0 rgba(176,104,10,.35),0 0 0 2px var(--wood-ink)}
.sc-ui .sc-vl-head{font:900 16px/1.2 var(--f-head);color:var(--ink)}
.sc-ui .sc-vl-row:nth-child(odd){background:rgba(214,143,62,.12)}
.sc-ui .sc-vl-act{color:#fff;background:linear-gradient(180deg,#8fd84a,#56a81e);box-shadow:0 0 0 1.5px #2c5a0e;text-shadow:0 1px 0 #2c5a0e}
.sc-ui .sc-vl-next{color:#7a4a14;background:rgba(255,215,104,.4);box-shadow:inset 0 0 0 1.5px rgba(176,104,10,.3)}
.sc-ui .sc-vl-jhead{font:900 15px/1.2 var(--f-head)}

/* ---------------------------------------------------------------- 入门指引 */
.sc-ui .sc-onboard .sc-eyebrow{color:var(--accent-deep)}
.sc-ui .sc-onboard h3{font:900 18px/1.2 var(--f-head);color:var(--ink)}
.sc-ui .sc-step-ic{background:linear-gradient(180deg,#fffbe8,#f6dc9a);color:var(--ink);box-shadow:0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}
.sc-ui .sc-step.sc-done .sc-step-ic{background:linear-gradient(180deg,#b6f06a,#5fb424);box-shadow:0 0 0 2px #2c5a0e,0 2px 0 2px #2c5a0e}
.sc-ui .sc-step-k{color:var(--ink-soft);font-weight:900}

/* ---------------------------------------------------------------- 弹出菜单（声音 / 设置） */
.sc-ui .sc-sound-head{margin:-16px -18px 10px;padding:10px 18px 10px;border-radius:18px 18px 0 0;
  background:linear-gradient(180deg,#f9cf78 0%,#e7a24c 60%,#cf8536 100%);box-shadow:inset 0 2px 0 rgba(255,240,190,.7),0 2.5px 0 var(--wood-ink)}
.sc-ui .sc-sound-title{font:900 19px/1.1 var(--f-head);color:#fff;text-shadow:var(--cf-stroke)}
.sc-ui .sc-sound-hint{color:#6b3c12;font-weight:900}
.sc-ui .sc-set-label{font-weight:900}
.sc-ui .sc-switch{background:linear-gradient(180deg,#9b5d26,#b97a3c);box-shadow:inset 0 2px 3px rgba(40,15,0,.45),0 0 0 2px var(--wood-ink)}
.sc-ui .sc-switch.sc-on{background:linear-gradient(180deg,#8fd84a,#4fa51c);box-shadow:inset 0 2px 3px rgba(20,60,0,.35),0 0 0 2px #2c5a0e}
.sc-ui .sc-switch i{background:radial-gradient(circle at 50% 30%,#fff,#ffe9a8);box-shadow:0 0 0 1.5px var(--wood-ink),0 2px 0 1.5px var(--wood-ink)}
.sc-ui .sc-range::-webkit-slider-runnable-track{height:9px;background:linear-gradient(90deg,#6cc22e var(--p,100%),#c99a5c var(--p,100%));box-shadow:inset 0 2px 2px rgba(40,15,0,.35),0 0 0 1.5px var(--wood-ink)}
.sc-ui .sc-range::-webkit-slider-thumb{width:20px;height:20px;margin-top:-5.5px;background:radial-gradient(circle at 50% 30%,#fff6c9,#f7bf34);box-shadow:0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}
.sc-ui .sc-vol-ic{color:var(--accent-deep)}
.sc-ui .sc-vol-label,.sc-ui .sc-vol-val{font-weight:900}

/* ---------------------------------------------------------------- 纪事面板 */
.sc-ui .sc-jhead{padding:14px 70px 14px 22px;justify-content:center}
.sc-ui .sc-jtabs{background:rgba(100,48,10,.38);box-shadow:inset 0 2px 3px rgba(40,15,0,.4),0 1px 0 rgba(255,230,170,.5)}
.sc-ui .sc-jtab{background:transparent;font:900 15px/1 var(--f-head);color:#ffecc0;text-shadow:0 1.5px 0 rgba(60,25,0,.6)}
.sc-ui .sc-jtab:hover{color:#fff}
.sc-ui .sc-jtab.sc-on{color:var(--ink);text-shadow:none;background:linear-gradient(180deg,#fffbe8,#fde6a6);
  box-shadow:inset 0 -3px 0 rgba(214,143,62,.4),0 0 0 2px var(--wood-ink),0 3px 0 2px var(--wood-ink)}
.sc-ui .sc-jtab i{background:rgba(255,255,255,.22);color:#fff}
.sc-ui .sc-jtab.sc-on i{background:#f2482b;color:#fff}
.sc-ui .sc-vj-stat{background:linear-gradient(180deg,#fffaf0,#fbe3a6);box-shadow:inset 0 0 0 2px #e2a95a,inset 0 -3px 0 2px rgba(214,143,62,.25)}
.sc-ui .sc-vj-stat small{color:var(--ink-soft);font-weight:900}
.sc-ui .sc-vj-stat b{font-weight:900;font-size:16px}
.sc-ui .sc-vj-title{color:#fff;display:inline-block;padding:3px 14px 4px;border-radius:999px;background:linear-gradient(180deg,#f6b45a,#d8822c);
  box-shadow:0 0 0 2px var(--wood-ink);text-shadow:0 1px 0 var(--wood-ink),1px 0 0 var(--wood-ink),-1px 0 0 var(--wood-ink),0 -1px 0 var(--wood-ink);letter-spacing:.1em}
.sc-ui .sc-vj-p{background:#fffbe8;border:0;box-shadow:0 0 0 1.5px #d9a052}
.sc-ui .sc-vj-year{font:900 15px/1.2 var(--f-head);background:linear-gradient(180deg,#fff7d8,#fdf0c4);color:var(--accent-deep)}
.sc-ui .sc-vj-ev{border-bottom:1.5px dashed rgba(170,110,40,.3)}
.sc-ui .sc-vj-ev span,.sc-ui .sc-jic{background:linear-gradient(180deg,#fffbe8,#f6dc9a);box-shadow:0 0 0 1.5px #c98a3e}
.sc-ui .sc-jname{font-weight:900}
.sc-ui .sc-jrow{border-bottom:1.5px dashed rgba(170,110,40,.3)}
.sc-ui .sc-vl-gname{font:900 26px/1.15 var(--f-head)}
.sc-ui .sc-vl-gsum{background:rgba(255,255,255,.6);border:0;box-shadow:inset 0 0 0 2px #e2a95a}

/* ---------------------------------------------------------------- 帮助 */
.sc-ui .sc-help-col h4{font:900 17px/1.2 var(--f-head);font-style:normal;color:var(--accent-deep)}
.sc-ui .sc-kbd{background:linear-gradient(180deg,#fffdf2,#f5dc9c);color:var(--ink);font-weight:900;
  box-shadow:inset 0 -2px 0 rgba(176,104,10,.3),0 0 0 1.5px var(--wood-ink),0 2px 0 1.5px var(--wood-ink)}
.sc-ui .sc-keyrow{font-weight:700}
.sc-ui .sc-help-foot{border-top:2px dashed rgba(170,110,40,.35)}

/* ---------------------------------------------------------------- 浮动提示 / 吐槽 / 发现 */
.sc-ui .sc-tip{background:#fff6d6;color:var(--ink);font-weight:800;box-shadow:0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink),0 10px 18px -8px rgba(40,20,4,.5)}
.sc-ui .sc-tip::after{background:#fff6d6;box-shadow:2px 2px 0 0 var(--wood-ink)}
.sc-ui .sc-tip[data-pos="bottom"]::after{box-shadow:-2px -2px 0 0 var(--wood-ink)}
.sc-ui .sc-tip[data-pos="left"]::after{box-shadow:2px -2px 0 0 var(--wood-ink)}
.sc-ui .sc-tip[data-pos="right"]::after{box-shadow:-2px 2px 0 0 var(--wood-ink)}
.sc-ui .sc-tip .sc-tip-sub{color:var(--ink-soft)}
.sc-ui .sc-tip kbd{background:var(--wood-ink);color:#fff}
.sc-ui .sc-hover-main{font-weight:900}
.sc-ui .sc-discover-title{font:900 19px/1.2 var(--f-head)}
.sc-ui .sc-discover .sc-portrait::before{border:3px solid var(--gold);box-shadow:0 0 0 2px var(--wood-ink)}
.sc-ui .sc-banner{color:#fff}

/* ---------------------------------------------------------------- 主菜单 */
.sc-ui .sc-menu-veil{background:linear-gradient(90deg,rgba(255,236,170,.72) 0%,rgba(255,236,170,.45) 30%,rgba(255,236,170,0) 60%)}
.sc-ui .sc-menu-mark{border-radius:18px;background:linear-gradient(180deg,#b6f06a,#4fa51c);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -4px 0 rgba(30,80,5,.4),0 0 0 3px #2c5a0e,0 5px 0 3px #2c5a0e}
.sc-ui .sc-menu-mark svg{filter:drop-shadow(0 2px 0 #2c5a0e)}
.sc-ui .sc-menu-title{
  font:900 clamp(56px,7.6vw,88px)/1 var(--f-head); letter-spacing:.04em; color:#ffd23f; transform:rotate(-3deg); transform-origin:0 50%;
  text-shadow:0 4px 0 var(--wood-ink),4px 0 0 var(--wood-ink),-4px 0 0 var(--wood-ink),0 -4px 0 var(--wood-ink),
    3px 3px 0 var(--wood-ink),-3px 3px 0 var(--wood-ink),3px -3px 0 var(--wood-ink),-3px -3px 0 var(--wood-ink),
    0 9px 0 var(--wood-ink),3px 8px 0 var(--wood-ink),-3px 8px 0 var(--wood-ink),0 16px 18px rgba(40,20,4,.45);
}
.sc-ui .sc-menu.sc-open .sc-menu-panel > .sc-menu-title{transform:rotate(-3deg)}
.sc-ui .sc-menu-title::first-line{color:#8de04a}
.sc-ui .sc-menu-tag{color:var(--ink);font-weight:800;padding:12px 16px;border-radius:18px;background:url(paper-noise.svg),linear-gradient(180deg,#fff8dc,#fbe7b2);
  box-shadow:inset 0 0 0 2.5px var(--gold),0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink)}
.sc-ui .sc-menu-btn{
  font:900 18px/1.15 var(--f-body); color:var(--ink); border-radius:22px;
  background:linear-gradient(180deg,#fff6c9 0%,#ffe07a 48%,#f7bf34 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -5px 0 rgba(176,104,10,.38),0 0 0 3px var(--wood-ink),0 6px 0 3px var(--wood-ink),0 14px 22px -8px rgba(40,20,4,.5);
}
.sc-ui .sc-menu-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.05);box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -5px 0 rgba(176,104,10,.38),0 0 0 3px var(--wood-ink),0 8px 0 3px var(--wood-ink),0 16px 24px -8px rgba(40,20,4,.5)}
.sc-ui .sc-menu-btn:active{transform:translateY(4px) scale(.99)}
.sc-ui .sc-menu-btn .sc-mi{background:linear-gradient(180deg,#fffdf0,#fde9b0);box-shadow:0 0 0 2px var(--wood-ink),0 2px 0 2px var(--wood-ink)}
.sc-ui .sc-menu-btn small{color:#8a5a22;font-weight:800}
.sc-ui .sc-menu-btn.sc-primary{
  color:#fff; text-shadow:0 2px 0 #2c5a0e,1.5px 0 0 #2c5a0e,-1.5px 0 0 #2c5a0e,0 -1.5px 0 #2c5a0e;
  background:linear-gradient(180deg,#b6f06a 0%,#79cf34 45%,#4fa51c 100%);
  box-shadow:inset 0 2px 0 rgba(235,255,200,.8),inset 0 -5px 0 rgba(30,80,5,.4),0 0 0 3px #2c5a0e,0 6px 0 3px #2c5a0e,0 14px 22px -8px rgba(20,50,5,.5);
}
.sc-ui .sc-menu-btn.sc-primary:hover{background:linear-gradient(180deg,#c6f585 0%,#86d63c 45%,#58b021 100%)}
.sc-ui .sc-menu-btn.sc-primary .sc-mi{background:rgba(255,255,255,.25);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.sc-ui .sc-menu-btn.sc-primary small{color:#efffd6;text-shadow:0 1px 0 #2c5a0e}
.sc-ui .sc-menu-btn.sc-quiet{font-size:15px;background:linear-gradient(180deg,#fffdf2,#f6e2ae);box-shadow:inset 0 -3px 0 rgba(176,104,10,.3),0 0 0 2.5px var(--wood-ink),0 4px 0 2.5px var(--wood-ink)}
.sc-ui .sc-menu-foot{color:#6b3c12;font-weight:800;text-shadow:0 1px 0 rgba(255,245,210,.8)}
.sc-ui .sc-menu-foot kbd{background:var(--wood-ink);color:#fff}

/* ---------------------------------------------------------------- 拍照模式按钮 */
.sc-ui .sc-photo-btn.sc-card{font-weight:900;background:linear-gradient(180deg,#fff6c9,#f7bf34)}
.sc-ui .sc-photo-btn.sc-photo-done.sc-card{color:#fff;text-shadow:0 1.5px 0 #2c5a0e;background:linear-gradient(180deg,#b6f06a,#4fa51c);
  box-shadow:inset 0 -4px 0 rgba(30,80,5,.4),0 0 0 2.5px #2c5a0e,0 4px 0 2.5px #2c5a0e}
.sc-ui .sc-photo-hint{font-weight:900}

/* ---------------------------------------------------------------- 窄屏收敛 */
@media (max-width:700px){
  .sc-ui .sc-sheet-head{padding:12px 56px 12px 18px}
  .sc-ui .sc-sheet-head h3,.sc-ui .sc-sheet-head .sc-title{font-size:21px}
  .sc-ui .sc-close{width:36px;height:36px;top:8px;right:8px}
  .sc-ui .sc-jhead .sc-close{margin-top:-18px}
  .sc-ui .sc-icon-btn.sc-card{width:42px;height:42px}
  .sc-ui .sc-dock.sc-card{border-width:4px}
  .sc-ui #scHelpModal .sc-help-grid,.sc-ui #scHelpModal > .sc-sheet > .sc-sub,.sc-ui #scHelpModal .sc-help-foot{margin-left:16px;margin-right:16px}
}