/* 极简风 (Minimal / Apple HIG) — 精致的苹果设计语言 */

:root,
[data-theme="light"] {
   --mini-bg: #FBFBFD;
   --mini-text: #1d1d1f;
   --mini-text-secondary: #6e6e73;
   --mini-text-tertiary: #a1a1a6;
   --mini-accent: #0071e3;
   --mini-border: #d2d2d7;
   --mini-code-bg: #f5f5f7;
   --mini-card: #ffffff;

   --accent: var(--mini-accent);
   --accent-light: color-mix(in srgb, var(--mini-accent) 12%, transparent);
   --bg-secondary: var(--mini-code-bg);
   --bg-card: var(--mini-card);
   --border: var(--mini-border);
}

[data-theme="dark"] {
   --mini-bg: #0a0a0c;
   --mini-text: #f5f5f7;
   --mini-text-secondary: #a1a1a6;
   --mini-text-tertiary: #6e6e73;
   --mini-accent: #2997ff;
   --mini-border: #38383d;
   --mini-code-bg: #1c1c1e;
   --mini-card: #141416;

   --accent: var(--mini-accent);
   --accent-light: color-mix(in srgb, var(--mini-accent) 15%, transparent);
   --bg-secondary: var(--mini-code-bg);
   --bg-card: var(--mini-card);
   --border: var(--mini-border);
}

@media (prefers-color-scheme: dark) {
   [data-theme="auto"] {
      --mini-bg: #0a0a0c;
      --mini-text: #f5f5f7;
      --mini-text-secondary: #a1a1a6;
      --mini-text-tertiary: #6e6e73;
      --mini-accent: #2997ff;
      --mini-border: #38383d;
      --mini-code-bg: #1c1c1e;
      --mini-card: #141416;

      --accent: var(--mini-accent);
      --accent-light: color-mix(in srgb, var(--mini-accent) 15%, transparent);
      --bg-secondary: var(--mini-code-bg);
      --bg-card: var(--mini-card);
      --border: var(--mini-border);
   }
}

body {
   background: var(--mini-bg) !important;
}

.page-nav {
   background: color-mix(in srgb, var(--mini-bg) 85%, transparent) !important;
   border-color: var(--mini-border) !important;
}

.page-content {
   font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
   color: var(--mini-text);
   max-width: 1366px;
}

.page-content h1 {
   font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif;
   font-size: 34px;
   font-weight: 700;
   letter-spacing: -0.04em;
   line-height: 1.15;
   color: var(--mini-text);
}

.page-body {
   font-size: 17px;
   line-height: 1.7;
   color: var(--mini-text-secondary);
   letter-spacing: -0.01em;
}

.page-body h2 {
   font-size: 24px;
   font-weight: 600;
   letter-spacing: -0.03em;
   color: var(--mini-text);
   margin: 40px 0 12px;
}

.page-body h3 {
   font-size: 19px;
   font-weight: 600;
   letter-spacing: -0.02em;
   color: var(--mini-text);
   margin: 28px 0 8px;
}

.page-body p {
   margin-bottom: 18px;
}

.page-body strong {
   color: var(--mini-text);
   font-weight: 600;
}

.page-body a {
   color: var(--mini-accent);
}

.page-body blockquote {
   border-left: 2px solid var(--mini-border);
   padding: 2px 0 2px 20px;
   margin: 20px 0;
   color: var(--mini-text-tertiary);
   font-style: italic;
}

.page-body hr {
   border: none;
   height: 1px;
   background: var(--mini-border);
   margin: 36px 0;
}

.page-body code {
   font-family: 'SF Mono', 'Menlo', monospace;
   font-size: 15px;
   background: var(--mini-code-bg);
   padding: 2px 6px;
   border-radius: 5px;
   color: var(--mini-text);
}

.page-body pre {
   background: var(--mini-code-bg);
   border-radius: 12px;
   padding: 20px 24px;
   border: 1px solid var(--mini-border);
}

.page-body pre code {
   background: none;
   padding: 0;
}

.page-body ul,
.page-body ol {
   padding-left: 24px;
}

.page-body li {
   margin-bottom: 8px;
   line-height: 1.65;
   color: var(--mini-text-secondary);
}

.page-meta {
   font-size: 13px;
   color: var(--mini-text-tertiary);
   letter-spacing: 0.02em;
}

.page-footer {
   color: var(--mini-text-tertiary);
   border-color: var(--mini-border);
}

/* ===== 白名单弹窗适配 ===== */
.modal-overlay .modal {
   background: var(--mini-card) !important;
   border: 1px solid var(--mini-border) !important;
   border-radius: 12px !important;
}

.modal-overlay .modal h3 {
   color: var(--mini-text) !important;
}

.modal-overlay .modal p {
   color: var(--mini-text-secondary) !important;
}

.modal-overlay .modal #link-warn-url {
   background: var(--mini-code-bg) !important;
   color: var(--mini-text-secondary) !important;
   border-radius: 8px !important;
   border: 1px solid var(--mini-border) !important;
}

.modal-overlay .modal .btn-outline {
   color: var(--mini-text) !important;
   border-color: var(--mini-border) !important;
   border-radius: 8px !important;
}

.modal-overlay .modal .btn-primary {
   background: var(--mini-accent) !important;
   color: #fff !important;
   border-radius: 8px !important;
}