@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;600&family=Noto+Sans+SC:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--primary:#c59b5f;--primary-light:#e5d1b8;--primary-dark:#a37c46;--bg-base:#fdfcf8;--text-main:#2c2a28;--text-muted:#8c857d;--text-light:#fff;--glass-bg:#fdfcf8a6;--glass-border:#fff9;--glass-shadow:0 12px 40px #a37c4626;--glass-shadow-hover:0 16px 50px #a37c4640;--font-serif:"Playfair Display", "Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);width:100%;height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6,.serif{font-family:var(--font-serif);font-weight:600}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:1.2s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.fade-in-delay-1{opacity:0;animation-delay:.3s}.fade-in-delay-2{opacity:0;animation-delay:.6s}.fade-in-delay-3{opacity:0;animation-delay:.9s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-50px)}}.fade-out-up{animation:1s cubic-bezier(.8,0,.2,1) forwards fadeOutUp}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.1);box-shadow:0 0 0 15px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.xi-button:active{transform:scale(.95)!important}@keyframes slide-left{0%{transform:translate(100vw)}to{transform:translate(-200vw)}}.danmaku-item{white-space:nowrap;color:var(--primary-dark);-webkit-backdrop-filter:blur(8px);z-index:1;pointer-events:none;background:#ffffffb3;border:1px solid #ffffff80;border-radius:24px;padding:8px 20px;font-size:14px;font-weight:500;animation-name:slide-left;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;box-shadow:0 4px 12px #c59b5f26}