whstu.github.io/index.html at main · whstu/whstu.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>主页 - 卓然第三帝国</title>
<style>
:root {
  --bg: linear-gradient(145deg, #eff6ff 0%, #eef2ff 35%, #f8fafc 100%);
  --text: #0f172a;
  --muted: #475569;
  --line: rgba(15,23,42,.12);
  --glass: rgba(255,255,255,.66);
  --glass2: rgba(255,255,255,.82);
  --primary: #2563eb;
  --shadow: 0 12px 28px rgba(37,99,235,.14);
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;color:var(--text);background:var(--bg)}
.shell{max-width:1200px;margin:0 auto;padding:24px 16px 42px}
.glass{background:var(--glass);border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(14px) saturate(140%);box-shadow:var(--shadow)}
.top{padding:14px 16px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:700}
.brand img{width:32px;height:32px;border-radius:10px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip,.btn{border:1px solid var(--line);background:var(--glass2);color:var(--text);text-decoration:none;border-radius:12px;padding:8px 12px;font-size:14px;display:inline-block}
.chip-primary,.btn{background:var(--primary);color:#fff;border-color:transparent}
.chips .chip:last-child{margin-left:auto}
.hero{padding:24px;margin-bottom:14px}
.hero h1{margin:0 0 8px;font-size:clamp(26px,4vw,38px)}
.hero p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.card{padding:16px}
.card h2{margin:0 0 10px;font-size:18px}
.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.list li{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.7);color:var(--muted)}
.list li a{color:var(--primary);text-decoration:none}
.list li a:hover{text-decoration:underline}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72)}
.table{width:100%;border-collapse:collapse;min-width:520px}
.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.table th{background:rgba(37,99,235,.08);color:#1e3a8a}
.table tr:last-child td{border-bottom:none}
@media(max-width:980px){.grid{grid-template-columns:1fr}}
</style>
</head>
<body>
<main class="shell">
  <header class="top glass">
    <div class="brand"><img src="/index_files/zrlogo692x692.png" alt="logo" /><span>卓然第三帝国</span></div>
    <div class="row">
      <nav class="chips">
<a class="chip" href="/">主页</a>
<a class="chip" href="/download/">资源下载</a>
<a class="chip" href="/game/">游戏</a>
<a class="chip" href="https://win12.whstu.dpdns.org/desktop.html" target="_blank" rel="noopener">Win12 模拟器</a>
<a class="chip" href="https://chat.whstu.dpdns.org/" target="_blank" rel="noopener">聊天</a>
<a class="chip" href="/join-us/">加入班级群</a>
<a class="chip" href="https://blog.whstu.dpdns.org/" target="_blank" rel="noopener">WHSTU 的博客</a>
<a class="chip" href="https://ntfy.whstu.dpdns.org" target="_blank" rel="noopener">ntfy</a>
<a class="chip chip-primary" href="/info/">关于</a>
</nav>
    </div>
  </header>

  <section class="hero glass">
    <h1>你好，欢迎来到卓然第三帝国</h1>
    <p>最顶栏内容已按原始首页导航恢复，且“推荐访问”内容已移动到最顶栏。</p>
  </section>

  <section class="grid">
    <article class="card glass"><h2>公告与新闻</h2><ul class="list"><li>卓然第三帝国增加“加入班级群”栏目（2024-10-27）</li><li>文海学生网改名卓然第三帝国（2024-07-16）</li></ul></article>
    <aside class="card glass"><h2>站点说明</h2><ul class="list"><li>顶部已包含推荐访问（Win12/博客/ntfy）。</li><li>页面保持原生 HTML + Fluent 风格。</li></ul></aside>
  </section>
</main>
</body>
</html>