更新优化调整

This commit is contained in:
2026-02-11 15:49:19 +08:00
parent 1bfe30651e
commit ada5e027fa
11 changed files with 643 additions and 892 deletions
+11 -5
View File
@@ -14,12 +14,12 @@
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f5f5f5}
#app,#loading{width:100%;height:100vh}
#loading{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:9999;transition:opacity .3s}
#loading{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff5f0,#ffe8dc);z-index:9999;transition:opacity .3s}
#loading.hidden{opacity:0;pointer-events:none}
.logo{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:scale 1s ease-in-out infinite}
.logo{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:scale 1s ease-in-out infinite;box-shadow:0 8px 24px rgba(255,107,53,.15)}
.logo svg{width:36px;height:36px}
.text{color:#fff;font-size:24px;font-weight:600;margin-bottom:30px}
.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate .8s linear infinite}
.text{color:#2d1810;font-size:24px;font-weight:600;margin-bottom:30px}
.spinner{width:40px;height:40px;border:3px solid rgba(255,107,53,.3);border-top-color:#ff6b35;border-radius:50%;animation:rotate .8s linear infinite}
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
</style>
@@ -28,10 +28,16 @@
<div id="loading">
<div class="logo">
<svg viewBox="0 0 24 24" fill="none">
<rect width="24" height="24" rx="4" fill="#667eea"/>
<rect width="24" height="24" rx="4" fill="url(#logoGradient)"/>
<path d="M7 8h10v2H7V8Z" fill="white"/>
<path d="M7 11h10v2H7v-2Z" fill="white"/>
<path d="M7 14h7v2H7v-2Z" fill="white"/>
<defs>
<linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff6b35"/>
<stop offset="100%" stop-color="#ffb347"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="text"><script>document.write(window.__APP_NAME__)</script></div>