:root{--han-dark-brown:#3e2723;--han-vermilion:#d32f2f;--han-blue:#1976d2;--han-bright-yellow:#fbc02d;--bg-color:beige;--text-main:#212121}html,body{background-color:var(--bg-color);color:var(--text-main);box-sizing:border-box;width:100%;margin:0;padding:0;font-family:Microsoft YaHei,sans-serif;overflow:hidden auto}#app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.main-nav{background-color:var(--han-dark-brown);height:60px;color:var(--bg-color);box-sizing:border-box;z-index:9999;justify-content:space-between;align-items:center;width:100%;padding:0 40px;display:flex;position:fixed;top:0;left:0}.main-nav .logo{color:var(--han-bright-yellow);font-size:24px;font-weight:700}.main-nav .nav-links{gap:20px;display:flex}.main-nav .nav-links a{color:var(--bg-color);font-size:16px;text-decoration:none;transition:color .3s}.main-nav .nav-links a:hover,.main-nav .nav-links a.router-link-active{color:var(--han-vermilion);font-weight:700}@media (width<=768px){.main-nav{padding:0 15px}.logo{white-space:nowrap;font-size:18px}.nav-links{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:15px;padding-bottom:4px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:14px}}.content-view{flex:1;width:100%;padding-top:60px;overflow:visible}