@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap";:root{--color-primary: #6366f1;--color-secondary: #ec4899;--color-accent: #06b6d4}body{font-family:"Noto+Sans+TC",sans-serif;background:#0f172a;background-color:#f5f3ff;overflow-x:hidden;color:#1e293b}.noise-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.aurora-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-3;background:linear-gradient(125deg,#f5f3ff,#fdf2f8,#ecfeff);overflow:hidden}.aurora-blob{position:absolute;width:80vw;height:80vw;filter:blur(100px);border-radius:50%;opacity:.6;mix-blend-mode:color-burn}.blob-1{top:-20%;left:-10%;background:#a855f7;animation:move-1 20s infinite alternate}.blob-2{bottom:-20%;right:-10%;background:#06b6d4;animation:move-2 25s infinite alternate}.blob-3{top:20%;right:-15%;background:#f97316;animation:move-1 18s infinite alternate-reverse}.blob-4{bottom:10%;left:-5%;background:#ec4899;animation:move-2 22s infinite alternate-reverse}@keyframes move-1{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(15%,10%) scale(1.2) rotate(45deg)}to{transform:translate(-10%,20%) scale(1) rotate(90deg)}}@keyframes move-2{0%{transform:translate(0) scale(1.2) rotate(0)}50%{transform:translate(-10%,-15%) scale(1) rotate(-45deg)}to{transform:translate(15%,-5%) scale(1.2) rotate(-90deg)}}.glass-card{background:#ffffff8c;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 60px -12px #6366f126}.hero-text-gradient{background:linear-gradient(135deg,#4f46e5,#db2777 40%,#ea580c,#0891b2);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:text-flow 6s ease infinite}@keyframes text-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(10deg)}}.animate-float{animation:float 6s ease-in-out infinite}.btn-colorful{background:linear-gradient(135deg,#6366f1,#d946ef,#f43f5e);background-size:200% auto;transition:.5s}.btn-colorful:hover{background-position:right center;box-shadow:0 0 40px #d946ef80}