49 lines
No EOL
2.3 KiB
HTML
49 lines
No EOL
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
<title>Dragon Wind — Wild Dragon</title>
|
|
<link rel="icon" href="/dragon-icon.png" type="image/png"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"/>
|
|
<style>
|
|
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
|
|
|
|
:root{
|
|
--bg-primary:#06080e;--bg-secondary:#0c1019;--bg-card:#10141f;--bg-card-hover:#151a28;
|
|
--border:#1a2035;--border-bright:#2a3555;
|
|
--accent:#1a3fc7;--accent-bright:#2b5cff;--accent-glow:rgba(43,92,255,.15);
|
|
--dragon:#e05c1a;--dragon-bright:#ff7d3b;--dragon-glow:rgba(224,92,26,.15);
|
|
--blue:#1e4bd8;--blue-bright:#3060ff;
|
|
--text-primary:#e4e8f1;--text-secondary:#7a85a0;--text-dim:#4a5470;
|
|
--success:#22c55e;--success-bg:rgba(34,197,94,.1);
|
|
--error:#ef4444;--error-bg:rgba(239,68,68,.1);
|
|
--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);
|
|
}
|
|
[data-theme="light"]{
|
|
--bg-primary:#f0f2f7;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#eaedf4;
|
|
--border:#d4d9e8;--border-bright:#b0b9cf;
|
|
--text-primary:#0f1220;--text-secondary:#3d4560;--text-dim:#7a84a0;
|
|
--accent-glow:rgba(43,92,255,.1);--dragon-glow:rgba(224,92,26,.08);
|
|
--success:#16a34a;--success-bg:rgba(22,163,74,.08);
|
|
--error:#dc2626;--error-bg:rgba(220,38,38,.08);
|
|
}
|
|
html{font-size:15px}
|
|
body{font-family:'Outfit',sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}
|
|
body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(26,63,199,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,rgba(224,92,26,.04) 0%,transparent 60%);pointer-events:none;z-index:0}
|
|
|
|
/* ============================================================
|
|
SPLASH SCREEN
|
|
============================================================ */
|
|
#splash{
|
|
position:fixed;inset:0;z-index:9999;background:#03040a;
|
|
display:flex;flex-direction:column;align-items:center;justify-content:center;
|
|
overflow:hidden;
|
|
}
|
|
#splash.fade-out{
|
|
animation:splashFadeOut .7s cubic-bezier(.4,0,1,1) forwards;
|
|
}
|
|
@keyframes splashFadeOut{
|
|
0%{opacity:1;transform:scale(1)}
|
|
100%{opacity:0;transform:scale(1.05);pointer-events:none}
|
|
} |