:root{ --crt-c:#39ff14; }
.crt-y{ --crt-c:#fdd019; }
.crt-r{ --crt-c:#ff3030; }
.crt-b{ --crt-c:#0170F1; }
.crt-Yy{ --crt-c:#F3AC00; }
.crt-dg{ --crt-c:#E0E3E7; }
.crt-lb{ --crt-c:#62A1F1; }
.crt-sg{ --crt-c:#056135; }
.crt-cg{ --crt-c:#0D894D; }
.crt-terminal {
  position: relative;
  padding: 2rem 3rem;      /* 增加内边距，框更大更宽 */
  border: 1px solid var(--crt-c);
  border-radius: 8px;
  background: linear-gradient(145deg, #0c121d, #141d2b);
  color: var(--crt-c);
  font: 1.125rem/1.6 'Courier New', Courier, monospace;  /* 字体加大，行高适当 */
  box-shadow:
    0 0  6px var(--crt-c),
    0 0 12px var(--crt-c),
    0 0 24px var(--crt-c),
    inset 0 0 6px var(--crt-c);
  max-width: 700px;       /* 适当加宽 */
  width: 100%;
  overflow: hidden;
  user-select: none;
  text-align: left;
}

.crt-title-bar{
  margin-bottom:.75rem;
  padding:.375rem .75rem;
  border-radius:4px;
  background:rgba(30,41,59,.6);
  border:1px solid rgba(71,85,105,.5);
  font-size:.875rem;
  letter-spacing:.05em;
  color:var(--crt-c);
}

.crt-terminal::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:2px;
  background:var(--crt-c);
  opacity:.8;
  animation:crt-scan 3s linear infinite;
  z-index:3;
}
@keyframes crt-scan{
  0%   {transform:translateY(0);}
  100% {transform:translateY(360px);} /* 与容器高度保持一致 */
}

.crt-terminal:hover{
  animation:crt-pulse 1.2s ease-in-out infinite;
}
@keyframes crt-pulse{
  0%,100%{ box-shadow:0 0 4px,0 0 10px,0 0 20px var(--crt-c); }
  50%    { box-shadow:0 0 6px,0 0 18px,0 0 36px var(--crt-c); }
}

.crt-terminal::after{
  content:'';
  position:absolute; inset:0;
  background:url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">\
<filter id="n"><feTurbulence baseFrequency="0.8" numOctaves="4" seed="1"/>\
<feColorMatrix values="0 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter>\
<rect width="100%" height="100%" filter="url(#n)" opacity="0.08"/></svg>');
  opacity:.08;
  animation:noise .15s linear infinite;
  z-index:2;
}
@keyframes noise{ to{background-position:100% 100%;} }

.crt-terminal ul {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.9rem;
  line-height: 1.6;
  text-align: left; /* 保持列表左对齐 */
}

.crt-terminal ul li {
  margin: 0.4rem 0;
  filter: brightness(0.6);
  transition: filter 0.3s ease, text-shadow 0.3s ease;
  color: var(--crt-c);
}
.crt-terminal ul li.highlight {
  filter: brightness(1);
  color: var(--crt-c);
  text-shadow:
    0 0 2px var(--crt-c),
    0 0 5px var(--crt-c);
  /* 较小范围发光，保证颜色一致且文字清晰 */
}

/* 调整按钮父元素让按钮居中 */
.mt-4 {
  text-align: center;
  margin-top: 1rem; /* 如果希望父容器和上方元素间有间距，可以调整这里 */
}

.crt-btn-v2{
  position:relative;
  z-index:4;
  display: inline-flex; /* 保持inline-flex方便文本与图标排布 */
  align-items:center;
  justify-content: center;  /* 按钮内内容居中 */
  gap:.5rem;
  background:linear-gradient(145deg,#1a2a3a,#0e1722);
  color:var(--crt-c);
  border:1px solid var(--crt-c);
  padding:.5rem 1rem;
  border-radius:4px;
  font:0.875rem 'Courier New',Courier,monospace;
  cursor: pointer;
  user-select: none;
  transition: filter 0.3s ease, background 0.2s, box-shadow 0.2s, transform 0.1s ease;
  filter: brightness(0.6);
  box-shadow: none;
  margin-top: 1.5rem; /* 按钮与上方内容间距 */
  text-align: center;
  /* 宽度可根据需要设置，默认自适应 */
}

.crt-btn-v2.highlight {
  filter: brightness(1.4);
  animation: breatheGlow 3s ease-in-out infinite;
  box-shadow: 0 0 10px var(--crt-c), 0 0 30px var(--crt-c);
  background: linear-gradient(145deg, #0d1a14, #002600);
  color: var(--crt-c);
}
.crt-btn-v2:hover.highlight {
  filter: brightness(1.8);
  box-shadow: 0 0 15px var(--crt-c), 0 0 45px var(--crt-c);
}
.crt-btn-v2:active.highlight,
.crt-btn-v2:active {
  transform: scale(0.95);
  transition: transform 0.05s ease;
}
@keyframes breatheGlow {
  0%, 100% {
    box-shadow: 0 0 10px var(--crt-c), 0 0 30px var(--crt-c);
    filter: brightness(1.2);
  }
  50% {
    box-shadow: 0 0 20px var(--crt-c), 0 0 60px var(--crt-c);
    filter: brightness(1.6);
  }
}