Hermes CI FixandHermes AI
e1a9b25afa
- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
48 lines
3.2 KiB
HTML
48 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box;}
|
|
body{width:1200px;height:675px;overflow:hidden;background:linear-gradient(135deg,#0a0a1a 0%,#1a1a3e 40%,#0d0d2b 100%);font-family:'PingFang SC','Microsoft YaHei',sans-serif;position:relative;}
|
|
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px;}
|
|
.bg-circle{position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(100,120,255,0.08);}
|
|
.bg-circle2{position:absolute;bottom:-150px;left:-150px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(100,120,255,0.05);}
|
|
.tag{position:absolute;top:30px;left:40px;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);font-weight:500;}
|
|
.tag::before{content:'';display:inline-block;width:20px;height:2px;background:rgba(100,120,255,0.5);margin-right:10px;vertical-align:middle;}
|
|
.title{position:absolute;top:130px;left:60px;right:60px;}
|
|
.title .line1{font-size:42px;font-weight:800;color:#ffffff;line-height:1.3;margin-bottom:10px;}
|
|
.title .line1 .accent{color:#7c8cff;}
|
|
.title .line2{font-size:28px;font-weight:400;color:rgba(255,255,255,0.5);letter-spacing:1px;}
|
|
.subtitle{position:absolute;top:300px;left:60px;right:60px;font-size:15px;color:rgba(255,255,255,0.4);line-height:1.6;letter-spacing:1px;}
|
|
.metrics{position:absolute;bottom:80px;left:60px;display:flex;gap:40px;}
|
|
.metric-item{text-align:left;}
|
|
.metric-item .num{font-size:20px;font-weight:700;color:#7c8cff;}
|
|
.metric-item .label{font-size:10px;letter-spacing:1px;color:rgba(255,255,255,0.3);margin-top:4px;}
|
|
.seal{position:absolute;top:28px;right:30px;width:52px;height:62px;border:2px solid rgba(212,168,83,0.6);display:flex;align-items:center;justify-content:center;transform:rotate(6deg);}
|
|
.seal-inner{width:46px;height:56px;border:1px solid rgba(212,168,83,0.4);display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;font-size:14px;font-weight:700;letter-spacing:4px;color:rgba(212,168,83,0.6);}
|
|
.footer{position:absolute;bottom:30px;right:40px;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,0.2);}
|
|
</style>
|
|
<link rel="stylesheet" href="/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="bg-grid"></div>
|
|
<div class="bg-circle"></div>
|
|
<div class="bg-circle2"></div>
|
|
<div class="tag">AGENT 系统设计</div>
|
|
<div class="title">
|
|
<div class="line1">深夜舞蹈编排</div>
|
|
<div class="line2">一个Agent系统的夜间自省是如何运转的</div>
|
|
</div>
|
|
<div class="subtitle">03:00 复盘 · 04:00 反思 · 04:30 整理 · 05:00 自动执行 · 05:15 基线</div>
|
|
<div class="metrics">
|
|
<div class="metric-item"><div class="num">03:00</div><div class="label">梦境复盘</div></div>
|
|
<div class="metric-item"><div class="num">04:00</div><div class="label">跨Profile反思</div></div>
|
|
<div class="metric-item"><div class="num">05:00</div><div class="label">自动执行层</div></div>
|
|
<div class="metric-item"><div class="num">06:00</div><div class="label">汇总推送</div></div>
|
|
</div>
|
|
<div class="seal"><div class="seal-inner">皆如</div></div>
|
|
<div class="footer">一切皆如</div>
|
|
</body>
|
|
</html>
|