*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;color:#000;background:#fff}.iphone{position:relative;width:100%;min-height:100vh;padding-bottom:83px;background:#fff}#content{height:calc(100vh - 83px);overflow:auto}.home-head{height:166px;padding:112px 16px 0;position:relative}.home-head button{display:block;width:100%;height:38px;border:0;background:#fff;color:#000;font-size:22px;font-weight:900}.home-head time{position:absolute;right:10px;top:121px;font-size:17px}.home-scroll{height:calc(100vh - 249px);overflow:auto;padding:16px}.home-group{margin-bottom:16px}.home-group h2{margin:0 0 6px;font-size:16px;font-weight:500;line-height:21px}.home-group p{margin:0;font-size:16px;font-weight:500;line-height:21px;word-break:break-all}.red{color:#ff383c}.blue{color:#0088ff}.nav-title{height:48px;position:sticky;top:0;z-index:1;border-bottom:1px solid #d8d8d8;text-align:center;line-height:48px;font-size:17px;font-weight:600;background:#fff}.nav-title .right{position:absolute;right:16px;border:0;background:#fff;color:#007aff;font-size:17px;top:0;height:48px}.two-columns{display:grid;grid-template-columns:1fr 1fr}.two-columns>section{min-width:0}.two-columns>section+section{border-left:1px solid #eee}.two-columns h2{height:64px;margin:0;padding-top:18px;text-align:center;font-size:18px;font-weight:700}.list-row{height:40px;padding:9px 18px;color:#ff383c;font-family:"DIN Alternate",-apple-system,sans-serif;font-weight:700;font-size:18px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row.blue{color:#007aff}.record-list{padding-top:0}.record-row{height:40px;display:grid;grid-template-columns:120px 138px 30px;gap:18px;align-items:center;padding-left:18px;font-family:"DIN Alternate",-apple-system,sans-serif;font-weight:700;font-size:18px;line-height:21px;white-space:nowrap}.record-row .red{overflow:hidden}.empty{padding:20px;text-align:center;color:#777}#tabbar{height:83px;position:fixed;z-index:2;bottom:0;left:0;right:0;display:flex;padding-bottom:env(safe-area-inset-bottom);background:#f9f9f9;border-top:1px solid #c8c8c8}#tabbar button{flex:1;min-width:0;border:0;background:transparent;color:#8e8e93;font-size:10px;padding:6px 1px 3px}#tabbar button.active{color:#007aff}#tabbar img{display:block;width:25px;height:25px;margin:0 auto 2px;object-fit:contain;opacity:.55}#tabbar button.active img{opacity:1;filter:invert(42%) sepia(84%) saturate(2148%) hue-rotate(188deg)}#mask{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:rgba(0,0,0,.15)}#mask[hidden]{display:none}.mask-box{width:280px;height:150px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:50px 60px 40px;border-radius:16px;background:rgba(255,255,255,.88);overflow:hidden}.mask-box input{width:248px;height:34px;margin:16px 16px 0;grid-column:1 / 3;justify-self:center;border:1px solid #aaa;border-radius:2px;text-align:center;font-size:18px}.mask-box input:first-child{color:#ff3b30}.mask-box input:nth-child(2){color:#007aff;margin-top:0;align-self:center}.mask-box button{border:0;background:transparent;font-size:14px;font-weight:700;color:#000}@media(min-width:500px){body{background:#eee}.iphone{max-width:414px;margin:0 auto;box-shadow:0 0 18px #999;min-height:896px}#tabbar{left:50%;right:auto;width:414px;transform:translateX(-50%)} }