.cyber-banner {
width: 80%;
margin: auto;
background: linear-gradient(135deg,
rgba(10, 10, 46, 0.6) 0%,
rgba(26, 26, 74, 0.6) 30%,
rgba(45, 15, 54, 0.6) 70%,
rgba(10, 10, 46, 0.6) 100%
);
padding: 0.2rem;
border-style: solid;
border-width: 2px;
border-color: #00f3ff;
position: relative;
overflow: hidden;
box-shadow: 0 0 30px rgba(0, 243, 255, 0.3);
}
.cyber-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent 25%,
rgba(0, 243, 255, 0.1) 50%,
transparent 75%
);
animation: scan 4s linear infinite;
}
.cyber-text {
text-align: center;
margin: 0.2rem 0;
position: relative;
text-shadow: 0 0 10px #00f3ff,
0 0 20px #ff00ff,
1px 1px 0 #ff00ff;
}
.cyber-text[lang="ja"] {
font-size: 1.4em;
color: #ff00ff;
letter-spacing: 0.1em;
}
.cyber-text[lang="zh"] {
font-size: 1.8em;
color: #00f3ff;
letter-spacing: 0.15em;
}
@media (max-width: 768px) {
.cyber-text[lang="ja"] { font-size: 1em; }
.cyber-text[lang="zh"] { font-size: 1.2em; }
}
@keyframes scan {
0% { transform: translateY(-700px); }
100% { transform: translateY(700px); }
}
/* [[Category:在模板名字空间下的CSS页面]] */