#dataLoading[hidden]{display:none!important}
#dataLoading{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:18px;width:480px;max-width:calc(100vw - 28px);box-sizing:border-box;padding:22px 26px;background:linear-gradient(120deg,#fff,#fff4f7 70%,#f6f2ff);border:1px solid #efd5de;border-radius:22px;box-shadow:0 14px 50px #66203a24,0 2px 8px #66203a0c;color:#283b54;overflow:hidden;animation:loading-appear .25s ease-out}
#dataLoading::after{content:"";position:absolute;bottom:0;left:0;width:38%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#db315b,#ba8ae0,transparent);animation:loading-scan 2.3s ease-in-out infinite}
.data-loading-copy{min-width:0}.data-loading-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#bc647e;margin-bottom:6px}#dataLoading strong{font-size:18px;font-weight:650;line-height:1.4}#dataLoading p{font-size:12px;line-height:1.7;color:#7d7180;margin:7px 0 0}#dataLoading button{margin-top:12px;padding:8px 17px;border:1px solid #e6c7d0;border-radius:10px;background:#fff;color:#b92b50;font:inherit;font-size:13px;cursor:pointer}#dataLoading button:hover{background:#fff1f5}
.data-loading-spinner{display:flex;align-items:center;justify-content:center;gap:4px;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#ffe5ed,#f0e7fa);flex-shrink:0}.data-loading-spinner i{display:block;width:6px;height:25px;border-radius:5px;background:#d9325c;animation:loading-bars 1s ease-in-out infinite}.data-loading-spinner i:nth-child(2){animation-delay:.13s;background:#e76786}.data-loading-spinner i:nth-child(3){animation-delay:.26s;background:#ae76c4}.data-loading-spinner i:nth-child(4){animation-delay:.39s;background:#cc5085}
#dataLoading.failed{background:#fff8f4;border-color:#edd7ca}#dataLoading.failed .data-loading-eyebrow{font-size:0}#dataLoading.failed .data-loading-eyebrow::after{content:"等待重试";font-size:10px}#dataLoading.failed::after{animation:none;width:100%;background:#e0b49d}#dataLoading.failed .data-loading-spinner{background:#f9e8dc}#dataLoading.failed .data-loading-spinner i{animation:none;background:#c68a65;height:10px}
body.data-is-stale #workspace .page,body.data-is-stale #trendPanel{filter:grayscale(1);opacity:.4;transition:opacity .15s ease}body.data-is-stale #workspace .page{outline:1px solid #ddd}
@keyframes loading-bars{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes loading-scan{0%{left:-38%}100%{left:100%}}@keyframes loading-appear{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:600px){#dataLoading{top:12px;padding:17px;gap:13px;border-radius:18px}#dataLoading strong{font-size:16px}.data-loading-spinner{width:46px;height:46px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){#dataLoading,#dataLoading::after,.data-loading-spinner i{animation:none}#dataLoading::after{left:0;width:100%}}