*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background-color:#f5f5f5;color:#333}.app-container{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background-color:#fff}.top-bar{position:sticky;top:0;z-index:10;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.top-bar-left{min-width:80px}.top-bar-center{display:flex;align-items:center;gap:6px;position:absolute;left:50%;transform:translate(-50%)}.app-icon{font-size:18px}.app-title{font-size:16px;font-weight:600}.top-bar-right{min-width:80px;display:flex;justify-content:flex-end}.user-name{font-size:13px;color:#4caf50;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:2px;line-height:1}.main-content{flex:1;overflow-y:auto;padding:16px}.page{padding-top:8px}.page h2{font-size:20px;margin-bottom:12px}.placeholder{color:#999;font-size:14px}.bottom-nav{display:flex;border-top:1px solid #e0e0e0;background-color:#fff;position:sticky;bottom:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 0 10px;text-decoration:none;color:#999;font-size:12px;transition:color .2s}.nav-item.active{color:#4caf50}.nav-icon{font-size:20px;margin-bottom:2px}@media (max-width: 480px){.app-container{max-width:100%}.top-bar{padding:10px 12px}.main-content{padding:12px}.top-bar-center .app-title{font-size:15px}}@media (min-width: 481px){.app-container{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;min-height:100dvh}}