:root {--color-primary: #3b6df0;--color-primary-dark: #2851c5;--color-primary-light: #e8edff;--color-accent: #0e547d;--color-text: #1a1a2e;--color-text-secondary: #5a5f72;--color-bg: #f7f8fc;--color-surface: #ffffff;--color-border: #e2e6f0;--color-nav-bg: #3b5fd9;--color-nav-text: #ffffff;--color-link: #3b6df0;--color-footer-text: #8892a4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);--shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.09);--shadow-nav: 0 2px 16px rgba(59, 95, 217, 0.18);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);--transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--font-sans: 'Inter', 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Consolas', monospace;--max-width-content: 900px;}*,*::before,*::after {box-sizing: border-box;}body {color: var(--color-text);background-color: var(--color-bg);margin: 0;padding: 0;font-family: var(--font-sans);line-height: 1.7;display: flex;flex-flow: column;-webkit-flex-flow: column;-ms-flex-flow: column;min-height: 100vh;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}h1 {font-size: 1.65rem;font-weight: 700;color: var(--color-accent);letter-spacing: -0.02em;margin: 1.2em 0 0.6em;position: relative;}h1::after {content: '';display: block;width: 48px;height: 3px;background: linear-gradient(135deg, var(--color-primary), #6d8ff0);border-radius: var(--radius-full);margin-top: 0.5em;}h2, .h2 {padding-top: 0.5em;margin-top: 1.5em;font-size: 1.2rem;font-weight: 650;color: var(--color-accent);letter-spacing: -0.01em;position: relative;}h2::before {content: '';display: inline-block;width: 6px;height: 1.1em;background: var(--color-primary);border-radius: var(--radius-full);margin-right: 0.55em;vertical-align: -2px;}p {margin: 0.7em 0;color: var(--color-text-secondary);}/* ---------- 头部 ---------- */header {background-color: var(--color-surface);margin: 0;padding: 1.2em 1.5em;display: block;clear: both;margin-right: calc(100% - 100vw);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-sm);}nav {display: table;width: 100%;background: linear-gradient(135deg, #4468e2 0%, var(--color-nav-bg) 100%);text-align: center;vertical-align: middle;margin-right: calc(100% - 100vw);font-family: var(--font-sans);padding-top: 6px;padding-bottom: 7px;box-shadow: var(--shadow-nav);position: sticky;top: 0;z-index: 100;backdrop-filter: blur(8px);}nav div.middle {display: table-cell;width: 20%;min-width: 32em;}nav .toggle {display: none;}nav #navToggleBox {display: none;}nav div.middle > ul {list-style: none;display: inline-flex;gap: 0.3em;padding: 0;margin: 0 auto;}nav div.middle > ul > li {padding: 0 0.6em;display: inline-block;vertical-align: top;position: relative;}nav div.middle > ul > li span {width: 20em;position: absolute;top: calc(100% + 6px);left: 50%;transform: translateX(-50%);}nav a,nav label,nav span,nav li.confName {color: var(--color-nav-text);border-radius: var(--radius-sm);padding: 8px 14px;text-indent: 0;text-decoration: none;overflow: hidden;font-weight: 500;font-size: 0.92rem;letter-spacing: 0.01em;transition: background var(--transition-fast), box-shadow var(--transition-fast);white-space: nowrap;}nav a:hover,nav label:hover {background: rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.06);}nav a:active {background: rgba(255, 255, 255, 0.22);}/* ---------- 主内容区 ---------- */main {margin: 0 auto;padding: 1.8em 1.5em;flex: 1;max-width: var(--max-width-content);width: 100%;background: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);margin-top: 1.5em;margin-bottom: 1.5em;}section {margin: 1.5em 0;padding: 1.2em 1.5em;background: var(--color-bg);border-radius: var(--radius-md);border: 1px solid var(--color-border);transition: box-shadow var(--transition-smooth);}section:hover {box-shadow: var(--shadow-md);}a {color: var(--color-link);text-decoration: none;font-weight: 500;transition: color var(--transition-fast), background var(--transition-fast);border-radius: 3px;padding: 1px 4px;margin: 0 -2px;}a:hover {color: var(--color-primary-dark);background: var(--color-primary-light);}span.link {color: var(--color-link);text-decoration: none;cursor: pointer;font-weight: 500;}span.link:hover {text-decoration: underline;}footer {border: none;height: auto;text-decoration: none;text-align: right;margin-top: 1em;padding: 1em 1.5em;color: var(--color-footer-text);font-size: 0.85rem;border-top: 1px solid var(--color-border);background: var(--color-surface);}/* ---------- 代码块 ---------- */code {font-family: var(--font-mono);font-size: 0.88em;background: #f0f1f5;color: #c7254e;padding: 2px 7px;border-radius: var(--radius-sm);border: 1px solid var(--color-border);}pre {background: #1e1e2e;color: #cdd6f4;padding: 1.2em 1.5em;border-radius: var(--radius-md);overflow-x: auto;font-family: var(--font-mono);font-size: 0.85rem;line-height: 1.6;box-shadow: var(--shadow-md);border: 1px solid #2a2a3c;}pre code {background: transparent;color: inherit;padding: 0;border: none;border-radius: 0;}button,.btn {display: inline-flex;align-items: center;gap: 0.4em;padding: 10px 20px;font-family: var(--font-sans);font-size: 0.9rem;font-weight: 550;color: #ffffff;background: linear-gradient(135deg, var(--color-primary), #557df5);border: none;border-radius: var(--radius-full);cursor: pointer;transition: all var(--transition-fast);box-shadow: 0 2px 8px rgba(59, 109, 240, 0.25);letter-spacing: 0.01em;}button:hover,.btn:hover {background: linear-gradient(135deg, var(--color-primary-dark), #4468e2);box-shadow: 0 4px 16px rgba(59, 109, 240, 0.35);transform: translateY(-1px);}button:active,.btn:active {transform: translateY(0);box-shadow: 0 1px 4px rgba(59, 109, 240, 0.2);}.card {background: var(--color-surface);border-radius: var(--radius-md);padding: 1.5em;box-shadow: var(--shadow-sm);border: 1px solid var(--color-border);transition: box-shadow var(--transition-smooth);}.card:hover {box-shadow: var(--shadow-lg);}table {width: 100%;border-collapse: collapse;margin: 1em 0;font-size: 0.9rem;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm);}th {background: var(--color-primary-light);color: var(--color-accent);font-weight: 650;padding: 0.8em 1em;text-align: left;border-bottom: 2px solid var(--color-primary);}td {padding: 0.7em 1em;border-bottom: 1px solid var(--color-border);}tr:last-child td {border-bottom: none;}tr:hover td {background: #fafbfd;}@media (max-width: 768px) {main {margin: 0.8em;padding: 1.2em;border-radius: var(--radius-md);}h1 {font-size: 1.35rem;}h2, .h2 {font-size: 1.05rem;}nav div.middle {min-width: auto;width: 100%;}nav div.middle > ul {flex-wrap: wrap;justify-content: center;gap: 0.1em;}nav a,nav label {padding: 6px 10px;font-size: 0.82rem;}section {padding: 0.8em 1em;margin: 1em 0;}header {padding: 0.8em 1em;}}@media (max-width: 480px) {body {line-height: 1.6;}main {margin: 0.3em;padding: 0.8em;}h1 {font-size: 1.2rem;}nav a,nav label {padding: 5px 8px;font-size: 0.78rem;}}::-webkit-scrollbar {width: 7px;height: 7px;}::-webkit-scrollbar-track {background: transparent;}::-webkit-scrollbar-thumb {background: #c8cdd8;border-radius: var(--radius-full);}::-webkit-scrollbar-thumb:hover {background: #a0a7b4;}::selection {background: #c5d4ff;color: var(--color-accent);}@media print {body {background: #ffffff;color: #000000;}nav {background: #f0f0f0 !important;color: #000000 !important;box-shadow: none;}nav a {color: #000000 !important;}main {box-shadow: none;border: 1px solid #ccc;}}