.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:36rpx;text-align:center;font-size:30rpx;height:88rpx;line-height:88rpx}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.tag{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx}.section-title{font-size:34rpx;font-weight:700;color:#333;position:relative;padding-left:20rpx;margin-bottom:30rpx}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx}.price{font-size:32rpx;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:24rpx;color:#999;text-decoration:line-through;margin-left:10rpx}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}page{width:100%;height:100%;overflow-x:hidden}.vaccine-container{min-height:100vh;background:#f5f6fa}.vaccine-container .banner{position:relative;height:300rpx}.vaccine-container .banner .bg-image{width:100%;height:100%}.vaccine-container .banner .content{position:absolute;left:40rpx;bottom:40rpx;color:#fff}.vaccine-container .banner .content .title{font-size:40rpx;font-weight:700;margin-bottom:12rpx;display:block}.vaccine-container .banner .content .desc{font-size:28rpx;opacity:.9}.vaccine-container .quick-access{margin:-40rpx 20rpx 0;padding:30rpx;background:#fff;border-radius:24rpx;display:flex;justify-content:space-around;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.vaccine-container .quick-access .access-item{text-align:center}.vaccine-container .quick-access .access-item .icon{width:80rpx;height:80rpx;margin-bottom:12rpx}.vaccine-container .quick-access .access-item text{font-size:26rpx;color:#666}.vaccine-container .quick-access .access-item:active{opacity:.8}.vaccine-container .section-title{font-size:32rpx;color:#333;font-weight:700;margin-bottom:20rpx}.vaccine-container .vaccine-types{margin:30rpx 20rpx}.vaccine-container .vaccine-types .type-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20rpx}.vaccine-container .vaccine-types .type-list .type-item{background:#fff;border-radius:24rpx;padding:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.vaccine-container .vaccine-types .type-list .type-item .icon{width:80rpx;height:80rpx;margin-bottom:16rpx}.vaccine-container .vaccine-types .type-list .type-item .name{font-size:30rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.vaccine-container .vaccine-types .type-list .type-item .desc{font-size:24rpx;color:#999}.vaccine-container .vaccine-types .type-list .type-item:active{transform:scale(.98)}.vaccine-container .clinic-recommend{margin:30rpx 20rpx}.vaccine-container .clinic-recommend .clinic-list .clinic-item{background:#fff;border-radius:24rpx;margin-bottom:20rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05);overflow:hidden}.vaccine-container .clinic-recommend .clinic-list .clinic-item .image{width:100%;height:300rpx}.vaccine-container .clinic-recommend .clinic-list .clinic-item .info{padding:20rpx}.vaccine-container .clinic-recommend .clinic-list .clinic-item .info .name{font-size:32rpx;color:#333;font-weight:700;margin-bottom:8rpx;display:block}.vaccine-container .clinic-recommend .clinic-list .clinic-item .info .address{font-size:26rpx;color:#666;margin-bottom:16rpx;display:block}.vaccine-container .clinic-recommend .clinic-list .clinic-item .info .tags{display:flex;flex-wrap:wrap;gap:12rpx}.vaccine-container .clinic-recommend .clinic-list .clinic-item .info .tags text{font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx}.vaccine-container .clinic-recommend .clinic-list .clinic-item:active{transform:scale(.99)}.vaccine-container .notice-card{margin:30rpx 20rpx;background:#fff;border-radius:24rpx;padding:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.vaccine-container .notice-card .notice-list .notice-item{display:flex;align-items:flex-start;margin-bottom:16rpx}.vaccine-container .notice-card .notice-list .notice-item:last-child{margin-bottom:0}.vaccine-container .notice-card .notice-list .notice-item .dot{width:12rpx;height:12rpx;background:#0f95b0;border-radius:50%;margin-top:12rpx;margin-right:12rpx;flex-shrink:0}.vaccine-container .notice-card .notice-list .notice-item .content{flex:1;font-size:26rpx;color:#666;line-height:1.6}.vaccine-container .scroll-view{white-space:nowrap;padding:0 20rpx}.vaccine-container .scroll-view::-webkit-scrollbar{display:none}