:root{--bg:#141517;--sidebar:#1c1d22;--card:#1e2028;--card-h:#232630;--border:hsla(0,0%,100%,.07);--border-h:hsla(0,0%,100%,.14);--t1:#e6e6e8;--t2:#888990;--t3:#484950;--accent:#3b82f6;--accent-bg:rgba(59,130,246,.12);--search-bg:hsla(0,0%,100%,.05);--active-bg:rgba(59,130,246,.1)}html.light{--bg:#f4f4f3;--sidebar:#ebebea;--card:#fff;--card-h:#f7f7f6;--border:rgba(0,0,0,.07);--border-h:rgba(0,0,0,.14);--t1:#1c1c1e;--t2:#6b6b72;--t3:#b0b0b8;--accent:#2563eb;--accent-bg:rgba(37,99,235,.08);--search-bg:rgba(0,0,0,.05);--active-bg:rgba(37,99,235,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--t1);font-size:15px;line-height:1.6;transition:background .2s,color .2s}a{text-decoration:none;color:inherit}.layout,.sidebar{display:flex;height:100vh}.sidebar{width:272px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;position:-webkit-sticky;position:sticky;top:0;overflow:hidden;transition:background .2s}.logo{gap:10px;padding:16px 18px 14px;border-bottom:1px solid var(--border)}.logo,.logo-icon{display:flex;align-items:center;flex-shrink:0}.logo-icon{width:28px;height:28px;background:var(--accent);border-radius:6px;justify-content:center}.logo-name{font-size:14px;font-weight:600;flex:1 1;color:var(--t1)}.pro-badge{font-size:10px;font-weight:700;color:var(--accent);background:var(--accent-bg);padding:2px 7px;border-radius:3px;letter-spacing:.06em}.search-wrap{padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.search-box{display:flex;align-items:center;gap:7px;background:var(--search-bg);border:1px solid var(--border);border-radius:6px;padding:7px 10px;transition:border-color .15s}.search-box:focus-within{border-color:var(--accent)}.search-ico{color:var(--t3);font-size:14px;flex-shrink:0}.search-input{background:none;border:none;outline:none;font-size:13px;color:var(--t1);flex:1 1;font-family:inherit}.search-input::placeholder{color:var(--t3)}.search-kbd{font-size:11px;color:var(--t3);background:hsla(0,0%,100%,.06);padding:1px 6px;border-radius:3px;flex-shrink:0}html.light .search-kbd{background:rgba(0,0,0,.06)}.nav-label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;padding:14px 18px 6px;flex-shrink:0}.nav-scroll{flex:1 1;overflow-y:auto;padding-bottom:16px}.nav-scroll::-webkit-scrollbar{width:0}.cat-row{display:flex;align-items:center;gap:8px;padding:7px 18px;cursor:pointer;transition:background .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cat-row:hover{background:hsla(0,0%,100%,.04)}html.light .cat-row:hover{background:rgba(0,0,0,.04)}.cat-row.active{background:var(--active-bg)}.cat-row.active .cat-name,.cat-row.active .cat-num{color:var(--accent)}.cat-num{font-size:12px;color:var(--t3);font-weight:500;width:20px;flex-shrink:0}.cat-name{font-size:13px;color:var(--t2);flex:1 1;font-weight:500}.cat-count{font-size:12px;color:var(--t3)}.theme-btn{position:fixed;bottom:18px;left:18px;width:34px;height:34px;border-radius:8px;background:var(--card);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;z-index:200;transition:all .15s;box-shadow:0 2px 10px rgba(0,0,0,.25)}.theme-btn:hover{border-color:var(--border-h);background:var(--card-h)}.main{flex:1 1;overflow-y:auto;min-width:0}.content{max-width:800px;margin:0 auto;padding:36px 48px 80px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--t3);margin-bottom:28px}.breadcrumb a{color:var(--t2);cursor:pointer}.breadcrumb a:hover{color:var(--t1)}.page-num{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:.04em;margin-bottom:4px}.page-title{font-size:38px;font-weight:700;letter-spacing:-.5px;line-height:1.18;margin-bottom:8px}.page-desc{font-size:15px;color:var(--t2);margin-bottom:32px}.article-card{display:block;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px 22px;margin-bottom:10px;transition:background .12s,border-color .12s,transform .12s;color:inherit}.article-card:hover{background:var(--card-h);border-color:var(--border-h);transform:translateY(-1px)}.card-title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--t1)}.card-desc{font-size:14px;color:var(--t2);margin-bottom:14px;line-height:1.65}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-date{font-size:12px;color:var(--t3)}.tag{font-size:11px;font-weight:500;padding:2px 9px;border-radius:3px;color:var(--accent);background:var(--accent-bg)}.home-section-label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.home-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.home-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.home-card:hover{background:var(--card-h);border-color:var(--border-h);transform:translateY(-1px)}.home-card-num{font-size:12px;color:var(--accent);font-weight:700;width:20px;flex-shrink:0}.home-card-name{font-size:14px;font-weight:500;flex:1 1}.empty{text-align:center;padding:64px 0;color:var(--t3)}.empty-icon{font-size:32px;margin-bottom:12px}.empty-text{font-size:14px}.search-result-header{font-size:14px;color:var(--t2);margin-bottom:24px}.search-result-header strong{color:var(--t1)}.result-cat-label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin:28px 0 8px}.result-cat-label:first-of-type{margin-top:0}mark{background:rgba(59,130,246,.22);color:inherit;border-radius:2px;padding:0 1px}.nav-home{display:flex;align-items:center;gap:8px;padding:7px 18px;cursor:pointer;transition:background .1s;margin-bottom:4px}.nav-home:hover{background:hsla(0,0%,100%,.04)}html.light .nav-home:hover{background:rgba(0,0,0,.04)}.nav-home.active{background:var(--active-bg)}.nav-home-icon{font-size:14px}.nav-home-name{font-size:13px;font-weight:500;color:var(--t2)}.nav-home.active .nav-home-name{color:var(--accent)}.expand-btn{font-size:9px;color:var(--t3);cursor:pointer;padding:2px 4px;border-radius:3px;transition:transform .15s,color .1s;flex-shrink:0;line-height:1}.expand-btn:hover{color:var(--t2);background:hsla(0,0%,100%,.06)}html.light .expand-btn:hover{background:rgba(0,0,0,.06)}.expand-btn.open{transform:rotate(90deg);color:var(--t2)}.expand-btn.sm{font-size:8px}.sub-list{padding-left:28px}.sub-row{display:flex;align-items:center;padding:4px 18px 4px 0;cursor:default}.sub-name{font-size:12px;color:var(--t3);flex:1 1}.art-list{padding-left:10px}.art-row{font-size:12px;color:var(--t3);padding:3px 18px 3px 0;cursor:pointer;transition:color .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-row:before{content:"· "}.art-row:hover{color:var(--t2)}.intro-body{font-size:15px;line-height:1.85;color:var(--t1)}.intro-body h1{font-size:28px;font-weight:700;margin:28px 0 10px;letter-spacing:-.3px}.intro-body h2{font-size:20px;font-weight:600;margin:24px 0 8px}.intro-body h3{font-size:17px;font-weight:600;margin:20px 0 6px}.intro-body p{margin-bottom:12px;color:var(--t2)}.intro-body hr{border:none;border-top:1px solid var(--border);margin:24px 0}.intro-body blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin:16px 0;background:var(--accent-bg);border-radius:0 4px 4px 0;color:var(--t2)}.intro-body .callout{display:flex;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px 16px;margin:14px 0}.intro-body ol,.intro-body ul{padding-left:20px;margin-bottom:12px;color:var(--t2)}.intro-body li{margin-bottom:4px}