.button-base[data-v-8c2c5d22]{flex:1;height:42px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.value-base[data-v-8c2c5d22]{font-size:14px;color:#628fbe}.rank-item[data-v-8c2c5d22]{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.rank-item .title-container[data-v-8c2c5d22]{padding:12px 15px;background-color:#fff5f1}.rank-item .title-container .product-title[data-v-8c2c5d22]{font-size:16px;font-weight:600;color:#333;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.rank-item .image-container[data-v-8c2c5d22]{width:100%;height:150px;overflow:hidden}.rank-item .image-container .main-image[data-v-8c2c5d22]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.rank-item .info-container[data-v-8c2c5d22]{padding:15px;background-color:#fff5f1}.rank-item .info-container .row[data-v-8c2c5d22]{display:flex;justify-content:space-between;margin-bottom:10px}.rank-item .info-container .row .col[data-v-8c2c5d22]{flex:1}.rank-item .info-container .row .col .label[data-v-8c2c5d22]{display:block;font-size:16px;color:#999;margin-bottom:4px;font-weight:400}.rank-item .info-container .row .col .value[data-v-8c2c5d22]{font-size:14px;color:#628fbe;display:flex;align-items:center;font-weight:600}.rank-item .info-container .row .col .value .percentage[data-v-8c2c5d22]{font-size:14px;color:#628fbe;margin-right:6px}.rank-item .info-container .row .col .value span[data-v-8c2c5d22]:nth-child(2){color:#ccc;margin:0 6px;font-weight:400;font-size:16px}.rank-item .info-container .row .col .value .amount[data-v-8c2c5d22]{font-size:14px;color:#628fbe}.rank-item .info-container .button-section[data-v-8c2c5d22]{display:flex;gap:10px;margin-top:16px}.rank-item .info-container .button-section .detail-btn[data-v-8c2c5d22]{flex:1;height:42px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid #007aff;background:#fff;color:#007aff}.rank-item .info-container .button-section .buy-btn[data-v-8c2c5d22]{flex:1;height:42px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border:none;background:#007aff;color:#fff}.rank-item .info-container .button-section .buy-btn[data-v-8c2c5d22]:disabled{background:#ccc;cursor:not-allowed}.wrap[data-v-6c559de4]{flex:1;min-height:0;display:flex;flex-direction:column}.wrap .nav_head[data-v-6c559de4]{width:100%;height:44px;background-image:linear-gradient(90deg,#c7161c,#c7161c)}.wrap .nav_head .head .right[data-v-6c559de4]{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.wrap .nav_head .head .title[data-v-6c559de4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.wrap .record-icon[data-v-6c559de4]{cursor:pointer}.wrap .record-icon .iconfont[data-v-6c559de4]{font-size:20px;color:#fff}.wrap .tab_head[data-v-6c559de4]{height:44px;background-color:#fff;padding:0 18px;display:flex;justify-content:space-between;align-items:center}.wrap .tab_head .item[data-v-6c559de4]{font-weight:400;font-size:15px;color:#111827}.wrap .tab_head .active[data-v-6c559de4]{font-weight:500;font-size:15px;color:#ff5400}.wrap .rank[data-v-6c559de4]{flex:1;min-height:0;overflow-y:auto;padding:18px}.wrap .rank .list[data-v-6c559de4]{display:flex;flex-direction:column;gap:18px}.nav_head .head .right{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.nav_head .head .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);text-align:center}