init: sxbh.ltd 官网初始提交
- nginx 安全加固 (CSP, HSTS, 缓存策略) - 共享 style.css - 138个页面全部接入 Co-authored-by: Hermes AI <agent@hermes>
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 18 KiB |
@@ -0,0 +1,37 @@
|
||||
<!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>
|
||||
|
After Width: | Height: | Size: 337 KiB |
@@ -0,0 +1,37 @@
|
||||
<!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>
|
||||
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 44 KiB |
@@ -0,0 +1,41 @@
|
||||
<!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%,#1a2a3e 50%,#0d1a2b 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;}
|
||||
.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,255,0.5);margin-right:10px;vertical-align:middle;}
|
||||
.title{position:absolute;top:120px;left:60px;right:60px;}
|
||||
.title .line1{font-size:36px;font-weight:800;color:#ffffff;line-height:1.4;}
|
||||
.title .line1 .accent{color:#6ab0ff;}
|
||||
.title .line2{font-size:22px;font-weight:400;color:rgba(255,255,255,0.4);margin-top:16px;letter-spacing:1px;}
|
||||
.subtitle{position:absolute;top:330px;left:60px;font-size:15px;color:rgba(255,255,255,0.35);line-height:1.8;letter-spacing:1px;}
|
||||
.metrics{position:absolute;bottom:80px;left:60px;display:flex;gap:50px;}
|
||||
.metric-item .num{font-size:22px;font-weight:700;color:#6ab0ff;}
|
||||
.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="tag">AI 编程</div>
|
||||
<div class="title">
|
||||
<div class="line1">我被「AI只写<span class="accent">不执行</span>」<br>骗了三年</div>
|
||||
<div class="line2">直到它自己动手改完50个文件</div>
|
||||
</div>
|
||||
<div class="subtitle">15秒 · 17个文件 · 零中间步骤进对话 · 95%上下文节省</div>
|
||||
<div class="metrics">
|
||||
<div class="metric-item"><div class="num">15秒</div><div class="label">从指令到完成</div></div>
|
||||
<div class="metric-item"><div class="num">95%</div><div class="label">上下文节省</div></div>
|
||||
<div class="metric-item"><div class="num">6篇</div><div class="label">系列文章</div></div>
|
||||
</div>
|
||||
<div class="seal"><div class="seal-inner">皆如</div></div>
|
||||
<div class="footer">一切皆如</div>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 356 KiB |
|
After Width: | Height: | Size: 25 KiB |
@@ -0,0 +1,47 @@
|
||||
<!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>
|
||||
|
After Width: | Height: | Size: 268 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 18 KiB |