.app-root[data-v-ad68710f]{min-height:100vh;max-width:1280px;margin:0 auto;padding:0 var(--space-5)}:root{--c-bg: #0a0e14;--c-bg-elev: #101722;--c-surface: #141d2a;--c-surface-2: #1a2532;--c-border: #22304a;--c-border-strong: #2d3e5c;--c-text: #e8eef6;--c-text-muted: #8da0b6;--c-text-faint: #5a6b80;--c-primary: #38bdf8;--c-primary-strong: #0ea5e9;--c-cyan: #22d3ee;--c-dominant: #4ade80;--c-recessive: #94a3b8;--c-warn: #fbbf24;--c-danger: #f87171;--c-passive: #fdba74;--c-violet: #a78bfa;--c-wave: #7df9c6;--font-sans: -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Roboto Mono", ui-monospace, "Menlo", "Consolas", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow: 0 2px 10px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .2s;--bp-mobile: 640px;--bp-tablet: 1024px}@media (prefers-reduced-motion: reduce){:root{--dur: .01ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--c-text);background-color:var(--c-bg);background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--c-primary);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--c-cyan)}#app{min-height:100vh}img,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:#38bdf84d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-border-strong)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{border-color:var(--c-border-strong)}.card__title{font-size:1.05em;font-weight:600;color:var(--c-text)}.card__sub{font-size:.82em;color:var(--c-text-muted)}.codeblock{position:relative;background:#0d1520;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;font-family:var(--font-mono);font-size:.84em;line-height:1.6}.codeblock__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-bg-elev);border-bottom:1px solid var(--c-border);font-size:.78em;color:var(--c-text-muted)}.codeblock__body{padding:var(--space-4) var(--space-5);overflow-x:auto;white-space:pre;-moz-tab-size:4;tab-size:4}.table{width:100%;border-collapse:collapse;font-size:.9em}.table th{background:var(--c-bg-elev);color:var(--c-text);font-weight:600;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border-strong)}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);color:var(--c-text-muted)}.table tbody tr:hover{background:var(--c-surface-2)}.table td.num,.table td.hex{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table td.hex,.table th.hex{text-align:right}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-weight:500;font-size:.9em;transition:all var(--dur) var(--ease)}.btn:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.btn--primary{background:var(--c-primary-strong);border-color:var(--c-primary-strong);color:#06202b}.btn--primary:hover{background:var(--c-cyan);border-color:var(--c-cyan)}.btn--ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.15em .6em;border-radius:var(--radius-full);font-size:.75em;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge--dominant{color:#052e12;background:var(--c-dominant)}.badge--recessive{color:#131c26;background:var(--c-recessive)}.badge--warn{color:#3a2400;background:var(--c-warn)}.badge--danger{color:#3a0707;background:var(--c-danger)}.badge--passive{color:#3a1c00;background:var(--c-passive)}.badge--primary{color:#06202b;background:var(--c-primary)}.badge--violet{color:#1e0f45;background:var(--c-violet)}.badge--muted{color:var(--c-text-muted);background:var(--c-surface-2)}.infocard{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--c-bg-elev);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius)}.infocard__icon{font-size:1.3em;line-height:1}.demo-banner{position:relative;padding:var(--space-5) var(--space-6);background:var(--c-bg-elev);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius)}.demo-banner:before{content:"演示";position:absolute;top:var(--space-3);right:var(--space-4);font-size:.68em;letter-spacing:.12em;color:var(--c-text-faint);text-transform:uppercase}.demo-banner__title{font-size:1em;font-weight:600;margin-bottom:var(--space-2)}.demo-banner__hint{font-size:.82em;color:var(--c-text-muted);margin-bottom:var(--space-4)}.quiz{padding:var(--space-5) var(--space-6);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius)}.quiz__options{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.quiz__option{padding:var(--space-3) var(--space-4);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-elev);text-align:left;transition:all var(--dur) var(--ease)}.quiz__option:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.quiz__option--correct{border-color:var(--c-dominant);background:#4ade801f}.quiz__option--wrong{border-color:var(--c-danger);background:#f871711f}.section-title{font-size:1.4em;font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--c-text)}.section-title:before{content:"";display:inline-block;width:8px;height:1.1em;margin-right:var(--space-3);vertical-align:-.15em;border-radius:var(--radius-sm);background:var(--c-primary)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-12{margin-bottom:48px}.txt-muted{color:var(--c-text-muted)}.txt-faint{color:var(--c-text-faint)}.txt-dominant{color:var(--c-dominant)}.txt-danger{color:var(--c-danger)}.txt-warn{color:var(--c-warn)}.txt-primary{color:var(--c-primary)}.txt-violet{color:var(--c-violet)}.center{text-align:center}.right{text-align:right}.flex{display:flex;gap:var(--space-4);align-items:center}.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}