*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}#app{height:100vh}.app-container{display:flex;height:100vh;background:#f8f9fb}.sidebar{width:200px;background:#fff;display:flex;flex-direction:column;box-shadow:2px 0 8px rgba(0,0,0,.04)}.logo{padding:24px 24px;border-bottom:1px solid #f0f0f0}.logo-text{font-size:20px;font-weight:600;color:#1a1a1a;letter-spacing:.5px}.nav-menu{padding:12px 0;flex:1}.nav-item{display:flex;align-items:center;padding:14px 24px;cursor:pointer;color:#5a5a5a;font-size:14px;transition:all .2s ease;position:relative;text-decoration:none}.nav-item:hover{color:#00c853;background:#f8fffe}.nav-item.active{color:#00c853;background:#e8f8f0;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#00c853;border-radius:0 2px 2px 0}.nav-dot{width:8px;height:8px;background:transparent;border-radius:50%;margin-right:12px}.nav-item.active .nav-dot{background:#00c853}.nav-icon{margin-right:12px;font-size:15px}.main-content{flex:1;padding:24px 32px;overflow-y:auto;background:#f8f9fb}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.05);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0;color:#999;text-decoration:none;font-size:12px}.mobile-nav-item.active{color:#00c853}.mobile-nav-icon{font-size:20px;margin-bottom:2px}.mobile-nav-text{font-size:11px}@media screen and (max-width:768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:16px;padding-bottom:70px}}