.main-container,.sidebar,body,nav{display:flex}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width:280px;--header-height:60px;--tagbar-height:50px;--primary-color:#007bff;--secondary-color:#00b894;--accent-color:#6c5ce7;--bg-light:rgba(255, 255, 255, 0.85);--text-dark:#222;--text-light:#666;--border-color:rgba(0, 0, 0, 0.1)}body,html{height:100%;width:100%;overflow:hidden;font-family:'Segoe UI','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}body{flex-direction:column;background-image:url('{{ settings.background_image | safe }}');background-size:{};}nav{justify-content:space-between;align-items:center;height:var(--header-height);padding:0 5px;background:var(--navbar-glass-color,rgba(255,255,255,.85));backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;box-shadow:0 8px 32px 0 rgba(31,38,135,.15);transition:transform .4s cubic-bezier(.25, .46, .45, .94),opacity .4s;transform:translateY(0);opacity:1}.nav-left,.nav-right{display:flex;align-items:center;gap:4px}nav a{color:var(--navbar-text-color,rgba(255,255,255,.9));text-decoration:none;padding:8px 16px;font-weight:500;transition:.3s;border-radius:20px}nav a:hover{color:#fff;background:rgba(255,255,255,.2);transform:translateY(-2px)}nav a.current{color:#fff;background:rgba(255,255,255,.35)}button{border:none;background:0 0;cursor:pointer;font-family:inherit}.main-container{flex:1;height:calc(100vh - var(--header-height));overflow:hidden}.sidebar{width:var(--sidebar-width);height:100%;background:var(--card-glass-color,rgba(255,255,255,.85));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid rgba(255,255,255,.2);overflow-y:auto;flex-direction:column;transition:transform .3s,width .3s}.sidebar-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.05)}.sidebar-header h2{font-size:1.2em;color:var(--text-dark);margin-bottom:15px}@media (max-width:768px){.sidebar{position:fixed;left:-100%;z-index:200}.sidebar.show{left:0}nav{padding:0 10px}.nav-left a,.nav-right button{padding:6px 12px;font-size:.9em}}