.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}.vaccine-list-container{min-height:100vh;background:#f5f6fa}.vaccine-list-container .filter-bar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#fff;padding:.625rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.vaccine-list-container .filter-bar .search-box{margin-bottom:.625rem}.vaccine-list-container .filter-bar .category-scroll{white-space:nowrap}.vaccine-list-container .filter-bar .category-scroll::-webkit-scrollbar{display:none}.vaccine-list-container .filter-bar .category-scroll .category-list{padding:.3125rem 0}.vaccine-list-container .filter-bar .category-scroll .category-list uni-text{display:inline-block;font-size:.875rem;color:#666;padding:.375rem .9375rem;margin-right:.625rem;border-radius:1.125rem;transition:all .3s}.vaccine-list-container .filter-bar .category-scroll .category-list uni-text.active{color:#fff;background:linear-gradient(135deg,#0f95b0,#89c4c1)}.vaccine-list-container .filter-bar .category-scroll .category-list uni-text:active{opacity:.8}.vaccine-list-container .vaccine-list{height:calc(100vh - 6.25rem);padding:.625rem}.vaccine-list-container .vaccine-list .vaccine-item{display:flex;margin-bottom:.625rem;padding:.625rem}.vaccine-list-container .vaccine-list .vaccine-item .vaccine-image{width:6.25rem;height:6.25rem;border-radius:.375rem;margin-right:.625rem}.vaccine-list-container .vaccine-list .vaccine-item .info{flex:1;display:flex;flex-direction:column}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.375rem}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .name{font-size:1rem;color:#333;font-weight:700}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .tags{display:flex;gap:.3125rem}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .tags .tag{font-size:.6875rem;padding:.125rem .375rem;border-radius:.125rem}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .tags .tag.free{color:#67c23a;background:rgba(103,194,58,.1)}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .tags .tag.recommended{color:#0f95b0;background:rgba(15,149,176,.1)}.vaccine-list-container .vaccine-list .vaccine-item .info .name-wrap .tags .tag.seasonal{color:#e6a23c;background:rgba(230,162,60,.1)}.vaccine-list-container .vaccine-list .vaccine-item .info .desc{font-size:.8125rem;color:#666;line-height:1.6;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.vaccine-list-container .vaccine-list .vaccine-item .info .footer{display:flex;justify-content:space-between;align-items:center;margin-top:.625rem}.vaccine-list-container .vaccine-list .vaccine-item .info .footer .price-info .price{font-size:1rem;color:#f56c6c;font-weight:700}.vaccine-list-container .vaccine-list .vaccine-item .info .footer .price-info .free{font-size:1rem;color:#67c23a;font-weight:700}.vaccine-list-container .vaccine-list .vaccine-item .info .footer .book-btn{width:5rem;height:1.875rem;line-height:1.875rem;font-size:.8125rem}.vaccine-list-container .vaccine-list .vaccine-item:active{transform:scale(.99)}.vaccine-list-container .empty-state{padding:3.75rem 0;text-align:center}.vaccine-list-container .empty-state uni-image{width:7.5rem;height:7.5rem;margin-bottom:.9375rem}.vaccine-list-container .empty-state uni-text{font-size:.875rem;color:#999}
|
