.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:1.125rem;text-align:center;font-size:.9375rem;height:2.75rem;line-height:2.75rem}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:.75rem;padding:.9375rem;margin-bottom:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.tag{display:inline-block;font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.3125rem}.section-title{font-size:1.0625rem;font-weight:700;color:#333;position:relative;padding-left:.625rem;margin-bottom:.9375rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1875rem;height:.9375rem;background:#0f95b0;border-radius:.09375rem}.price{font-size:1rem;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:.75rem;color:#999;text-decoration:line-through;margin-left:.3125rem}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}body{width:100%;height:100%;overflow-x:hidden}.notification{min-height:100vh;background:#f5f6fa;padding:.625rem}.notification .section-card{background:#fff;border-radius:.75rem;padding:.9375rem;margin-bottom:.625rem}.notification .section-card .section-title{font-size:1rem;color:#333;font-weight:700;margin-bottom:.625rem}.notification .section-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.notification .section-card .section-header .title{font-size:1rem;color:#333;font-weight:700}.notification .section-card .section-header .clear-btn{font-size:.875rem;color:#999}.notification .section-card .section-header .clear-btn:active{opacity:.8}.notification .section-card .setting-list .setting-item,.notification .section-card .setting-list .notify-item,.notification .section-card .notify-list .setting-item,.notification .section-card .notify-list .notify-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:.03125rem solid #eee}.notification .section-card .setting-list .setting-item:last-child,.notification .section-card .setting-list .notify-item:last-child,.notification .section-card .notify-list .setting-item:last-child,.notification .section-card .notify-list .notify-item:last-child{border-bottom:none}.notification .section-card .setting-list .setting-item .setting-info,.notification .section-card .setting-list .setting-item .notify-info,.notification .section-card .setting-list .notify-item .setting-info,.notification .section-card .setting-list .notify-item .notify-info,.notification .section-card .notify-list .setting-item .setting-info,.notification .section-card .notify-list .setting-item .notify-info,.notification .section-card .notify-list .notify-item .setting-info,.notification .section-card .notify-list .notify-item .notify-info{flex:1;margin-right:.625rem}.notification .section-card .setting-list .setting-item .setting-info .name,.notification .section-card .setting-list .setting-item .notify-info .name,.notification .section-card .setting-list .notify-item .setting-info .name,.notification .section-card .setting-list .notify-item .notify-info .name,.notification .section-card .notify-list .setting-item .setting-info .name,.notification .section-card .notify-list .setting-item .notify-info .name,.notification .section-card .notify-list .notify-item .setting-info .name,.notification .section-card .notify-list .notify-item .notify-info .name{font-size:.9375rem;color:#333;margin-bottom:.125rem;display:block}.notification .section-card .setting-list .setting-item .setting-info .desc,.notification .section-card .setting-list .setting-item .notify-info .desc,.notification .section-card .setting-list .notify-item .setting-info .desc,.notification .section-card .setting-list .notify-item .notify-info .desc,.notification .section-card .notify-list .setting-item .setting-info .desc,.notification .section-card .notify-list .setting-item .notify-info .desc,.notification .section-card .notify-list .notify-item .setting-info .desc,.notification .section-card .notify-list .notify-item .notify-info .desc{font-size:.75rem;color:#999}.notification .section-card .message-list .message-item{display:flex;align-items:flex-start;padding:.625rem 0;border-bottom:.03125rem solid #eee;position:relative}.notification .section-card .message-list .message-item:last-child{border-bottom:none}.notification .section-card .message-list .message-item .message-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;margin-right:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification .section-card .message-list .message-item .message-icon .iconfont{font-size:1.25rem;color:#fff}.notification .section-card .message-list .message-item .message-icon.system{background:linear-gradient(135deg,#36d1dc,#5b86e5)}.notification .section-card .message-list .message-item .message-icon.appointment{background:linear-gradient(135deg,#ff9a9e,#fad0c4)}.notification .section-card .message-list .message-item .message-icon.medical{background:linear-gradient(135deg,#a8edea,#fed6e3)}.notification .section-card .message-list .message-item .message-icon.payment{background:linear-gradient(135deg,#d4fc79,#96e6a1)}.notification .section-card .message-list .message-item .message-content{flex:1}.notification .section-card .message-list .message-item .message-content .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.notification .section-card .message-list .message-item .message-content .message-header .title{font-size:.9375rem;color:#333;font-weight:700}.notification .section-card .message-list .message-item .message-content .message-header .time{font-size:.75rem;color:#999}.notification .section-card .message-list .message-item .message-content .desc{font-size:.8125rem;color:#666;line-height:1.5}.notification .section-card .message-list .message-item .unread-dot{position:absolute;right:0;top:.625rem;width:.5rem;height:.5rem;background:#f56c6c;border-radius:50%}.notification .section-card .message-list .message-item.unread .message-header .title{color:#0f95b0}.notification .section-card .message-list .message-item:active{opacity:.8}