:root{--background:#fff;--foreground:#171717;--header-height:56px;--bottom-nav-height:60px}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.main-layout{min-height:100vh}.main-header{z-index:100;height:var(--header-height);background:#fff;border-bottom:1px solid #f0f0f0;position:-webkit-sticky;position:sticky;top:0}.main-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.header-nav{align-items:center;gap:4px;display:flex}.header-nav-item{color:#666;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:14px;transition:all .2s;display:flex}.header-nav-item:hover{color:#333;background:#f5f5f5}.header-nav-item.active{color:#1677ff;background:#e6f4ff;font-weight:500}.sub-nav{background:#fafafa;border-bottom:1px solid #f0f0f0}.sub-nav-inner{align-items:center;gap:4px;max-width:1200px;height:40px;margin:0 auto;padding:0 24px;display:flex}.sub-nav-item{color:#666;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;transition:all .2s;display:flex}.sub-nav-item:hover{color:#333;background:#f0f0f0}.sub-nav-item.active{color:#1677ff;background:#e6f4ff;font-weight:500}.main-content{max-width:1200px;margin:0 auto;padding:24px}.mobile-bottom-nav{display:none}@media (max-width:768px){.header-nav{display:none}.main-content{padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 16px)}.mobile-bottom-nav{z-index:100;height:var(--bottom-nav-height);background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;font-size:20px;transition:color .2s;display:flex}.bottom-nav-item.active{color:#1677ff}.bottom-nav-label{font-size:10px}.bottom-nav-icon{font-size:20px;line-height:1}}