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