body{margin:0;height:100vh;width:100vw}#root{height:100vh;width:100vw}.view{margin:0;padding:0;position:absolute;top:10px;left:10px;z-index:100}.view li{cursor:pointer;list-style:none;font-size:12px;padding:4px 10px;color:#fff;background:rgba(0,0,0,.5);border-bottom:1px solid rgba(0,0,0,.1)}.info-panel{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;color:#fff}.info-panel.active{opacity:1;visibility:visible}.info-panel-card{width:600px;max-width:90vw;max-height:85vh;background:rgba(20,20,30,.97);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transform:scale(.92);transition:transform .3s ease}.info-panel.active .info-panel-card{transform:scale(1)}.info-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.info-panel-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.info-panel-close{background:transparent;border:none;color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:0 4px;opacity:.7;transition:opacity .2s}.info-panel-close:hover{opacity:1}.info-panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px}.info-panel-image{width:100%;margin-bottom:20px}.info-panel-image img{width:100%;height:auto;display:block;border-radius:8px}.info-panel-desc{font-size:14px;line-height:1.8;color:#ffffffd9}.info-panel-desc p{margin:0 0 12px}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}#loading-screen.fade-out{opacity:0}.loading-card{width:380px;max-width:80vw;text-align:center}.loading-card .loading-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:2px}.loading-card .loading-bar{width:100%;height:8px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden;margin-bottom:14px}.loading-card .loading-bar .loading-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,#89f7fe 0%,#66a6ff 100%);border-radius:4px;transition:width .4s ease;box-shadow:0 0 10px #89f7fe80}.loading-card .loading-text{font-size:13px;color:#ffffffa6;letter-spacing:1px}