97 lines
2.4 KiB
HTML
97 lines
2.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>TH1 角色立绘设计需求索引</title>
|
|
<style>
|
|
:root {
|
|
--bg: #f4f1ea;
|
|
--paper: #fffaf0;
|
|
--ink: #1f2528;
|
|
--muted: #667078;
|
|
--line: #c9c0b1;
|
|
--navy: #1d3654;
|
|
--gold: #ad8737;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body {
|
|
margin: 0;
|
|
background: var(--bg);
|
|
color: var(--ink);
|
|
font-family: "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
|
|
line-height: 1.5;
|
|
}
|
|
main {
|
|
max-width: 980px;
|
|
margin: 0 auto;
|
|
padding: 28px;
|
|
}
|
|
h1, h2, p { margin: 0; }
|
|
header {
|
|
border-bottom: 2px solid var(--ink);
|
|
padding-bottom: 16px;
|
|
margin-bottom: 22px;
|
|
}
|
|
h1 { font-size: 30px; }
|
|
.sub { margin-top: 8px; color: var(--muted); font-size: 14px; }
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
gap: 12px;
|
|
}
|
|
article {
|
|
background: var(--paper);
|
|
border: 1px solid var(--line);
|
|
border-radius: 8px;
|
|
padding: 14px;
|
|
}
|
|
h2 {
|
|
font-size: 18px;
|
|
color: var(--navy);
|
|
margin-bottom: 8px;
|
|
}
|
|
a {
|
|
color: var(--navy);
|
|
font-weight: 600;
|
|
}
|
|
.tag {
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
border: 1px solid var(--line);
|
|
color: var(--gold);
|
|
padding: 3px 7px;
|
|
font-size: 12px;
|
|
}
|
|
@media (max-width: 720px) {
|
|
main { padding: 16px; }
|
|
.grid { grid-template-columns: 1fr; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1>TH1 角色立绘设计需求索引</h1>
|
|
<p class="sub">集中归档阵营五职阶角色立绘 brief、legacy HTML 和参考图，避免散落在外部 OneDrive 目录。</p>
|
|
</header>
|
|
|
|
<section class="grid">
|
|
<article>
|
|
<h2>命莲帝国 / 英格兰</h2>
|
|
<p>旧版 legacy HTML 归档，包含本地 refs 参考图。</p>
|
|
<p><a href="byakuren-myouren/index.html">打开命莲英格兰设计需求</a></p>
|
|
<span class="tag">legacy imported</span>
|
|
</article>
|
|
|
|
<article>
|
|
<h2>丰聪耳帝国 / 萨珊波斯</h2>
|
|
<p>新版五职阶立绘需求：神子、屠自古、青娥、布都、芳香。</p>
|
|
<p><a href="sasanian-toyosatomimi.html">打开萨珊波斯丰聪耳设计需求</a></p>
|
|
<span class="tag">current draft</span>
|
|
</article>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|