*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1e88e5;--primary-dark:#1565c0;--bg:#0d1117;--bg-elevated:#161b22;--bg-card:#1c2128;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--success:#3fb950;--warning:#d29922;--danger:#f85149;--info:#58a6ff;--code-bg:#161b22}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:15px}.layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-elevated);border-right:1px solid var(--border);padding:24px 16px;position:fixed;height:100vh;overflow-y:auto}.sidebar h1{font-size:18px;color:var(--primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.sidebar .subtitle{font-size:12px;color:var(--text-muted);margin-bottom:24px}.search-box{position:relative;margin-bottom:20px}.search-box input{width:100%;padding:10px 12px 10px 36px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:14px;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--primary)}.search-box:before{content:"🔍";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;margin-top:4px;max-height:400px;overflow-y:auto;z-index:100;display:none}.search-results.active{display:block}.search-result{padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.search-result:hover{background:var(--bg-elevated)}.search-result:last-child{border-bottom:none}.search-result-title{font-size:14px;color:var(--text);margin-bottom:2px}.search-result-path{font-size:11px;color:var(--text-muted)}.search-result mark{background:var(--primary);color:white;padding:0 2px;border-radius:2px}.nav-section{margin-bottom:16px}.nav-title{font-size:11px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;padding:0 8px}.nav-list{list-style:none}.nav-list a{display:block;padding:6px 12px;color:var(--text-muted);text-decoration:none;border-radius:4px;font-size:14px;transition:all .15s}.nav-list a:hover{background:var(--bg);color:var(--text)}.nav-list a.active{background:var(--primary);color:white;font-weight:500}.main{flex:1 1;margin-left:280px;padding:40px 60px;max-width:1000px}.breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:16px}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}article h1{font-size:32px;margin-bottom:8px;padding-bottom:12px}article h1,article h2{color:var(--text);border-bottom:1px solid var(--border)}article h2{font-size:24px;margin-top:32px;margin-bottom:16px;padding-bottom:8px}article h3{font-size:19px;margin-top:24px;margin-bottom:12px;color:var(--info)}article h4{font-size:16px;margin-top:20px;margin-bottom:8px;color:var(--text)}article p{margin-bottom:12px;color:var(--text)}article ol,article ul{margin-left:24px;margin-bottom:12px}article li{margin-bottom:6px}article strong{color:var(--text);font-weight:600}article em{color:var(--text-muted)}article a{color:var(--primary);text-decoration:none}article a:hover{text-decoration:underline}table{width:100%;border-collapse:collapse;margin:16px 0;background:var(--bg-card);border-radius:6px;overflow:hidden}td,th{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{background:var(--bg-elevated);font-weight:600;color:var(--info)}tr:last-child td{border-bottom:none}tr:hover{background:var(--bg-elevated)}code{font-family:SF Mono,Monaco,Consolas,Courier New,monospace;padding:2px 6px;border-radius:3px;font-size:13px;color:#ff7b72}code,pre{background:var(--code-bg)}pre{padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0;border:1px solid var(--border)}pre code{background:none;padding:0;color:var(--text)}blockquote{border-left:3px solid var(--primary);padding:8px 16px;margin:16px 0;background:var(--bg-elevated);color:var(--text-muted);border-radius:0 6px 6px 0}.callout{padding:12px 16px;border-radius:6px;margin:16px 0;border-left:3px solid}.callout-info{background:rgba(88,166,255,.1);border-color:var(--info)}.callout-success{background:rgba(63,185,80,.1);border-color:var(--success)}.callout-warning{background:rgba(210,153,34,.1);border-color:var(--warning)}.callout-danger{background:rgba(248,81,73,.1);border-color:var(--danger)}.callout-title{font-weight:600;margin-bottom:4px;color:var(--text)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;transition:all .2s;color:inherit;display:block}.card,.card:hover{text-decoration:none}.card:hover{border-color:var(--primary);transform:translateY(-2px)}.card-icon{font-size:28px;margin-bottom:8px}.card-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.card-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.badge{display:inline-block;padding:2px 8px;font-size:11px;border-radius:10px;margin-left:8px;font-weight:500}.badge-danger{background:rgba(248,81,73,.2);color:var(--danger)}.badge-warning{background:rgba(210,153,34,.2);color:var(--warning)}.badge-success{background:rgba(63,185,80,.2);color:var(--success)}.badge-info{background:rgba(88,166,255,.2);color:var(--info)}@media (max-width:900px){.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border)}.main{margin-left:0;padding:24px}.layout{flex-direction:column}}.screenshot{display:block;max-width:100%;margin:16px auto;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated)}.screenshot-caption{text-align:center;color:var(--text-muted);font-size:.9em;margin:-8px 0 24px;font-style:italic}.image-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:16px 0}@media (max-width:768px){.image-pair{grid-template-columns:1fr}}