body{background-color:#f8f9fa}
[data-theme="dark"] body{background-color:#1a1a1a;color:#e5e5e5}
.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,82,82,0.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,124,124,0.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,175,175,0.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,82,82,0.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,124,124,0.3),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,175,175,0.3),transparent);background-size:200% 200%;opacity:0.3}
[data-theme="dark"] .stars{opacity:0.8;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,0.6),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,0.6),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,255,255,0.5),transparent)}
.sakura-petals{display:none}
html{scroll-behavior:smooth}
::selection{background:linear-gradient(to right,#ff5252,#ff7c7c);color:white}
code{padding:0.2rem 0.4rem;background:rgba(255,82,82,0.1);border-radius:0.375rem;font-size:0.875em;font-weight:600;color:#ff5252}
[data-theme="dark"] code{background:rgba(255,82,82,0.2);color:#ff7c7c}
pre code{padding:0;background:none;color:inherit}
pre{padding:1.5rem;background:rgba(255,82,82,0.05);border-radius:1rem;border:1px solid rgba(255,82,82,0.2);overflow-x:auto}
[data-theme="dark"] pre{background:rgba(255,82,82,0.1);border-color:rgba(255,82,82,0.3)}
div.highlight > pre{
  background-color:#272822!important;
  color:#f8f8f2!important;
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#f5f5f5}
[data-theme="dark"] ::-webkit-scrollbar-track{background:#2a2a2a}
::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#ff5252,#ff7c7c);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#ff0000,#ff5252)}
[data-theme="dark"] .bg-white{background-color:#252525!important}
[data-theme="dark"] .border-red-100{border-color:rgba(255,82,82,0.2)!important}
[data-theme="dark"] .text-slate-400{color:#94a3b8!important}
[data-theme="dark"] .text-slate-500{color:#94a3b8!important}
[data-theme="dark"] .text-slate-600{color:#cbd5e1!important}
[data-theme="dark"] .bg-red-50{background-color:#1f1f1f!important}
table{width:100%;border-collapse:separate;border-spacing:0;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1)}
th{background:linear-gradient(to right,#ff5252,#ff7c7c);color:white;padding:1rem;font-weight:700;text-align:left}
td{padding:1rem;border-bottom:1px solid rgba(255,82,82,0.1)}
tr:hover td{background:rgba(255,82,82,0.05)}
blockquote{padding:1.5rem;margin:1.5rem 0;background:rgba(255,82,82,0.05);border-left:4px solid #ff5252;border-radius:0 1rem 1rem 0}
img{transition:transform 0.3s,opacity 0.3s}
button{cursor:pointer;user-select:none}
button:active{transform:scale(0.95)}
.iconfont{font-family:"iconfont"!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.click-ripple{position:fixed;border-radius:50%;pointer-events:none;transform:scale(0);animation:ripple-animation 0.6s ease-out;z-index:9999}
@keyframes ripple-animation{to{transform:scale(4);opacity:0}}