.loading-overlay.view-progress,.loading-overlay.loading{position:absolute;inset:0;z-index:90;display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;transform:none;padding:24px;background:#173b354d;border:0;border-radius:0;backdrop-filter:blur(3px);box-shadow:none;pointer-events:auto;color:#163f37}
.loading-card{width:min(410px,100%);padding:28px;border:1px solid #e6eee0;border-radius:22px;background:#fffef9;box-shadow:0 22px 70px #102f3e35;text-align:left;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.loading-heading{display:flex;align-items:center;gap:15px}.loading-heading>div{min-width:0;flex:1}.loading-card .loading-stage{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#52776a}.loading-card [data-loading="title"]{display:block;font-size:22px;font-weight:700;line-height:1.45;letter-spacing:0;color:inherit}.loading-card [data-loading="detail"]{margin:16px 0;font-size:14px;line-height:1.7;color:#526a60;overflow-wrap:anywhere}.loading-spinner{display:block;flex:none;width:37px;height:37px;border:3px solid #dbe8dc;border-top-color:#1e7660;border-right-color:#1e7660;border-radius:50%;animation:loading-spin 1s linear infinite}.loading-card progress{display:block;width:100%;height:7px;margin:17px 0 4px;accent-color:#1e7660;border:0;border-radius:99px;overflow:hidden}.loading-card progress::-webkit-progress-bar{background:#e5ede4;border-radius:99px}.loading-card progress::-webkit-progress-value{background:#247760;border-radius:99px;transition:width .2s}.loading-progress-note{display:block;font-size:11px;color:#72847b;margin-top:7px}.loading-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.loading-actions button,.loading-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 15px;border:1px solid #b8cec0;border-radius:10px;background:#eef4ec;color:#254f42;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.loading-actions [data-loading="retry"]{background:#205d4d;color:#fff;border-color:#205d4d}.loading-actions button:hover,.loading-actions a:hover{filter:brightness(.96)}.loading-actions button:focus-visible,.loading-actions a:focus-visible{outline:3px solid #c39546;outline-offset:3px}.loading-actions [hidden]{display:none!important}
.loading-overlay[data-state="slow"] .loading-card{border-color:#cfad65}.loading-overlay[data-state="error"] .loading-spinner,.loading-float[data-state="error"] .loading-spinner{animation:none;border-color:#b7784e;background:#b7784e15}.loading-overlay[data-state="ready"] .loading-spinner,.loading-float[data-state="ready"] .loading-spinner{animation:none;border-color:#38785f;background:#dcebdd}.loading-overlay[data-state="error"] .loading-spinner::after,.loading-float[data-state="error"] .loading-spinner::after{content:"!";display:block;text-align:center;line-height:30px;color:#92572d;font-size:23px;font-weight:700}.loading-float[data-state="ready"] .loading-spinner::after{content:"✓";display:block;text-align:center;line-height:29px;color:#286847;font-size:20px;font-weight:700}
#detailProgress.loading-float{position:absolute;z-index:22;left:50%;right:auto;top:164px;bottom:auto;transform:translateX(-50%);width:min(390px,calc(100% - 190px));max-width:390px;padding:0;border:0;border-radius:17px;background:none;display:block;pointer-events:none;color:#173f37;box-shadow:0 12px 40px #173d352b}#detailProgress .loading-card{width:100%;padding:17px 19px;border-radius:17px;box-shadow:none;background:#fffef9f5}#detailProgress [data-loading="title"]{font-size:17px}#detailProgress .loading-spinner{width:31px;height:31px;border-width:3px}#detailProgress .loading-stage{font-size:11px;margin-bottom:3px}#detailProgress [data-loading="detail"]{font-size:12px;line-height:1.6;margin:10px 0}#detailProgress progress{width:100%;height:6px;margin:10px 0 0}#detailProgress .loading-actions{margin-top:10px;pointer-events:auto;gap:8px}#detailProgress .loading-actions a,#detailProgress .loading-actions button{min-height:36px;padding:7px 12px;font-size:12px}#detailProgress[data-state="ready"] .loading-actions,#detailProgress[data-state="ready"] [data-loading="detail"]{display:none}#detailProgress[data-state="slow"] .loading-card,#detailProgress[data-state="error"] .loading-card{border-color:#c9a86c}
.night #detailProgress{color:#f2f4e5}.night #detailProgress .loading-card{background:#12372ff5;border-color:#658074}.night #detailProgress .loading-stage{color:#a8c8b1}.night #detailProgress [data-loading="detail"]{color:#c4d9c7}.night #detailProgress .loading-spinner{border-color:#426754;border-top-color:#d5c787}.night #detailProgress .loading-actions a{background:#294d3f;color:#f1f4e7;border-color:#6c8c74}
@media(max-width:650px){.loading-overlay.view-progress,.loading-overlay.loading{padding:18px}.loading-card{padding:22px;border-radius:18px}.loading-card [data-loading="title"]{font-size:20px}.loading-card [data-loading="detail"]{font-size:14px}#detailProgress.loading-float{top:124px;left:12px;right:124px;transform:none;width:auto;max-width:350px}#detailProgress .loading-card{padding:14px}#detailProgress .loading-heading{gap:10px}#detailProgress [data-loading="title"]{font-size:16px}#detailProgress .loading-actions a,#detailProgress .loading-actions button{min-height:40px}}
@media(max-height:500px) and (orientation:landscape){.loading-overlay.view-progress,.loading-overlay.loading{padding:12px}.loading-card{padding:18px 22px;width:min(470px,100%)}.loading-card [data-loading="title"]{font-size:19px}.loading-card [data-loading="detail"]{margin:10px 0}.loading-actions{margin-top:12px}#detailProgress.loading-float,.immersive-scene #detailProgress.loading-float{top:68px;left:50%;right:auto;transform:translateX(-50%);width:min(330px,calc(100% - 200px));max-width:330px}#detailProgress .loading-card{padding:12px 15px}#detailProgress [data-loading="detail"]{font-size:12px;margin:7px 0}#detailProgress .loading-actions{margin-top:8px}#detailProgress .loading-spinner{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none;border-style:dashed}.loading-card progress::-webkit-progress-value{transition:none}}
@keyframes loading-spin{to{transform:rotate(360deg)}}