1 line
7.6 KiB
CSS
1 line
7.6 KiB
CSS
.express-card .type-badge.express{background:#e8f4ff;border-radius:.15rem;color:#1989fa;font-size:.55rem;font-weight:500;padding:.1rem .3rem}.secondhand-card .type-badge.secondhand{background:#fff3e8;border-radius:.15rem;color:#ff976a;font-size:.55rem;font-weight:500;padding:.1rem .3rem}.secondhand-card .tag-row{display:flex;gap:.2rem;margin-top:.25rem}.help-card .type-badge.help{background:#fff0f0;border-radius:.15rem;color:#ee0a24;font-size:.55rem;font-weight:500;padding:.1rem .3rem}.activity-card .type-badge.activity{background:#e8fff0;border-radius:.15rem;color:#07c160;font-size:.55rem;font-weight:500;padding:.1rem .3rem}.activity-card .participants-count{color:#646566;font-size:.6rem}.activity-card .progress-bar-wrap{background:#f2f3f5;border-radius:.1rem;height:.2rem;margin:.4rem 0 .2rem;overflow:hidden}.activity-card .progress-bar-wrap .progress-bar{background:linear-gradient(90deg,#07c160,#1989fa);border-radius:.1rem;height:100%;transition:width .3s}.carpool-card .type-badge.carpool{background:#f0e8ff;border-radius:.15rem;color:#7b4ac7;font-size:.55rem;font-weight:500;padding:.1rem .3rem}.carpool-card .carpool-right{align-items:flex-end;display:flex;flex-direction:column}.carpool-card .carpool-right .seat-info{color:#07c160;font-size:.55rem;margin-top:.1rem}.task-card{background:#fff;border-radius:.4rem;box-shadow:0 .05rem .3rem rgba(0,0,0,.04);padding:.6rem}.task-card .card-top{align-items:flex-start;display:flex;justify-content:space-between}.task-card .card-top .task-info{flex:1;margin-right:.4rem;overflow:hidden}.task-card .card-top .task-type-row{align-items:center;display:flex;gap:.2rem;margin-bottom:.3rem}.task-card .card-top .task-title{color:#1a1a1a;display:block;font-size:.8rem;font-weight:500;line-height:1.4;margin-bottom:.2rem}.task-card .card-top .task-desc{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#969799;display:block;display:-webkit-box;font-size:.65rem;line-height:1.5;overflow:hidden}.task-card .card-top .task-price,.task-card .card-top .task-reward{color:#ee0a24;flex-shrink:0;font-size:.9rem;font-weight:600;white-space:nowrap}.task-card .card-top .task-status{color:#07c160;font-size:.6rem}.task-card .card-bottom{align-items:center;border-top:.025rem solid #f2f3f5;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.4rem}.task-card .card-bottom .publisher{align-items:center;display:flex}.task-card .card-bottom .publisher .pub-avatar{border-radius:50%;height:.9rem;margin-right:.25rem;width:.9rem}.task-card .card-bottom .publisher .pub-name{color:#323233;font-size:.65rem}.task-card .card-bottom .task-meta{align-items:center;display:flex;gap:.4rem}.task-card .card-bottom .task-meta .meta-item{color:#969799;font-size:.6rem}.task-detail-page{background:#f7f8fa;display:flex;flex-direction:column;min-height:100vh}.detail-nav{backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);background:hsla(0,0%,100%,.9);border-bottom:.025rem solid rgba(0,0,0,.06);left:0;position:fixed;right:0;top:0;z-index:100}.detail-nav .nav-content{align-items:center;display:flex;height:1.1rem;padding:0 .6rem;position:relative}.detail-nav .nav-content .nav-back{align-items:center;display:flex;height:1.5rem;justify-content:center;margin-left:-.25rem;width:1.5rem}.detail-nav .nav-content .nav-title{color:#1a1a1a;font-size:.8rem;font-weight:500;left:50%;position:absolute;transform:translateX(-50%)}.detail-nav .nav-content .nav-placeholder{flex-shrink:0;width:1.25rem}.detail-scroll{flex:1}.cancelled-banner{align-items:center;background:#fff0f0;border:.025rem solid #fcc;border-radius:.3rem;display:flex;gap:.2rem;margin:.4rem .6rem 0;padding:.4rem .5rem}.cancelled-banner .cancelled-icon{flex-shrink:0;font-size:.7rem}.cancelled-banner .cancelled-text{color:#ee0a24;font-size:.7rem}.content-card{background:#fff;border-radius:.4rem;box-shadow:0 .05rem .3rem rgba(0,0,0,.04);margin:.4rem .6rem;padding:.6rem}.steps-section{margin-top:.4rem;padding:.7rem .6rem .6rem}.type-badge{border-radius:.2rem;color:#fff;display:inline-block;font-size:.6rem;line-height:1.5;padding:.1rem .35rem;white-space:nowrap}.badge-express{background:#1989fa}.badge-secondhand{background:#ff976a}.badge-help{background:#ff8c00}.badge-activity{background:#6465e0}.badge-carpool{background:#07c160}.status-badge{border-radius:.2rem;font-size:.6rem;padding:.05rem .3rem;white-space:nowrap}.status-open{background:#e8f8ef;color:#07c160}.status-progress{background:#e8f3ff;color:#1989fa}.status-done{background:#f2f3f5;color:#969799}.status-cancelled{background:#fff0f0;color:#ee0a24}.type-status-row{align-items:center;display:flex;gap:.3rem;margin-bottom:.4rem}.type-status-row .participants-count{color:#646566;font-size:.65rem}.detail-title{color:#1a1a1a;display:block;font-size:.85rem;font-weight:600;line-height:1.4;margin-bottom:.3rem}.detail-desc{color:#646566;display:block;font-size:.7rem;line-height:1.7}.detail-divider{background:#f2f3f5;height:.025rem;margin:.5rem 0}.info-row{align-items:center;color:#646566;display:flex;font-size:.7rem;line-height:1.6}.info-row + .info-row{margin-top:.2rem}.info-row .info-icon{font-size:.7rem;margin-right:.2rem}.reward-large{color:#ee0a24;display:block;font-size:1.1rem;font-weight:700;margin-top:.3rem}.tag-row{align-items:center;display:flex;flex-wrap:wrap;gap:.2rem;margin-top:.3rem}.image-gallery{border-radius:.3rem;margin-bottom:.5rem;overflow:hidden}.image-gallery .gallery-img{height:10.5rem;width:100%}.single-image-wrap{border-radius:.3rem;margin-bottom:.5rem;overflow:hidden}.reward-seat-row{align-items:center;display:flex;justify-content:space-between;margin-top:.3rem}.reward-seat-row .seats-info{background:#fff7e6;border-radius:.2rem;color:#ff8c00;font-size:.7rem;font-weight:600;padding:.1rem .4rem}.progress-section{margin-top:.4rem}.progress-section .progress-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.2rem}.progress-section .progress-label .progress-text{color:#646566;font-size:.65rem}.progress-section .progress-label .progress-percent{color:#1989fa;font-size:.65rem;font-weight:500}.progress-section .progress-track{background:#f2f3f5;border-radius:.15rem;height:.3rem;overflow:hidden}.progress-section .progress-track .progress-bar{background:linear-gradient(90deg,#1989fa,#06b7f0);border-radius:.15rem;height:100%;transition:width .3s ease}.action-section{margin:0 .6rem .4rem}.action-section .action-contact-btn{align-items:center;background:#fff;border-radius:.4rem;box-shadow:0 .05rem .3rem rgba(0,0,0,.04);color:#1989fa;display:flex;font-size:.75rem;justify-content:center;padding:.5rem 0}.publisher-card{align-items:center;display:flex}.publisher-card .pub-avatar{border-radius:50%;flex-shrink:0;height:2rem;width:2rem}.publisher-card .pub-info{flex:1;margin-left:.5rem}.publisher-card .pub-info .pub-name{color:#1a1a1a;display:block;font-size:.75rem;font-weight:500;margin-bottom:.15rem}.publisher-card .pub-info .pub-time{color:#969799;font-size:.65rem}.publisher-card .pub-contact-btn{flex-shrink:0}.recommend-section{padding:0 .6rem .4rem}.recommend-section .section-title{border-left:.15rem solid #1989fa;color:#1a1a1a;display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem;padding-left:.2rem}.recommend-section .recommend-card-wrap{margin-bottom:.4rem}.recommend-section .empty-recommend{color:#c8c9cc;display:block;font-size:.7rem;padding:1rem 0;text-align:center}.bottom-action-bar{background:#fff;border-top:.025rem solid #f2f3f5;padding:.4rem .6rem}.bottom-action-bar .cta-button :global(.van-button){font-size:.8rem;font-weight:500;height:2.2rem}.scroll-bottom-safe{height:4rem}.empty-state{align-items:center;color:#969799;display:flex;font-size:.75rem;height:100vh;justify-content:center}:root,page{--primary-color:#07c160} |