/* 工具与个人介绍共用首页的深色视觉，所有规则限定在这两个页面。 */
.profile-page, .tools-page {
  --bg: #101014; --fg: #f6f1ec; --surface: #19171b;
  --muted: #c0b7b2; --ink-2: #c0b7b2; --ink-3: #aaa09b;
  --border: rgba(238, 206, 183, .19); --coral: #ff9c7e; --accent: #ff9c7e;
  background: #101014; color: #f6f1ec;
}
.profile-page .nav, .tools-page .nav { background: rgba(15, 14, 18, .93); border-color: var(--border); }
.profile-page .nav-logo, .profile-page .nav-links a, .profile-page .nav-icons a,
.tools-page .nav-logo, .tools-page .nav-links a { color: #eee5df; }
.profile-page .nav-logo-sub, .tools-page .nav-logo span { color: #b9ada7; }
.profile-page .nav a:hover, .tools-page .nav a:hover, .tools-page .nav-links .active { color: #ffad8f; }
.profile-page .hero, .tools-page .tools-hero, .profile-page .section, .tools-page .tools-catalog { position: relative; isolation: isolate; }
.profile-page .hero, .tools-page .tools-hero { overflow: hidden; }
.profile-page .hero::before, .tools-page .tools-hero::before {
  content: ''; position: absolute; z-index: -1; width: 52rem; height: 52rem; right: -14rem; top: -23rem;
  border: 1px solid rgba(255, 174, 137, .14); border-radius: 50%;
  box-shadow: 0 0 0 5rem rgba(255, 174, 137, .025), 0 0 0 10rem rgba(255, 174, 137, .018), inset 0 0 120px rgba(233, 105, 74, .08);
  pointer-events: none;
}
.subpage-field { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.profile-page .quote em, .tools-page .tools-hero h1 span:last-child { color: #ff9c7e; }
.profile-page .eyebrow, .profile-page .sec-label, .tools-page .tools-eyebrow, .tools-page .tools-index { color: #e0a58d; }
.profile-page .body-text, .profile-page .exp-desc, .profile-page .doing-desc, .tools-page .tools-intro,
.tools-page .tool-description, .tools-page .tool-category, .tools-page .tool-limit-note, .tools-page .tool-workflow-label,
.tools-page .tool-domain { color: #c6bcb6; }
.profile-page .stat-grid, .profile-page .exp-list, .profile-page .doing-grid { background: var(--border); border-color: var(--border); }
.profile-page .stat-item, .profile-page .exp-item, .profile-page .doing-item { background: #19171b; }
.profile-page .stat-item { padding-block: 27px; }
.profile-page .stat-num { color: #f8eae1; }
.profile-page .stat-label, .profile-page .exp-index, .profile-page .exp-year { color: #bdb2ac; }
.profile-page .exp-item:hover, .profile-page .doing-item:hover { background: #242024; }
.profile-page .tag, .tools-page .tool-tags span { color: #d8c9bf; border-color: rgba(239, 191, 162, .24); }
.profile-page .tag.coral { color: #ffb197; background: rgba(255, 145, 112, .08); border-color: rgba(255, 160, 125, .3); }
.profile-page .btn-solid, .profile-page .cta-btn-primary, .tools-page .tool-open { background: #f4a786; border-color: #f4a786; color: #211512; }
.profile-page .btn-solid:hover, .profile-page .cta-btn-primary:hover, .tools-page .tool-open:hover { background: #ffd1b7; color: #211512; opacity: 1; }
.profile-page .btn-icon { color: #e7d9d0; }
.profile-page .cta-banner { background: linear-gradient(110deg, #282024, #19171b); border: 1px solid var(--border); color: #f8f1eb; }
.profile-page .cta-sub { color: #d1c0b5; }
.profile-page footer, .tools-page .footer { background: #0b0b0f; color: #bfb3ac; border-color: var(--border); }
.profile-page footer a, .tools-page .footer a, .tools-page .tools-footer-logo { color: #eee1d9; }
.tools-page .tool-card { background: #19171b; border-color: var(--border); transition: border-color .25s ease, transform .25s ease; }
.tools-page .tool-card:hover { border-color: rgba(255, 170, 135, .55); transform: translateY(-3px); }
.tools-page .tool-mark { background: #f4a786; color: #211512; }
.tools-page .tool-workflow { background: linear-gradient(145deg, #292025, #17171b); border-color: var(--border); }
.tools-page .tool-flow-number { color: #ffad8f; }
.profile-page a:focus-visible, .profile-page button:focus-visible, .tools-page a:focus-visible, .tools-page button:focus-visible { outline: 2px solid #ffc2a4; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .tools-page .tool-card { transition: none; } .tools-page .tool-card:hover { transform: none; } }