/* ===== 全局重置（应用于所有子页面） ===== */
.sub-page *,
.bento-page *,
.terminal-page *,
.academic-page *,
.minimal-page * { margin: 0; padding: 0; box-sizing: border-box; }

/* ===== 正经模式基础样式 ===== */
body.mortal {
  --primary: #3b82f6;
  --primary-dark: #2563eb;
  --bg: #ffffff;
  --bg-card: #f8fafc;
  --bg-light: #e2e8f0;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
}

/* ===== 首页特定样式 ===== */
body.mortal.home-page .logo {
  background: none;
  -webkit-text-fill-color: #3b82f6;
  color: #3b82f6;
}
body.mortal.home-page .navbar {
  background: rgba(255,255,255,0.92);
  border-bottom: 1px solid #e2e8f0;
}
body.mortal.home-page .hero-content h1 {
  background: linear-gradient(135deg, #1e293b, #3b82f6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body.mortal.home-page .greeting { color: #3b82f6; }
body.mortal.home-page .btn-primary { background: #3b82f6; }
body.mortal.home-page .btn-primary:hover { box-shadow: 0 4px 16px rgba(59,130,246,0.4); }
body.mortal.home-page .btn-outline { border-color: #cbd5e1; color: #475569; }
body.mortal.home-page .btn-outline:hover { border-color: #3b82f6; color: #3b82f6; }
body.mortal.home-page .avatar-placeholder {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
  box-shadow: 0 0 40px rgba(59,130,246,0.2);
  animation: none;
}
body.mortal.home-page .section-title::after { background: #3b82f6; }
body.mortal.home-page .skill-card h3 { color: #1e293b; }
body.mortal.home-page .skill-card:hover {
  border-color: #3b82f6;
  box-shadow: 0 8px 24px rgba(59,130,246,0.1);
}
body.mortal.home-page .stat-number { color: #3b82f6; }
body.mortal.home-page .project-info h3 { color: #1e293b; }
body.mortal.home-page .project-card:hover { border-color: #3b82f6; }
body.mortal.home-page .project-tags span { background: #dbeafe; color: #3b82f6; }
body.mortal.home-page .contact-item:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 12px rgba(59,130,246,0.1);
}
body.mortal.home-page::before { display: none; }
body.mortal.home-page .nav-links a::after { background: #3b82f6; }

/* ===== Hub页面特定样式 ===== */
body.mortal.hub-page {
  --bg: #f8fafc;
  --card-bg: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --purple: #3b82f6;
  --gold: #3b82f6;
  --jade: #22c55e;
  --cyan: #06b6d4;
  --pink: #ec4899;
  --amber: #f59e0b;
  --green: #22c55e;
}
body.mortal.hub-page::before { display: none; }
body.mortal.hub-page #password-overlay h2 { color: #3b82f6; }
body.mortal.hub-page #password-submit { background: #3b82f6; }
body.mortal.hub-page #password-submit:hover { box-shadow: 0 4px 16px rgba(59,130,246,0.4); }
body.mortal.hub-page .hub-header h1 {
  background: none;
  -webkit-text-fill-color: #1e293b;
  color: #1e293b;
}
body.mortal.hub-page .hub-header .badge {
  background: #dbeafe;
  color: #3b82f6;
  border-color: #bfdbfe;
}
body.mortal.hub-page .hub-card:hover {
  border-color: #3b82f6;
  box-shadow: 0 8px 24px rgba(59,130,246,0.1);
}
body.mortal.hub-page .icon-cloud { background: rgba(6,182,212,0.08); }
body.mortal.hub-page .icon-scroll { background: rgba(59,130,246,0.08); }
body.mortal.hub-page .icon-cave { background: rgba(59,130,246,0.08); }
body.mortal.hub-page .icon-jade { background: rgba(34,197,94,0.08); }
body.mortal.hub-page .icon-gold { background: rgba(59,130,246,0.08); }
body.mortal.hub-page .tag-cloud { background: rgba(6,182,212,0.08); }
body.mortal.hub-page .tag-purple { background: rgba(59,130,246,0.08); }
body.mortal.hub-page .tag-cave { background: rgba(59,130,246,0.08); }
body.mortal.hub-page .tag-jade { background: rgba(34,197,94,0.08); }
body.mortal.hub-page .tag-gold { background: rgba(59,130,246,0.08); }

/* ===== Terminal页面特定样式 ===== */
body.mortal.terminal-page {
  --bg: #1a1a2e;
  --gold: #00d4ff;
  --gold-dim: #006688;
  --cyan: #00d4ff;
  --text: #e0e0e0;
}
body.mortal.terminal-page::after {
  background: repeating-linear-gradient(0deg, rgba(0,212,255,0.01) 0px, rgba(0,212,255,0.01) 1px, transparent 1px, transparent 3px);
}

/* ===== Academic页面特定样式 ===== */
body.mortal.academic-page {
  --bg: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --accent: #3b82f6;
  --gold: #3b82f6;
  --seal: #3b82f6;
}
body.mortal.academic-page .header-seal {
  background: #3b82f6;
  border-radius: 50%;
}
body.mortal.academic-page .scroll-item { border-left-color: #3b82f6; }

/* ===== Bento页面特定样式 ===== */
body.mortal.bento-page {
  --bg: #f1f5f9;
  --card-bg: #ffffff;
  --text: #1e293b;
  --text-muted: #64748b;
  --border: #e2e8f0;
  --jade: #22c55e;
  --gold: #3b82f6;
  --purple: #7c3aed;
  --red: #ef4444;
}
body.mortal.bento-page .card-profile {
  background: linear-gradient(135deg, #1e40af, #3b82f6);
}
body.mortal.bento-page .card-stat .number { color: #3b82f6; }
body.mortal.bento-page .card-contact h3 { color: #3b82f6; }
body.mortal.bento-page .card-contact a:hover { color: #3b82f6; }
body.mortal.bento-page .card:hover { box-shadow: 0 6px 16px rgba(59,130,246,0.08); }

/* ===== Minimal页面特定样式 ===== */
body.mortal.minimal-page {
  --bg: #ffffff;
  --text: #1e293b;
  --text-secondary: #64748b;
  --text-tertiary: #94a3b8;
  --border: #e2e8f0;
  --hover-bg: #f1f5f9;
  --tag-bg: #f1f5f9;
  --tag-text: #475569;
}
body.mortal.minimal-page::before { display: none; }