/* 续 · 纸片质感（10·28，Lily 定的方向：平面手帐 + 很轻的厚纸片叠层感）。
   只改边缘：线细一点；影子换成右下很短的贴边影 + 一窄条纸的侧边厚度；本子、卡片底下垫一两层纸；整页一层很淡的纸纹。
   不改布局、内容、颜色。要撤掉就把 index.html 里这一行 link 删掉。 */
:root{
  --pp-edge:#c7b6a3;            /* 浅色纸片的侧边（像厚卡纸的切口） */
  --pp-edge2:#ad9a86;           /* 重要一点的纸片：月份签、日历本体 */
  --pp-under:#f7f2e8;           /* 垫在下面那层纸 */
  --pp-contact:rgba(59,44,36,.16);
  --pp-thin:1.2px;
}

/* 整页纸纹：很淡，只像纸，不像花纹 */
body::after{content:"";position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:.32;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .32  0 0 0 0 .24  0 0 0 0 .17  0 0 0 1.15 -.82'/></filter><rect width='180' height='180' filter='url(%23n)'/></svg>")}

/* ── 此刻（默认皮肤「贴纸」；「胶囊」皮肤本来就没有描边，不动） ── */
#xu-conversation-crafted:not([data-xd-skin^=b]){
  --xd-bd:1.6px solid var(--xd-ln);
  --xd-sh:2px 3px 0 color-mix(in srgb,var(--xd-ln) 55%,#e9dccd),3px 5px 3px -2px var(--pp-contact);
}
#xu-conversation-crafted:not([data-xd-skin^=b]) .xd-pill:active{box-shadow:1px 1px 0 color-mix(in srgb,var(--xd-ln) 55%,#e9dccd)}

/* ── 记录 · 奖牌墙 ── */
#xu-wall .xw-mt{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge2),3px 5px 3px -2px var(--pp-contact)}
#xu-wall .xw-st{border-width:var(--pp-thin);box-shadow:1.5px 2.5px 0 var(--pp-edge),2.5px 4px 3px -2px var(--pp-contact)}
#xu-wall .xw-flip,#xu-wall .xw-open{border-width:var(--pp-thin);box-shadow:1.5px 2px 0 var(--pp-edge),2px 3px 2px -1px var(--pp-contact)}
#xu-wall .xw-nav button{border-width:var(--pp-thin);box-shadow:1.5px 2px 0 var(--pp-edge)}
#xu-wall .xw-nav button:disabled{box-shadow:none}
#xu-wall .xw-cell:not(.blank):not(.future){border-width:1px!important;box-shadow:1px 1.5px 0 #ddd1c3,1.5px 2.5px 2px -1px rgba(59,44,36,.1)}
#xu-wall .xw-cell.today{border-width:1.3px!important;box-shadow:1.5px 2.5px 0 var(--pp-edge2),2px 4px 3px -2px var(--pp-contact)}
/* 点开那天的那张纸：底下垫一层 */
#xu-wall .xw-panel{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge),6px 8px 0 -1px var(--pp-under),6px 8px 0 0 var(--pp-edge),7px 10px 4px -2px var(--pp-contact)}

/* ── 事 ── */
#xu-things .xc .calA{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge2),2px 7px 0 -1px var(--pp-under),2px 7px 0 0 var(--pp-edge),3px 10px 4px -2px var(--pp-contact)}
#xu-things .xc .xc-st{box-shadow:1px 1.5px 0 var(--pp-edge)}
/* 彩色卡片：侧边用卡片自己的颜色压深一点，像一张有厚度的彩色卡纸 */
.xn-cd,.xn-stack .xn-cd{box-shadow:2px 3px 0 color-mix(in srgb,var(--bg) 68%,#3b2c24),3px 5px 3px -2px rgba(40,30,60,.2)}
/* 一摞里的卡：再垫一层同色浅一点的纸 */
.xn-stack .xn-cd{box-shadow:2px 3px 0 color-mix(in srgb,var(--bg) 68%,#3b2c24),5px 8px 0 -1px color-mix(in srgb,var(--bg) 45%,#fffdf8),5px 8px 0 0 color-mix(in srgb,var(--bg) 60%,#3b2c24),6px 10px 4px -2px rgba(40,30,60,.18)}
/* 右边剪成锯齿的那种卡，影子会被裁掉，改用跟形状走的影子 */
.xn-cd.tx1,.xn-stack .xn-cd.tx1{box-shadow:none;filter:drop-shadow(2px 3px 0 color-mix(in srgb,var(--bg) 68%,#3b2c24)) drop-shadow(1px 3px 2px rgba(40,30,60,.18))}
.xn-sw,.xn-say,.xn-ideas{box-shadow:1.5px 2.5px 0 rgba(40,30,60,.16),2px 4px 3px -2px rgba(40,30,60,.16)}
.xn-pop{box-shadow:2px 3px 0 rgba(40,30,60,.14),0 10px 24px rgba(40,30,60,.12)}

/* ── 塔罗 ── */
#xu-tarot .skin,#xu-tarot .tab,#xu-tarot .btn{border-width:var(--pp-thin);box-shadow:1.5px 2px 0 var(--pp-edge),2px 3px 2px -1px var(--pp-contact)}
#xu-tarot .sbox,#xu-tarot .say,#xu-tarot .skinmenu{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge),3px 5px 3px -2px var(--pp-contact)}
#xu-tarot .doc{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge),5px 7px 0 -1px var(--pp-under),5px 7px 0 0 var(--pp-edge),6px 9px 4px -2px var(--pp-contact)}
#xu-tarot .doc:active{box-shadow:1px 1px 0 var(--pp-edge)}
#xu-tarot .calA{border-width:var(--pp-thin);box-shadow:2px 3px 0 var(--pp-edge2),2px 7px 0 -1px var(--pp-under),2px 7px 0 0 var(--pp-edge),3px 10px 4px -2px var(--pp-contact)}

@media (prefers-reduced-transparency:reduce){body::after{display:none}}