.header[data-v-62bb7801]{background-color:var(--theme);border-bottom:1px solid var(--border);position:relative}.nav[data-v-62bb7801]{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--app-width) + var(--gap) * 2);margin:auto;line-height:var(--header-height);padding:0 var(--gap)}.logo[data-v-62bb7801]{display:flex;font-size:24px;font-weight:700;align-items:center}.logo a[data-v-62bb7801]{color:var(--primary);text-decoration:none}#menu[data-v-62bb7801]{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}#menu li[data-v-62bb7801]{margin-left:var(--gap)}#menu a[data-v-62bb7801]{font-size:16px;color:var(--primary);display:block;border-bottom:2px solid transparent;transition:border-color .2s}#menu a[data-v-62bb7801]:hover{color:var(--secondary)}#menu li.active a[data-v-62bb7801]{border-bottom-color:var(--primary);font-weight:500}#theme-toggle[data-v-62bb7801]{font-size:24px;margin:auto 0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--primary);padding:0 10px}#theme-toggle svg[data-v-62bb7801]{transition:transform .2s}#theme-toggle:hover svg[data-v-62bb7801]{transform:scale(1.1);color:var(--secondary)}@media screen and (max-width: 680px){.nav[data-v-62bb7801]{padding:0 10px}.logo[data-v-62bb7801]{font-size:20px}#menu li[data-v-62bb7801]{margin-left:10px}#theme-toggle[data-v-62bb7801]{padding:0}#theme-toggle svg[data-v-62bb7801]{width:20px}}:root{--gap: 24px;--content-gap: 20px;--nav-width: 1024px;--main-width: 720px;--app-width: 1400px;--header-height: 60px;--footer-height: 60px;--radius: 8px;--theme: rgb(255, 255, 255);--entry: rgb(255, 255, 255);--primary: rgb(30, 30, 30);--secondary: rgb(108, 108, 108);--tertiary: rgb(214, 214, 214);--content: rgb(31, 31, 31);--code-block-bg: rgb(28, 29, 33);--code-bg: rgb(245, 245, 245);--border: rgb(238, 238, 238);--link-color: var(--primary);--link-hover-color: var(--secondary);color-scheme:light}:root[data-theme=dark]{--theme: rgb(29, 30, 32);--entry: rgb(46, 46, 51);--primary: rgba(255, 255, 255, .84);--secondary: rgba(255, 255, 255, .56);--tertiary: rgba(255, 255, 255, .16);--content: rgba(255, 255, 255, .74);--code-block-bg: rgb(46, 46, 51);--code-bg: rgb(55, 56, 62);--border: rgba(255, 255, 255, .1);--link-color: var(--primary);--link-hover-color: var(--secondary);color-scheme:dark}body{background-color:var(--theme);color:var(--content)}:root{--primary-color: #007bff;--light-gray: #f7f9fc;--border-color: #e0e0e0;--text-color: #333;--card-hover-shadow: 0 4px 12px rgba(0,0,0,.08);--calc-accent: #4C9AFF;--calc-accent-hover: #3a8ae6;--calc-accent-bg: rgba(76, 154, 255, .08);--calc-accent-bg-hover: rgba(76, 154, 255, .15);--calc-btn-gradient: linear-gradient(135deg, #00C6FF, #0072FF);--calc-btn-shadow: rgba(0, 114, 255, .3);--calc-error-bg: #fffafa;--calc-error-border: #ffcccc;--calc-error-text: #cc0000;--calc-section-active-bg: #f8fbff;--calc-tab-bg: #fdfdfd;--calc-linked-border: #fbbf24;--calc-linked-bg: #fffbeb;--calc-pass-bg: #f0fdf4;--calc-pass-border: #bbf7d0;--calc-pass-text: #166534;--calc-fail-bg: #fef2f2;--calc-fail-border: #fecaca;--calc-fail-text: #991b1b;--calc-neutral-bg: #fffbeb;--calc-neutral-border: #fde68a;--calc-spec-card-bg: #ffffff;--calc-spec-card-border: #d1fae5;--calc-spec-highlight-bg: linear-gradient(135deg, #f0fdf4, #ecfdf5);--calc-spec-highlight-border: #bbf7d0;--calc-spec-badge-bg: #16a34a;--calc-text-strong: #1f2937;--calc-text-muted: #4b5563;--calc-text-faint: #9ca3af;--calc-helper-bg: #f8fafc;--calc-helper-border: #e2e8f0;--calc-helper-text: #444;--calc-helper-heading: #333}:root[data-theme=dark]{--primary-color: #5da3ff;--light-gray: #2a2b30;--border-color: rgba(255,255,255,.12);--text-color: rgba(255,255,255,.84);--card-hover-shadow: 0 4px 12px rgba(0,0,0,.3);--calc-accent: #5da3ff;--calc-accent-hover: #7db8ff;--calc-accent-bg: rgba(93, 163, 255, .12);--calc-accent-bg-hover: rgba(93, 163, 255, .22);--calc-btn-gradient: linear-gradient(135deg, #0099cc, #0060cc);--calc-btn-shadow: rgba(0, 96, 204, .4);--calc-error-bg: rgba(204, 0, 0, .1);--calc-error-border: rgba(204, 0, 0, .3);--calc-error-text: #ff6b6b;--calc-section-active-bg: rgba(76, 154, 255, .08);--calc-tab-bg: rgb(38, 39, 43);--calc-linked-border: #d97706;--calc-linked-bg: rgba(217, 119, 6, .12);--calc-pass-bg: rgba(22, 101, 52, .15);--calc-pass-border: rgba(34, 197, 94, .3);--calc-pass-text: #4ade80;--calc-fail-bg: rgba(153, 27, 27, .15);--calc-fail-border: rgba(248, 113, 113, .3);--calc-fail-text: #fca5a5;--calc-neutral-bg: rgba(217, 119, 6, .12);--calc-neutral-border: rgba(253, 230, 138, .3);--calc-spec-card-bg: rgb(46, 46, 51);--calc-spec-card-border: rgba(34, 197, 94, .2);--calc-spec-highlight-bg: linear-gradient(135deg, rgba(22, 101, 52, .15), rgba(22, 101, 52, .1));--calc-spec-highlight-border: rgba(34, 197, 94, .3);--calc-spec-badge-bg: #22c55e;--calc-text-strong: rgba(255, 255, 255, .87);--calc-text-muted: rgba(255, 255, 255, .6);--calc-text-faint: rgba(255, 255, 255, .38);--calc-helper-bg: rgb(38, 39, 43);--calc-helper-border: rgba(255, 255, 255, .1);--calc-helper-text: rgba(255, 255, 255, .7);--calc-helper-heading: rgba(255, 255, 255, .87)}.intro-callout{margin-top:14px;padding:12px 16px;border-radius:6px;font-size:13px}.intro-callout a{color:var(--calc-accent);font-weight:700}.intro-callout-tutorial{background:var(--calc-pass-bg);border-left:4px solid var(--calc-pass-border);color:var(--calc-text-strong)}.intro-callout-warning{background:var(--calc-neutral-bg);border-left:4px solid var(--calc-neutral-border);color:var(--calc-text-muted);font-size:12px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.6;word-break:break-word;background:var(--theme);color:var(--primary);transition:background-color .3s,color .3s}a{text-decoration:none;color:var(--secondary)}a:hover{color:var(--primary)}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.2;font-weight:700;color:var(--primary)}button,input,textarea,select{font:inherit}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));width:100%;max-width:calc(var(--app-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}@media screen and (max-width: 768px){.main{max-width:100%;padding:var(--gap)}}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}