*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;background:#dee4ed;color:#333}.top{background:#2d8cf0;padding:8px 15px;display:flex;gap:12px}.logo{color:#fff;text-decoration:none;font-weight:bold}.search{flex:1;display:flex;background:#fff;border-radius:4px;padding:4px 8px}.search input{width:100%;border:0;outline:0}.search button{border:0;background:none}.bar{background:#fff;padding:15px;display:flex;align-items:center}.avatar{width:55px;height:55px;background:#4ba3e3;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;text-align:center}.info{margin-left:12px}.name{font-size:18px;font-weight:bold}.stats,.time{font-size:11px;color:#888}.tabs{display:flex;background:#fff}.tabs div{flex:1;text-align:center;padding:12px}.ad{display:block;background:#fff;padding:8px 10px}.ad img{width:100%;border-radius:4px}.title{background:#fff;padding:15px;margin-top:8px;font-size:18px;font-weight:bold}.floor{background:#fff;padding:15px;border-bottom:1px solid #ecf0f5}.head{display:flex;align-items:center;margin-bottom:10px}.icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;margin-right:10px}.user{font-weight:bold;color:#444;text-decoration:none}.content{font-size:15px;line-height:1.65}.sub{background:#f4f6f9;padding:10px 12px;border-radius:4px;margin-top:12px;font-size:13px}.sub div{margin:6px 0}.sub a{color:#2d8cf0;font-weight:bold;text-decoration:none}.bottom{background:#fff;margin-top:8px;padding:12px;font-size:12px;color:#888}.ad2{background:#fff;margin-top:8px;padding:12px;color:#888;font-size:12px}