: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-x:hidden}.main-nav{background-color:var(--han-dark-brown);height:60px;color:var(--bg-color);z-index:999;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:sticky;top: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}.main-nav .logo{white-space:nowrap;font-size:18px}.main-nav .nav-links{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:15px;padding-bottom:4px;overflow-x:auto}.main-nav .nav-links::-webkit-scrollbar{display:none}.main-nav .nav-links a{font-size:14px}}.content-view{min-height:calc(100vh - 60px)}