<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script defer src="https://umami.mmmi.cc/script.js" data-website-id="52ba1994-0280-4659-a168-b63bffa8617f"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ghost Green Theme - 医学级心跳 + 双圆眼镜 GN启动</title>
<style>
/* ========== 基础样式 ========== */
body, body * {
font-family: "Microsoft YaHei", "微软雅黑", sans-serif !important;
font-style: normal !important; /* 全局取消斜体 */
}
:root {
--ghost-primary: #66ffb3;
--ghost-secondary: #99ffcc;
--ghost-bg: #0a1a15;
--ghost-text: #e0fff5;
--ghost-accent: #00cc99;
--exia-primary: #66ffb3;
--exia-deep: #00cc88; /* 新增：更深绿 */
--main-width: 1536px; /* ← 新增：配合下面 max-w-screen-2xl 使用 */
}
body {
background-color: var(--ghost-bg) !important;
color: var(--ghost-text) !important;
margin: 0; padding: 0;
overflow-x: hidden;
position: relative;
}
/* ========== 医学级心跳 ========== */
@keyframes medical-scale {
0%,100%{transform:scale(1)}
8%{transform:scale(1.02)}
16%{transform:scale(0.99)}
24%{transform:scale(1.015)}
32%,100%{transform:scale(1)}
}
@keyframes medical-glow {
0%,100%{text-shadow:0 0 8px rgba(102,255,179,.6)}
10%{text-shadow:0 0 18px rgba(102,255,179,.95)}
20%{text-shadow:0 0 10px rgba(102,255,179,.7)}
28%{text-shadow:0 0 15px rgba(102,255,179,.85)}
}
header .flex.items-center.gap-2.text-2xl.font-bold span, h3 {
color: var(--ghost-primary)!important;
display: inline-block;
animation: medical-scale 1.6s ease-in-out infinite,
medical-glow 1.6s ease-in-out infinite!important;
}
/* ========== 其他样式 ========== */
.grid.w-full.gap-2.text-center.items-center.py-3 label { color: var(--ghost-secondary)!important; }
.flex.items-center.gap-1 span { color: var(--ghost-primary)!important; }
.flex.items-center.justify-between span { color: var(--ghost-secondary)!important; text-shadow:0 0 4px rgba(153,255,204,.3)!important; }
.flex.justify-between.text-xs span { color: var(--ghost-accent)!important; text-shadow:0 0 5px rgba(0,204,153,.5)!important; }
.bg-white,.bg-gray-50,.rounded-lg,.shadow{
background:rgba(10,26,21,.7)!important;
border:1px solid rgba(102,255,179,.3)!important;
box-shadow:0 0 15px rgba(102,255,179,.2)!important;
position: relative;
z-index: 10;
}
progress,.progress-bar{accent-color:var(--ghost-primary)!important;}
/* ==================== 你要求添加的这行 ==================== */
.max-w-screen-2xl {
max-width: var(--main-width);
}
/* ========================================================== */
/* ==================== GN太阳炉 – 双圆眼镜版 ==================== */
.exia-loading-overlay{
position:fixed;inset:0;
background:rgba(0,10,20,1);z-index:99999;
display:flex;align-items:center;justify-content:center;
opacity:1;transition:opacity .5s;
}
.exia-loading-box{text-align:center;position:relative}
.exia-loading-gn-wrapper{
width:180px;height:120px;margin:0 auto 20px;
display:flex;align-items:center;justify-content:center;gap:5px;
position:relative;
}
.exia-eye{
width:70px;height:70px;
border:4px solid var(--exia-primary);
border-radius:50%;
position:relative;
animation:exiaRotate 3s linear infinite;
box-shadow:0 0 30px rgba(0,255,136,.5);
}
.exia-pupil{
position:absolute;inset:0;
width:20px;height:20px;
margin:auto;
background:var(--exia-primary);
border-radius:50%;
animation:exiaPulse 1.5s ease-in-out infinite alternate;
box-shadow:0 0 25px var(--exia-primary);
}
/* 新增：更小更深的同心圆 */
.exia-inner-pupil {
position: absolute;
inset: 0;
width: 10px;
height: 10px;
margin: auto;
background: var(--exia-deep);
border-radius: 50%;
animation: exiaPulse 1.5s ease-in-out infinite alternate;
box-shadow: 0 0 15px var(--exia-deep), 0 0 25px rgba(0, 204, 136, 0.7);
z-index: 2;
}
@keyframes exiaRotate{
from{transform:rotate(0deg)}to{transform:rotate(360deg)}
}
@keyframes exiaPulse{
from{opacity:.6;transform:scale(.8);box-shadow:0 0 25px var(--exia-primary)}
to{opacity:1;transform:scale(1.1);box-shadow:0 0 40px var(--exia-primary),0 0 60px rgba(0,255,136,.6)}
}
</style>
</head>
<body>
<!-- 双圆眼镜 GN 启动动画 -->
<div class="exia-loading-overlay" id="exia-loader">
<div class="exia-loading-box">
<div class="exia-loading-gn-wrapper">
<!-- 左眼 -->
<div class="exia-eye exia-eye-left">
<div class="exia-pupil">
<div class="exia-inner-pupil"></div>
</div>
</div>
<!-- 右眼 -->
<div class="exia-eye exia-eye-right">
<div class="exia-pupil">
<div class="exia-inner-pupil"></div>
</div>
</div>
</div>
<p style="color:var(--ghost-primary);margin:0;font-weight:bold;letter-spacing:1px;">
肉壶正在准备中 裤子可以先脱了
</p>
</div>
</div>
<script>
// 加载动画淡出
window.addEventListener('load', () => {
const loader = document.getElementById('exia-loader');
setTimeout(() => {
loader.style.opacity = '0';
setTimeout(() => loader.remove(), 600);
}, 1800);
});
</script>
</body>
</html>