#status[data-cat-loading]{position:fixed;inset:0;z-index:1000;display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-content:stretch;place-items:center;visibility:visible;background:#ead5ae;color:#654321;isolation:isolate;transition:opacity .4s ease;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
#status[data-cat-loading]::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#fff1d8bb,#e5cda9cc),url("hero.webp") center/cover;filter:blur(14px);transform:scale(1.04)}
.loading-scene{position:relative;width:100%;height:100%;max-width:560px;overflow:hidden;background:#fff2d6;box-shadow:0 0 80px #754f3133}
.loading-keyvisual{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none}
.loading-brand{position:absolute;top:max(5.8%,env(safe-area-inset-top));left:5%;right:5%;text-align:center;color:#704321;text-shadow:0 2px #fff6df,0 0 15px #fff7e0}
.loading-eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;letter-spacing:4px;font-weight:700;color:#957041}
.loading-eyebrow span{height:1px;width:34px;background:linear-gradient(90deg,transparent,#ad8c54)}
.loading-eyebrow span:last-child{transform:rotate(180deg)}
.loading-brand h1{margin:9px 0 7px;font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;font-size:clamp(42px,12.5vw,66px);line-height:1.18;letter-spacing:5px;font-weight:900;color:#704221;-webkit-text-stroke:1px #704221;text-shadow:0 2px 0 #fff4cf,0 4px 0 #d7af6c,0 7px 10px #70422118}
.loading-brand p{font-size:clamp(11px,3.2vw,15px);margin:9px 0 0;letter-spacing:1px;font-weight:600;color:#926a3e}
.loading-panel{position:absolute;left:7%;right:7%;bottom:max(4.2%,calc(env(safe-area-inset-bottom) + 18px));text-align:center;isolation:isolate}
.loading-panel::before{content:"";position:absolute;inset:-12px -10px -15px;z-index:-1;background:radial-gradient(ellipse at center,#fff3d9e8 30%,#fff3d900 74%)}
.loading-caption{display:flex;justify-content:space-between;align-items:center;margin:0 5.5% -1%;padding:2px 6px;border-radius:7px;background:#fff4d9d9;font-size:13px;line-height:1.7;font-weight:700;color:#6f4827;text-shadow:0 1px #fff9e8}
#loading-percent{font-size:17px;font-variant-numeric:tabular-nums;color:#9b6429}
.loading-meter{position:relative;width:100%;aspect-ratio:2085/388;--load:0%}
.loading-rail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.loading-channel{position:absolute;left:11.6%;right:11.3%;top:38.5%;height:22%;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #4b2c1c80;background:#6f4828}
.loading-fill{position:relative;width:var(--load);height:100%;border-radius:inherit;background:linear-gradient(180deg,#ffe9a6 0%,#f9d26c 18%,#e8ad3e 55%,#c98826 100%);box-shadow:inset 0 1px 0 #fff6d0,inset 0 -1px 1px #9b642d80;transition:width .22s ease-out}
.loading-fill::before{content:"";position:absolute;left:5px;right:5px;top:18%;height:17%;border-radius:99px;background:#fff7ce9c}
.loading-fill i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff6ce77 45%,transparent 65%) -80px 0/100px 100% no-repeat;animation:loading-glimmer 2.8s ease-in-out infinite}
#loading-detail{margin:0;font-size:11px;line-height:1.5;color:#96754d;font-variant-numeric:tabular-nums}
.loading-tip{margin:15px -3px 0;min-height:1.6em;font-size:12px;line-height:1.6;color:#805b33;font-weight:600}
.loading-first{margin:7px 0 0;font-size:10px;line-height:1.5;color:#ad8b5f}
#status[data-cat-loading] #status-progress{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;bottom:0;left:0;margin:0;opacity:0;pointer-events:none}
#status[data-cat-loading] #status-notice{position:relative;display:none;margin:10px 0 0;padding:10px 12px;max-height:140px;overflow:auto;background:#fff5e6ed;border:1px solid #c68d5c;border-radius:10px;font:11px/1.6 sans-serif;color:#8a4a2f;overflow-wrap:anywhere;text-align:left}
#loading-retry{margin:12px auto 0;padding:10px 28px;min-height:44px;border:2px solid #88603a;border-radius:22px;background:linear-gradient(#96b36e,#668a45);color:#fff9e9;font:bold 14px sans-serif;box-shadow:inset 0 1px #e7efc2;cursor:pointer}
#loading-retry[hidden]{display:none}
#status.is-failed .loading-caption{justify-content:center;margin:0;font-size:15px;color:#984e32}
#status.is-failed .loading-meter,#status.is-failed .loading-first{display:none}
#status.is-failed .loading-panel{bottom:max(3.5%,env(safe-area-inset-bottom));padding:12px;box-sizing:border-box;border:1px solid #d5b485;border-radius:16px;background:#fff2d6f2;box-shadow:0 4px 16px #70422122}
#status.is-leaving{opacity:0;pointer-events:none}
@keyframes loading-glimmer{0%,25%{background-position:-110px 0}80%,100%{background-position:calc(100% + 110px) 0}}
@media(min-aspect-ratio:4/5){.loading-scene{max-width:min(560px,56vh)}.loading-brand h1{font-size:clamp(30px,7vh,62px)}.loading-brand p{font-size:clamp(10px,1.7vh,14px)}.loading-caption{font-size:12px}.loading-panel{bottom:3%}.loading-tip{margin-top:8px;font-size:11px}}
@media(max-height:680px) and (max-aspect-ratio:4/5){.loading-brand{top:5%}.loading-brand h1{font-size:42px}.loading-panel{bottom:3%}.loading-tip{margin-top:7px}.loading-first{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.loading-fill,#status[data-cat-loading]{transition:none}.loading-fill i{animation:none}}