/* =========================================================
   Lucky · 设计系统 & 三套全局主题
   - 统一圆角 / 软阴影 / 按压反馈 / 动画曲线
   - 三套主题：sakura(樱花粉冰蓝) / macaron(马卡龙) / cream(奶油渐变)
   - Hello Kitty 装饰层 / 护眼模式 / 壁纸层 / 自定义取色器
   ========================================================= */

:root {
  /* 统一控件基础参数 */
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);
  --shadow-pop: 0 14px 40px rgba(0,0,0,.16);
  --shadow-inset: inset 0 1px 3px rgba(0,0,0,.06);
  --ease: cubic-bezier(.34,1.56,.64,1);
  --ease-smooth: cubic-bezier(.4,0,.2,1);
  --dur: .28s;
  --tap: 46px; /* 最小触控高度 */
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;

  /* 字体大小（全局可改） */
  --fs-base: 15px;
  /* Hello Kitty 主色（可被取色器覆盖） */
  --kitty-pink: #ffb3c8;
}

/* ---------- 主题1：樱花粉冰蓝（默认） ---------- */
[data-theme="sakura"] {
  --c-bg: #fff5f8;
  --c-bg-grad: linear-gradient(160deg,#fff5f8 0%, #eef7ff 100%);
  --c-surface: #ffffff;
  --c-surface-2: #fff0f5;
  --c-primary: #ff8fb1;        /* 樱花粉 */
  --c-primary-soft: #ffd9e6;
  --c-accent: #8ec9ff;         /* 冰蓝 */
  --c-accent-soft: #dcefff;
  --c-text: #5b4a52;
  --c-text-soft: #9b8a92;
  --c-line: #ffe1ec;
  --c-success: #7fd6a8;
  --c-warn: #ffb15c;
  --c-danger: #ff7a8a;
  --c-weekday: #cfe6ff;        /* 工作日晚班色块 */
  --c-holiday: #ffc4d6;        /* 假期晚班色块 */
  --shadow-color: rgba(255,143,177,.18);
}

/* ---------- 主题2：马卡龙全系 ---------- */
[data-theme="macaron"] {
  --c-bg: #fbf4ff;
  --c-bg-grad: linear-gradient(160deg,#fdf0ff 0%, #f0faff 45%, #f3fff4 100%);
  --c-surface: #ffffff;
  --c-surface-2: #f6efff;
  --c-primary: #b79bff;        /* 浅紫 */
  --c-primary-soft: #e7dcff;
  --c-accent: #ffe39b;         /* 奶黄 */
  --c-accent-soft: #fff4d6;
  --c-text: #5a4f6b;
  --c-text-soft: #9a8fb0;
  --c-line: #ecdcff;
  --c-success: #88e0b5;
  --c-warn: #ffcf7a;
  --c-danger: #ff97a8;
  --c-weekday: #bfe3ff;
  --c-holiday: #ffd6e2;
  --shadow-color: rgba(183,155,255,.2);
}

/* ---------- 主题3：奶油渐变 ---------- */
[data-theme="cream"] {
  --c-bg: #fffaf3;
  --c-bg-grad: linear-gradient(160deg,#fff8ef 0%, #fdf3e7 100%);
  --c-surface: #fffdfa;
  --c-surface-2: #fdf3e7;
  --c-primary: #e9b48b;        /* 暖奶咖 */
  --c-primary-soft: #f6e2cf;
  --c-accent: #cbb6e8;
  --c-accent-soft: #ece2f6;
  --c-text: #6b5a49;
  --c-text-soft: #a8967f;
  --c-line: #f0e2d2;
  --c-success: #9ccf9f;
  --c-warn: #e8c081;
  --c-danger: #e89aa0;
  --c-weekday: #e3d2bd;
  --c-holiday: #f2d9c4;
  --shadow-color: rgba(233,180,139,.18);
}

/* ---------- 护眼模式（全局可独立开关） ---------- */
[data-eyecare="on"] {
  --c-bg: #e9efe3;
  --c-bg-grad: linear-gradient(160deg,#e9efe3 0%, #e4ece4 100%);
  --c-surface: #f3f6ee;
  --c-surface-2: #e7eede;
  --c-primary: #8fae7e;
  --c-primary-soft: #d3e2c6;
  --c-accent: #a7c0a0;
  --c-accent-soft: #dde7d6;
  --c-text: #4f5a47;
  --c-text-soft: #828c79;
  --c-line: #d4ddca;
  --c-weekday: #cdddc0;
  --c-holiday: #e3dcc5;
  --shadow-color: rgba(143,174,126,.16);
  filter: saturate(.82) brightness(1.02);
}

/* ---------- 壁纸层 ---------- */
.wallpaper-layer {
  position: fixed; inset: 0; z-index: -2;
  background: var(--c-bg-grad);
  background-size: cover; background-position: center;
  transition: background .4s var(--ease-smooth), filter .4s;
}
.wallpaper-layer.has-img { background-image: var(--wp-image); }
[data-theme] .wallpaper-layer {
  /* 用户上传壁纸时会被 JS 设置 --wp-image 与 blur/opacity */
}

/* ---------- Hello Kitty 角落装饰 ---------- */
.kitty-deco { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.kitty-sticker {
  position: absolute; font-size: 30px; opacity: .9;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.08));
  animation: bob 4s ease-in-out infinite;
}
.kitty-tl { top: 64px; left: 10px; }
.kitty-br { bottom: 18px; right: 12px; animation-delay: .8s; }
.kitty-tr { top: 64px; right: 60px; animation-delay: 1.6s; }
[data-kitty="off"] .kitty-deco { display: none; }
@keyframes bob { 0%,100%{ transform: translateY(0) rotate(-3deg);} 50%{ transform: translateY(-7px) rotate(3deg);} }

/* ---------- 通用动画 ---------- */
@keyframes pop-in { from{opacity:0; transform: scale(.9) translateY(8px);} to{opacity:1; transform: scale(1) translateY(0);} }
@keyframes slide-up { from{opacity:0; transform: translateY(20px);} to{opacity:1; transform: translateY(0);} }
@keyframes fade-in { from{opacity:0;} to{opacity:1;} }
@keyframes press { 0%{transform:scale(1);} 50%{transform:scale(.94);} 100%{transform:scale(1);} }

/* 按钮按压回弹 */
.tap, .icon-btn, .btn { transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease-smooth), background var(--dur); }
.tap:active, .icon-btn:active, .btn:active { transform: scale(.94); }

/* 暗色适配（马卡龙/奶油/护眼均提供深色变体由 JS 控制 data-dark） */
[data-dark="on"][data-theme="sakura"] {
  --c-bg:#2a2330; --c-bg-grad:linear-gradient(160deg,#2a2330,#222a33); --c-surface:#352c3c; --c-surface-2:#2f2736;
  --c-text:#f3e7ee; --c-text-soft:#b6a4af; --c-line:#473a4c; --shadow-color:rgba(0,0,0,.3);
}
[data-dark="on"][data-theme="macaron"] {
  --c-bg:#26223a; --c-bg-grad:linear-gradient(160deg,#26223a,#1f2c33); --c-surface:#322c45; --c-surface-2:#2b2640;
  --c-text:#efe9ff; --c-text-soft:#b3a8cc; --c-line:#433a5c;
}
[data-dark="on"][data-theme="cream"] {
  --c-bg:#2e2820; --c-bg-grad:linear-gradient(160deg,#2e2820,#33302a); --c-surface:#3a332a; --c-surface-2:#332d24;
  --c-text:#f6ede0; --c-text-soft:#bcac98; --c-line:#4a4235;
}
[data-dark="on"] .wallpaper-layer { filter: brightness(.5); }