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,#0a1a0a 0%,#1a2a1a 50%,#0a1a0a 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:-60px;right:-60px;width:250px;height:250px;border-radius:50%;border:1px solid rgba(100,180,100,0.12);}
|
|
.circle2{position:absolute;bottom:-100px;left:-100px;width:350px;height:350px;border-radius:50%;border:1px solid rgba(100,180,100,0.08);}
|
|
.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,180,100,0.5);margin-right:10px;vertical-align:middle;}
|
|
.title{position:absolute;top:110px;left:60px;right:60px;}
|
|
.title .main{font-size:34px;font-weight:800;color:#ffffff;line-height:1.4;font-family:'PingFang SC','Microsoft YaHei',sans-serif;}
|
|
.title .main .accent{color:#7bc47b;}
|
|
.title .sub{font-size:19px;font-weight:400;color:rgba(255,255,255,0.45);margin-top:18px;line-height:1.6;letter-spacing:1px;}
|
|
.quote-line{position:absolute;bottom:120px;left:60px;right:60px;font-size:16px;color:rgba(180,212,180,0.4);line-height:1.8;text-align:center;letter-spacing:2px;font-family:'STKaiti',serif;}
|
|
.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">哲思</div>
|
|
<div class="title">
|
|
<div class="main">若在世间即有佛</div>
|
|
<div class="sub">bug存在的地方，才有修复的意义</div>
|
|
</div>
|
|
<div class="quote-line">「若离世间即无佛」</div>
|
|
<div class="seal"><div class="seal-inner">皆如</div></div>
|
|
<div class="footer">一切皆如</div>
|
|
</body>
|
|
</html>
|