:root{--color-bg: #fff;--color-text: #171717;--color-muted: #666;--color-line: #d6d6d6;--color-soft: #f5f5f3;--color-danger: #9d2525;--color-overlay: rgb(0 0 0 / 35%);--font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-small: 14px;--line-small: 24px;--font-body: 16px;--line-body: 28px;--font-section: 24px;--line-section: 36px;--font-brand: 26px;--line-brand: 36px;--font-title: 32px;--line-title: 44px;--weight-normal: 400;--weight-medium: 500;--weight-bold: 600;--space-none: 0;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 36px;--space-xl: 60px;--space-2xl: 80px;--content-width: 1140px;--page-gutter: 24px;--column-gap: 60px;--columns: repeat(2, minmax(0, 1fr));--nav-columns: repeat(4, minmax(0, 1fr));--border: 1px;--divider: 3px;--focus: 2px;--focus-offset: 4px;--radius: 0px;--full: 100%;--auto: auto;--min-size: 0;--header-top: 48px;--nav-top: 70px;--hero-columns: 210px minmax(0, 1fr);--hero-gap: 18px;--hero-image-width: 912px;--hero-image-ratio: 16/9;--card-ratio: 54/35;--modal-width: 480px;--modal-height: 90vh;--modal-z: 20;--button-height: 48px;--input-width: 320px;--editor-height: 160px;--media-height: 260px;--workspace-display: block;--mobile-guide-display: none;--dialog-padding: 36px;--table-min-width: 620px;--disabled-opacity: .5}@media(max-width:760px){:root{--columns: minmax(0, 1fr);--nav-columns: repeat(2, minmax(0, 1fr));--column-gap: 24px;--header-top: 24px;--nav-top: 36px;--hero-columns: minmax(0, 1fr);--hero-gap: 24px;--space-2xl: 48px;--font-title: 28px;--line-title: 40px;--workspace-display: none;--mobile-guide-display: block;--dialog-padding: 24px}}*{box-sizing:border-box}body{margin:var(--space-none);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-body);line-height:var(--line-body)}a{color:inherit;text-underline-offset:var(--focus-offset)}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{border-radius:var(--radius)}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--color-bg);border:var(--border) solid var(--color-text);padding:var(--space-xs) var(--space-sm);min-height:var(--button-height)}button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}:focus-visible{outline:var(--focus) solid var(--color-text);outline-offset:var(--focus-offset)}input,textarea,select{border:var(--border) solid var(--color-line);padding:var(--space-xs);max-width:var(--full);background:var(--color-bg)}textarea{min-height:var(--editor-height);width:var(--full)}label{display:grid;gap:var(--space-xs)}img{max-width:var(--full);display:block}h1,h2,h3,p,figure{margin:var(--space-none)}h1{font-size:var(--font-title);line-height:var(--line-title);font-weight:var(--weight-medium)}h2,h3{font-size:var(--font-section);line-height:var(--line-section);font-weight:var(--weight-medium)}.shell{max-width:var(--content-width);margin-inline:var(--auto);width:calc(var(--full) - var(--page-gutter) - var(--page-gutter))}.masthead{padding-top:var(--header-top)}.brand{font-size:var(--font-brand);line-height:var(--line-brand);font-weight:var(--weight-medium);text-decoration:none}.muted,small,figcaption{color:var(--color-muted);font-size:var(--font-small);line-height:var(--line-small)}.row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:var(--space-md)}.compact{gap:var(--space-xs)}.nav{display:grid;grid-template-columns:var(--nav-columns);margin-top:var(--nav-top);gap:var(--space-sm)}.nav a{padding-inline:var(--space-md);border-left:var(--border) solid var(--color-line);text-decoration:none}.nav a[aria-current=page]{font-weight:var(--weight-bold)}main{padding-block:var(--space-xl)}.hero{display:grid;grid-template-columns:var(--hero-columns);gap:var(--hero-gap);align-items:center}.hero img{width:var(--full);aspect-ratio:var(--hero-image-ratio);object-fit:cover;object-position:top}.hero figcaption{margin-top:var(--space-sm)}.section{margin-top:var(--space-2xl);padding-top:var(--space-md)}.ruled{border-top:var(--divider) solid var(--color-text)}.grid{display:grid;grid-template-columns:var(--columns);gap:var(--column-gap)}.card{display:grid;gap:var(--space-sm);align-content:start}.card img{width:var(--full);aspect-ratio:var(--card-ratio);object-fit:contain;background:var(--color-soft)}.panel{border:var(--border) solid var(--color-line);padding:var(--space-md)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);padding:var(--space-xs) var(--space-md);border:var(--border) solid var(--color-text);text-decoration:none;background:var(--color-bg)}.primary{background:var(--color-text);color:var(--color-bg)}.error{color:var(--color-danger)}.status{padding:var(--space-sm);background:var(--color-soft)}.overlay{position:fixed;inset:var(--space-none);z-index:var(--modal-z);background:var(--color-overlay);display:grid;place-items:center;padding:var(--page-gutter)}.dialog{background:var(--color-bg);padding:var(--dialog-padding);width:var(--full);max-width:var(--modal-width);max-height:var(--modal-height);overflow:auto}.dialog input{width:var(--full)}dialog.dialog{border:var(--border) solid var(--color-line)}dialog.dialog::backdrop{background:var(--color-overlay)}.workspace{display:var(--workspace-display)}.mobile-guide{display:var(--mobile-guide-display)}.step-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);list-style:none;padding:var(--space-none)}.step-nav [aria-current=step]{font-weight:var(--weight-bold);border-bottom:var(--divider) solid var(--color-text)}.placeholder{background:var(--color-soft);min-height:var(--media-height);display:grid;place-items:center;padding:var(--space-md)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:var(--full);min-width:var(--table-min-width)}td,th{text-align:left;border-bottom:var(--border) solid var(--color-line);padding:var(--space-sm)}footer{border-top:var(--border) solid var(--color-line);padding-block:var(--space-lg);margin-top:var(--space-xl)}.skip{display:inline-block;margin-top:var(--space-xs)}.content-body{white-space:pre-wrap;overflow-wrap:anywhere}.selected{border:var(--divider) solid var(--color-text)}.form{display:grid;gap:var(--space-md)}.form input:not([type=file]){width:var(--full)}.image-preview{max-height:var(--media-height);object-fit:contain}.check-label{display:flex;gap:var(--space-xs);align-items:center}.archive-controls{border:0;padding:0;margin:0;min-width:0}.archive-controls legend{margin-bottom:var(--space-md)}.archive-controls input[type=checkbox],.archive-controls input[type=radio]{width:auto}.theory-editor fieldset{border:var(--border) solid var(--color-line);padding:var(--space-sm);min-width:var(--min-size)}.theory-input{border:var(--border) solid var(--color-line);padding:var(--space-sm);min-height:var(--editor-height);white-space:pre-wrap}.theory-body{overflow-wrap:anywhere}.theory-body p+p,.theory-body h2,.theory-body h3,.theory-body ul,.theory-body ol{margin-block:var(--space-sm)}.theory-body .image-preview{max-height:none;object-fit:contain}.theory-tools{align-items:end}.theory-editor,.theory-editor .stack,.theory-tools>label{min-width:var(--min-size)}.theory-editor input{width:var(--full);min-width:var(--min-size)}
