/* ══════════════════════════════════════════════════════════
   theme-deco.css — 各主题的卡面角饰
   ──────────────────────────────────────────────────────────
   app.css 里 #dashboard-root .card 挂了两张写死的粉色樱枝 SVG
   （右下大 + 左上小）。那是为默认「樱落幻境」画的，套在星空、
   猫爪、极光、黄昏、霓虹上都不搭。

   这里按 body 上的 wp-<key> 标记替换成各主题自己的角饰。
   默认主题不带 theme-wallpaper-active，所以樱枝原样保留，
   不需要改动 app.css —— 摘掉本文件即可完全回退。

   构图沿用樱枝的节奏：右下角一枚主纹样、左上角一枚轻的呼应，
   保证六套主题的视觉重量一致。
   ══════════════════════════════════════════════════════════ */

/* 兜底：任何已启用的自定义主题，先清掉樱枝，避免串味 */
body.theme-wallpaper-active #dashboard-root .card{
  background-image:none;
}

/* ── 星光与你：环形星轨 + 主星 + 弦月（重设计）───────────────
   改用「以主星为心的多层星轨环 + 光芒四射的主星」，比连线星座
   更精致、更有「宇宙」的向心感；左上角用一弯发光弦月呼应。 */
body.wp-starry #dashboard-root .card{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><radialGradient id='core' cx='0' cy='0' r='16' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23ffffff'/><stop offset='.3' stop-color='%23dbe7ff'/><stop offset='.7' stop-color='%23a9c4ff' stop-opacity='.5'/><stop offset='1' stop-color='%236f8fd8' stop-opacity='0'/></radialGradient><g id='spark'><path d='M0 -13L2.2 -2.2L13 0L2.2 2.2L0 13L-2.2 2.2L-13 0L-2.2 -2.2Z' fill='%23f0f6ff'/></g></defs><g opacity='.6'><g fill='none' stroke='%238fb0f0' stroke-linecap='round'><ellipse cx='150' cy='150' rx='58' ry='30' transform='rotate(-28 150 150)' stroke-width='1' opacity='.5'/><ellipse cx='150' cy='150' rx='40' ry='20' transform='rotate(-28 150 150)' stroke-width='1.1' opacity='.65'/><ellipse cx='150' cy='150' rx='74' ry='40' transform='rotate(-28 150 150)' stroke-width='.7' opacity='.32'/></g><circle cx='150' cy='150' r='16' fill='url(%23core)'/><use href='%23spark' transform='translate(150 150) scale(1.05)'/><circle cx='198' cy='134' r='2.4' fill='%23ffffff'/><circle cx='198' cy='134' r='5' fill='url(%23core)' opacity='.6'/><circle cx='108' cy='170' r='1.8' fill='%23dbe7ff'/><circle cx='176' cy='196' r='1.5' fill='%23dbe7ff' opacity='.8'/><use href='%23spark' transform='translate(120 120) scale(.42)' opacity='.7'/><use href='%23spark' transform='translate(188 172) scale(.34)' opacity='.6'/><circle cx='96' cy='140' r='1.1' fill='%23cfe0ff' opacity='.55'/><circle cx='134' cy='104' r='1' fill='%23cfe0ff' opacity='.5'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><radialGradient id='mh' cx='0' cy='0' r='34' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23dbe7ff' stop-opacity='.5'/><stop offset='1' stop-color='%23dbe7ff' stop-opacity='0'/></radialGradient><g id='sp2'><path d='M0 -9L1.6 -1.6L9 0L1.6 1.6L0 9L-1.6 1.6L-9 0L-1.6 -1.6Z' fill='%23eaf1ff'/></g></defs><g opacity='.5'><circle cx='40' cy='38' r='34' fill='url(%23mh)'/><path d='M52 22a22 22 0 1 0 15 33a26 26 0 0 1-15-33Z' fill='%23eef4ff'/><use href='%23sp2' transform='translate(18 74) scale(.7)' opacity='.8'/><use href='%23sp2' transform='translate(84 30) scale(.5)' opacity='.65'/><circle cx='90' cy='70' r='1.2' fill='%23cfe0ff' opacity='.55'/><circle cx='16' cy='104' r='1' fill='%23cfe0ff' opacity='.45'/></g></svg>");
  background-repeat:no-repeat;
  background-position:right -22px bottom -22px, left -18px top -18px;
  background-size:236px, 150px;
}

