:root{
  --yun:#835cc7;
  --star:#e77fa8;
  --yanshen:#536aa9;
  --shared:#c8afe8;
}

body{
  background-image:linear-gradient(rgba(249,246,255,.14),rgba(244,236,252,.1)),url('/img/themes/purple-light.jpeg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
@media (prefers-color-scheme:dark){
  body{
    background-image:linear-gradient(rgba(8,5,15,.16),rgba(8,5,15,.28)),url('/img/themes/purple-dark.jpeg')!important;
  }
}
body{
  background:
    radial-gradient(circle at 14% 10%,rgba(131,92,199,.14),transparent 30%),
    radial-gradient(circle at 88% 24%,rgba(231,127,168,.12),transparent 29%),
    linear-gradient(160deg,#e8d5ff 0%,#f0d8f8 34%,#fde8f4 68%,#fff0f8 100%);
}
.top-bar,.status-bar,.bottom-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.top-bar,.status-bar{background:rgba(244,236,252,.58)!important}
.pet-card,.shop-item,.act-btn{
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.pet-card{
  border-radius:16px;
  background:rgba(255,250,255,.54);
  box-shadow:0 12px 32px rgba(73,43,99,.07);
  overflow:hidden;
  position:relative;
}
.pet-card::before{content:"";position:absolute;left:14px;right:14px;top:0;height:2px;border-radius:2px}
.pet-card:nth-child(1){border-color:rgba(131,92,199,.42);box-shadow:0 12px 32px rgba(131,92,199,.09)}
.pet-card:nth-child(1)::before{background:var(--yun)}
.pet-card:nth-child(1) .pet-card-name,#lion-speech{color:var(--yun)}
.pet-card:nth-child(2){border-color:rgba(231,127,168,.4);box-shadow:0 12px 32px rgba(231,127,168,.09)}
.pet-card:nth-child(2)::before{background:var(--star)}
.pet-card:nth-child(2) .pet-card-name,#cat-speech{color:var(--star)}
.act-btn{border-radius:12px;background:rgba(255,250,255,.38)}
.act-btn:nth-child(odd):active{border-color:var(--yun);color:var(--yun);background:rgba(131,92,199,.1);transform:scale(.98)}
.act-btn:nth-child(even):active{border-color:var(--star);color:var(--star);background:rgba(231,127,168,.1);transform:scale(.98)}
.shop-item{border-radius:14px;background:rgba(255,250,255,.48)}
.bottom-nav{background:rgba(232,213,248,.82)!important}
.yun-chat-head{height:52px;display:flex;align-items:center;padding:0 14px;flex-shrink:0;border-bottom:1px solid var(--border);background:rgba(232,213,248,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.yun-chat-head>a{width:44px;color:var(--text);text-decoration:none;font-size:27px;line-height:1}
.yun-chat-head>a:last-child{text-align:right;color:var(--yun);font-size:11px}
.yun-chat-title{flex:1;text-align:center}.yun-chat-title b{display:block;font-size:14px;font-weight:600}.yun-chat-title small{display:block;margin-top:1px;color:var(--yun);font:8px 'Courier Prime',monospace}
#page-chat.active{position:fixed!important;inset:0 0 60px 0!important;height:auto!important;margin:0!important;z-index:40;background:transparent!important}

@media (prefers-color-scheme:dark){
  :root{--bg:#151121!important;--surface:#241c34!important;--border:#443453!important;--accent:#8f6bd1!important;--pink:#e77fa8!important;--blue:#657ab9!important;--text:#f0eaf7!important;--muted:#aa9bb9!important;--glow:rgba(131,92,199,.18)!important}
  body{color-scheme:dark;background:radial-gradient(circle at 16% 8%,rgba(131,92,199,.28),transparent 34%),radial-gradient(circle at 86% 22%,rgba(83,106,169,.2),transparent 31%),linear-gradient(160deg,#12101c,#191327 55%,#171525)}
  .top-bar,.status-bar{background:rgba(22,17,34,.68)!important}
  .pet-card,.shop-item{background:rgba(36,28,52,.72)}
  .act-btn{background:rgba(28,22,42,.7)}
  .bottom-nav{background:rgba(20,16,31,.88)!important}
  .yun-chat-head{background:rgba(20,16,31,.76)!important}
  .pet-card:nth-child(1){box-shadow:0 15px 36px rgba(91,62,153,.2)}
  .pet-card:nth-child(2){box-shadow:0 15px 36px rgba(135,69,101,.15)}
}