:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--accent:#06c;--accent-hover:#05a;--border:#d2d2d7;--shadow:#0000001a;--table-stripe:#f9f9fb;--code-bg:#f5f5f7;--content-max-width:900px;--toc-width:280px;--header-height:70px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--font-family:"PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"SF Mono", "Consolas", "Liberation Mono", monospace;--font-size-base:16px;--line-height:1.7}[data-theme=dark]{--bg-primary:#1c1c1e;--bg-secondary:#2c2c2e;--bg-tertiary:#3a3a3c;--text-primary:#f5f5f7;--text-secondary:#98989d;--accent:#0a84ff;--accent-hover:#409cff;--border:#38383a;--shadow:#0000004d;--table-stripe:#252527;--code-bg:#2c2c2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#1c1c1e;--bg-secondary:#2c2c2e;--bg-tertiary:#3a3a3c;--text-primary:#f5f5f7;--text-secondary:#98989d;--accent:#0a84ff;--accent-hover:#409cff;--border:#38383a;--shadow:#0000004d;--table-stripe:#252527;--code-bg:#2c2c2e}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-family);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color .3s,color .3s}.header{height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 var(--space-lg);z-index:1000;justify-content:space-between;align-items:center;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.header__brand{align-items:center;gap:var(--space-sm);display:flex}.header__logo{flex-shrink:0;width:32px;height:32px}.header__title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.header__actions{align-items:center;gap:var(--space-md);display:flex}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--text-primary);align-items:center;gap:var(--space-sm);border-radius:8px;font-size:.875rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-tertiary)}.theme-toggle__icon{font-size:1rem}.menu-toggle{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-sm);cursor:pointer;color:var(--text-primary);border-radius:8px;width:40px;display:none}.main-container{padding-top:var(--header-height);min-height:100vh;display:flex}.content{padding:var(--space-xl) var(--space-lg);flex:1}.content__inner{max-width:var(--content-max-width);margin:0 auto}.toc{background:var(--bg-secondary);border-left:1px solid var(--border);width:240px;padding:var(--space-lg);border-radius:10px;transition:background-color .3s,border-color .3s;position:fixed;top:13%;right:-10px;overflow-y:auto}.toc__title{color:var(--text-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border);font-size:1rem;font-weight:600}.toc__list{list-style:none}.toc__item{margin-bottom:var(--space-xs)}.toc__link{padding:var(--space-sm) var(--space-sm);color:var(--text-secondary);border-radius:4px;font-size:.875rem;text-decoration:none;transition:all .2s;display:block}.toc__link:hover{color:var(--accent);background:var(--bg-tertiary)}.toc__link--active{color:var(--accent);background:var(--bg-tertiary);font-weight:500}.toc__sub-list{padding-left:var(--space-md);list-style:none}.toc__sub-item .toc__link{font-size:.8125rem}.section{margin-bottom:var(--space-xl);scroll-margin-top:calc(var(--header-height) + var(--space-lg))}.section__title{color:var(--text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--accent);font-size:1.5rem;font-weight:600}.section__subtitle{color:var(--text-primary);margin:var(--space-lg) 0 var(--space-md);font-size:1.125rem;font-weight:600}.section__paragraph{color:var(--text-primary);text-align:justify}.section__note{background:var(--bg-secondary);border-left:3px solid var(--accent);padding:var(--space-md);margin:var(--space-md) 0;border-radius:0 4px 4px 0}.table-container{margin:var(--space-md) 0;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.table{border-collapse:collapse;background:var(--bg-primary);width:100%;font-size:.875rem}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.table tr:nth-child(2n){background:var(--table-stripe)}.table tr:last-child td{border-bottom:none}.list{margin:var(--space-md) 0;list-style:none}.list__item{padding:var(--space-sm) 0;padding-left:var(--space-md);color:var(--text-primary);position:relative}.list__item:before{content:"•";color:var(--accent);position:absolute;left:0}.list__item--ordered{counter-increment:list-counter}.list__item--ordered:before{content:counter(list-counter) "."}.list--ordered{counter-reset:list-counter}.link{color:var(--accent);text-decoration:none;transition:color .2s}.link:hover{color:var(--accent-hover);text-decoration:underline}.code{font-family:var(--font-mono);background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:.875em}.content-card,.skill-card{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:8px}.skill-card__title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:1.125rem;font-weight:600}.skill-card__subtitle{color:var(--accent);margin:var(--space-md) 0 var(--space-sm);font-size:1rem;font-weight:500}.lazy-image{min-height:200px;color:var(--text-secondary);margin:var(--space-md);justify-content:center;align-items:flex-start;gap:var(--space-md);flex-direction:column;width:fit-content;max-width:100%;display:flex}img{border-radius:8px;max-width:100%}.mobile-toc{top:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border);z-index:999;max-height:0;transition:max-height .3s;display:none;position:fixed;left:0;right:0;overflow:hidden}.mobile-toc--open{max-height:400px;overflow-y:auto}.mobile-toc__inner{padding:var(--space-md)}.footer{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--text-secondary);border-top:1px solid var(--border);font-size:.875rem}.footer__link{color:var(--accent);text-decoration:none}@media (width<=1400px){.toc{display:none}.menu-toggle{display:block}.mobile-toc{order:1;display:block}}@media (width<=768px){:root{--font-size-base:15px;--header-height:56px}.header{padding:0 var(--space-md)}.header__title{font-size:1rem}.main-container{flex-direction:column}.content{max-width:100%;padding:var(--space-lg) var(--space-md);order:2;margin-right:0}.footer{margin-right:0}.section__title{font-size:1.25rem}.section__subtitle{font-size:1rem}.table{font-size:.8125rem}.table th,.table td{padding:var(--space-xs) var(--space-sm)}.skill-card{padding:var(--space-md)}}@media (width<=480px){:root{--font-size-base:14px;--space-lg:16px;--space-xl:32px}.content{padding:var(--space-md) var(--space-sm)}.section{margin-bottom:var(--space-lg)}.table-container{font-size:.75rem}}