:root{--color-orange: #FF9900;--color-bg: #ffffff;--color-surface: #f8f8f8;--color-text: #1a1a1a;--color-text-secondary: #555;--color-border: #e0e0e0;--color-code-bg: #f4f4f4;--color-accent: #FF9900;--color-accent-hover: #e68a00;--color-header-bg: #ffffff;--color-shadow: rgba(0, 0, 0, .08);--color-link: #e68a00;--sidebar-width: 260px;--topbar-height: 60px;--transition: .3s ease}:root.dark{--color-bg: #0d1b1e;--color-surface: #152a2f;--color-text: #e0e0e0;--color-text-secondary: #a0b0b5;--color-border: #2a4a50;--color-code-bg: #1a3338;--color-accent: #FF9900;--color-accent-hover: #ffad33;--color-header-bg: #0d1b1e;--color-shadow: rgba(0, 0, 0, .3);--color-link: #FF9900}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.7;transition:background-color var(--transition),color var(--transition);display:flex;min-height:100vh;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}#app{display:flex;width:100%;min-height:100vh}#sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;transition:transform var(--transition),background-color var(--transition);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--color-border)}.sidebar-header h2{font-size:1.2rem;color:var(--color-accent);font-weight:700}#sidebar-toggle,#menu-btn{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--color-text);padding:4px 8px;border-radius:4px}#sidebar-toggle:hover,#menu-btn:hover{background-color:var(--color-border)}#sidebar-nav{padding:12px 0;flex:1;overflow-y:auto}#sidebar-nav a{display:block;padding:8px 20px;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;border-left:3px solid transparent;transition:all .2s}#sidebar-nav a:hover,#sidebar-nav a.active{color:var(--color-accent);background-color:#ff990014;border-left-color:var(--color-accent)}#sidebar-nav .nav-group{padding:8px 20px 4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);opacity:.6;margin-top:8px}#content{margin-left:var(--sidebar-width);flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}#topbar{position:sticky;top:0;z-index:50;height:var(--topbar-height);background-color:var(--color-header-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 24px;gap:16px;box-shadow:0 1px 4px var(--color-shadow);transition:background-color var(--transition)}#page-title{font-size:1rem;font-weight:600;color:var(--color-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#theme-toggle{background:none;border:1px solid var(--color-border);font-size:1.1rem;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background-color var(--transition);line-height:1}#theme-toggle:hover{background-color:var(--color-surface)}#lang-selector{margin-right:4px}#lang-select{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:5px 8px;font-size:.8rem;cursor:pointer;outline:none}#lang-select:focus{border-color:var(--color-accent)}#markdown-content{max-width:800px;padding:32px 40px 60px;flex:1;content-visibility:auto;contain-intrinsic-size:500px}#markdown-content h1{font-size:2rem;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-accent);color:var(--color-text)}#markdown-content h2{font-size:1.5rem;margin-top:32px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}#markdown-content h3{font-size:1.2rem;margin-top:24px;margin-bottom:10px}#markdown-content p{margin-bottom:14px}#markdown-content a{color:var(--color-link);text-decoration:none}#markdown-content a:hover{text-decoration:underline}#markdown-content code{background-color:var(--color-code-bg);padding:2px 6px;border-radius:4px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.9em}#markdown-content pre{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px;overflow-x:auto;margin-bottom:16px}#markdown-content pre code{background:none;padding:0;font-size:.9rem;line-height:1.6}#markdown-content ul,#markdown-content ol{margin-bottom:14px;padding-left:24px}#markdown-content li{margin-bottom:6px}#markdown-content blockquote{border-left:3px solid var(--color-accent);padding:8px 16px;margin:16px 0;background-color:var(--color-surface);border-radius:0 6px 6px 0}#markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:28px 0}#markdown-content table{border-collapse:collapse;width:100%;margin-bottom:16px}#markdown-content th,#markdown-content td{border:1px solid var(--color-border);padding:8px 12px;text-align:left}#markdown-content th{background-color:var(--color-surface);font-weight:600}#markdown-content tr:nth-child(2n){background-color:var(--color-surface)}@media(max-width:768px){#sidebar{transform:translate(-100%)}#sidebar.open{transform:translate(0)}#sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}#sidebar-overlay.active{display:block}#content{margin-left:0}#menu-btn,#sidebar-toggle{display:inline-block}#markdown-content{padding:20px 16px 40px}#markdown-content h1{font-size:1.5rem}#markdown-content h2{font-size:1.25rem}}@media(max-width:480px){#topbar{padding:0 12px}#page-title{font-size:.85rem}}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:80px;background:#00000080;opacity:0;transition:opacity .2s}.search-modal.active{display:flex;opacity:1}.search-modal-content{width:100%;max-width:640px;margin:0 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px var(--color-shadow);overflow:hidden;transform:translateY(-20px);transition:transform .2s}.search-modal.active .search-modal-content{transform:translateY(0)}.search-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border)}#search-input{flex:1;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;font-size:1rem;outline:none}#search-input:focus{border-color:var(--color-accent)}#search-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:4px;line-height:1}#search-close:hover{color:var(--color-text)}.search-results{max-height:400px;overflow-y:auto;padding:8px}.search-result{display:block;padding:12px 16px;color:var(--color-text);text-decoration:none;border-radius:8px;transition:background .15s}.search-result:hover{background:var(--color-border)}.search-title{font-weight:500;font-size:.95rem}.search-path{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px;display:block}.search-hint{padding:20px;text-align:center;color:var(--color-text-secondary);font-size:.9rem}.search-shortcut{padding:10px 20px;border-top:1px solid var(--color-border);text-align:center;font-size:.75rem;color:var(--color-text-secondary)}.search-shortcut kbd{background:var(--color-border);padding:2px 6px;border-radius:4px;font-family:monospace;margin:0 2px}