:root{--xhs-red:#ff2442;--xhs-red-light:#ff6b81;--xhs-bg:#1a1a1a;--xhs-card-bg:#262626;--xhs-surface:#333;--xhs-text-primary:#fff;--xhs-text-secondary:#ccc;--xhs-text-muted:#999;--xhs-text-dim:#666;--xhs-border:#333;--magic-purple:#7c3aed;--magic-purple-light:#a78bfa;--magic-pink:#ec4899;--magic-gradient:linear-gradient(135deg, #7c3aed, #ec4899);--magic-glow:0 0 20px #7c3aed4d;--desktop-bg:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-tw-bg-opacity:1;background-color:rgb(240 232 217/var(--tw-bg-opacity,1));height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;overflow:hidden}.desktop-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.desktop-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#7c3aed26 0%,#0000 50%),radial-gradient(circle at 70% 60%,#ec48991a 0%,#0000 50%),radial-gradient(circle at 50% 80%,#3b82f614 0%,#0000 40%);width:200%;height:200%;animation:20s ease-in-out infinite bgFloat;position:absolute;top:-50%;left:-50%}@keyframes bgFloat{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(2%,-1%)rotate(1deg)}66%{transform:translate(-1%,1%)rotate(-1deg)}}@media (max-width:480px){body{background:var(--xhs-bg);overflow:auto}.desktop-container{align-items:flex-start;min-height:auto}.desktop-container:before{display:none}}::-webkit-scrollbar{width:0;height:0}