:root {
            --bg: #eef3f9;
            --surface: #f8f9fb;
            --border: #ddd;
            --text: #222;
            --text2: #555;
            --accent: #3366cc;
            --link: #0645ad;
            --link-visited: #0b0080;
            --sidebar-w: 220px;
        }
        *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
        body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans SC','PingFang SC',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}
        
        .topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:200;box-shadow:0 1px 3px rgba(0,0,0,.06)}
        .topbar-left{display:flex;align-items:center;gap:12px}
        .topbar .logo{font-size:1.1rem;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap}
        .topbar .logo span{color:var(--accent)}
        .topbar-right{display:flex;align-items:center;gap:16px}
        .topbar-right a{font-size:.8rem;color:var(--text2);text-decoration:none}
        .topbar-right a:hover{color:var(--accent)}
        .hamburger{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text);padding:4px}
        
        .layout{display:flex;max-width:1200px;margin:0 auto;min-height:calc(100vh - 48px - 50px)}
        
        .sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);padding:20px 16px;overflow-y:auto;font-size:.85rem}
        .sidebar h3{font-size:.75rem;text-transform:uppercase;color:var(--text2);margin-bottom:8px;letter-spacing:.5px;font-weight:600}
        .sidebar ul{list-style:none}
        .sidebar li{margin:2px 0}
        .sidebar a{display:block;padding:4px 8px;color:var(--link);text-decoration:none;border-radius:4px;transition:background .15s}
        .sidebar a:hover{background:rgba(0,0,0,.05);text-decoration:underline}
        .sidebar a.active{font-weight:600;color:var(--text);background:rgba(0,0,0,.04)}
        .sidebar .sep{margin:16px 0 12px;border:none;border-top:1px solid var(--border)}
        
        .main{flex:1;padding:24px 32px 40px;min-width:0;overflow:hidden}
        .article-title{font-size:1.8rem;font-weight:400;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:16px;color:var(--text);font-family:Georgia,'Times New Roman',serif}
        .article-title .edit-link{font-size:.75rem;margin-left:12px;color:var(--link);text-decoration:none;font-family:sans-serif}
        .article-title .edit-link:hover{text-decoration:underline}
        
        .toc{border:1px solid var(--border);background:var(--bg);padding:8px 16px;margin-bottom:20px;font-size:.85rem;display:inline-block;min-width:260px}
        .toc h4{font-size:.8rem;margin-bottom:6px;text-align:center;font-weight:600}
        .toc ul{list-style:none;padding:0}
        .toc li{padding:2px 0}
        .toc li.h3{padding-left:20px}
        .toc a{color:var(--link);text-decoration:none}
        .toc a:hover{text-decoration:underline}
        .toc .num{color:var(--text2);font-size:.75rem;margin-right:4px}
        
        .article-content{font-size:.95rem;line-height:1.75}
        .article-content h2{font-size:1.35rem;font-weight:400;border-bottom:1px solid var(--border);margin:28px 0 12px;padding-bottom:4px;font-family:Georgia,serif}
        .article-content h3{font-size:1.15rem;font-weight:600;margin:20px 0 8px}
        .article-content p{margin:10px 0}
        .article-content a{color:var(--link);text-decoration:none}.article-content a:hover{text-decoration:underline}
        .article-content ul,.article-content ol{margin:8px 0 8px 24px}
        .article-content li{margin:4px 0}
        .article-content table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.9rem}
        .article-content th,.article-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}
        .article-content th{background:rgba(0,0,0,.04);font-weight:600}
        .article-content code{background:rgba(0,0,0,.06);padding:2px 6px;border-radius:3px;font-size:.9em}
        .article-content pre{background:rgba(0,0,0,.04);border:1px solid var(--border);padding:12px 16px;border-radius:6px;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:12px 0}
        .article-content blockquote{border-left:3px solid var(--accent);padding:4px 16px;margin:12px 0;color:var(--text2);background:rgba(0,0,0,.02)}
        .article-content img{max-width:100%;height:auto;border-radius:4px;margin:8px 0;min-height:120px;background:#eee;background:var(--bg)}
        .article-content video{max-width:100%;border-radius:4px;margin:8px 0;display:block}
        .article-content .ql-res-vid{display:block;margin:8px 0}
        
        .footer{text-align:center;padding:14px;color:var(--text2);font-size:.75rem;border-top:1px solid var(--border);background:var(--surface)}
        
        @media(max-width:768px){
            .sidebar{position:fixed;left:-260px;top:48px;bottom:0;z-index:150;transition:left .25s;box-shadow:2px 0 12px rgba(0,0,0,.1)}
            .sidebar.open{left:0}
            .hamburger{display:block}
            .main{padding:16px 18px 30px}
            .article-title{font-size:1.4rem}
            .article-content{font-size:.9rem}
        }
    

/* 自定义：文件列表 */
.file-list{list-style:none;padding:0}
.file-list li{margin:6px 0}
.file-list a{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);text-decoration:none;color:var(--text);transition:border-color .15s,box-shadow .15s}
.file-list a:hover{border-color:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none}
.file-list .fi{font-size:1.2rem}
.file-list .fn{flex:1;font-size:.92rem}
.file-list .fo{color:var(--text2);font-size:.75rem}
.audio-box{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);padding:18px;border-radius:6px;margin:18px 0}
.audio-box audio{width:100%}
.cat-hero{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.cat-hero .ci{font-size:2rem}
.cat-hero .ct{font-size:1.3rem;font-weight:600}
.cat-hero .cd{color:var(--text2);font-size:.85rem}
.badge{display:inline-block;background:rgba(51,102,204,.1);color:var(--accent);padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600}
@media(max-width:768px){.file-list a{padding:8px 10px}.file-list .fo{display:none}}

/* 抽屉式展开 */
.drawer{display:none;padding:14px;margin:6px 0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}
.drawer.open{display:block}
.drawer img{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto}
.drawer video{max-width:100%;border-radius:4px;display:block;margin:0 auto}
.drawer-label{transition:transform .15s}
.file-list li.open .drawer-label{transform:rotate(90deg)}

/* 子文件夹抽屉式 */
.sub-item{margin:14px 0 2px}
.sub-toggle{display:flex;align-items:center;gap:8px;padding:10px 12px;background:rgba(51,102,204,.06);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:4px;font-weight:650;color:var(--text);text-decoration:none;cursor:pointer;transition:background .15s}
.sub-toggle:hover{background:rgba(51,102,204,.12);text-decoration:none}
.sub-toggle .sh-icon{font-size:1rem}
.sub-toggle .sh-count{margin-left:auto;color:var(--text2);font-size:.72rem;font-weight:400}

/* 打不开就下载提示 */
.dl-hint{color:#b94e3d;font-size:.7rem;font-weight:400}

/* 画廊分页 */
.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.page-btn{padding:9px 18px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--accent);font-weight:600;cursor:pointer;transition:all .15s}
.page-btn:hover:not(:disabled){border-color:var(--accent);background:rgba(51,102,204,.06)}
.page-btn:disabled{opacity:.4;cursor:not-allowed}
.page-info{color:var(--text2);font-size:.85rem}

/* 转录稿可滚动窗口 */
.transcript-box{margin:20px 0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}
.transcript-head{padding:10px 14px;background:rgba(51,102,204,.06);border-bottom:1px solid var(--border);font-weight:600;font-size:.88rem}
.transcript-body{height:280px;overflow-y:auto;padding:12px 16px;font-size:.86rem;line-height:1.7;color:var(--text)}
.transcript-body p{margin:6px 0}
.transcript-body .ts{color:var(--text2);font-weight:650}
.sub-toggle .sh-arrow{color:var(--accent);transition:transform .15s}
.sub-item.open .sub-toggle .sh-arrow{transform:rotate(90deg)}
.sub-drawer{display:none;padding:6px 0 2px 14px}
.sub-drawer.open{display:block}