/* 小脑瓜全站公用的样子：主页那套粉紫渐变 + 毛玻璃卡片 + 深靛蓝字。
   页面在自己的 <style> 后面挂这个文件，颜色一律用这里的变量，别再各写一套。
   内心页（/desire）是夜色主题，不挂这个。 */

:root{
  --bg-grad:linear-gradient(180deg,#d9d4f5 0%,#e5dcf8 32%,#efe0f6 64%,#fbe7f1 100%);
  --ink:#2c3057;          /* 标题、正文 */
  --ink-2:#5b5f87;        /* 次要文字 */
  --ink-3:#9296b8;        /* 时间、提示 */
  --line:rgba(110,100,190,.13);
  --card:rgba(255,255,255,.62);
  --card-hi:rgba(255,255,255,.86);
  --card-border:rgba(255,255,255,.78);
  --shadow:0 4px 18px rgba(120,105,210,.10);
  --accent:#7866d6;       /* 主色：按钮、选中、链接 */
  --accent-rgb:120,102,214;
  --accent-soft:rgba(120,102,214,.12);
  --pink:#d97bb0;
  --accent-grad:linear-gradient(135deg,#9886ea 0%,#d98bbd 100%);
  --danger:#df5f7a;
  --ok:#3f9f7a;
  --radius:18px;
}

html{background:transparent}
body{
  background:var(--bg-grad);background-attachment:fixed;
  color:var(--ink);
  font-family:-apple-system,"SF Pro Text","PingFang SC","Helvetica Neue",sans-serif;
  -webkit-font-smoothing:antialiased;
}
/* 背景里两团静止柔光（不做动画：卡片是毛玻璃，背景一动每帧都要重算模糊） */
html::before,html::after{content:'';position:fixed;border-radius:50%;filter:blur(64px);pointer-events:none;z-index:-1}
html::before{width:320px;height:320px;left:-130px;top:-90px;background:rgba(188,168,250,.5)}
html::after{width:300px;height:300px;right:-120px;bottom:-110px;background:rgba(255,196,222,.48)}

/* 顶栏通用件：返回胶囊 / 小按钮 */
.kb-back{
  display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;line-height:1;
  padding:8px 14px;border-radius:20px;text-decoration:none;cursor:pointer;
  font-size:13px;font-weight:500;color:var(--ink-2);
  background:rgba(255,255,255,.55);border:1px solid var(--card-border);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 2px 8px rgba(120,105,210,.08);
  -webkit-tap-highlight-color:transparent;
}
.kb-back:active{background:rgba(255,255,255,.85)}