/* ── 猫抓奇境：脚印弧线 + 毛线球 ───────────────────────────
   脚印走一条弧，读起来是「猫刚从这儿走过」而不是散落的图案。 */
body.wp-catpaw #dashboard-root .card{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><g id='pw'><ellipse rx='5.4' ry='4.4' cy='2.4' fill='%23f5c69a'/><ellipse rx='2.1' ry='2.6' cx='-5.4' cy='-3.6' fill='%23f5c69a'/><ellipse rx='2.1' ry='2.6' cx='-1.9' cy='-6.2' fill='%23f5c69a'/><ellipse rx='2.1' ry='2.6' cx='1.9' cy='-6.2' fill='%23f5c69a'/><ellipse rx='2.1' ry='2.6' cx='5.4' cy='-3.6' fill='%23f5c69a'/></g></defs><g opacity='.5'><circle cx='158' cy='150' r='26' fill='none' stroke='%23e8a86f' stroke-width='2.2' opacity='.7'/><g fill='none' stroke='%23e8a86f' stroke-width='1.5' opacity='.6'><path d='M134 142c14 10 34 12 50 4'/><path d='M136 160c16-8 32-22 38-38'/><path d='M148 174c6-18 8-36 4-48'/><path d='M176 170c-10-14-18-32-20-46'/></g><path d='M132 152c-16 6-30 18-38 34' fill='none' stroke='%23e8a86f' stroke-width='1.6' stroke-linecap='round' opacity='.55'/><use href='%23pw' transform='translate(58 178) rotate(-24) scale(1.05)'/><use href='%23pw' transform='translate(86 158) rotate(-16) scale(.95)'/><use href='%23pw' transform='translate(58 140) rotate(-8) scale(.85)'/><use href='%23pw' transform='translate(92 118) rotate(-4) scale(.75)' opacity='.7'/><use href='%23pw' transform='translate(66 100) rotate(4) scale(.62)' opacity='.5'/><circle cx='118' cy='72' r='1.6' fill='%23ffd9a8' opacity='.6'/><circle cx='142' cy='52' r='1.1' fill='%23ffd9a8' opacity='.45'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><g id='p2'><ellipse rx='4.6' ry='3.8' cy='2' fill='%23f5c69a'/><ellipse rx='1.8' ry='2.2' cx='-4.6' cy='-3' fill='%23f5c69a'/><ellipse rx='1.8' ry='2.2' cx='-1.6' cy='-5.3' fill='%23f5c69a'/><ellipse rx='1.8' ry='2.2' cx='1.6' cy='-5.3' fill='%23f5c69a'/><ellipse rx='1.8' ry='2.2' cx='4.6' cy='-3' fill='%23f5c69a'/></g></defs><g opacity='.4'><use href='%23p2' transform='translate(20 26) rotate(150) scale(1)'/><use href='%23p2' transform='translate(48 44) rotate(160) scale(.85)'/><use href='%23p2' transform='translate(24 60) rotate(172) scale(.7)' opacity='.75'/><path d='M62 18c12 8 18 20 18 34' fill='none' stroke='%23e8a86f' stroke-width='1.3' stroke-linecap='round' opacity='.5'/><circle cx='84' cy='62' r='1.3' fill='%23ffd9a8' opacity='.55'/></g></svg>");
  background-repeat:no-repeat;
  background-position:right -26px bottom -26px, left -20px top -20px;
  background-size:230px, 145px;
}

/* ── 极光雪境：冰晶雪花 + 松枝 ─────────────────────────────
   六角雪花用真实的分形枝杈，比简单的米字更有寒气。 */
