Template:电音部角色版头/style.css

.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页面]] */