body{
  font-family: 'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  background: linear-gradient(180deg,#eef5ff 0%,#f5f9ff 28%,#eef7ff 55%,#f8fbff 100%) !important;
}

#web_bg{
  background:
    radial-gradient(circle at 20% 20%, rgba(23,105,255,.12), transparent 28%),
    radial-gradient(circle at 80% 15%, rgba(20,184,255,.10), transparent 25%),
    radial-gradient(circle at 70% 80%, rgba(125,211,252,.12), transparent 30%),
    linear-gradient(180deg,#eef5ff 0%,#f6faff 45%,#eef7ff 100%) !important;
}

#recent-posts > .recent-post-item,
#aside-content .card-widget,
div#post,
div#page,
div#archive{
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(120,170,255,.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 20px;
  box-shadow: 0 12px 32px rgba(40,90,180,.10);
}

#recent-posts > .recent-post-item:hover,
#aside-content .card-widget:hover{
  box-shadow: 0 16px 40px rgba(40,90,180,.16);
  transform: translateY(-2px);
}

#page-header{
  background: linear-gradient(15deg, #0ee6dd 0.000%, #43dddf 11.111%, #54d0e2 22.222%, #35c2e4 33.333%, #00b2e7 44.444%, #00a0e9 55.556%, #008eec 66.667%, #007bee 77.778%, #2669f0 88.889%, #5057f3 100.000%) !important;
}



#page-header:before{
  background: rgba(6,12,24,.20) !important;
}

#footer{
  background: linear-gradient(15deg, #0ee6dd 0.000%, #43dddf 11.111%, #54d0e2 22.222%, #35c2e4 33.333%, #00b2e7 44.444%, #00a0e9 55.556%, #008eec 66.667%, #007bee 77.778%, #2669f0 88.889%, #5057f3 100.000%) !important;
}


#footer:before{
  background: transparent !important;
}

[data-theme="dark"] body{
  background: linear-gradient(180deg,#0b1220 0%,#10192d 40%,#0b1220 100%) !important;
}

[data-theme="dark"] #web_bg{
  background:
    radial-gradient(circle at 20% 20%, rgba(23,105,255,.18), transparent 28%),
    radial-gradient(circle at 80% 15%, rgba(20,184,255,.12), transparent 25%),
    radial-gradient(circle at 70% 80%, rgba(59,130,246,.10), transparent 30%),
    linear-gradient(180deg,#0b1220 0%,#10192d 45%,#0b1220 100%) !important;
}

[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post,
[data-theme="dark"] div#page,
[data-theme="dark"] div#archive{
  background: rgba(20,28,44,.76) !important;
  border: 1px solid rgba(70,120,255,.18);
  box-shadow: 0 12px 32px rgba(0,0,0,.24);
}
[data-theme="dark"] #page-header{
  background: linear-gradient(15deg, #0a3a4a 0%, #0d4e5f 15%, #0f5a72 30%, #146b8a 45%, #1878a0 60%, #1a87b8 75%, #1c98d1 90%, #1ea9eb 100%) !important;
}

[data-theme="dark"] #footer{
  background: linear-gradient(15deg, #0a3a4a 0%, #0d4e5f 15%, #0f5a72 30%, #146b8a 45%, #1878a0 60%, #1a87b8 75%, #1c98d1 90%, #1ea9eb 100%) !important;
}