@font-face{font-family:"Zpix";src:url("https://cdn.jsdelivr.net/gh/SolidZheng/zpix-font@master/dist/zpix.woff2") format("woff2");font-weight:normal;font-style:normal}:root{--fc-crimson: #8c1b1b;--fc-cream: #f6ebcf;--fc-black: #212529;--fc-green: #92cc41;--fc-blue: #209cee;--font-pixel-cn: "Zpix", "SimSun", "宋体", monospace;--font-pixel-en: "VT323", monospace}*,*::before,*::after{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}html,body{font-family:var(--font-pixel-cn);background-color:var(--fc-cream) !important;color:var(--fc-black) !important;cursor:url("https://cdn.xuepoo.xyz/shared/retro-wand.png"),auto}:root{--cherry-pink: #ffb6c1;--mint-green: #e0eee0;--glass-white: rgba(255, 255, 255, 0.78);--vintage-gray: #7a7a7a;--panel-shadow: 3px 3px 0px rgba(255, 182, 193, 0.3);--border-double: 3px double #ffb6c1;--font-retro: "MS Sans Serif", Tahoma, Arial, sans-serif;--font-vintage: "SimSun", "宋体", serif}@keyframes sakura-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:.8}100%{transform:translateY(105vh) rotate(360deg);opacity:0}}.sakura-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.petal{position:absolute;background-color:#ffb6c1;border-radius:150% 0 150% 150%;animation:sakura-fall 10s linear infinite;opacity:0}.petal:nth-child(1){left:10%;width:10px;height:7px;animation-duration:8s;animation-delay:0s}.petal:nth-child(2){left:30%;width:12px;height:9px;animation-duration:12s;animation-delay:2s}.petal:nth-child(3){left:55%;width:8px;height:6px;animation-duration:9s;animation-delay:1s}.petal:nth-child(4){left:75%;width:14px;height:10px;animation-duration:14s;animation-delay:3s}.petal:nth-child(5){left:90%;width:11px;height:8px;animation-duration:10s;animation-delay:5s}:root{--font-display: "Quicksand", "MS Gothic", -apple-system, sans-serif;--font-mono: "Courier New", Courier, "JetBrains Mono", monospace;--bg-dark: #0a0715;--bg-window: #dfdfdf;--text-dark: #0f0d13;--text-light: #eae5f5;--neo-pink: #ff71ce;--neo-cyan: #01cdfe;--neo-purple: #b967ff;--neo-yellow: #fffb96;--gradient-vapor: linear-gradient( 135deg, var(--neo-pink) 0%, var(--neo-cyan) 50%, var(--neo-purple) 100% );--shadow-win: 2px 2px 0px #000000;--content-width: 1200px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-display);background-color:#ffe4e1;background-image:url("https://cdn.xuepoo.xyz/hobbies/images/retro_anime_bg.png");background-repeat:repeat;background-attachment:fixed;cursor:url("https://cdn.xuepoo.xyz/shared/retro-wand.png"),auto;color:var(--text-light);line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative}body::before{content:" ";display:block;position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,.12) 50%),linear-gradient(90deg, rgba(255,0,0,.02), rgba(0,255,0,.01), rgba(0,255,0,.02));z-index:9999;background-size:100% 4px,6px 100%;pointer-events:none}.dashboard-wrapper{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;padding:1rem;gap:1.5rem}.marquee-header{background-color:#dfdfdf;border:3px double #ff71ce;box-shadow:var(--shadow-win);padding:.3rem;overflow:hidden}.neon-marquee{font-family:var(--font-mono);color:var(--text-dark);font-weight:bold;font-size:.9rem}.main-header{background-color:#dfdfdf;border:3px double #01cdfe;box-shadow:var(--shadow-win);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.main-header nav ul{list-style:none;margin:0;padding:0}.logo{font-weight:900;font-size:1.75rem;letter-spacing:-.05em;font-style:italic;background:var(--gradient-vapor);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:0 0 20px rgba(255,113,206,.3);text-decoration:none;line-height:1}.logo-ja{font-size:.75rem;font-style:normal;display:block;color:var(--neo-cyan);letter-spacing:.2em;margin-top:.1rem}.lang-switch{font-family:var(--font-mono);font-weight:bold;padding:.4rem 1.2rem;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid gray;border-bottom:2px solid gray;background-color:#dfdfdf;color:var(--text-dark) !important;box-shadow:1px 1px 0px #000;text-decoration:none;font-size:.85rem}.lang-switch:active{border-top:2px solid gray;border-left:2px solid gray;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(1px, 1px);box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.sidebar-panel{display:flex;flex-direction:column;gap:1.5rem}.align-center{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-img{border:2px solid #000;image-rendering:pixelated;box-shadow:2px 2px 0px rgba(0,0,0,.15)}.stats-box{width:100%;background-color:#eae5f5;border:1px inset gray;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-dark)}.stat-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.status-online{color:#0a0;font-weight:bold;animation:flash 1.5s infinite}@keyframes flash{0%, 100%{opacity:1}50%{opacity:.3}}.folder-nav .win-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.folder-link{font-family:var(--font-mono);color:var(--text-dark);text-decoration:none;font-size:.9rem;font-weight:bold;display:flex;align-items:center;gap:.5rem}.folder-icon{width:24px;height:24px;image-rendering:pixelated}.folder-link:hover{color:var(--neo-pink)}.workspace-panel{display:flex;flex-direction:column;gap:1.5rem}.main-welcome .win-card-body{padding:2rem}.main-welcome h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;font-style:italic;background:var(--gradient-vapor);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:1rem}.main-welcome p{color:var(--text-dark);font-family:var(--font-mono);font-size:.95rem}.site-windows-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem}.sub-win .win-card-body{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}.retro-pixel-icon{margin-bottom:1rem;image-rendering:pixelated}.sub-win h2{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem}.sub-win p{color:#403a4d;font-size:.85rem;line-height:1.5;margin-bottom:1.5rem}.win-card{background-color:var(--bg-window);border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid gray;border-bottom:2px solid gray;box-shadow:var(--shadow-win);display:flex;flex-direction:column;overflow:hidden}.win-card-title{background:linear-gradient(90deg, gray, #b0b0b0);color:#fff;font-family:var(--font-mono);font-weight:bold;font-size:.8rem;padding:.4rem .8rem;display:flex;justify-content:space-between;align-items:center}.win-card:hover .win-card-title{background:linear-gradient(90deg, navy, #1084d0)}.win-card-body{padding:1.5rem;color:var(--text-dark)}.hero-dots{display:flex;gap:4px}.hero-dot{width:14px;height:14px;background-color:#dfdfdf;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid gray;border-bottom:1px solid gray;display:flex;align-items:center;justify-content:center;color:#000;font-size:9px;font-weight:bold;cursor:pointer}.win-btn{font-family:var(--font-mono);font-weight:bold;padding:.5rem 1.2rem;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid gray;border-bottom:2px solid gray;background-color:#dfdfdf;color:var(--text-dark) !important;box-shadow:1px 1px 0px #000;text-decoration:none;align-self:flex-start;font-size:.85rem}.win-btn:active{border-top:2px solid gray;border-left:2px solid gray;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translate(1px, 1px);box-shadow:none}.badge-section{width:100%;margin-top:1rem}.badge-section .win-card-body{padding:1.5rem}.badge-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background-color:#0c0714;border:2px inset gray;padding:1.5rem}.retro-badge{width:88px;height:31px;border:1px solid #000;image-rendering:pixelated;transition:transform .15s ease}.retro-badge:hover{transform:scale(1.08)}footer{width:100%;background-color:#dfdfdf;border:3px double #b967ff;box-shadow:var(--shadow-win);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}footer p{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dark)}.footer-links{display:flex;list-style:none;gap:1.5rem;font-family:var(--font-mono);font-size:.8rem}.footer-links a{color:var(--text-dark);font-weight:bold}.footer-links a:hover{color:var(--neo-pink)}@media (max-width: 800px){.dashboard-grid{grid-template-columns:1fr}.sidebar-panel{width:100%}footer{flex-direction:column;text-align:center;padding:1.5rem 1rem}}.retro-outer-wrapper{max-width:1000px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.retro-banner-header{display:flex;flex-direction:column;gap:.5rem}.banner-image-container{position:relative;width:100%;height:240px;overflow:hidden;border:var(--border-double);border-radius:8px;box-shadow:var(--panel-shadow)}.retro-banner-img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.banner-title-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 100%);padding:1.5rem 1rem .8rem 1rem;color:#fff;display:flex;flex-direction:column;gap:.2rem}.banner-title{font-family:var(--font-vintage);font-size:2.2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px var(--cherry-pink);margin:0;letter-spacing:.05em}.banner-subtitle{font-family:var(--font-retro);font-size:.95rem;color:var(--cherry-pink);text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0}.retro-marquee-bar{background-color:#dfdfdf;border:2px solid var(--cherry-pink);box-shadow:var(--panel-shadow);padding:.4rem;border-radius:4px;overflow:hidden;font-family:var(--font-retro);color:#3b0d11;font-size:.85rem;font-weight:bold}.retro-marquee-bar marquee{vertical-align:middle}.retro-main-grid{display:grid;grid-template-columns:300px 650px;gap:50px;max-width:1000px;margin:0 auto}.retro-sidebar{display:flex;flex-direction:column;gap:1.5rem;width:300px}.retro-content-main{width:650px;min-height:500px}.sidebar-widget{background-color:var(--bg-window);border:var(--border-double);border-radius:8px;box-shadow:var(--panel-shadow);overflow:hidden;display:flex;flex-direction:column}.widget-title{background:linear-gradient(to right, #ffb6c1, #ffe4e1);color:#d15c74;padding:.4rem .8rem;font-weight:bold;font-family:var(--font-vintage);border-bottom:2px dashed var(--cherry-pink);font-size:.95rem;margin:0}.sidebar-widget.profile-card{background:linear-gradient(135deg, #fff5f7 0%, #fff 100%);padding:0}.sidebar-widget.profile-card .profile-avatar-container{display:flex;justify-content:center;align-items:center;padding:1.2rem 1.2rem .6rem 1.2rem}.pixel-avatar{width:80px;height:80px;border:2px solid var(--cherry-pink);border-radius:50%;box-shadow:2px 2px 0px rgba(255,182,193,.5);image-rendering:pixelated;background-color:#fff}.profile-name{text-align:center;font-weight:bold;color:#d15c74;font-family:var(--font-vintage);margin-bottom:.8rem;font-size:1rem}.visitor-counter{display:flex;flex-direction:column;align-items:center;gap:.4rem;background-color:#3b0d11;border-top:2px inset var(--cherry-pink);padding:.6rem;color:pink;font-family:monospace}.counter-label{font-size:.75rem;font-weight:bold;letter-spacing:.05em}.counter-digits{font-size:1.2rem;font-weight:bold;background-color:#000;color:hotpink;padding:.2rem .6rem;border-radius:3px;border:1px solid #ff1493;letter-spacing:3px;text-shadow:0 0 5px #ff1493}.badges-widget{background-color:#fff}.badge-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:1rem;background-color:#fcf6f8}.badge-wall img{width:88px;height:31px;image-rendering:pixelated;border:1px solid var(--cherry-pink);transition:transform .2s ease}.badge-wall img:hover{transform:scale(1.08)}.retro-footer{margin-top:2rem;background-color:#dfdfdf;border:var(--border-double);box-shadow:var(--panel-shadow);padding:1.2rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:var(--font-retro);color:#3b0d11;font-size:.85rem}.retro-footer p{margin:0}.retro-footer .footer-links{display:flex;gap:1rem}.retro-link{color:#d15c74;text-decoration:none;font-weight:bold;transition:color .2s ease}.retro-link:hover{color:hotpink;text-shadow:0 0 4px rgba(255,105,180,.4)}@media (max-width: 1000px){.retro-main-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.retro-sidebar{width:100%}.retro-content-main{width:100%}.retro-outer-wrapper{padding:.5rem}}.mp3-player-widget{background:linear-gradient(135deg, #fff 0%, #fff0f5 100%)}.player-body{display:flex;flex-direction:column;gap:.8rem;align-items:center}@keyframes spin-vinyl{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.record-turntable{position:relative;width:90px;height:90px;border-radius:50%;background-color:#e6a8b7;display:flex;justify-content:center;align-items:center;border:2px dashed var(--cherry-pink)}.vinyl-disc{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle, #333 30%, #111 60%, #000 100%);position:relative;animation:spin-vinyl 4s linear infinite;border:1px solid #fff}.vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:22px;height:22px;border-radius:50%;background-color:var(--cherry-pink);border:2px solid #fff}.player-display{width:100%;background-color:#3b0d11;color:pink;border-radius:4px;padding:.6rem;font-family:monospace;font-size:.8rem;border:2px inset var(--cherry-pink);display:flex;flex-direction:column;gap:.3rem}.track-title-scroller{overflow:hidden;white-space:nowrap;font-weight:bold;border-bottom:1px solid rgba(255,182,193,.2);padding-bottom:.1rem}.track-title{display:inline-block;padding-left:100%;animation:marquee-scroll 12s linear infinite}@keyframes marquee-scroll{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-100%, 0, 0)}}.time-elapsed{text-align:right;font-size:.75rem}@keyframes wave-bounce{0%, 100%{height:4px}50%{height:18px}}.audio-waves{display:flex;justify-content:center;align-items:flex-end;height:20px;gap:3px;margin-top:.2rem}.audio-waves .bar{width:4px;background-color:hotpink;border-radius:2px;animation:wave-bounce 1s ease infinite}.audio-waves .bar:nth-child(1){animation-duration:.8s}.audio-waves .bar:nth-child(2){animation-duration:1.2s;animation-delay:.2s}.audio-waves .bar:nth-child(3){animation-duration:.9s;animation-delay:.4s}.audio-waves .bar:nth-child(4){animation-duration:1.4s;animation-delay:.1s}.audio-waves .bar:nth-child(5){animation-duration:.7s;animation-delay:.3s}.audio-waves .bar:nth-child(6){animation-duration:1.1s;animation-delay:.5s}.audio-waves .bar:nth-child(7){animation-duration:1.3s;animation-delay:.2s}.audio-waves .bar:nth-child(8){animation-duration:1s;animation-delay:.4s}.player-controls{display:flex;gap:.5rem}.player-btn{background-color:#fff;border:1px solid var(--cherry-pink);border-radius:4px;padding:.3rem .6rem;font-size:.75rem;cursor:pointer;box-shadow:1px 1px 2px rgba(0,0,0,.1);color:#d15c74}.player-btn:hover{background-color:#fff0f5;border-color:#d15c74}.player-btn.active{background-color:var(--cherry-pink);color:#fff}.song-list{list-style:none;padding:0;margin:.5rem 0 0;width:100%;display:flex;flex-direction:column;gap:4px;font-size:.8rem;border-top:1px dotted var(--cherry-pink);padding-top:.5rem}.song-item{padding:.2rem .4rem;border-radius:3px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item:hover{background-color:#fff0f5;color:#d15c74}.song-item.active{background-color:#ffe4e1;color:#d15c74;font-weight:bold}.retro-desktop-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:1.5rem;background-color:rgba(255,255,255,.4);border:1px dashed var(--cherry-pink);border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.desktop-icon-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:#4a4a4a;font-weight:bold;font-size:.88rem;transition:transform .2s ease}.desktop-icon-link:hover{transform:scale(1.1);color:#d15c74}.icon-pixel-image{width:48px;height:48px;margin-bottom:.5rem;image-rendering:pixelated}.anime-xp-window{background-color:rgba(255,255,255,.92);border:3px double var(--cherry-pink);border-radius:8px;box-shadow:var(--panel-shadow);overflow:hidden;margin-bottom:1rem}.xp-title-bar{background:linear-gradient(to right, #ffb6c1, #ffe4e1);color:#d15c74;padding:.4rem .8rem;font-weight:bold;font-family:var(--font-vintage);border-bottom:1px dashed var(--cherry-pink);display:flex;justify-content:space-between;align-items:center}.xp-window-controls{display:flex;gap:4px}.xp-btn{width:14px;height:14px;border-radius:50%;border:1px solid var(--cherry-pink);background-color:#fff;cursor:pointer}.xp-btn.close{background-color:hotpink}.xp-window-body{padding:1.2rem;font-family:var(--font-vintage);line-height:1.6}