body.wp-aurora #dashboard-root .card{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><g id='ar' stroke='%23bfeef0' stroke-width='1.5' stroke-linecap='round' fill='none'><path d='M0 0L0 -26'/><path d='M0 -10L-6 -16'/><path d='M0 -10L6 -16'/><path d='M0 -18L-4.5 -23'/><path d='M0 -18L4.5 -23'/></g><g id='sf'><use href='%23ar'/><use href='%23ar' transform='rotate(60)'/><use href='%23ar' transform='rotate(120)'/><use href='%23ar' transform='rotate(180)'/><use href='%23ar' transform='rotate(240)'/><use href='%23ar' transform='rotate(300)'/><circle r='2.4' fill='%23e6fbff'/></g></defs><g opacity='.5'><g fill='none' stroke='%237fd6c4' stroke-width='2' stroke-linecap='round' opacity='.4'><path d='M204 108c-22 4-42 16-58 34'/><path d='M170 116c-4 10-4 20 0 30'/><path d='M186 150c-12 2-24 8-34 18'/></g><use href='%23sf' transform='translate(150 146) scale(1.15)'/><use href='%23sf' transform='translate(190 106) scale(.8)' opacity='.75'/><use href='%23sf' transform='translate(120 180) scale(.7)' opacity='.6'/><use href='%23sf' transform='translate(178 186) scale(.55)' opacity='.5'/><use href='%23sf' transform='translate(96 132) scale(.45)' opacity='.4'/><circle cx='84' cy='96' r='1.4' fill='%23e6fbff' opacity='.5'/><circle cx='128' cy='72' r='1.1' fill='%23e6fbff' opacity='.4'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><g id='a2' stroke='%23bfeef0' stroke-width='1.4' stroke-linecap='round' fill='none'><path d='M0 0L0 -22'/><path d='M0 -9L-5 -14'/><path d='M0 -9L5 -14'/></g><g id='s3'><use href='%23a2'/><use href='%23a2' transform='rotate(60)'/><use href='%23a2' transform='rotate(120)'/><use href='%23a2' transform='rotate(180)'/><use href='%23a2' transform='rotate(240)'/><use href='%23a2' transform='rotate(300)'/><circle r='2' fill='%23e6fbff'/></g></defs><g opacity='.4'><use href='%23s3' transform='translate(30 34) scale(1)'/><use href='%23s3' transform='translate(72 20) scale(.6)' opacity='.7'/><use href='%23s3' transform='translate(20 76) scale(.5)' opacity='.6'/><circle cx='86' cy='62' r='1.2' fill='%23e6fbff' opacity='.5'/></g></svg>");
  background-repeat:no-repeat;
  background-position:right -26px bottom -26px, left -20px top -20px;
  background-size:230px, 145px;
}

/* ── 熔金黄昏：落日 + 层云 + 归鸟 ──────────────────────────
   横向的云与鸟给出「远景」的空间感，呼应日落的辽阔。 */
body.wp-dusk #dashboard-root .card{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><radialGradient id='sun' cx='0' cy='0' r='30' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23fff0c8'/><stop offset='.5' stop-color='%23ffce82'/><stop offset='1' stop-color='%23ff9a6a' stop-opacity='0'/></radialGradient></defs><g opacity='.5'><circle cx='158' cy='148' r='30' fill='url(%23sun)'/><circle cx='158' cy='148' r='17' fill='%23ffd9a0' opacity='.55'/><g fill='none' stroke='%23ffb877' stroke-width='2.4' stroke-linecap='round' opacity='.6'><path d='M108 168h36'/><path d='M120 180h56'/><path d='M96 156h22'/><path d='M172 168h30'/><path d='M140 192h48'/></g><g fill='none' stroke='%23ffc98d' stroke-width='1.5' stroke-linecap='round' opacity='.55'><path d='M100 108c4-4 8-4 12 0c4-4 8-4 12 0'/><path d='M132 92c3-3 6-3 9 0c3-3 6-3 9 0'/><path d='M74 126c2.5-2.5 5-2.5 7.5 0c2.5-2.5 5-2.5 7.5 0'/></g><path d='M188 100c-14 2-26 8-36 18' fill='none' stroke='%23ffb877' stroke-width='1.4' stroke-linecap='round' opacity='.35'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g opacity='.4'><g fill='none' stroke='%23ffb877' stroke-width='2.2' stroke-linecap='round' opacity='.6'><path d='M-4 34h40'/><path d='M8 48h44'/><path d='M-4 62h26'/></g><g fill='none' stroke='%23ffc98d' stroke-width='1.4' stroke-linecap='round' opacity='.6'><path d='M56 20c3-3 6-3 9 0c3-3 6-3 9 0'/><path d='M74 44c2.5-2.5 5-2.5 7.5 0c2.5-2.5 5-2.5 7.5 0'/></g><circle cx='40' cy='16' r='9' fill='%23ffd9a0' opacity='.4'/></g></svg>");
  background-repeat:no-repeat;
  background-position:right -26px bottom -26px, left -20px top -20px;
  background-size:230px, 145px;
}

