128 lines
6.6 KiB
HTML
128 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||
<title>公告 · 宇森 Yusen</title>
|
||
<link rel="stylesheet" href="assets/fonts/yusen-fonts.css" />
|
||
<link rel="icon" type="image/png" sizes="48x48" href="assets/ui/logo_planet_48.png?v=20260723">
|
||
<link rel="stylesheet" href="assets/common.css" />
|
||
<style>
|
||
.notes-wrap{max-width:1100px;width:100%;margin:0 auto;padding:28px 0;}
|
||
.notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;}
|
||
|
||
.note{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,rgba(139,92,246,.10),rgba(76,201,240,.04));border:1px solid var(--card-bd);border-left:4px solid var(--magenta);border-radius:16px;transition:.24s;}
|
||
.note:hover{transform:translateY(-3px);border-color:var(--violet);background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(76,201,240,.07));box-shadow:var(--glow);}
|
||
.note.pin{border-left-color:var(--gold);background:linear-gradient(135deg,rgba(231,184,92,.12),rgba(139,92,246,.06));}
|
||
.note.pin:hover{background:linear-gradient(135deg,rgba(231,184,92,.18),rgba(139,92,248,.08));}
|
||
.note.feat{grid-column:1 / -1;flex-direction:row;align-items:stretch;}
|
||
.note.feat .note-cover{flex:0 0 44%;width:44%;min-height:260px;}
|
||
.note.feat .note-body{flex:1;justify-content:center;}
|
||
.note.feat .note-title{font-size:27px;}
|
||
.note.feat .body{font-size:16px;}
|
||
|
||
.note-cover{height:168px;flex:0 0 auto;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid var(--card-bd);position:relative;}
|
||
.note-cover.empty{background:linear-gradient(135deg,rgba(139,92,246,.24),rgba(76,201,240,.10));}
|
||
.note-cover.empty::after{content:'封面图 · 后台配置';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:2px;color:rgba(255,255,255,.5);}
|
||
.note-body{padding:18px 22px;display:flex;flex-direction:column;min-width:0;}
|
||
.note .date{font-size:13px;font-weight:600;color:var(--cyan);letter-spacing:1px;margin-bottom:8px;}
|
||
.note-title{font-family:"ZCOOL QingKe HuangYou",sans-serif;font-size:21px;color:#fff;letter-spacing:1px;margin-bottom:10px;line-height:1.32;text-shadow:0 0 14px rgba(139,92,246,.4);}
|
||
.note .body{font-size:15px;color:var(--text);line-height:1.9;}
|
||
.note .body p{margin:0 0 11px;}
|
||
.note .body p:last-child{margin-bottom:0;}
|
||
|
||
@media (max-width:768px){
|
||
.notes{grid-template-columns:1fr;}
|
||
.note.feat{flex-direction:column;}
|
||
.note.feat .note-cover{flex:0 0 auto;width:100%;min-height:180px;}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="app">
|
||
<header class="topbar">
|
||
<a href="index.html" class="logo"><span class="cn">宇森</span></a>
|
||
<nav class="nav">
|
||
<a href="announce.html">公告</a>
|
||
<a href="background.html">背景</a>
|
||
<a href="rules.html">规则</a>
|
||
<a href="codex.html">图鉴</a>
|
||
<a href="story.html">剧情</a>
|
||
<a href="forum.html" class="auth-only">论坛</a>
|
||
<a href="worlddata.html" class="auth-only">世界数据</a>
|
||
</nav>
|
||
<div class="spacer"></div>
|
||
<div class="user-box" id="userBox"></div>
|
||
</header>
|
||
|
||
<main class="page-content hide-scroll">
|
||
<div class="notes-wrap">
|
||
<div class="notes" id="notesList">
|
||
<!-- 置顶特色公告 -->
|
||
<div class="note feat pin">
|
||
<div class="note-cover empty"></div>
|
||
<div class="note-body">
|
||
<div class="date">2026-07-20 · 置顶特色</div>
|
||
<div class="note-title">宇森官网第一阶段正式上线</div>
|
||
<div class="body">
|
||
<p>历经三个月打磨，宇森官网第一阶段正式上线。本次更新带来八大板块——介绍、特色、背景、规则、图鉴、论坛、公告、致玩家，全部以独立页面形式呈现，介绍页即一段概念宣传片，让你在三秒内读懂我们要做什么。</p>
|
||
<p>我们同步开放了社区论坛与图鉴共建入口。欢迎在「论坛」留下你的构想，或在「图鉴」认领尚未完成的种族条目；被采纳的内容，会带上你的署名进入正式世界观。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 普通公告 -->
|
||
<div class="note pin">
|
||
<div class="note-cover empty"></div>
|
||
<div class="note-body">
|
||
<div class="date">2026-07-22</div>
|
||
<div class="note-title">图鉴系统全面升级：204 种族 + 程序化矢量插画</div>
|
||
<div class="body">
|
||
<p>图鉴系统完成一次大版本升级：种族条目扩充至 204 条，系别、性格、天赋、神器与传奇事件全面扩量，装备槽位对齐「头 / 手 / 胸 / 裤 / 鞋 / 戒指（双）/ 项链 / 宝物」九宫格。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="note">
|
||
<div class="note-cover empty"></div>
|
||
<div class="note-body">
|
||
<div class="date">2026-07-21</div>
|
||
<div class="note-title">概念宣传片「五层世界」已发布</div>
|
||
<div class="body">
|
||
<p>这支片子将成为官网介绍页的自动背景，也会在后续对外宣发中使用。如果你喜欢这种克制的科幻基调，记得在论坛给我们反馈。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="note">
|
||
<div class="note-cover empty"></div>
|
||
<div class="note-body">
|
||
<div class="date">2026-07-18</div>
|
||
<div class="note-title">图鉴共建计划启动</div>
|
||
<div class="body">
|
||
<p>图鉴系统规划正式确定，分为「种族 / 建筑 / 生物 / 神器」四大类目。我们决定把相当一部分条目开放给社区共建。</p>
|
||
<p>被采纳的投稿会标注作者署名，并永久保留在官方图鉴中。第一批评审将在论坛「共建」分区进行，欢迎有想法的园丁报名。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="note pin">
|
||
<div class="note-cover empty"></div>
|
||
<div class="note-body">
|
||
<div class="date">2026-07-15</div>
|
||
<div class="note-title">首轮封闭内测招募开启</div>
|
||
<div class="body">
|
||
<p>宇森首轮封闭内测招募正式开启，名额 500 人。我们将优先邀请在论坛持续输出高质量内容的园丁，以及愿意参与玩法共创的核心用户。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
|
||
<script src="assets/game-api.js"></script>
|
||
<script src="assets/common.js"></script>
|
||
</body>
|
||
</html>
|