返回浏览
简介
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>蚀骨囚笼：联邦沉沦</title>
<style>
@keyframes rotate-border{0%{transform:translate(-50%,-50%) rotate(0deg);}100%{transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes fade-in-zoom{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}
@keyframes text-glow{0%,100%{text-shadow:0 0 0.5em #4b0082,0 0 1em #8a2be2;}50%{text-shadow:0 0 0.8em #8a2be2,0 0 1.5em #e0b0ff;}}
@keyframes text-fade-in{from{opacity:0;}to{opacity:1;}}
body{background:#05010a radial-gradient(circle at 100% 0%,rgba(75,0,130,0.4),transparent 40%) no-repeat,radial-gradient(circle at 0% 100%,rgba(138,43,226,0.2),transparent 50%) no-repeat;background-color:#05010a;color:#d8cde8;font-family:'Microsoft YaHei',sans-serif;margin:0;padding:3em;display:flex;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;}
#chat-ui-p9m3z7a1{width:100%;max-width:45em;animation:fade-in-zoom 1s cubic-bezier(0.165,0.84,0.44,1) forwards;}
.cage-container{position:relative;background:rgba(12,5,25,0.5);padding:3em;border-radius:1em;text-align:center;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(138,43,226,0.2);}
.cage-container::before,.cage-container::after{content:'';position:absolute;left:50%;top:50%;width:150%;padding-bottom:150%;border-radius:50%;background:conic-gradient(from var(--angle),transparent 0%,transparent 70%,#c9a7ff,transparent 90%);animation:rotate-border 10s linear infinite;}
.cage-container::before{--angle:0deg;animation-direction:normal;}
.cage-container::after{--angle:180deg;animation-direction:reverse;}
.cage-container h2{position:relative;z-index:1;font-size:2.5em;color:#e0b0ff;margin:0 0 0.5em 0;animation:text-glow 4s ease-in-out infinite;}
.cage-container p{position:relative;z-index:1;font-size:1.2em;line-height:1.9;color:#cfcfcf;margin:0;animation:text-fade-in 2s ease forwards;animation-delay:0.5s;opacity:0;}
@media (max-width: 600px){
body{padding:1.5em;}
.cage-container{padding:2em;}
.cage-container h2{font-size:2em;}
.cage-container p{font-size:1.05em;}
}
</style>
</head>
<body>
<div id="chat-ui-p9m3z7a1">
<div class="cage-container">
<h2>蚀骨囚笼：联邦沉沦</h2>
<p>在冷月与数据交织的都市里，权力、理智与欲望交错成囚笼——<br>你，将驯服冰与火之间的灵魂。</p>
</div>
</div>
</body>
</html>