/* FOOTER */
    .footer {
      text-align: center; padding: var(--space-xl) var(--space-md);
      border-top: 1px solid var(--color-border-default);
      margin-top: var(--space-3xl);
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-chrome-500);
    }

    /* TERMINAL */
    .cyber-terminal {
      border: 1px solid var(--cyber-red-500);
      background: color-mix(in srgb, var(--cyber-void-300) 70%, transparent);
      clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 15px 100%, 0 calc(100% - 15px));
      margin-bottom: var(--space-md);
      box-shadow: 0 0 10px color-mix(in srgb, var(--cyber-red-500) 30%, transparent), inset 0 0 20px color-mix(in srgb, var(--cyber-red-500) 5%, transparent);
    }
    .cyber-terminal__chrome {
      display: flex; align-items: center; gap: var(--space-xs);
      padding: var(--space-xs) var(--space-sm); background: var(--cyber-void-200);
      border-bottom: 1px solid var(--cyber-red-500);
    }
    .cyber-terminal__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--cyber-red-500); }
    .cyber-terminal__dot:nth-child(2) { background: var(--cyber-red-600); }
    .cyber-terminal__dot:nth-child(3) { background: var(--cyber-red-700); }
    .cyber-terminal__title {
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-red-500); margin-left: auto;
    }
    .cyber-terminal__body {
      padding: var(--space-sm); font-family: var(--font-mono);
      font-size: var(--text-sm); line-height: 1.8;
      color: var(--cyber-red-500);
      text-shadow: 0 0 5px var(--cyber-red-500);
    }
    .cyber-terminal__line { display: flex; gap: var(--space-xs); flex-wrap: wrap; }
    .cyber-terminal__prompt { color: var(--cyber-red-500); user-select: none; }
    .cyber-terminal__command { color: var(--cyber-chrome-200); overflow-wrap: anywhere; }
    .cyber-terminal__output { color: var(--cyber-red-500); padding-left: var(--space-sm); min-width: 0; }
    .about-text {
      font-family: var(--font-mono); font-size: var(--text-sm);
      color: var(--cyber-red-500); line-height: 1.8; max-width: 700px;
      text-shadow: 0 0 5px var(--cyber-red-500);
    }
    .about-text strong { color: var(--cyber-red-500); text-shadow: 0 0 8px var(--cyber-red-500); }

    /* Markdown-rendered content inside terminal */
    .md-content {
      font-family: var(--font-mono); font-size: var(--text-sm);
      color: var(--cyber-red-500); line-height: 1.8;
      text-shadow: 0 0 5px var(--cyber-red-500);
      padding-left: var(--space-sm);
      /* anywhere（而非 break-word）会真实缩小 min-content，防止长英文串撑破窄屏容器 */
      overflow-wrap: anywhere;
    }
    .md-content h1, .md-content h2, .md-content h3 {
      font-family: var(--font-display); letter-spacing: 0.05em;
      text-transform: uppercase; color: var(--cyber-red-500);
      margin: var(--space-sm) 0 var(--space-2xs);
      text-shadow: 0 0 8px var(--cyber-red-500);
    }
    .md-content h1 { font-size: var(--text-xl); }
    .md-content h2 { font-size: var(--text-lg); }
    .md-content h3 { font-size: var(--text-base); }
    .md-content p { margin-bottom: var(--space-2xs); }
    .md-content ul, .md-content ol { padding-left: var(--space-lg); margin-bottom: var(--space-2xs); }
    .md-content li { margin-bottom: var(--space-3xs); }
    .md-content strong { color: var(--cyber-red-500); text-shadow: 0 0 8px var(--cyber-red-500); }
    .md-content a { color: var(--cyber-red-500); text-decoration: underline; }
    .md-content code {
      color: var(--cyber-red-500); background: var(--cyber-void-200);
      border-color: var(--cyber-red-700);
    }
    .md-content blockquote {
      border-left: 2px solid var(--cyber-red-500);
      padding-left: var(--space-sm); margin: var(--space-2xs) 0;
      color: var(--cyber-red-500); opacity: 0.85;
    }
    .md-content hr { border: none; height: 1px; background: var(--cyber-red-700); margin: var(--space-sm) 0; }

    /* Fenced code block + glowing string literals */
    .md-content pre.md-code {
      background: var(--cyber-void-500);
      border: 1px solid var(--cyber-red-700);
      border-left: 3px solid var(--cyber-red-500);
      padding: var(--space-sm);
      margin: var(--space-2xs) 0;
      overflow-x: auto;
      font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.7;
      color: var(--cyber-chrome-200);
      white-space: pre; text-shadow: none;
    }
    .md-content pre.md-code code {
      background: none; border: none; padding: 0;
      color: inherit; font-size: inherit; text-shadow: none;
    }
    .md-content .code-string {
      color: var(--cyber-red-500);
      font-weight: 700;
      text-shadow: 0 0 8px var(--cyber-red-500), 0 0 20px color-mix(in srgb, var(--cyber-red-500) 65%, transparent);
    }

    /* STATUS BAR */
    .status-bar { display: flex; gap: var(--space-md); flex-wrap: wrap; margin-top: var(--space-md); }
    .status-item {
      font-family: var(--font-mono); font-size: var(--text-xs);
      color: var(--cyber-chrome-400); display: flex; align-items: center; gap: var(--space-3xs);
    }
    .status-dot {
      width: 8px; height: 8px; border-radius: 50%;
      background: var(--cyber-green-500);
      box-shadow: 0 0 6px var(--cyber-green-500);
      animation: pulse 2s infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1}50%{opacity:0.5} }

    /* SEPARATOR */
    .cyber-separator {
      height: 2px;
      background: linear-gradient(90deg, transparent, var(--cyber-red-500), var(--cyber-red-500), transparent);
      margin: var(--space-2xl) 0; border: none;
      box-shadow: 0 0 10px var(--cyber-red-500), 0 0 20px color-mix(in srgb, var(--cyber-red-500) 30%, transparent);
    }