/* skin.css — 界面主题（第 10 步，最后加载）。标准主题不加 data-skin，这里的规则一条都不生效，样子和以前完全一样。
   可爱 = 手绘贴纸（奶油底、墨色手绘描边 + 粉色错位投影、手写体标题、手绘图标）；极简 = 纯白墨黑（无衬线、细线、去掉信纸装饰）。
   深色两种写法都要：:root[data-theme=dark] 和 @media … :root:not([data-theme=light])；令牌在浅色块里写过的，深色块里都要重写一遍（同优先级后加载会盖掉 base 的深色）。 */

/* ---------- 0. 所有主题：图标两组按主题显示一组；「我」页的主题选择卡 ---------- */
.ui-ico .ic-c { display: none; }
:root[data-skin="cute"] .ui-ico .ic-c { display: inline; }
:root[data-skin="cute"] .ui-ico .ic-s { display: none; }

.me-skins { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 16px; }
.me-skin { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 8px 10px; border-radius: 18px; background: var(--surface);
  box-shadow: 0 0 0 1px var(--line); color: var(--ink); font: inherit; cursor: pointer; transition: box-shadow .25s, transform .2s var(--ease-out); }
.me-skin:active { transform: scale(.97); }
.me-skin[aria-checked="true"] { box-shadow: 0 0 0 2px var(--clay); }
.me-skin-pv { position: relative; display: block; width: 100%; height: 64px; margin-bottom: 6px; border-radius: 11px; overflow: hidden; }
.me-skin-pv b { position: absolute; left: 9px; top: 6px; font-size: 21px; line-height: 1.2; font-weight: 600; }
.me-skin-pv i { position: absolute; display: block; height: 11px; border-radius: 6px; }
.me-skin-pv i:nth-of-type(1) { left: 9px; bottom: 23px; width: 48%; }
.me-skin-pv i:nth-of-type(2) { right: 9px; bottom: 7px; width: 40%; }
.me-skin-pv u { position: absolute; right: 9px; top: 10px; width: 10px; height: 10px; border-radius: 50%; }
.me-skin-name { font-size: 14px; font-weight: 600; }
.me-skin-desc { font-size: 11px; color: var(--muted); }
.sk-pv-standard { background: #F5F2EA; box-shadow: inset 0 0 0 1px #E6E1D6; }
.sk-pv-standard b { font-family: 'Source Serif 4', 'Noto Serif SC', Georgia, serif; color: #1F1E1D; }
.sk-pv-standard i:nth-of-type(1) { background: #FFFDF8; box-shadow: 0 0 0 1px #E6E1D6; border-radius: 6px 6px 6px 2px; }
.sk-pv-standard i:nth-of-type(2) { background: #F6E2D8; border-radius: 6px 6px 2px 6px; }
.sk-pv-standard u { background: radial-gradient(circle at 35% 30%, #E89778, #D97757 55%, #B85C3E); }
.sk-pv-cute { background: #FFF5EA radial-gradient(circle at 1px 1px, rgba(58, 44, 41, .12) 1px, transparent 1.4px) 0 0 / 9px 9px; box-shadow: inset 0 0 0 1px #EFD9CA; }
.sk-pv-cute b { font-family: 'Patrick Hand', 'ZCOOL KuaiLe', 'Hannotate SC', 'Yuanti SC', sans-serif; font-weight: 400; font-size: 23px; color: #3A2C29; transform: rotate(-4deg); }
.sk-pv-cute i:nth-of-type(1) { background: #FFFFFF; box-shadow: 0 0 0 1.5px #3A2C29; border-radius: 8px 9px 8px 2px; }
.sk-pv-cute i:nth-of-type(2) { background: #FFC4D3; box-shadow: 0 0 0 1.5px #3A2C29, 2px 2px 0 1.5px #3A2C29; border-radius: 9px 8px 2px 8px; }
.sk-pv-cute u { width: 15px; height: 15px; top: 8px; border-radius: 0; background: #FFD86E;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
.sk-pv-minimal { background: #FFFFFF; box-shadow: inset 0 0 0 1px #E6E6E6; }
.sk-pv-minimal b { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', sans-serif; font-weight: 700; color: #111111; letter-spacing: -.5px; }
.sk-pv-minimal i:nth-of-type(1) { background: #F2F2F2; }
.sk-pv-minimal i:nth-of-type(2) { background: #111111; }
.sk-pv-minimal u { background: #111111; width: 8px; height: 8px; top: 12px; }

/* 陶土底上的字：可爱 / 极简的深色里强调色变浅，字要换成深色 */
:root[data-skin] :is(.ls-badge, .ls-badge-slot > *, .app-tab-badge, .pp-badge, .ui-btn.pp-ok, .ct-pv.is-main, .me-card.is-editing .me-edit, .ui-btn.ee-primary, .fr-row-n,
  .ui-btn.fr-go, .ui-btn.fr-primary, .ui-btn.mo-vok, .au-submit.ui-btn, .ui-btn.pt-pat, .pt-inv .pt-ok, .ui-btn.jn-write) { color: var(--on-clay, #fff); }

/* ---------- 1. 转场用到的层（skin.js） ---------- */
.sk-sticker { overflow: hidden; box-shadow: 0 0 0 3px var(--sk-out, #3A2C29), 9px 11px 0 3px var(--sk-fill, #FFC4D3); }
.sk-edge { box-shadow: -14px 0 36px rgba(0, 0, 0, .10); }
.sk-doodle { position: absolute; z-index: 6; pointer-events: none; line-height: 0; }
.sk-doodle path { fill: var(--sk-pop, #FFD86E); stroke: var(--sk-out, #3A2C29); stroke-width: 1.6; stroke-linejoin: round; }
.sk-doodle.is-heart path { fill: var(--clay); }
.sk-ov { position: absolute; inset: 0; z-index: 5; pointer-events: auto; overflow: hidden; }
.sk-scrim { position: absolute; inset: 0; opacity: 0; background: color-mix(in srgb, var(--bg) 84%, transparent); }
.sk-heart { position: absolute; z-index: 1; display: grid; place-items: center; width: 156px; height: 156px; transform: translate(-50%, -50%) scale(0); will-change: transform, opacity; }
.sk-heart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(4px 5px 0 rgba(58, 44, 41, .22)); }
.sk-heart path { fill: var(--sk-fill, #FFC4D3); stroke: var(--sk-out, #3A2C29); stroke-width: .9; stroke-linejoin: round; }
.sk-heart .sk-shine { fill: none; stroke: #fff; stroke-width: 1; stroke-linecap: round; }
.sk-heart .ui-char { position: relative; margin-top: -10px; font-size: 46px; color: var(--c-deep); }

/* =====================================================================================
   2. 极简：纯白墨黑。唯一的强调色是墨黑；无衬线；细线；去掉信纸横线、光泽、信封三角
   ===================================================================================== */
:root[data-skin="minimal"] {
  --bg: #FFFFFF; --surface: #FFFFFF; --surface-2: #F4F4F4;
  --ink: #111111; --ink-2: #444444; --muted: #767676; --placeholder: #9A9A9A;
  --line: #E6E6E6; --line-2: #F0F0F0; --desk: #F0F0F0; --desk-muted: #666666; --glass: rgba(255, 255, 255, .9);
  --shadow-1: 0 1px 3px rgba(0, 0, 0, .05); --shadow-2: 0 10px 30px rgba(0, 0, 0, .10); --polaroid-shadow: 0 2px 10px rgba(0, 0, 0, .08);
  --clay: #111111; --clay-d: #111111; --clay-soft: #F0F0F0; --on-clay: #FFFFFF;
  --env: #F4F4F4; --env-d: #E2E2E2; --env-l: #FAFAFA; --rule: transparent; --seg-thumb: #FFFFFF;
  --font-display: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
}
:root[data-skin="minimal"][data-theme="dark"] {
  --bg: #000000; --surface: #0F0F0F; --surface-2: #1A1A1A;
  --ink: #F2F2F2; --ink-2: #BDBDBD; --muted: #8C8C8C; --placeholder: #6E6E6E;
  --line: #262626; --line-2: #1A1A1A; --desk: #000000; --desk-muted: #8C8C8C; --glass: rgba(0, 0, 0, .86);
  --shadow-1: 0 1px 3px rgba(0, 0, 0, .6); --shadow-2: 0 10px 30px rgba(0, 0, 0, .7); --polaroid-shadow: 0 2px 10px rgba(0, 0, 0, .6);
  --clay: #F2F2F2; --clay-d: #F2F2F2; --clay-soft: #1F1F1F; --on-clay: #000000;
  --env: #1A1A1A; --env-d: #2A2A2A; --env-l: #222222; --rule: transparent; --seg-thumb: #2A2A2A;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="minimal"]:not([data-theme="light"]) {
    --bg: #000000; --surface: #0F0F0F; --surface-2: #1A1A1A;
    --ink: #F2F2F2; --ink-2: #BDBDBD; --muted: #8C8C8C; --placeholder: #6E6E6E;
    --line: #262626; --line-2: #1A1A1A; --desk: #000000; --desk-muted: #8C8C8C; --glass: rgba(0, 0, 0, .86);
    --shadow-1: 0 1px 3px rgba(0, 0, 0, .6); --shadow-2: 0 10px 30px rgba(0, 0, 0, .7); --polaroid-shadow: 0 2px 10px rgba(0, 0, 0, .6);
    --clay: #F2F2F2; --clay-d: #F2F2F2; --clay-soft: #1F1F1F; --on-clay: #000000;
    --env: #1A1A1A; --env-d: #2A2A2A; --env-l: #222222; --rule: transparent; --seg-thumb: #2A2A2A;
  }
}
/* 字：标题不加字距、粗一点 */
:root[data-skin="minimal"] :is(.ls-title, .ls-name, .ct-name, .me-name, .mo-name, .me-sec-title, .ui-sheet-title, .me-header .ui-title-lg, .mo-head .ui-title-lg, .mo-sub, .pp-lhead .pp-to) { letter-spacing: 0; font-weight: 650; }
:root[data-skin="minimal"] .ls-title, :root[data-skin="minimal"] .ui-title-lg { letter-spacing: -.5px; font-weight: 700; }
:root[data-skin="minimal"] .ls-label { letter-spacing: .5px; }
:root[data-skin="minimal"] :is(.au-word, .app-splash-word, .app-intro-brand, .me-foot-mark, .me-about-word) { font-weight: 700; letter-spacing: -1px; }
/* 列表：不要卡片，平铺 + 细分隔 */
:root[data-skin="minimal"] .ls-list { margin: 0 0 28px; border-radius: 0; box-shadow: none; background: transparent; }
:root[data-skin="minimal"] .app-tab-ind > i { width: 16px; height: 2px; border-radius: 1px; background: var(--ink); }
:root[data-skin="minimal"] .app-tabbar { border-top-color: var(--line); }
/* 对话页：白纸、页头只留一条细线、气泡黑白 */
:root[data-skin="minimal"] .app-view.ct-root:not([class*=" bg-"]) { background: var(--surface); }
:root[data-skin="minimal"] .ct-head-bg { border-radius: 0; background-color: color-mix(in srgb, var(--surface) 88%, transparent); box-shadow: 0 1px 0 var(--line); }
:root[data-skin="minimal"] .ct-head-bg::before, :root[data-skin="minimal"] .ct-head-bg::after { display: none; }
:root[data-skin="minimal"] .ct-wipe { background: var(--surface); }
:root[data-skin="minimal"] .ct-row--them .ct-plain { background: var(--surface-2); box-shadow: none; border-radius: 18px 18px 18px 4px; font-family: var(--font-body); font-size: 15px; line-height: 1.5; }
:root[data-skin="minimal"] .ct-row--me .ct-bubble { background: var(--ink); color: var(--bg); border-radius: 18px 18px 4px 18px; font-size: 15px; }
:root[data-skin="minimal"] .ct-card { border-radius: 22px; background: var(--surface-2); }
:root[data-skin="minimal"] .ct-card:has(.ct-input:focus) { box-shadow: 0 0 0 1px var(--ink); }
/* 卡片：去掉信封三角、暖色投影，只留一圈细线 */
:root[data-skin="minimal"] :is(.pp-couple, .me-card, .mo-post, .mo-compose) { border-radius: 16px; border-color: var(--line); box-shadow: 0 0 0 1px var(--line); }
:root[data-skin="minimal"] .mo-post, :root[data-skin="minimal"] .mo-compose { box-shadow: none; }
:root[data-skin="minimal"] .me-group { border-radius: 14px; box-shadow: none; }
:root[data-skin="minimal"] .pp-couple::before, :root[data-skin="minimal"] .me-card::before { display: none; }
:root[data-skin="minimal"] .me-skin-pv + .me-skin-name { font-weight: 650; }
:root[data-skin="minimal"] :is(.pp-wax, .ct-seal-wax) { background: var(--ink); color: var(--bg); box-shadow: none; }
:root[data-skin="minimal"] .pp-link { height: 1px; background: var(--line); }
:root[data-skin="minimal"] .pp-lab { color: var(--muted); letter-spacing: 2px; }
:root[data-skin="minimal"] .pp-days b { color: var(--ink); }
:root[data-skin="minimal"] .pp-note { background: var(--surface-2); color: var(--ink-2); font-family: var(--font-body); }
:root[data-skin="minimal"] .pp-stamp { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
:root[data-skin="minimal"] .pp-stamp.is-done { background: var(--ink); border-color: var(--ink); }
:root[data-skin="minimal"] .pp-stamp.is-done :is(b, .pp-n) { color: var(--bg); }
:root[data-skin="minimal"] .pp-bars i.on { background: var(--muted); }
:root[data-skin="minimal"] .pp-chip { border-radius: 10px; background: var(--surface); }
:root[data-skin="minimal"] .ct-sealed { border-radius: 12px; box-shadow: inset 0 0 0 1px var(--line); transform: none; }
:root[data-skin="minimal"] .ct-seal-flap { box-shadow: inset 0 -1px 0 var(--line); }
:root[data-skin="minimal"] .ct-seal-flap::after { display: none; }
:root[data-skin="minimal"] .ui-btn-primary { border-radius: 10px; }
:root[data-skin="minimal"] .ui-toast { border-radius: 10px; }
:root[data-skin="minimal"] .me-char-box::after { height: 2px; border-radius: 1px; }

/* =====================================================================================
   3. 可爱：手绘贴纸。奶油底、墨色手绘描边（角是歪的圆角）、粉色错位投影、手写体标题、手绘图标
   ===================================================================================== */
:root[data-skin="cute"] {
  --bg: #FFF5EA; --surface: #FFFDF8; --surface-2: #FFF0E3;
  --ink: #3A2C29; --ink-2: #5C4A44; --muted: #85716A; --placeholder: #A8968E;
  --line: #EFD9CA; --line-2: #F7E9DD; --desk: #FCE7D7; --desk-muted: #6E5C55; --glass: rgba(255, 245, 234, .88);
  --shadow-1: 3px 4px 0 rgba(58, 44, 41, .10); --shadow-2: 0 14px 30px rgba(120, 60, 60, .14), 4px 5px 0 rgba(58, 44, 41, .12); --polaroid-shadow: 3px 4px 0 rgba(58, 44, 41, .16);
  --clay: #D9446B; --clay-d: #B02F55; --clay-soft: #FFDCE5; --on-clay: #FFFFFF;
  --env: #FFE6C4; --env-d: #F3CC98; --env-l: #FFF0DA; --rule: rgba(217, 68, 107, .07); --seg-thumb: #FFFFFF;
  --sk-out: #3A2C29; --sk-fill: #FFC4D3; --sk-pop: #FFD86E; --sk-mint: #A6E3CB;
  --font-display: 'Patrick Hand', 'ZCOOL KuaiLe', 'Hannotate SC', 'HanziPen SC', 'Yuanti SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --wob: 22px 27px 24px 29px / 27px 22px 29px 24px;
  font-synthesis-weight: none;
}
:root[data-skin="cute"][data-theme="dark"] {
  --bg: #1E191D; --surface: #28212A; --surface-2: #322933;
  --ink: #FBEFF2; --ink-2: #E3D0D7; --muted: #B49FA8; --placeholder: #8C7880;
  --line: #463A44; --line-2: #3A303A; --desk: #140F13; --desk-muted: #B49FA8; --glass: rgba(30, 25, 29, .86);
  --shadow-1: 3px 4px 0 rgba(0, 0, 0, .35); --shadow-2: 0 14px 30px rgba(0, 0, 0, .5); --polaroid-shadow: 3px 4px 0 rgba(0, 0, 0, .4);
  --clay: #FF8FAB; --clay-d: #FFB0C4; --clay-soft: #4D2635; --on-clay: #2A0F18;
  --env: #3E3029; --env-d: #33271F; --env-l: #4A3A31; --rule: rgba(255, 143, 171, .08); --seg-thumb: #463A44;
  --sk-out: #EBD3DB; --sk-fill: #8A3D58; --sk-pop: #B8902A; --sk-mint: #2F6B57;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="cute"]:not([data-theme="light"]) {
    --bg: #1E191D; --surface: #28212A; --surface-2: #322933;
    --ink: #FBEFF2; --ink-2: #E3D0D7; --muted: #B49FA8; --placeholder: #8C7880;
    --line: #463A44; --line-2: #3A303A; --desk: #140F13; --desk-muted: #B49FA8; --glass: rgba(30, 25, 29, .86);
    --shadow-1: 3px 4px 0 rgba(0, 0, 0, .35); --shadow-2: 0 14px 30px rgba(0, 0, 0, .5); --polaroid-shadow: 3px 4px 0 rgba(0, 0, 0, .4);
    --clay: #FF8FAB; --clay-d: #FFB0C4; --clay-soft: #4D2635; --on-clay: #2A0F18;
    --env: #3E3029; --env-d: #33271F; --env-l: #4A3A31; --rule: rgba(255, 143, 171, .08); --seg-thumb: #463A44;
    --sk-out: #EBD3DB; --sk-fill: #8A3D58; --sk-pop: #B8902A; --sk-mint: #2F6B57;
  }
}
/* 手写体只有一种粗细：标题都用常规粗细，大一号 */
:root[data-skin="cute"] :is(.ls-title, .ls-name, .ct-name, .me-name, .mo-name, .me-sec-title, .ui-sheet-title, .ui-title-lg, .mo-sub, .pp-lhead .pp-to, .pp-pair .pp-tm, .pp-stamp b, .pp-days b) { font-weight: 400; letter-spacing: .3px; }
:root[data-skin="cute"] .ls-title, :root[data-skin="cute"] .ui-title-lg { text-decoration: underline wavy var(--clay) 2px; text-underline-offset: 7px; text-decoration-skip-ink: none; }
:root[data-skin="cute"] .ls-name, :root[data-skin="cute"] .mo-name { font-size: 1.08em; }
:root[data-skin="cute"] .me-sec-title { font-size: 16px; }
:root[data-skin="cute"] :is(.au-word, .app-splash-word, .app-intro-brand, .me-foot-mark, .me-about-word) { font-weight: 400; letter-spacing: 0; transform: rotate(-3deg); }
/* 卡片：墨色手绘描边 + 粉色错位投影，角是歪的 */
:root[data-skin="cute"] :is(.ls-list, .me-card, .me-group, .pp-couple, .mo-post, .mo-compose) {
  border-radius: var(--wob); border-color: transparent; box-shadow: 0 0 0 2px var(--sk-out), 4px 5px 0 2px var(--sk-fill); }
:root[data-skin="cute"] .ls-list { margin-left: 16px; margin-right: 16px; }
:root[data-skin="cute"] .ls-list:empty { box-shadow: none; }
:root[data-skin="cute"] .mo-post:nth-child(odd) { rotate: -.35deg; }
:root[data-skin="cute"] .mo-post:nth-child(even) { rotate: .35deg; }
/* 卡片顶上的信封三角换成一截黄色纸胶带 */
:root[data-skin="cute"] :is(.pp-couple, .me-card)::before { left: 50%; right: auto; top: -3px; width: 92px; height: 20px; margin-left: -46px; border: 0; clip-path: none; opacity: .9;
  transform: rotate(-3deg); background: repeating-linear-gradient(45deg, var(--sk-pop) 0 6px, color-mix(in srgb, var(--sk-pop) 62%, var(--surface)) 6px 12px); }
:root[data-skin="cute"] .pp-lab { color: var(--clay); letter-spacing: 2px; }
:root[data-skin="cute"] :is(.pp-wax, .ct-seal-wax) { background: var(--clay); color: #fff; box-shadow: 0 0 0 1.8px var(--sk-out), 2px 3px 0 1.8px var(--sk-out); }
:root[data-skin="cute"] .pp-link { background: repeating-linear-gradient(90deg, var(--clay) 0 5px, transparent 5px 10px); height: 2px; }
:root[data-skin="cute"] .pp-stamp { border: 1.8px dashed color-mix(in srgb, var(--sk-out) 55%, transparent); border-radius: 14px 16px 13px 17px; background: var(--surface); }
:root[data-skin="cute"] .pp-stamp:nth-child(1) { rotate: -2deg; }
:root[data-skin="cute"] .pp-stamp:nth-child(3) { rotate: 2deg; }
:root[data-skin="cute"] .pp-stamp.is-done { border-style: solid; border-color: var(--sk-out); background: var(--sk-fill); box-shadow: 2px 3px 0 var(--sk-out); }
:root[data-skin="cute"] .pp-stamp.is-done :is(b, .pp-n) { color: var(--ink); }
:root[data-skin="cute"] .pp-chip { border: 1.8px solid var(--sk-out); background: var(--surface); box-shadow: 2px 2px 0 var(--sk-out); }
:root[data-skin="cute"] .pp-chip:active { transform: translate(2px, 2px); box-shadow: none; }
:root[data-skin="cute"] .pp-note { background: var(--sk-pop); color: var(--ink); border-radius: 4px; rotate: -1deg; box-shadow: 2px 3px 0 rgba(58, 44, 41, .15); }
:root[data-skin="cute"] .me-char-box::after { height: 5px; border-radius: 3px; box-shadow: 0 0 0 1.5px var(--sk-out); }
/* 底栏：虚线、选中的图标填粉色、指示点换成小星星 */
:root[data-skin="cute"] .app-tabbar { border-top: 2px dashed var(--line); }
:root[data-skin="cute"] .ui-ico .ic-fill { fill: var(--sk-fill); }
:root[data-skin="cute"] .app-tab-ind > i { width: 9px; height: 9px; border-radius: 0; background: var(--sk-pop);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }
:root[data-skin="cute"] :is(.ls-badge, .ls-badge-slot > *, .app-tab-badge, .pp-badge) { box-shadow: 0 0 0 1.5px var(--sk-out); }
/* 按钮：描边 + 错位投影，按下去贴平 */
:root[data-skin="cute"] :is(.ui-btn-primary, .ui-btn.pp-ok, .ui-btn.ee-primary, .ui-btn.fr-go, .ui-btn.fr-primary, .ui-btn.mo-vok, .au-submit.ui-btn, .ui-btn.pt-pat, .ui-btn.jn-write) {
  border-radius: 16px 18px 15px 19px; box-shadow: 0 0 0 2px var(--sk-out), 3px 4px 0 2px var(--sk-out); }
:root[data-skin="cute"] .ui-btn-primary { background: var(--clay); color: var(--on-clay); }
:root[data-skin="cute"] :is(.ui-btn-primary, .ui-btn.pp-ok, .ui-btn.fr-go, .au-submit.ui-btn):active:not(:disabled) { transform: translate(3px, 4px); box-shadow: 0 0 0 2px var(--sk-out); }
:root[data-skin="cute"] .ui-toast { background: var(--surface); color: var(--ink); box-shadow: 0 0 0 2px var(--sk-out), 3px 4px 0 2px var(--sk-out); font-family: var(--font-display); font-size: 16px; }
:root[data-skin="cute"] .me-skin { border-radius: 16px 19px 15px 18px; }
:root[data-skin="cute"] .me-skin[aria-checked="true"] { box-shadow: 0 0 0 2px var(--sk-out), 3px 4px 0 2px var(--sk-fill); }
/* 对话页：点点本子纸、页头底部波浪圆角 + 圆点花纹、气泡描边 */
:root[data-skin="cute"] .app-view.ct-root:not([class*=" bg-"]) {
  background: var(--surface) radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--ink) 10%, transparent) 1.1px, transparent 1.5px) 0 0 / 20px 20px; }
:root[data-skin="cute"] .ct-head-bg { border-radius: 0 0 30px 24px / 0 0 26px 30px; box-shadow: 0 2px 0 var(--sk-out), 0 6px 0 color-mix(in srgb, var(--c-soft) 60%, transparent); }
:root[data-skin="cute"] .ct-head-bg::before { inset: 0; animation: none; mix-blend-mode: normal; opacity: .55;
  background: radial-gradient(circle, rgba(255, 255, 255, .7) 2px, transparent 2.6px) 0 0 / 18px 18px; }
:root[data-skin="cute"][data-theme="dark"] .ct-head-bg::before { opacity: .16; }
@media (prefers-color-scheme: dark) { :root[data-skin="cute"]:not([data-theme="light"]) .ct-head-bg::before { opacity: .16; } }
:root[data-skin="cute"] .ct-name { font-size: 1.12em; }
:root[data-skin="cute"] .ct-row--them .ct-plain { background: var(--surface); box-shadow: 0 0 0 1.8px var(--sk-out); border-radius: 20px 22px 20px 6px / 22px 20px 20px 6px; font-family: var(--font-body); font-size: 15.5px; }
:root[data-skin="cute"] .ct-row--me .ct-bubble { background: var(--sk-fill); color: var(--ink); box-shadow: 0 0 0 1.8px var(--sk-out); border-radius: 22px 20px 6px 20px / 20px 22px 6px 20px; }
:root[data-skin="cute"] .ct-card { border-radius: 24px 26px 23px 27px; background: var(--surface); box-shadow: 0 0 0 2px var(--sk-out); }
:root[data-skin="cute"] .ct-card:has(.ct-input:focus) { box-shadow: 0 0 0 2px var(--sk-out), 3px 4px 0 2px var(--sk-fill); }
:root[data-skin="cute"] .ct-sealed { border-radius: 10px; box-shadow: 0 0 0 1.8px var(--sk-out), 3px 4px 0 1.8px var(--sk-fill); }
:root[data-skin="cute"] .ui-sheet-title { font-size: 20px; }