/* ============================================================
   宠爱 · 水彩田园手绘主题（pet-theme.css）
   设计语言：参考“戴草帽的小刺猬”手绘水彩插画
   - 燕麦纸感底色 + 极淡水彩晕染 + 细纸纹
   - 焦糖棕 / 麦秆黄 / 腮红粉 / 鼠尾草绿 的低饱和暖调色板
   - 图标使用 solar bold-duotone 双色插画图标，金刚区为手绘贴纸徽章
   - 肉垫 Q 弹按压手感
   仅做视觉换肤，不改动任何结构、字段、文案与跳转。
   ============================================================ */

:root{
  --pt-ink:#4c3a28;          /* 深可可棕：主文字/描边 */
  --pt-caramel:#c0854a;      /* 焦糖棕：主色 */
  --pt-caramel-deep:#9c6633; /* 深焦糖：厚度边/按下 */
  --pt-wheat:#e3c467;        /* 麦秆黄 */
  --pt-blush:#d68b84;        /* 腮红粉 */
  --pt-sage:#93a46c;         /* 鼠尾草绿 */
  --pt-clay:#cc745e;         /* 陶土红 */
  --pt-mist:#8fae9f;         /* 雾霾青 */
  --pt-oat:#e4d6bd;          /* 燕麦底色（手机框外） */
  --pt-cream:#f5ecd9;        /* 奶麦色（App 底） */
  --pt-paper:#fdf9f0;        /* 奶白纸（卡片） */
  --pt-line:rgba(120,86,48,.14);
  --pt-soft-shadow:0 6px 18px rgba(120,86,48,.10);
}

/* ---------- 1. 全局字体：圆润、松软 ---------- */
html,body{
  font-family:"PingFang SC","Hiragino Sans GB","Hiragino Maru Gothic ProN",
              "Microsoft YaHei","Source Han Sans SC",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
b,strong,h1,h2,h3,.font-black{ letter-spacing:.02em; }

/* ---------- 2. 手机框外：燕麦纸 + 水彩晕染 + 细纸纹 ---------- */
body{
  background-color:var(--pt-oat) !important;
  background-image:
    radial-gradient(circle at 16% 10%, rgba(255,251,241,.55), transparent 42%),
    radial-gradient(circle at 86% 84%, rgba(196,150,96,.20), transparent 48%),
    radial-gradient(circle at 80% 12%, rgba(227,196,103,.16), transparent 40%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.33  0 0 0 0 0.22  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>") !important;
  background-size:auto,auto,auto,140px 140px;
}

/* ---------- 3. App 手机框：奶麦纸 + 极淡纸纹 ---------- */
body > div{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n2'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.33  0 0 0 0 0.22  0 0 0 0.03 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n2)'/></svg>") !important;
  background-size:140px 140px;
}

/* ---------- 4. 纯白工具类统一为奶白纸，卡片更柔和 ---------- */
[class~="bg-white"]{ background-color:var(--pt-paper) !important; }

/* ---------- 5. 金刚区图标：手绘贴纸/徽章质感（kico 由换肤脚本注入） ---------- */
.kico{
  border:1.5px solid var(--pt-line) !important;
  background-image:radial-gradient(circle at 32% 26%, rgba(255,255,255,.7), rgba(255,255,255,0) 62%) !important;
  box-shadow:0 4px 10px rgba(120,86,48,.12),
             inset 0 2px 3px rgba(255,255,255,.6),
             inset 0 -3px 6px rgba(120,86,48,.07) !important;
}
.kico{ filter:drop-shadow(0 1px 1px rgba(120,86,48,.12)); }

/* ---------- 6. iconify 双色插画图标：对齐、轻投影 ---------- */
iconify-icon{ vertical-align:-.14em; line-height:1; }

/* ---------- 7. 卡片 / 横幅：像水彩块一样的柔边（不抢占既有阴影，仅补内高光） ---------- */
[class*="rounded-[20px]"][class~="shadow"],
[class*="rounded-[18px]"][class~="shadow"]{
  border:1.5px solid rgba(120,86,48,.07);
}
.banner{ box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35), inset 0 -14px 30px rgba(120,86,48,.10) !important; }

/* ---------- 8. 输入框：奶白 + 暖棕柔边 ---------- */
input,textarea,select{
  border:1.5px solid rgba(120,86,48,.10);
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(192,133,74,.55);
  box-shadow:0 0 0 3px rgba(192,133,74,.14);
}

/* ---------- 9. 肉垫 Q 弹按压：像猫爪按下去的回弹 ---------- */
button,nav a,.kico{
  -webkit-tap-highlight-color:transparent;
  transition:transform .14s cubic-bezier(.34,1.56,.64,1), box-shadow .14s ease, filter .14s ease;
}
button:active,nav a:active,.kico:active{ transform:scale(.93); }

/* ---------- 10. 隐藏滚动条（与既有一致，兜底） ---------- */
::-webkit-scrollbar{ width:0; height:0; }