Hermes CI FixandHermes AI
e1a9b25afa
- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
38 lines
2.6 KiB
HTML
38 lines
2.6 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,#1a0a2e 0%,#2d1a4e 40%,#1a0a2e 100%);font-family:'PingFang SC','Microsoft YaHei','STKaiti',serif;position:relative;}
|
|
.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px;}
|
|
.circle1{position:absolute;top:-80px;right:-80px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(128,90,213,0.15);}
|
|
.circle2{position:absolute;bottom:-120px;left:-120px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(128,90,213,0.1);}
|
|
.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(128,90,213,0.5);margin-right:10px;vertical-align:middle;}
|
|
.title{position:absolute;top:120px;left:60px;right:60px;}
|
|
.title .main{font-size:36px;font-weight:800;color:#ffffff;line-height:1.4;font-family:'PingFang SC','Microsoft YaHei',sans-serif;}
|
|
.title .main .accent{color:#b794f4;}
|
|
.title .sub{font-size:18px;font-weight:400;color:rgba(255,255,255,0.45);margin-top:20px;line-height:1.6;letter-spacing:1px;}
|
|
.quote-line{position:absolute;bottom:120px;left:60px;right:60px;font-size:16px;color:rgba(212,168,83,0.5);line-height:1.8;text-align:center;letter-spacing:2px;}
|
|
.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="circle1"></div>
|
|
<div class="circle2"></div>
|
|
<div class="tag">哲思 · AI</div>
|
|
<div class="title">
|
|
<div class="main">佛与众生<span class="accent">是一体两面</span></div>
|
|
<div class="sub">接受AI会犯错，就是接受自己会犯错</div>
|
|
</div>
|
|
<div class="quote-line">「接纳另一面，这一面才真正属于你」</div>
|
|
<div class="seal"><div class="seal-inner">皆如</div></div>
|
|
<div class="footer">一切皆如</div>
|
|
</body>
|
|
</html>
|