@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);body{background:#012}*,body{margin:0}*{box-sizing:border-box;padding:0}body{background:radial-gradient(ellipse at center,#0064ff1a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#00ff960d 0,#0000 40%),radial-gradient(ellipse at 20% 80%,#ff00960d 0,#0000 40%),linear-gradient(135deg,#000510,#012 25%,#000815 50%,#001a2e 75%,#000510);color:#fff;font-family:Orbitron,monospace;overflow-x:hidden}.app,body{min-height:100vh;position:relative}body:after{animation:starfield 120s linear infinite;background:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#0ffc,#0000),radial-gradient(1px 1px at 90px 40px,#00ff9699,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 30px,#0096ffb3,#0000);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.cosmic-background{background:radial-gradient(ellipse at center,#0064ff1a 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#00ff960d 0,#0000 40%),radial-gradient(ellipse at 20% 80%,#ff00960d 0,#0000 40%),linear-gradient(135deg,#000510,#012 25%,#000815 50%,#001a2e 75%,#000510)}.neon-chinese-sign{-webkit-font-smoothing:antialiased;animation:neonFlicker 2s infinite alternate;color:#f06;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,SimSun,sans-serif;font-size:5rem;font-weight:900;left:15%;opacity:.9;pointer-events:none;position:fixed;text-rendering:optimizeLegibility;text-shadow:0 0 5px #f06,0 0 10px #f06,0 0 15px #f06,0 0 20px #f06,0 0 35px #f06,0 0 40px #f06;top:50%;transform:rotate(-15deg);z-index:-1}@keyframes neonFlicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 5px #f06,0 0 10px #f06,0 0 15px #f06,0 0 20px #f06,0 0 35px #f06,0 0 40px #f06}20%,24%,55%{text-shadow:none}}.galaxy{animation:galaxyRotate 60s linear infinite;border-radius:50%;filter:blur(1px);position:absolute}.galaxy1{background:radial-gradient(ellipse 60% 20% at 50% 50%,#8a2be266 0,#0000 40%),radial-gradient(ellipse 80% 30% at 50% 50%,#4b00824d 20%,#0000 60%),radial-gradient(ellipse 100% 40% at 50% 50%,#19197033 40%,#0000 80%);height:200px;right:10%;top:20%;transform:rotate(45deg);width:400px}.galaxy2{animation-duration:80s;background:radial-gradient(ellipse 60% 25% at 50% 50%,#ff8c004d 0,#0000 50%),radial-gradient(ellipse 80% 35% at 50% 50%,#ff450033 30%,#0000 70%),radial-gradient(ellipse 100% 45% at 50% 50%,#8b45131a 50%,#0000 90%);bottom:30%;height:150px;left:5%;transform:rotate(-30deg);width:300px}@keyframes galaxyRotate{0%{transform:rotate(0deg) scale(1);transform:rotate(var(--start-rotation,0deg)) scale(1)}50%{transform:rotate(180deg) scale(1.1);transform:rotate(calc(var(--start-rotation, 0deg) + 180deg)) scale(1.1)}to{transform:rotate(1turn) scale(1);transform:rotate(calc(var(--start-rotation, 0deg) + 1turn)) scale(1)}}.black-hole{animation:blackHolePull 8s ease-in-out infinite;background:radial-gradient(circle at 40% 40%,#000 15%,#4b0082e6 25%,#8a2be299 35%,#ff8c004d 50%,#0000 70%);border-radius:50%;filter:blur(.5px);height:150px;position:absolute;right:25%;top:70%;width:150px}@keyframes blackHolePull{0%,to{box-shadow:0 0 50px #4b008299;transform:scale(1)}50%{box-shadow:0 0 100px #8a2be2cc;transform:scale(1.2)}}.comet{animation:cometTrajectory 15s linear infinite;background:radial-gradient(circle,#fff,#f60);border-radius:50%;box-shadow:0 0 20px #f30,0 0 40px #f60,0 0 60px #f90;height:12px;position:absolute;width:12px}.comet:before{background:linear-gradient(90deg,#ffffffe6,#f60c 20%,#f309 40%,#f906 60%,#0000);border-radius:2px;content:"";filter:blur(1px);height:4px;left:100%;position:absolute;top:50%;transform:translateY(-50%);width:200px}@keyframes cometTrajectory{0%{right:-5%;top:-5%;transform:rotate(45deg)}to{right:105%;top:105%;transform:rotate(45deg)}}.cosmic-nebula{animation:nebulaPulse 20s ease-in-out infinite;background:radial-gradient(ellipse,#ff149326 0,#8a2be21a 30%,#00bfff14 60%,#0000 80%);border-radius:50%;filter:blur(30px);height:300px;left:60%;position:absolute;top:40%;width:400px}@keyframes nebulaPulse{0%,to{opacity:.15;transform:scale(1) rotate(0deg)}50%{opacity:.25;transform:scale(1.3) rotate(180deg)}}.asteroid{animation:asteroidFloat 25s linear infinite;border-radius:50%;position:absolute}.asteroid1{animation-duration:30s;background:radial-gradient(ellipse at 30% 30%,#777 0,#444 40%,#222 100%);box-shadow:inset -2px -2px 4px #00000080;height:10px;left:80%;top:15%;width:12px}.asteroid2{animation-delay:-10s;animation-duration:40s;background:radial-gradient(ellipse at 25% 25%,#888 0,#555 40%,#333 100%);box-shadow:inset -1px -1px 3px #00000080;height:8px;left:10%;top:60%;width:8px}.asteroid3{animation-delay:-20s;animation-duration:35s;background:radial-gradient(ellipse at 35% 35%,#666 0,#333 40%,#111 100%);box-shadow:inset -1px -1px 2px #00000080;height:6px;right:15%;top:85%;width:6px}@keyframes asteroidFloat{0%{transform:translateX(-50px) rotate(0deg)}to{transform:translateX(calc(100vw + 50px)) rotate(1turn)}}.cloud{animation:cloudDrift 40s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.1;position:absolute}.cloud1{background:radial-gradient(ellipse,#00ffff4d,#0000);height:300px;left:10%;top:10%;width:400px}.cloud2{animation-delay:-15s;background:radial-gradient(ellipse,#ff009633,#0000);height:400px;right:20%;top:60%;width:300px}.cloud3{animation-delay:-25s;background:radial-gradient(ellipse,#00ff6426,#0000);bottom:20%;height:200px;left:30%;width:500px}@keyframes cloudDrift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(.9)}75%{transform:translate(40px,10px) scale(1.05)}}.particle-system{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:floatParticle 15s linear infinite;background:#0ff9;border-radius:50%;height:2px;position:absolute;width:2px}@keyframes floatParticle{0%{opacity:0;transform:translateY(100vh) translateX(0) scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-10vh) translateX(50px) scale(0)}}.cosmic-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23f2;border-bottom:1px solid #00ffff4d;box-shadow:0 4px 20px #00ffff1a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#ff6b6b,#4ecdc4);background-clip:text;-webkit-background-clip:text;font-size:2rem;margin-bottom:.5rem;text-shadow:0 0 20px #00ffff80}.status-bar{flex-wrap:wrap;gap:2rem}.connection-status,.status-bar{align-items:center;display:flex}.connection-status{border-radius:20px;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.connection-status.connected{background:#00ff001a;border:1px solid #00ff004d;color:#0f0}.connection-status.fallback{background:#ffa5001a;border:1px solid #ffa5004d;color:orange}.connection-status.checking{background:#8080801a;border:1px solid #8080804d;color:grey}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connected .status-dot{background:#0f0}.fallback .status-dot{background:orange}.checking .status-dot{background:grey}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.last-updated{color:#888;font-size:.8rem}.cosmic-btn,.refresh-btn{background:linear-gradient(45deg,#0ff,#0080ff);border:none;border-radius:25px;box-shadow:0 4px 15px #00ffff4d;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.cosmic-btn:hover,.refresh-btn:hover{box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.holographic-loader{animation:spin 1s linear infinite;border:4px solid #00ffff4d;border-radius:50%;border-top-color:#0ff;height:60px;margin-bottom:2rem;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neon-text{color:#0ff;text-shadow:0 0 10px #00ffff80}.subtitle-text{color:#888;font-size:1.1rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.holographic-card{animation:cardFloat 8s ease-in-out infinite;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#00ffff08,#0006 20%,#0064ff05 80%,#00ff9603);border:1px solid #0ff3;border-radius:25px;box-shadow:0 10px 40px #0000004d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:2rem;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}@keyframes cardFloat{0%,to{transform:translateY(0) rotateX(0deg)}33%{transform:translateY(-5px) rotateX(1deg)}66%{transform:translateY(5px) rotateX(-1deg)}}.holographic-card:before{animation:holoBorder 6s linear infinite;background:linear-gradient(45deg,#0000,#0ff6,#0000,#00ff964d,#0000);border-radius:25px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;right:0;top:0}@keyframes holoBorder{0%{background-position:0 50%}to{background-position:200% 50%}}.holographic-card:hover{border-color:#00ffff80;box-shadow:0 25px 60px #0006,0 0 80px #0ff3,inset 0 1px 0 #fff3;transform:translateY(-15px) scale(1.02)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#00ff80,#0080ff);background-clip:text;-webkit-background-clip:text;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;position:relative;text-align:center;text-transform:uppercase}.section-title:after{animation:underlineGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0ff,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@keyframes underlineGlow{0%,to{opacity:.6;width:60px}50%{opacity:1;width:100px}}.portfolio-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.metric-card{background:#1e1e3cb3;border:1px solid #00ffff4d;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{box-shadow:0 10px 30px #0ff3;transform:translateY(-5px)}.metric-card h3{color:#888;font-size:1rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.value-large{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.profit-glow{color:#0f0;text-shadow:0 0 10px #00ff0080}.loss-glow{color:#ff4757;text-shadow:0 0 10px #ff475780}.percentage{font-size:1.2rem;font-weight:600}.stock-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cosmic-card,.stock-card{background:#191932cc;border:1px solid #6464c84d;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.cosmic-card:before,.stock-card:before{background:linear-gradient(90deg,#0000,#00ffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cosmic-card:hover:before,.stock-card:hover:before{left:100%}.cosmic-card:hover,.stock-card:hover{border-color:#00ffff80;box-shadow:0 8px 25px #0ff3;transform:translateY(-3px)}.stock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stock-symbol{color:#0ff;font-size:1.4rem;font-weight:700}.stock-price{color:#fff;font-size:1.6rem;font-weight:700}.stock-details{display:flex;flex-direction:column;gap:.5rem}.change{align-items:center;display:flex;font-weight:600;gap:.5rem}.change-percent{font-size:.9rem;opacity:.8}.volume{color:#888;font-size:.9rem}.holdings-grid{display:flex;flex-direction:column;gap:.5rem}.enhanced-holdings .holdings-grid,.holdings-grid{max-height:400px;overflow-y:auto;padding-right:10px}.enhanced-holdings .holdings-grid{overflow-x:hidden}.enhanced-holdings{max-height:500px;overflow:hidden}.enhanced-holdings .holdings-grid::-webkit-scrollbar{width:8px}.enhanced-holdings .holdings-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.enhanced-holdings .holdings-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#0080ff);border-radius:10px}.enhanced-holdings .holdings-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0dd,#06d)}.ticker-tape{background:#000c;border-top:1px solid #00ffff4d;bottom:0;height:40px;left:0;overflow:hidden;position:fixed;right:0;z-index:100}.ticker-content{align-items:center;animation:tickerScroll 60s linear infinite;display:flex;height:100%;white-space:nowrap}@keyframes tickerScroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.ticker-item{color:#0ff;font-size:.9rem;margin-right:3rem}.holdings-grid::-webkit-scrollbar{width:6px}.holdings-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.holdings-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#0080ff);border-radius:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#14142880}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#0080ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0dd,#06d)}@media (max-width:1200px){.stock-grid{grid-template-columns:repeat(2,1fr)}.portfolio-metrics{grid-template-columns:1fr}}@media (max-width:768px){.cosmic-header,.dashboard-content{padding:1rem}.main-title{font-size:1.4rem}.status-bar{align-items:flex-start;flex-direction:column;gap:1rem}.stock-grid{grid-template-columns:1fr}.neon-chinese-sign{font-size:4rem;left:10%}}@media (max-width:480px){.main-title{font-size:1.5rem}.value-large{font-size:2rem}.holographic-card{padding:1rem}.stock-header{align-items:flex-start;flex-direction:column;gap:.5rem}.metric-card{padding:1rem}.neon-chinese-sign{font-size:3rem}}@keyframes glow{0%,to{box-shadow:0 0 5px #00ffff80}50%{box-shadow:0 0 20px #0ffc,0 0 30px #0ff9}}.stock-card:hover{animation:glow 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.metric-card:nth-child(odd){animation:float 6s ease-in-out infinite}.metric-card:nth-child(2n){animation:float 6s ease-in-out infinite reverse}.dashboard-content:before{background:radial-gradient(circle at 20% 50%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 80%,#78dbe24d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.particle-canvas{left:0!important;pointer-events:none!important;position:fixed!important;top:0!important;z-index:1!important}body:after{z-index:-3!important}.neon-chinese-sign{z-index:0!important}.dashboard-content{position:relative;z-index:2}.cosmic-header{z-index:100!important}.cosmic-btn:active,.refresh-btn:active{transform:translateY(-1px) scale(.98)}.loading-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#0ff,#ff6b6b,#4ecdc4);background-clip:text;-webkit-background-clip:text;margin-bottom:.5rem}.loading-container p{color:#888;font-size:1.1rem}.cosmic-btn:focus,.refresh-btn:focus{outline:2px solid #0ff;outline-offset:2px}@media (prefers-color-scheme:dark){body{background:linear-gradient(135deg,#001,#1a0033 50%,#024)}.cosmic-header{background:#050514fa}.holographic-card{background:#0a0a1ee6}}
/*# sourceMappingURL=main.8448d62a.css.map*/