*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a2e;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;color:#e0f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:fixed;top:0;left:0}#app canvas{display:block;width:100%!important;height:100%!important}.loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a2e;z-index:1000;transition:opacity .6s ease}.loading.hidden{opacity:0;pointer-events:none}.loading p{margin-top:20px;font-size:16px;color:#80cbc4;letter-spacing:2px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.15);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-panel{position:fixed;right:40px;top:50%;transform:translateY(-50%);width:360px;max-height:80vh;background:#0a0a2ee6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,229,255,.3);border-radius:16px;padding:28px;color:#e0f7fa;z-index:100;box-shadow:0 0 40px #00e5ff1a,0 0 80px #00e5ff0d,inset 0 1px #ffffff0d;transition:opacity .4s ease,transform .4s ease;overflow-y:auto}.info-panel.hidden{opacity:0;transform:translateY(-50%) translate(40px);pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,229,255,.15)}.panel-header h2{font-size:20px;font-weight:700;color:#00e5ff;letter-spacing:1px;margin:0}#panel-close{width:32px;height:32px;border:1px solid rgba(0,229,255,.3);border-radius:8px;background:#00e5ff0d;color:#80cbc4;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}#panel-close:hover{background:#00e5ff26;color:#00e5ff;border-color:#00e5ff80}.panel-body{font-size:14px;line-height:1.8}#panel-description{color:#b2dfdb;margin-bottom:16px;font-size:13px;line-height:1.7}#panel-items{list-style:none;padding:0}#panel-items li{padding:8px 12px;margin-bottom:6px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.1);border-radius:8px;font-size:13px;color:#b2dfdb;transition:all .2s ease}#panel-items li:hover{background:#00e5ff1a;border-color:#00e5ff40;color:#e0f7fa}#panel-items li:before{content:"▸ ";color:#00e5ff;font-weight:700}.sub-items{margin-top:8px;padding-left:16px}.sub-items li{font-size:12px;padding:5px 10px;background:#7c4dff0d;border-color:#7c4dff1a}.sub-items li:hover{background:#7c4dff1a;border-color:#7c4dff40}.sub-items li:before{content:"◦ ";color:#7c4dff}.tooltip{position:fixed;padding:8px 14px;background:#0a0a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,229,255,.3);border-radius:8px;font-size:13px;color:#e0f7fa;pointer-events:none;z-index:200;white-space:nowrap;transition:opacity .15s ease}.tooltip.hidden{opacity:0}@media(max-width:768px){.info-panel{right:16px;left:16px;width:auto;top:auto;bottom:16px;transform:translateY(0);max-height:50vh}.info-panel.hidden{transform:translateY(20px)}}@media(max-width:480px){.info-panel{padding:20px;border-radius:12px}.panel-header h2{font-size:17px}}.info-panel::-webkit-scrollbar{width:4px}.info-panel::-webkit-scrollbar-track{background:transparent}.info-panel::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:2px}.info-panel::-webkit-scrollbar-thumb:hover{background:#00e5ff66}