:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#252525;background:#f1eee5}*{box-sizing:border-box}body{margin:0}button{border:0;background:none;cursor:pointer}.phone-shell{width:100%;max-width:560px;min-height:100vh;margin:auto;background:#f7f3ea;box-shadow:0 0 24px #bbb}.toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#fff;background:#cc2040}.toolbar button{color:#fff;font-size:34px}.toolbar .today{font-size:22px;font-weight:800;margin-left:auto;margin-right:24px}.toolbar strong{font-size:22px;letter-spacing:2px}.hero{text-align:center;padding:22px 10px 24px;border-bottom:3px solid #cf2443}.day{color:#287f39;font-family:Georgia,serif;font-size:158px;line-height:.95}h1{margin:14px 0 12px;color:#cb1e3d;font-size:42px}.hero p{margin:0;color:#c8243f;font-weight:700}.hero small{display:block;margin-top:8px;color:#287f39}.acts,.details,.hours{border-bottom:2px solid #cf2443}.act-row{display:flex;min-height:58px;align-items:flex-start;padding:12px 10px;border-bottom:1px solid #ddd}.act-row p{margin:0 0 0 14px;line-height:1.8}.badge{flex:0 0 38px;border-radius:50%;color:#fff;font-size:22px;line-height:38px;text-align:center}.good{background:#cf2043}.bad{background:#404044}.details{padding:9px 12px;font-size:15px}.details p{margin:8px 0}.details b{color:#c91f40}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:3px solid #cf2443}.grid div{display:flex;min-height:72px;flex-direction:column;justify-content:space-around;align-items:center;padding:8px 2px;border-right:1px solid #ddd;text-align:center;font-size:14px}.grid b{color:#c91f40}.hours{padding:12px 8px}.hours h2{margin:0 0 8px;color:#c91f40;font-size:18px}.hour-scroll{display:flex;overflow-x:auto;padding-bottom:5px}.hour-scroll button{min-width:58px;padding:6px 3px;border:1px solid #ddd;background:#fff}.hour-scroll button+button{margin-left:6px}.hour-scroll button.active{border-color:#c91f40;background:#fff2f3}.hour-scroll span,.hour-scroll em{display:block;font-size:12px;font-style:normal}.lucky{color:#28813a}.unlucky{color:#c91f40}.hour-detail{margin-bottom:0;font-size:14px}footer{padding:16px;color:#777;text-align:center;font-size:12px}.error{padding:20px;color:#c91f40}