*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden;background:#fffbf4;font-family:PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}:root{--design-width: 390px;--nav-height: 67px;--nav-bottom-gap: 26px;--nav-side-margin: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px);--fixed-header-height: 89px;--content-bottom: 826px;--scroll-clearance: calc(var(--nav-height) + var(--nav-bottom-gap) + var(--safe-bottom))}.bottom-nav .nav-indicator{left:40px}button{border:none;background:none;font:inherit;cursor:pointer}.viewport{width:100%;max-width:var(--design-width);height:100%;margin:0 auto;background:#fffbf4}.page{position:relative;width:100%;height:100%;overflow:hidden;background:#fffbf4}.page-scroll{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:#fffbf4;scrollbar-width:none;-ms-overflow-style:none}.page-scroll::-webkit-scrollbar{display:none}.page-header{position:fixed;top:0;left:0;right:0;width:100%;max-width:var(--design-width);height:var(--fixed-header-height);margin:0 auto;z-index:50}.scroll-spacer{width:100%;height:calc(var(--content-bottom) + var(--scroll-clearance));pointer-events:none}.blue-bg{position:absolute;left:0;top:0;width:100%;height:269px;background:#48c2f1}.header-bar{position:absolute;left:0;top:0;width:100%;height:89px;background:#fff;border-bottom:1px solid #fed629}.status-bar{position:absolute;left:0;top:0;width:100%;height:47px;z-index:2}.status-time{position:absolute;left:27px;top:15px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;font-weight:600;line-height:22px;letter-spacing:-.024em;color:#010101}.status-icons{position:absolute;left:286px;top:19px;width:77.4px;height:13px}.hero-illustration{position:absolute;left:219px;top:100px;width:138px;height:127px;object-fit:cover;z-index:1}.logo-sun{position:absolute;left:153px;top:59px;width:20px;height:20px;z-index:2}.app-title{position:absolute;left:173px;top:57px;font-size:16px;font-weight:600;line-height:24px;color:#291f18;z-index:2}.content-curve{position:absolute;left:0;top:218px;width:100%;height:620px;background:#fffbf4;border-radius:32px 32px 0 0;z-index:0}.greeting-sub{position:absolute;left:24px;top:123px;font-size:14px;font-weight:400;line-height:20px;color:#291f18;z-index:2}.greeting-name{position:absolute;left:24px;top:144px;font-size:24px;font-weight:600;line-height:34px;color:#291f18;z-index:2}.greeting-desc{position:absolute;left:24px;top:178px;font-size:14px;font-weight:400;line-height:20px;color:#291f18;z-index:2}.quick-actions{position:absolute;left:25px;top:238px;width:340px;height:78px}.qa-link{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;width:56px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.qa-link-1{left:2px}.qa-link-2{left:96px}.qa-link-3{left:190px}.qa-link-4{left:284px}.qa-icon{width:56px;height:56px}.qa-label{margin-top:8px;font-size:12px;font-weight:400;line-height:13.93px;text-align:center;color:#000;white-space:nowrap}.card{position:absolute;left:24px;width:342px;background:#fff;border-radius:32px;box-shadow:0 0 4px #00000040;overflow:hidden}.appointment-card{top:336px;height:215px}.medicine-card{top:561px;height:265px}.card-deco{position:absolute;border-radius:50%;background:#fed629;pointer-events:none}.card-deco-top{left:214px;top:-109px;width:170px;height:170px}.card-deco-bottom{left:-65px;top:160px;width:166.63px;height:166.63px}.card-deco-medicine{left:-118px;top:180px;width:256.84px;height:256.84px}.card-icon-dot{position:absolute;left:17px;top:26px;width:26px;height:26px;border-radius:50%;background:#ea6500}.medicine-dot{left:21px;top:17px}.card-icon-clock{position:absolute;left:18px;top:27px;width:24px;height:24px}.card-icon-pills{position:absolute;left:22px;top:18px;width:24px;height:24px}.card-title{position:absolute;left:47px;top:28px;font-size:16px;font-weight:600;line-height:22px;color:#291f18}.medicine-title{left:51px;top:19px}.badge{display:inline-flex;align-items:center;justify-content:center}.badge-outline{position:absolute;left:256px;top:28px;min-width:68px;height:21px;padding:2px 10px;border:1px solid #ef8225;border-radius:78px;background:#fff;font-size:12px;font-weight:400;line-height:17px;color:#291f18;white-space:nowrap}.appointment-date{position:absolute;left:18px;top:61px;font-size:24px;font-weight:600;line-height:34px;color:#291f18}.appointment-time{position:absolute;left:18px;top:98px;font-size:14px;font-weight:400;line-height:20px;color:#291f18}.hospital-name{position:absolute;left:244px;top:67px;font-size:16px;font-weight:500;line-height:24px;color:#291f18}.hospital-dept{position:absolute;left:223px;top:101px;font-size:14px;font-weight:400;line-height:16.44px;color:#6c6158}.divider{position:absolute;left:18px;top:128px;width:306px;height:1px;background:#ef822580}.companion-label{position:absolute;left:18px;top:139px;font-size:14px;font-weight:400;line-height:20px;color:#6c6158}.companion-name{position:absolute;left:74px;top:139px;font-size:14px;font-weight:500;line-height:20px;color:#291f18}.btn-primary{position:absolute;left:79px;top:173px;display:inline-flex;align-items:center;justify-content:center;padding:2px 36px;background:#ef8225;border-radius:70px;font-size:14px;font-weight:400;line-height:20px;color:#fff;white-space:nowrap;text-decoration:none}.medicine-all-link{position:absolute;left:282px;top:18px;display:inline-flex;align-items:center;gap:2px;text-decoration:none;-webkit-tap-highlight-color:transparent}.medicine-all{font-size:14px;font-weight:400;line-height:20px;color:#ea6500}.medicine-arrow{position:static;width:24px;height:24px;flex-shrink:0}.medicine-item{position:absolute;left:22px;width:306px;height:54px;border-radius:60px}.medicine-item-done{top:61px;background:#e0e0e0}.medicine-item-pending{background:#fee783;cursor:pointer}.medicine-item-2{top:127px}.medicine-item-3{top:193px}.medicine-pill-icon{position:absolute;left:10px;top:10px;width:34px;height:34px}.medicine-info{position:absolute;left:54px;top:7px}.medicine-name{font-size:14px;font-weight:500;line-height:20px;color:#291f18}.medicine-name.strike{text-decoration:line-through}.medicine-time{margin-top:2px;font-size:12px;font-weight:400;line-height:17px;color:#767676}.medicine-time.time-done{color:#7b7b7b}.medicine-status{position:absolute;right:30px;top:17px;display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:73px;font-size:12px;font-weight:400;line-height:16px;white-space:nowrap}.status-done{background:#ddccbe;color:#7b7b7b;cursor:default}.status-pending{background:#fff;border:1px solid #ea6500;color:#ea6500;cursor:pointer}@media(min-width:391px){.viewport{box-shadow:0 0 0 1px #0000000a}}