:root{--mystic-bg:#f8f9ff;--mystic-accent:#7c3aed;--mystic-text:#2d2a58;--glass-bg:#ffffffb3;--glass-border:#ffffff80}body{background:var(--mystic-bg);color:var(--mystic-text);min-height:100vh;margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Georgia,serif;overflow-x:hidden}#root{min-height:100vh}.star-container{z-index:-1;background:radial-gradient(at bottom,#e0e7ff 0%,#f8f9ff 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star{opacity:.2;background:#7c3aed;border-radius:50%;animation:3s infinite alternate pulse;position:absolute}@keyframes pulse{0%{opacity:.1;transform:scale(1)}to{opacity:.3;transform:scale(1.5)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #7c3aed14}.glass-card:hover{border-color:var(--mystic-accent);transform:translateY(-8px);box-shadow:0 20px 60px #7c3aed26}.btn-mystic{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;border-radius:30px;padding:12px 28px;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #7c3aed4d}.btn-mystic:hover{transform:scale(1.05);box-shadow:0 8px 30px #7c3aed66}.title-glow{color:var(--mystic-accent);text-shadow:0 4px 12px #7c3aed26;letter-spacing:2px}