*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f3ee;--card-bg: #ffffff;--primary: #8b5a2b;--primary-soft: #f0ebe6;--text: #2c2c2c;--text-soft: #4a4a4a;--muted: #6b5b4e;--border: #e2d6cd;--shadow: 0 4px 12px rgba(0,0,0,.05);--radius: 8px;--banner-from: #efe7db;--banner-to: #e6d9cc;--panel-bg: #faf6f2;--font-serif: "NSimSun", "SimSun", "新宋体", "宋体", "SimSun-ExtB", serif;--font-sans: "NSimSun", "SimSun", "新宋体", "宋体", "SimSun-ExtB", sans-serif}[data-theme=dark]{--bg: #191917;--card-bg: #242420;--primary: #d4a05c;--primary-soft: #3a3326;--text: #e8e4da;--text-soft: #c7c1b5;--muted: #9c948a;--border: #3a3833;--shadow: 0 4px 12px rgba(0,0,0,.4);--banner-from: #2d2b26;--banner-to: #262420;--panel-bg: #2a2a26}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6;margin:0;transition:background-color .25s,color .25s}a{color:var(--primary)}.app-layout{display:flex;align-items:flex-start;min-height:100vh}.main-content{flex:1;min-width:0;padding:32px 40px}.sidebar{width:280px;flex-shrink:0;background:var(--card-bg);border-right:1px solid var(--border);padding:24px 16px;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width .25s ease,padding .25s ease,border-color .25s ease}.sidebar.collapsed{width:0;padding:0;border-right:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sidebar-header h2{margin:0;font-family:var(--font-serif);font-size:1.3rem;color:var(--primary);letter-spacing:2px;white-space:nowrap}.icon-btn{border:1px solid var(--border);background:var(--card-bg);border-radius:6px;padding:2px 10px;cursor:pointer;color:var(--muted);font-size:1rem;line-height:1.5;font-family:inherit;transition:color .15s,border-color .15s}.icon-btn:hover{color:var(--primary);border-color:var(--primary)}.sidebar-open-btn{position:fixed;left:12px;top:12px;z-index:999;background:var(--card-bg);font-family:inherit;border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--primary);font-size:.95rem;box-shadow:var(--shadow)}.sidebar-open-btn:hover{border-color:var(--primary)}.sidebar-backdrop{display:none}.sidebar .all-link{display:block;padding:6px 8px;margin-bottom:12px;border-radius:4px;font-weight:600;color:var(--text);text-decoration:none;transition:background .15s,color .15s}.sidebar .all-link:hover{background:var(--primary-soft);color:var(--primary)}.sidebar .all-link.active{color:var(--primary);font-weight:700;background:var(--primary-soft)}.category-tree{padding:0}.category-node{margin:1px 0}.cat-row{display:flex;align-items:center;gap:2px}.cat-chevron{width:18px;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--muted);font-size:.7rem;padding:0;line-height:1;text-align:center}.cat-chevron:hover{color:var(--primary)}.cat-chevron.placeholder{visibility:hidden;cursor:default}.cat-label{display:block;flex:1;min-width:0;padding:6px 8px;border-radius:4px;text-decoration:none;color:var(--text);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}.cat-label:hover{background:var(--primary-soft)}.cat-label.active{font-weight:700;color:var(--primary);background:var(--primary-soft)}.cat-label.on-path{color:var(--primary)}.cat-count{color:var(--muted);font-size:.8rem;margin-left:2px}.category-children{padding-left:16px;border-left:1px dashed var(--border);margin-left:8px}.sidebar-loading{padding:20px 8px;color:var(--muted);white-space:nowrap}.banner{background:linear-gradient(135deg,var(--banner-from),var(--banner-to));border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px;margin-bottom:24px}.banner h1{font-family:var(--font-serif);font-size:1.8rem;color:var(--text);letter-spacing:2px}.banner p{color:var(--muted);margin-top:6px}.banner .slogan{margin-top:10px;font-family:var(--font-serif);font-size:1.4rem;font-weight:700;color:var(--primary);letter-spacing:8px}.list-container{max-width:960px;margin:0 auto}.list-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.list-head h2{font-family:var(--font-serif);font-size:1.2rem;color:var(--primary)}.clear-filter{font-size:.9rem;text-decoration:none}.clear-filter:hover{text-decoration:underline}.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:20px}.article-card{background:var(--card-bg);padding:20px 24px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.article-card .title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;margin-bottom:6px}.article-card .title a{color:var(--text);text-decoration:none}.article-card .title a:hover{color:var(--primary);text-decoration:underline}.article-card .meta{color:var(--muted);font-size:.85rem;margin-bottom:10px;display:flex;gap:12px;flex-wrap:wrap}.tags{display:flex;flex-wrap:wrap;gap:6px}.article-card .tags{margin-bottom:10px}.article-detail .meta .tags{margin-top:6px}.tag{background:var(--primary-soft);color:var(--primary);font-size:.75rem;padding:2px 10px;border-radius:999px;font-family:var(--font-sans)}.list-count{color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:12px}.article-card .excerpt{color:var(--text-soft);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-detail-wrapper{display:flex;align-items:flex-start;gap:32px;max-width:1200px;margin:0 auto}.toc-sidebar{width:240px;flex-shrink:0;background:var(--panel-bg);border:1px solid var(--border);padding:18px 14px;border-radius:var(--radius);position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.toc-sidebar h4{margin:0 0 10px;font-family:var(--font-serif);font-size:1rem;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:8px}.toc-sidebar ul{list-style:none;padding:0;margin:0}.toc-sidebar li{margin:3px 0}.toc-sidebar a{display:block;color:var(--text);text-decoration:none;font-size:.9rem;line-height:1.4;padding:3px 8px;border-radius:4px;border-left:2px solid transparent;transition:color .15s,background .15s}.toc-sidebar a:hover{color:var(--primary);background:var(--primary-soft)}.toc-sidebar a.active{color:var(--primary);font-weight:600;background:var(--primary-soft);border-left-color:var(--primary)}.article-detail{flex:1;min-width:0;max-width:780px;margin:0 auto;background:var(--card-bg);padding:36px 48px;border-radius:var(--radius);box-shadow:var(--shadow)}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.back-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--primary);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:color .15s,border-color .15s}.back-btn:hover{border-color:var(--primary)}.toc-toggle{border:1px solid var(--border);background:var(--card-bg);color:var(--muted);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:color .15s,border-color .15s}.toc-toggle:hover{color:var(--primary);border-color:var(--primary)}.article-detail h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:8px;color:var(--text)}.article-detail .meta{color:var(--muted);font-size:.95rem;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.article-detail .content{font-family:var(--font-serif);font-size:1.05rem;line-height:1.8}.article-detail .content h1,.article-detail .content h2,.article-detail .content h3,.article-detail .content h4,.article-detail .content h5,.article-detail .content h6{scroll-margin-top:24px}.article-detail .content h2,.article-detail .content h3{margin-top:1.5em;margin-bottom:.5em}.article-detail .content p{margin:1em 0}.article-detail .content img{max-width:100%;height:auto;border-radius:4px}.article-detail .content blockquote{margin:1em 0;padding:.5em 1em;border-left:3px solid var(--border);color:var(--muted);background:var(--panel-bg);border-radius:0 4px 4px 0}.article-nav{display:flex;justify-content:space-between;gap:24px;margin-top:32px;border-top:1px solid var(--border);padding-top:20px}.article-nav .nav-item{flex:1;min-width:0}.article-nav .nav-item.next{text-align:right}.article-nav a{display:inline-block;max-width:100%;text-decoration:none;color:var(--text);font-family:var(--font-serif);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.article-nav a:hover{color:var(--primary)}.article-nav .nav-label{display:block;font-family:var(--font-sans);font-size:.8rem;color:var(--muted);margin-bottom:2px}.back-link{display:inline-block;margin-top:24px;color:var(--primary);text-decoration:none}.back-link:hover{text-decoration:underline}.loading-hint{color:var(--muted);padding:40px;text-align:center}.empty-hint{text-align:center;color:var(--muted);padding:60px 20px}.empty-hint .big{display:block;font-size:2.5rem;margin-bottom:8px}.not-found{text-align:center;padding:80px 20px;color:var(--muted)}.not-found .big{display:block;font-size:2.5rem;margin-bottom:12px}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;width:280px;height:100vh;transform:translate(0);transition:transform .25s ease;box-shadow:4px 0 24px #00000026}.sidebar.collapsed{width:280px;padding:24px 16px;border-right:1px solid var(--border);transform:translate(-105%)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:150}.sidebar-open-btn{left:8px;top:8px}.main-content{padding:16px}}@media (max-width: 768px){.article-detail-wrapper{flex-direction:column}.toc-sidebar{width:100%;position:static;margin-bottom:16px;max-height:none}.article-detail{padding:24px 20px}.article-detail h1{font-size:1.6rem}.banner{padding:20px}.banner h1{font-size:1.4rem}}.settings-page{max-width:720px;margin:0 auto}.settings-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 32px;margin-bottom:20px}.settings-card h3{font-family:var(--font-serif);color:var(--primary);font-size:1.15rem;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.setting-label{font-size:1rem;color:var(--text)}.settings-note{color:var(--muted);font-size:.85rem;margin-top:10px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.segmented button{border:none;background:transparent;color:var(--muted);padding:6px 16px;cursor:pointer;font-family:inherit;font-size:.95rem;transition:background .15s,color .15s}.segmented button+button{border-left:1px solid var(--border)}.segmented button:hover{color:var(--primary)}.segmented button.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.font-size-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.font-size-slider{flex:1;min-width:180px;accent-color:var(--primary);cursor:pointer}.font-size-hint{color:var(--muted);font-size:.85rem;white-space:nowrap}.reset-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--muted);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-family:inherit;transition:color .15s,border-color .15s}.reset-btn:hover{color:var(--primary);border-color:var(--primary)}.sidebar-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.theme-toggle-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.9rem;font-family:inherit;transition:color .15s,border-color .15s}.theme-toggle-btn:hover{color:var(--primary);border-color:var(--primary)}.settings-link{color:var(--muted);text-decoration:none;font-size:.9rem}.settings-link:hover{color:var(--primary)}.settings-link.active{color:var(--primary);font-weight:700}