.voucher-box{margin-top:24px}.voucher-box .get-voucher{min-height:40px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;padding:0 18px;border:1px solid #1769e0;border-radius:10px;color:#fff;background:#1769e0;font-size:14px;font-weight:650;line-height:1;cursor:pointer}.voucher-content{width:100%;min-width:0}.voucher-content ul{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0}.voucher-content .item{position:relative;min-width:0;overflow:hidden;border:1px solid #dfe7f1;border-radius:12px;background:#fff;box-shadow:none}.voucher-content .basic{min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);align-items:stretch}.voucher-content .l-item{min-width:0}.voucher-content .price{height:100%;min-height:132px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;padding:18px 12px;color:#fff;background:#1769e0 url(../img/voucher/voucher_01.png) center/cover no-repeat;font-size:13px;line-height:1;text-align:center}.voucher-content .price.used{background-image:url(../img/voucher/voucher_02.png)}.voucher-content .price.overdue{background-image:url(../img/voucher/voucher_03.png)}.voucher-content .price .num{margin-left:3px;font-size:30px;font-weight:700}.voucher-content .price span{font-size:15px}.voucher-content .price .des{flex:0 0 100%;margin-top:12px;font-size:12px;line-height:1.35}.voucher-content .r-item{min-width:0;display:flex;flex-direction:column;padding:20px 18px;color:#64748b;font-size:12px;line-height:1.45}.voucher-content .r-item .tit{min-width:0;margin:0 0 8px;overflow:hidden;color:#172033;font-size:16px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.voucher-content .r-item .time{margin:0 0 16px;overflow-wrap:anywhere}.voucher-content .r-item .bot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.voucher-content .r-item .receive{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:10px;color:#fff;background:#1769e0;white-space:nowrap;cursor:pointer}.voucher-content .r-item .receive.is_get{background:#94a3b8;cursor:not-allowed}.voucher-content .more{display:inline-flex;align-items:center;gap:4px;color:#475569;cursor:pointer}.voucher-content .more img{width:12px;height:12px;margin:0;transition:transform .2s}.voucher-content .more.active img{transform:rotate(180deg)}.voucher-content .bg{position:absolute;top:10px;right:12px;width:54px;height:42px;z-index:0;pointer-events:none}.voucher-content .bg.used{background:url(../img/voucher/voucher_05.png) center/contain no-repeat}.voucher-content .bg.overdue{background:url(../img/voucher/voucher_04.png) center/contain no-repeat}.voucher-content .detail{position:relative;z-index:1;width:100%;max-height:0;overflow:hidden;padding:0 16px;color:#64748b;background:#f8fafc;font-size:12px;line-height:1.65;opacity:0;transition:max-height .22s ease,padding .22s ease,opacity .18s ease}.voucher-content .detail.active{max-height:220px;overflow-y:auto;padding:14px 16px;opacity:1;border-top:1px dashed #d7e0eb}.voucher-content .detail::after{display:none}.voucher-content .empty{grid-column:1/-1;margin:20px auto}.voucher-page .el-pagination{margin-top:18px}.voucher-dialog .el-dialog{width:min(1040px,calc(100vw - 32px))}.voucher-dialog .el-dialog__body{max-height:min(70vh,680px);overflow-y:auto;padding:22px}.voucher-dialog .voucher-content ul{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1320px){.voucher-content ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.voucher-content ul,.voucher-dialog .voucher-content ul{grid-template-columns:1fr}.voucher-content .basic{grid-template-columns:136px minmax(0,1fr)}}
@media(max-width:520px){.voucher-box{margin-top:16px}.voucher-content .basic{grid-template-columns:1fr}.voucher-content .price{min-height:104px}.voucher-content .r-item{padding:15px}.voucher-dialog .el-dialog__body{padding:14px}}

/* ===== TungstenCloud v8.4.3 voucher title readability ===== */
html[theme="tungstencloud"][data-tc-page="voucher"] .voucher-content .r-item .tit{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  line-height:1.4!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
