/* Minimal modern styling */
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:#1e1e1e;color:#d4d4d4;height:100vh;display:flex;flex-direction:column;}
.container{display:flex;width:100%;position:relative;flex:1;overflow:hidden;}
.mobile-header{display:none;background:#333;padding:10px;align-items:center;}
.mobile-header button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-right:15px;}
.mobile-title{font-size:1.2rem;color:#fff;font-weight:bold;}
.sidebar{width:240px;background:#252526;padding:10px;overflow-y:auto;overflow-x:hidden;z-index:10;}
.sidebar h2{font-size:1.1rem;color:#9cdcfe;margin:0 0 10px;}
.sidebar details{margin-bottom:6px;}
.sidebar summary{cursor:pointer;color:#78d4eb;}
.sidebar a{color:#c8c8c8;text-decoration:none;padding:2px 0;display:block;}
.sidebar a.active{color:#569cd6;font-weight:bold;}
.log-list{padding-left:20px;}
.log-item{margin:0px 0;font-size:0.85rem;}
.main{flex:1;display:flex;flex-direction:column;padding:10px;gap:10px;overflow:hidden;}
.search-bar{display:flex;gap:8px;}
.search-bar input[type=search]{flex:1;padding:6px 10px;border-radius:6px;border:1px solid #555;background:#333;color:#eee;}
.search-bar button{padding:6px 14px;border:none;border-radius:6px;background:#0e639c;color:#fff;cursor:pointer;}
.search-bar button:hover{background:#1e8dd6;}
.log-content{flex:1;background:#1e1e1e;border:1px solid #333;padding:10px;overflow:auto;white-space:pre-wrap;}
mark{background:#fffb00;color:#000;font-weight:bold;}
#resizer{width:5px;background:#444;cursor:ew-resize;margin:0;padding:0;}
#resizer:hover{background:#666;}

/* 响应式布局 */
@media (max-width: 768px) {
    body{overflow:hidden;}
    .mobile-header{display:flex;}
    .container{flex-direction:column;}
    .sidebar{width:100%;position:absolute;top:0;bottom:0;left:-100%;transition:left 0.3s ease;}
    .sidebar.show-mobile{left:0;}
    #resizer{display:none;}
    .main{padding:5px;width:100%;}
    .search-bar{margin-bottom:8px;}
    .log-content{font-size:0.75rem;padding:8px;line-height:1.2;}
    
    /* 调整日期与日志条目的字体大小 */
    .sidebar summary{font-size:1rem;padding:8px 0;}
    .log-item{font-size:0.9rem;padding:4px 0;}
}