/* ── 赛博霓虹：电路走线 + 霓虹节点 ─────────────────────────
   直角折线 + 焊点，是电路板的语言；配双色（青 / 品红）拉出霓虹感。 */
body.wp-neon #dashboard-root .card{
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><radialGradient id='ng' cx='0' cy='0' r='6' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23ffffff'/><stop offset='.4' stop-color='%236df2ff'/><stop offset='1' stop-color='%236df2ff' stop-opacity='0'/></radialGradient><radialGradient id='mg' cx='0' cy='0' r='6' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23ffffff'/><stop offset='.4' stop-color='%23ff5ad9'/><stop offset='1' stop-color='%23ff5ad9' stop-opacity='0'/></radialGradient></defs><g opacity='.55'><g fill='none' stroke='%236df2ff' stroke-width='1.4' stroke-linecap='square' opacity='.55'><path d='M204 118h-34v22h-28v30h-36'/><path d='M204 158h-22v34'/><path d='M142 170v26'/><path d='M170 140h-46v-28h-22'/></g><g fill='none' stroke='%23ff5ad9' stroke-width='1.4' stroke-linecap='square' opacity='.45'><path d='M106 196v-32h30'/><path d='M124 112V86h34'/><path d='M158 86h24'/></g><circle cx='170' cy='118' r='5' fill='url(%23ng)'/><circle cx='170' cy='118' r='2' fill='%23baf7ff'/><circle cx='142' cy='140' r='4' fill='url(%23ng)'/><circle cx='142' cy='140' r='1.7' fill='%23baf7ff'/><circle cx='182' cy='158' r='4' fill='url(%23mg)'/><circle cx='182' cy='158' r='1.7' fill='%23ffcaf0'/><circle cx='124' cy='112' r='4' fill='url(%23mg)'/><circle cx='124' cy='112' r='1.7' fill='%23ffcaf0'/><rect x='150' y='96' width='14' height='9' rx='1.5' fill='none' stroke='%236df2ff' stroke-width='1.2' opacity='.5'/></g></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><radialGradient id='n2' cx='0' cy='0' r='6' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%23ffffff'/><stop offset='.4' stop-color='%236df2ff'/><stop offset='1' stop-color='%236df2ff' stop-opacity='0'/></radialGradient></defs><g opacity='.45'><g fill='none' stroke='%236df2ff' stroke-width='1.3' stroke-linecap='square' opacity='.5'><path d='M-4 26h30v24h28'/><path d='M-4 62h18v22'/><path d='M26 26V4'/></g><g fill='none' stroke='%23ff5ad9' stroke-width='1.3' stroke-linecap='square' opacity='.4'><path d='M54 50v26h24'/></g><circle cx='26' cy='26' r='4' fill='url(%23n2)'/><circle cx='26' cy='26' r='1.6' fill='%23baf7ff'/><circle cx='54' cy='50' r='3.4' fill='url(%23n2)'/><rect x='62' y='14' width='12' height='8' rx='1.5' fill='none' stroke='%236df2ff' stroke-width='1.1' opacity='.45'/></g></svg>");
  background-repeat:no-repeat;
  background-position:right -26px bottom -26px, left -20px top -20px;
  background-size:230px, 145px;
}

/* 节日限定主题沿用默认樱枝会串味，统一收掉，让节日装饰层自己发挥 */
body.wp-festival #dashboard-root .card{ background-image:none; }

/* 空态插画（倒数日 / 秒表计次）里的樱枝同理，非默认主题下降透明度，
   避免粉色小樱枝突兀地出现在星空或霓虹里 */
body.theme-wallpaper-active .cd-empty::before,
body.theme-wallpaper-active .sw-laps:empty::before{
  opacity:.22; filter:grayscale(.55);
}