*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:#222}body{min-width:720px;overflow:hidden}header{height:50px;background:#0083a5;color:#fff;display:flex;justify-content:center;align-items:center;gap:18px;font-size:19px}header span{font-size:12px;opacity:.76}main{height:calc(100% - 50px);display:flex}aside{width:328px;min-width:190px;max-width:65vw;border-right:1px solid #aaa;background:#f7f7f7;display:flex;flex-direction:column;overflow:hidden}#divider{width:5px;cursor:col-resize;background:#e7e7e7;flex:0 0 5px}#divider:hover{background:#65a9c1}#content{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}#location{height:29px;padding:6px 10px;border-bottom:1px solid #ddd;background:#f7f7f7;font:12px Consolas,monospace;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}iframe{border:0;width:100%;height:100%;background:white}#tabs{display:flex;background:#007ea0;flex:0 0 auto}#tabs button{padding:7px 13px;border:0;border-right:1px solid #b6d9e4;background:#477a8c;color:white;cursor:pointer;font-size:14px}#tabs button.active{background:#ff6300;font-weight:bold}.panel{display:none;overflow:auto;padding:8px;min-height:0}.panel.active{display:block}.tools{display:flex;gap:6px;margin-bottom:7px}.tools button,.list button{border:1px solid #aaa;background:#fff;padding:4px 7px;cursor:pointer;font-size:12px}.tools button:hover,.list button:hover{background:#e5f5fb}input{width:100%;padding:7px;border:1px solid #aaa;margin-bottom:8px;font-size:13px}.tree ul{list-style:none;margin:0;padding-left:17px}.tree>ul{padding-left:0}.tree li{margin:1px 0}.tree button.toggle{display:inline-block;width:18px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;color:#555}.tree button.toggle.empty{visibility:hidden}.tree button.toggle::before{content:"▶";display:inline-block;font-size:10px;color:#888;transition:transform .15s}.tree li.folder:not(.collapsed)>.toggle::before{content:"▼"}.tree li.folder.collapsed>.toggle::before{content:"▶"}.tree li.folder>a::before{content:"📂";display:inline-block;font-size:14px;margin-right:5px;vertical-align:-2px}.tree li.folder.collapsed>a::before{content:"📁"}.tree li:not(.folder)>a::before{content:"📄";display:inline-block;font-size:13px;margin-right:5px;vertical-align:-1px;opacity:.75}.list a::before{content:"📄";display:inline-block;font-size:13px;margin-right:5px;opacity:.6;vertical-align:-1px}.tree a,.list a{color:#111;text-decoration:none;cursor:pointer}.tree a:hover,.list a:hover{text-decoration:underline;color:#0069a0}.tree li.folder>a{font-weight:bold}.tree li.collapsed>ul{display:none}.tree a.active{color:#0069a0;font-weight:bold}.list{display:flex;flex-direction:column;gap:3px}.list a{display:block;padding:4px 6px;border-radius:4px}.list a:hover{background:#e5f5fb}.empty{color:#999;padding:12px;text-align:center}#sidebar{resize:horizontal;overflow:auto}#sidebar::-webkit-scrollbar{width:6px}#sidebar::-webkit-scrollbar-thumb{background:#aaa;border-radius:3px}mark.chm-hl{background:#b3d7ff;color:#000;padding:0 1px;border-radius:2px}