:root{--c-ink-black: 5 5 5;--c-ink-gray: 26 26 26;--c-wuxia-gold: 230 200 110;--c-wuxia-gold-dark: 138 114 54;--c-wuxia-cyan: 68 170 170;--c-wuxia-red: 163 24 24;--c-paper-white: 230 230 230}.wuxia-book-loader{--background: linear-gradient(135deg, rgb(var(--c-wuxia-gold-dark)), rgb(var(--c-wuxia-gold)));--shadow: rgba(var(--c-wuxia-gold), .15);--text: rgb(var(--c-wuxia-gold));--page: rgba(var(--c-paper-white), .5);--page-fold: rgba(var(--c-paper-white), .7);--duration: 3s;width:160px;height:110px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.wuxia-book-loader:before,.wuxia-book-loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:100px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.wuxia-book-loader:before{left:4px}.wuxia-book-loader:after{--r: 6deg;right:4px}.wuxia-book-loader .book-body{width:140px;height:100px;border-radius:8px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background);opacity:.85}.wuxia-book-loader .book-body ul{margin:0;padding:0;list-style:none;position:relative}.wuxia-book-loader .book-body ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:8px;left:8px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));animation:var(--duration) ease infinite}.wuxia-book-loader .book-body ul li:nth-child(2){--c: var(--page-fold);animation-name:wuxia-page-2}.wuxia-book-loader .book-body ul li:nth-child(3){--c: var(--page-fold);animation-name:wuxia-page-3}.wuxia-book-loader .book-body ul li:nth-child(4){--c: var(--page-fold);animation-name:wuxia-page-4}.wuxia-book-loader .book-body ul li:nth-child(5){--c: var(--page-fold);animation-name:wuxia-page-5}.wuxia-book-loader .book-body ul li svg{width:65px;height:85px;display:block}.wuxia-book-loader .book-body ul li:first-child{--r: 0deg;--o: 1}.wuxia-book-loader .book-body ul li:last-child{--o: 1}.wuxia-book-loader .loader-text{display:block;margin-top:15px;text-align:center;color:var(--text);font-family:inherit;font-size:.75rem;letter-spacing:.3em;opacity:.8}@keyframes wuxia-page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes wuxia-page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes wuxia-page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes wuxia-page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:rgb(var(--c-wuxia-gold));border-radius:0;opacity:.5}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.vertical-text{writing-mode:vertical-rl;text-orientation:upright}.clip-trapezoid{clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}.clip-shard{clip-path:polygon(0 0,100% 0,95% 100%,5% 100%)}.clip-message-left{clip-path:polygon(0 0,100% 0,100% 85%,95% 100%,0 100%)}.clip-message-right{clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,0 85%)}.clip-path-polygon{clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%)}.bg-noise{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;background-image:url("data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22noiseFilter%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.65%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23noiseFilter)%22 opacity=%220.07%22/%3E%3C/svg%3E")}.avatar-container-card{position:relative;width:126px;height:126px;border-radius:14px;z-index:10;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #00000080;transition:all .3s ease}.avatar-container-card:hover{border-color:#e6c86eb3;box-shadow:0 15px 40px #000000b3}.avatar-card-bg{position:absolute;top:4px;left:4px;width:118px;height:118px;z-index:2;background:#00000073;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:10px;overflow:hidden;outline:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.avatar-card-blob{position:absolute;z-index:1;top:50%;left:50%;width:100px;height:100px;border-radius:50%;background-color:#a31818;opacity:.6;filter:blur(16px);animation:avatar-blob-bounce 8s infinite ease}@keyframes avatar-blob-bounce{0%{transform:translate(-100%,-100%) translateZ(0)}25%{transform:translate(-100%,-100%) translate3d(100%,0,0)}50%{transform:translate(-100%,-100%) translate3d(100%,100%,0)}75%{transform:translate(-100%,-100%) translate3d(0,100%,0)}to{transform:translate(-100%,-100%) translateZ(0)}}.animate-wuxia-flow{animation:wuxia-flow 3s linear infinite}@keyframes wuxia-flow{0%{transform:skew(-45deg) translate(-200%)}to{transform:skew(-45deg) translate(200%)}}@keyframes wuxia-music-disc-rotation{0%{transform:translateY(-20%) rotate(0)}to{transform:translateY(-20%) rotate(360deg)}}.animate-wuxia-music-disc-rotation{animation:wuxia-music-disc-rotation 6s linear infinite!important}@keyframes wuxia-spin-only{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-cd-edge-flow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:conic-gradient(from 0deg,transparent,#e6c86e 10%,transparent 25%);animation:wuxia-spin-only 4s linear infinite;pointer-events:none;z-index:20;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 80%,black 82%);mask:radial-gradient(circle,transparent 80%,black 82%)}@keyframes sweep{0%{transform:translate(-100%,-50%) rotate(35deg)}to{transform:translate(100%,-50%) rotate(35deg)}}.animate-sweep{animation:sweep 3s infinite}