2 lines
967 B
CSS
2 lines
967 B
CSS
*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#fff7f0;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.tab-layout{height:100vh;display:flex;flex-direction:column}.tab-content{flex:1;overflow-y:auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;border-top:.5px solid rgba(0,0,0,.08);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9b9b9b;transition:color .2s;gap:2px}.tab-item.active{color:#ff6b00}.tab-icon{display:flex;align-items:center;justify-content:center;line-height:1}.tab-label{font-size:10px;font-weight:500}
|