.content{width:100%;max-width:400px;margin:0 auto;padding:20px 25px}html,body{background-color:var(--main-color);color:var(--main-text-color);box-sizing:border-box;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-size:14px}.title{margin-bottom:20px;font-size:24px;font-weight:700}.tabbar-wrapper{background:#fff;border-top:1px solid #ccc;justify-content:center;width:100%;height:60px;display:flex;position:fixed;bottom:0}.tabbar{gap:10px;width:100%;max-width:400px;display:flex}.tabbar li{cursor:pointer;justify-content:center;align-items:center;width:100%;height:60px;list-style:none;display:flex}.tabbar li.active a svg path{fill:var(--accent-color)}