html { font-size: calc(100vw / 1920 * 100) !important; }
img { display: block; max-width: 100%; }
button, a { font: inherit; }
button { cursor: pointer; }
.message-box { position: fixed; inset: 0; z-index: 9999; display: none; background: rgba(0,0,0,.5); }
.message-box.on { display: block; }
.message-box .message { position: absolute; top: 50%; left: 50%; width: 4.8rem; box-sizing: border-box; padding: .4rem .5rem .24rem; transform: translate(-50%,-50%); border-radius: .09rem; background: #fff; text-align: center; }
.message-box .message img { width: 1.02rem; height: 1.02rem; margin: 0 auto .16rem; object-fit: contain; }
.message-box .message .tip { font-size: .18rem; }
.message-box .message .content { margin-top: .08rem; color: #666; font-size: .14rem; }
.message-box .message .footer-btn { display: flex; justify-content: center; gap: .24rem; margin-top: .24rem; }
.message-box .message .btn { min-width: 1.12rem; padding: .1rem .18rem; border-radius: .04rem; background: #3d67ee; color: #fff; cursor: pointer; font-size: .16rem; }
.tjg-detail-page { overflow-x: hidden; background: #eef5ff; }
body.tjg-redeem-open { overflow: hidden; }
body.tjg-action-open { overflow: hidden; }
.tjg-detail-hero, .tjg-detail-hero picture, .tjg-detail-hero img { display: block; width: 100%; }
.tjg-detail-hero { position: relative; height: 3.3rem; line-height: 0; background: #dfeefa; }
.tjg-detail-hero img { width: 100%; height: 4.8rem; max-width: none; }
.tjg-hero-time { position: absolute; top: .28rem; left: calc(50% - 7.2rem); z-index: 2; display: inline-flex; align-items: center; gap: 0; box-sizing: border-box; padding: .05rem .28rem; overflow: hidden; border: .01rem solid rgba(255, 255, 255, .95); border-radius: .32rem; background: rgba(255, 255, 255, .96); box-shadow: 0 .04rem .16rem rgba(0, 0, 0, .04); color: #595959; font-size: .18rem; line-height: .28rem; white-space: nowrap; }
.tjg-hero-time__dot { flex: none; width: .06rem; height: .06rem; margin-right: .16rem; border-radius: 50%; background: #1c7bef; box-shadow: 0 0 0 .06rem rgba(28, 123, 239, .12); }
.tjg-hero-time__value { display: inline-flex; align-items: center; }
.tjg-detail-main { position: relative; overflow: visible; padding: 0 0 .8rem; line-height: 0; }
.tjg-detail-bg { position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
.tjg-detail-bg img { width: 100%; min-height: 100%; max-width: none; object-fit: cover; object-position: top center; }
.tjg-detail-shell { position: relative; z-index: 1; width: 14.5rem; max-width: calc(100% - .64rem); margin: 0 auto; padding-top: .64rem; }
.tjg-detail-return { position: absolute; top: .64rem; right: -.63rem; z-index: 2; display: flex; flex-direction: column; align-items: center; gap: .08rem; width: .5rem; box-sizing: border-box; padding: .16rem 0; border-radius: .08rem; background: linear-gradient(269.65deg, #ffd3a6 1.77%, #ffe9de 101.51%); color: #262626; font-size: .16rem; font-weight: 600; line-height: .2rem; text-align: center; text-decoration: none; }
.tjg-detail-return-icon { flex: none; width: .18rem; height: .18rem; max-width: none; }
.tjg-detail-return span { display: block; width: .16rem; height: auto; writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 2px; }
.tjg-detail-return::before { content: none; }
.tjg-detail-tabs { position: absolute; top: .2rem; left: .24rem; display: flex; width: 4.88rem; gap: .08rem; }
.tjg-detail-tab { box-sizing: border-box; width: 2.4rem; height: .44rem; padding: .08rem .24rem; border: 0; border-radius: .08rem .08rem 0 0; background: rgba(255,250,246,.7); color: #000; font-size: .14rem; line-height: .28rem; }
.tjg-detail-tab.is-active { background: #fff; color: #000; font-weight: 500; }
.tjg-detail-panel { box-sizing: border-box; width: 100% !important; min-height: 8.33rem; margin-right: 0 !important; margin-left: 0 !important; padding: .24rem; border-radius: .08rem; background: rgba(196,232,255,.25); box-shadow: none; }
.tjg-detail-panel--rule { min-height: 16.74rem; padding: .4rem; border-radius: .12rem; background: #fff; }
.tjg-detail-panel--reward { background: #fff; }
.tjg-detail-reward-head { display: none; }
.tjg-detail-reward-body { box-sizing: border-box; display: flex; flex-direction: column; gap: 0; width: 100%; padding: .24rem; border-radius: .08rem; background: rgba(196,232,255,.25); }
.tjg-detail-reward-body > .tjg-detail-gifts-head,
.tjg-detail-reward-body > .tjg-detail-gift-grid,
.tjg-detail-reward-body > .tjg-detail-reward-note { position: relative; }
.tjg-detail-reward-body > .tjg-detail-gifts-head { margin-bottom: .24rem; }
.tjg-detail-reward-body > .tjg-detail-reward-note { margin-top: .16rem; }
.tjg-detail-rule-content { padding: 0 .24rem; color: #262626; font-size: .16rem; line-height: 1.875; word-break: break-word; }
.tjg-detail-rule-content > * { margin: 0 0 .16rem; }
.tjg-detail-rule-content > *:last-child { margin-bottom: 0; }
.tjg-detail-rule-content p { margin: 0; line-height: 1.875; }
.tjg-detail-rule-content p + p { margin-top: 0; }
.tjg-detail-rule-content h3 { margin: .16rem 0 .16rem; font-size: .16rem; font-weight: 700; line-height: 1.875; }
.tjg-detail-rule-content strong { font-weight: 700; }

.tjg-detail-gifts-head { display: flex; align-items: flex-end; gap: .16rem; width: 100%; height: .32rem; margin: 0; }
.tjg-detail-gifts-head h1 { margin: 0; color: #262626; font-size: .26rem; font-weight: 600; line-height: .32rem; }
.tjg-detail-gifts-head span { color: #262626; font-size: .18rem; line-height: .26rem; }
.tjg-detail-gifts-head span:last-child { margin-left: auto; }
.tjg-detail-gift-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: .16rem; row-gap: .16rem; width: 100%; padding: 0; border-radius: 0; background: transparent; }
.tjg-detail-gift { box-sizing: border-box; min-height: 1.88rem; padding: .16rem; border: 0; border-radius: .08rem; background: rgba(255,255,255,.9); box-shadow: none; }
.tjg-detail-gift-logo { height: .8rem; overflow: hidden; border-radius: .08rem; background: linear-gradient(100deg, #d7ffbe, #d8fcd7); color: #333; font-size: .14rem; font-weight: 700; text-align: center; }
.tjg-detail-gift-logo img { width: 100%; object-fit: cover; }
.tjg-detail-gift h3 { min-height: .24rem; margin: .08rem 0 .08rem; color: #262626; font-size: .16rem; font-weight: 500; line-height: 1.5; }
.tjg-detail-exchange { min-width: .9rem; height: .28rem; padding: .04rem .24rem; border: .01rem solid #081a3e; border-radius: .3rem; background: transparent; color: #081a3e; font-size: .12rem; font-weight: 600; }
.tjg-detail-exchange:disabled { border-color: #cbd5e1; background: #f8fafc; color: #94a3b8; cursor: not-allowed; }
.tjg-detail-skus[hidden] { display: none; }
.tjg-detail-empty { grid-column: 1 / -1; padding: .54rem .2rem; border: .01rem dashed rgba(136,202,255,.75); border-radius: .12rem; color: #7b8ba4; font-size: .14rem; text-align: center; }
.tjg-detail-reward-note { margin: .16rem 0 .32rem; color: #555; font-size: .13rem; line-height: 1.5; text-align: center; }
.tjg-detail-invites-list, .tjg-detail-records-list { width: 100%; table-layout: fixed; overflow: hidden; border-collapse: collapse; border-radius: .08rem; background: #fff; }
.tjg-detail-invites-empty { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 2.12rem; padding-top: .4rem; box-sizing: border-box; background: #fff; color: #666; font-size: .14rem; }
.tjg-detail-invites-empty img { width: 1.007rem; height: .9rem; margin-bottom: .16rem; object-fit: contain; }
.tjg-detail-invites-empty span { line-height: .26rem; }
/* ---- 我的奖励：算力星统计 / 邀请记录 / 兑换记录 ---- */
.tjg-detail-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .12rem; margin: 0 0 .2rem; }
.tjg-detail-stats { display: none !important; }
.tjg-detail-stats[hidden] { display: none !important; }
.tjg-detail-stat { padding: .16rem .2rem; border-radius: .08rem; background: #fff; }
.tjg-detail-stat span { display: block; color: #6b7a90; font-size: .13rem; line-height: 1.4; }
.tjg-detail-stat strong { display: block; margin-top: .06rem; color: #262626; font-size: .26rem; font-weight: 700; line-height: 1.2; }
.tjg-detail-stat--balance { background: linear-gradient(135deg, #e8f3ff, #fff); }
.tjg-detail-stat--balance strong { color: #265dee; }
.tjg-detail-stat--level strong { color: #f59317; font-size: .2rem; line-height: 1.4; }
.tjg-detail-stat-tip { margin: 0 0 .16rem; padding: .16rem .2rem; border-radius: .08rem; background: #fff; color: #555; font-size: .14rem; line-height: 1.5; }
.tjg-detail-stat-tip[hidden] { display: none; }
.tjg-detail-stat-tip a { color: #265dee; text-decoration: none; }
.tjg-detail-block-head { display: flex; align-items: flex-end; justify-content: space-between; gap: .16rem; margin: 0 0 .16rem; }
.tjg-detail-block-head h2 { margin: 0; color: #262626; font-size: .26rem; font-weight: 600; line-height: .32rem; }
.tjg-detail-block-head span { color: #262626; font-size: .18rem; line-height: .26rem; }
.tjg-detail-invites, .tjg-detail-records { margin-top: .32rem; padding: 0; border-radius: 0; background: transparent; }
.tjg-detail-invites-list, .tjg-detail-records-list { width: 100%; table-layout: fixed; overflow: hidden; border-collapse: collapse; border-radius: .08rem; background: #fff; }
.tjg-detail-invite-head, .tjg-detail-invite { display: grid; grid-template-columns: 1.5fr 1.1fr .8fr .9fr; align-items: center; gap: .12rem; padding: .12rem .2rem; }
.tjg-detail-invite-head { border-radius: .08rem .08rem 0 0; background: linear-gradient(90deg, #89d8ff, #9fbcff); color: #262626; font-size: .14rem; }
.tjg-detail-invite-head[hidden] { display: none; }
.tjg-detail-invite { border-bottom: .01rem solid #f0f0f0; background: #fff; color: #262626; font-size: .14rem; line-height: 1.4; }
.tjg-detail-invite:last-child { border-bottom: 0; background: transparent; }
.tjg-detail-invite-user strong { display: block; font-weight: 600; }
.tjg-detail-invite-user span { display: block; color: #8a97a8; font-size: .12rem; }
.tjg-detail-invite-phone { color: #555; }
.tjg-detail-invite-state { display: inline-block; padding: .02rem .1rem; border-radius: .2rem; font-size: .12rem; font-style: normal; line-height: 1.6; }
.tjg-detail-invite-state.is-verified { background: #e8f7ee; color: #1f9d55; }
.tjg-detail-invite-state.is-unverified { background: #fff4e8; color: #d97706; }
.tjg-detail-invite-reward.is-valid { color: #f59317; font-weight: 700; }
.tjg-detail-invite-reward.is-pending { color: #8a97a8; }
.tjg-detail-invites-list tr, .tjg-detail-records-list tr { height: .44rem; border-bottom: .01rem solid #f0f0f0; background: #fff; color: #262626; font-size: .14rem; line-height: 1.4; }
.tjg-detail-invites-list tr:first-child, .tjg-detail-records-list tr:first-child { background: linear-gradient(90deg, #89d8ff, #9fbcff); }
.tjg-detail-invites-list tr:last-child, .tjg-detail-records-list tr:last-child { border-bottom: 0; background: transparent; }
.tjg-detail-invites-list th, .tjg-detail-invites-list td, .tjg-detail-records-list th, .tjg-detail-records-list td { padding: 0 .12rem; text-align: left; }
.tjg-detail-invites-list th:nth-child(1), .tjg-detail-invites-list td:nth-child(1), .tjg-detail-records-list th:nth-child(1), .tjg-detail-records-list td:nth-child(1) { width: 27%; padding-left: .36rem; }
.tjg-detail-invites-list th:nth-child(2), .tjg-detail-invites-list td:nth-child(2), .tjg-detail-records-list th:nth-child(2), .tjg-detail-records-list td:nth-child(2) { width: 22%; }
.tjg-detail-invites-list th:nth-child(3), .tjg-detail-invites-list td:nth-child(3), .tjg-detail-records-list th:nth-child(3), .tjg-detail-records-list td:nth-child(3) { width: 19%; }
.tjg-detail-invites-list th:nth-child(4), .tjg-detail-invites-list td:nth-child(4), .tjg-detail-records-list th:nth-child(4), .tjg-detail-records-list td:nth-child(4) { width: 32%; padding-right: .36rem; }
.tjg-detail-invites-list th, .tjg-detail-records-list th { color: #262626; font-size: .14rem; font-weight: 600; }
.tjg-detail-invites-list .status, .tjg-detail-records-list .status { display: inline-flex; align-items: center; justify-content: center; width: .48rem; height: .2rem; border-radius: .04rem; color: #fff; background-color: #ccc; cursor: pointer; font-size: .14rem; white-space: nowrap; }
.tjg-detail-invites-list .status.finished, .tjg-detail-records-list .status.finished { background-color: #37d21c; cursor: default; }
.tjg-detail-invites-list .right, .tjg-detail-records-list .right { text-align: right; }
.tjg-detail-invites-list .right i, .tjg-detail-records-list .right i { display: inline-block; margin-left: .08rem; font-style: normal; }
.tjg-detail-invites-list .right i.none, .tjg-detail-records-list .right i.none { color: #bfbfbf; cursor: default; }
.tjg-detail-invites-list .right i:not(.none) { cursor: pointer; }
.tjg-detail-invites-empty, .tjg-detail-records-empty { display: flex; align-items: center; flex-direction: column; justify-content: center; min-height: 2.12rem; box-sizing: border-box; padding: .4rem 0; gap: .16rem; background: #fff; color: #262626; font-size: .14rem; line-height: .26rem; }
.tjg-detail-invites-empty img { width: 1rem; height: auto; margin: 0; object-fit: contain; }
.tjg-detail-invites-empty span { line-height: .26rem; }
.tjg-detail-records[hidden] { display: none; }
.tjg-detail-records-empty[hidden] { display: none; }
.tjg-detail-invites-empty[hidden] { display: none; }
.tjg-detail-more { display: block; width: 2.4rem; margin: .16rem auto 0; padding: .08rem 0; border: .01rem solid #88caff; border-radius: .4rem; background: #fff; color: #265dee; cursor: pointer; font: inherit; font-size: .14rem; }
.tjg-detail-more[hidden] { display: none; }
.tjg-detail-record-head, .tjg-detail-record { display: grid; grid-template-columns: 1.8fr 1.1fr .9fr .9fr; align-items: center; gap: .12rem; padding: .12rem .2rem; }
.tjg-detail-record-head { border-radius: .08rem .08rem 0 0; background: #dceeff; color: #4a5a70; font-size: .13rem; }
.tjg-detail-record-head[hidden] { display: none; }
.tjg-detail-record { border-bottom: .01rem solid #eef6ff; background: #fff; color: #262626; font-size: .14rem; line-height: 1.4; }
.tjg-detail-record:last-child { border-bottom: 0; }
.tjg-detail-record-points { color: #f59317; font-weight: 700; }

/* ---- 兑换弹窗 ---- */
.tjg-redeem-modal[hidden] { display: none; }
.tjg-redeem-modal { position: fixed; inset: 0; z-index: 9998; display: grid; place-items: center; padding: .24rem; box-sizing: border-box; }
.tjg-redeem-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.tjg-redeem-dialog { position: relative; z-index: 1; width: 5.6rem; max-width: 100%; box-sizing: border-box; padding: .48rem 0 .24rem; border-radius: .1rem; background: #fff; box-shadow: 0 0 .6rem rgba(0, 0, 0, .08); }
.tjg-redeem-close { position: absolute; top: .18rem; right: .18rem; width: .22rem; height: .22rem; border: 0; border-radius: 50%; background: #000; color: #fff; font-size: .16rem; line-height: .2rem; cursor: pointer; }
.tjg-redeem-gift { display: flex; flex-direction: column; align-items: stretch; }
.tjg-redeem-image { display: grid; place-items: center; width: 2.2rem; height: .8rem; margin: 0 auto; overflow: hidden; border-radius: .04rem; background: #effaff; color: #64748b; font-size: .14rem; font-weight: 700; text-align: center; }
.tjg-redeem-image img { width: 100%; height: 100%; object-fit: contain; }
.tjg-redeem-image img[hidden], .tjg-redeem-image span[hidden] { display: none; }
.tjg-redeem-content { min-width: 0; padding: .32rem .9rem 0; }
.tjg-redeem-content h2, .tjg-redeem-code { display: none; }
.tjg-redeem-summary { display: flex; flex-direction: column; gap: .16rem; padding: 0; background: transparent; }
.tjg-redeem-summary > div { display: grid; grid-template-columns: .84rem minmax(0, 1fr); align-items: center; gap: .16rem; min-width: 0; min-height: .3rem; }
.tjg-redeem-summary span { color: #262626; font-size: .14rem; line-height: .3rem; }
.tjg-redeem-summary .tjg-redeem-value { display: flex; align-items: center; min-width: 0; gap: .08rem; }
.tjg-redeem-summary strong { margin: 0; color: #262626; font-size: .14rem; font-weight: 400; line-height: .3rem; }
.tjg-redeem-summary > div:nth-child(3) { align-items: center; }
.tjg-redeem-balance-error { margin-left: 0; color: #f00; font-size: .14rem; font-style: normal; line-height: .3rem; white-space: nowrap; }
.tjg-redeem-balance-error[hidden] { display: none; }
.tjg-redeem-summary > div[hidden] { display: none; }
.tjg-redeem-skus { display: flex; min-width: 0; flex-wrap: wrap; gap: 0; }
.tjg-redeem-sku { flex: 1; min-width: 0; max-width: .94rem; height: .3rem; padding: 0 .12rem; border: .01rem solid #d9d9d9; border-right: 0; border-radius: 0; background: #fff; color: #595959; font-size: .14rem; line-height: .28rem; cursor: pointer; white-space: nowrap; }
.tjg-redeem-sku:first-child { border-radius: .04rem 0 0 .04rem; }
.tjg-redeem-sku:last-child { border-right: .01rem solid #d9d9d9; border-radius: 0 .04rem .04rem 0; }
.tjg-redeem-sku.is-active { border-color: #265dee; background: #265dee; color: #fff; }
.tjg-redeem-sku.is-active + .tjg-redeem-sku { border-left-color: #265dee; }
.tjg-redeem-phone { display: grid; grid-template-columns: .84rem minmax(0, 1fr); align-items: center; gap: .16rem; margin-top: .16rem; }
.tjg-redeem-phone label { color: #262626; font-size: .14rem; line-height: .3rem; }
.tjg-redeem-phone input { box-sizing: border-box; width: 100%; height: .3rem; padding: 0 .12rem; border: .01rem solid #d9d9d9; border-radius: .04rem; color: #262626; font-size: .14rem; outline: none; }
.tjg-redeem-phone input:focus { border-color: #265dee; box-shadow: 0 0 0 .02rem rgba(38,93,238,.12); }
.tjg-redeem-phone input::placeholder { color: #a8b1bf; }
.tjg-redeem-phone-tip { margin: 0 0 0 1rem !important; color: #595959; font-size: .12rem; line-height: .2rem; }
.tjg-redeem-tip { margin: .16rem 0 0; color: #595959; font-size: .12rem; line-height: .2rem; }
.tjg-redeem-error { width: 100%; box-sizing: border-box; margin: .08rem 0 0; padding: 0; color: #f00; font-size: .14rem; line-height: .2rem; text-align: center; }
.tjg-redeem-actions { display: flex; justify-content: center; gap: .12rem; margin-top: .16rem; }
.tjg-redeem-actions button { min-width: 2rem; padding: .1rem .7rem; border-radius: .3rem; font-size: .14rem; }
.tjg-redeem-cancel { border: .01rem solid #d9d9d9; background: #fff; color: #595959; }
.tjg-redeem-submit { border: 0; background: #265dee; color: #fff; }
.tjg-redeem-submit:disabled { background: #ccc; cursor: not-allowed; }
.tjg-redeem-close:focus-visible, .tjg-redeem-actions button:focus-visible, .tjg-detail-exchange:focus-visible { outline: .02rem solid #265dee; outline-offset: .02rem; }

/* ---- 兑换结果 / 试用额度弹窗 ---- */
.tjg-action-modal[hidden] { display: none; }
.tjg-action-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: .24rem; box-sizing: border-box; }
.tjg-action-modal__mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .2); }
.tjg-action-modal__panel { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 4.6rem; min-height: 2.44rem; box-sizing: border-box; padding: .4rem .48rem .4rem; border-top: .04rem solid #353dff; border-radius: .16rem; background: linear-gradient(180deg, rgba(227,229,255,.9), rgba(255,255,255,.9)); box-shadow: 0 .24rem .4rem -.12rem rgba(0,0,0,.64); backdrop-filter: blur(.16rem); }
.tjg-action-modal__panel h2 { margin: 0; color: #262626; font-size: .24rem; font-weight: 800; line-height: 1.25; text-align: center; }
.tjg-action-modal__panel > p { margin: .16rem 0 0; color: #262626; font-size: .14rem; line-height: 1.5; }
.tjg-action-modal__close { position: absolute; top: .16rem; right: .16rem; width: .22rem; height: .22rem; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.tjg-action-modal__close img { display: block; width: 100%; height: 100%; }
.tjg-action-modal__primary { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .08rem; min-width: 1.48rem; margin-top: .4rem; padding: .12rem .4rem .12rem .48rem; overflow: hidden; border: .02rem solid #1fa6e5; border-radius: .3rem; background: linear-gradient(90deg, #1fa6e5 6%, #173aff 52%, #ae1cff 87%, #ff4591); box-shadow: inset 0 0 0 .05rem #d1d2de; color: #fff; font-size: .18rem; font-weight: 800; line-height: .24rem; cursor: pointer; }
.tjg-action-modal__primary img { width: .18rem; height: .18rem; }
.tjg-code-value { display: flex; align-items: center; justify-content: space-between; width: 3.64rem; max-width: 100%; box-sizing: border-box; margin-top: .24rem; padding: .16rem; border-radius: .16rem; background: rgba(255,255,255,.6); color: #262626; font-size: .14rem; font-weight: 600; line-height: .24rem; }
.tjg-code-value span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tjg-code-value button { flex: none; width: .2rem; height: .2rem; padding: 0; border: 0; background: transparent; color: #262626; font-size: .16rem; line-height: .2rem; cursor: pointer; }
.tjg-redeem-operation { color: #265dee; cursor: pointer; text-align: center !important; }
.tjg-redeem-operation button, .tjg-redeem-operation a { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: inherit; text-decoration: none; }
.tjg-redeem-code-action { padding: 0; border: 0; background: transparent; color: #265dee; font-size: inherit; cursor: pointer; }
.tjg-redeem-code-action:hover { text-decoration: underline; }
.tjg-detail-records-list th:nth-child(1), .tjg-detail-records-list td:nth-child(1) { width: 25%; }
.tjg-detail-records-list th:nth-child(2), .tjg-detail-records-list td:nth-child(2) { width: 21%; }
.tjg-detail-records-list th:nth-child(3), .tjg-detail-records-list td:nth-child(3) { width: 18%; }
.tjg-detail-records-list th:nth-child(4), .tjg-detail-records-list td:nth-child(4) { width: 22%; }
.tjg-detail-records-list th:nth-child(5), .tjg-detail-records-list td:nth-child(5) { width: 14%; padding-right: .2rem; }

@media screen and (max-width: 750px) {
  html { font-size: calc(100vw / 750 * 100) !important; }
  .tjg-detail-hero { height: 6.6rem; overflow: hidden; }
  .tjg-detail-hero img { height: auto; }
  .tjg-hero-time { top: .28rem; left: .48rem; padding: .06rem .28rem; border-radius: .32rem; font-size: .28rem; line-height: .4rem; }
  .tjg-hero-time__dot { width: .08rem; height: .08rem; margin-right: .2rem; box-shadow: 0 0 0 .08rem rgba(28, 123, 239, .12); }
  .tjg-detail-main { overflow: visible; margin-top: 0; padding: 0 0 .64rem; }
  .tjg-detail-shell { width: 90%; padding: 0; }

  .tjg-detail-panel--rule { min-height: 0; padding: .24rem; border-radius: .08rem; }
  .tjg-detail-return { top: .42rem; right: -.1rem; width: .42rem; padding: .12rem 0; border-radius: .08rem; font-size: .16rem; line-height: .2rem; }
  .tjg-detail-return-icon { width: .18rem; height: .18rem; }
  .tjg-detail-return span { width: .16rem; height: auto; }
  .tjg-detail-tabs { top: -.62rem; left: .16rem; width: 4.8rem; }
  .tjg-detail-tab { width: 2.4rem; height: .62rem; padding: .16rem .24rem; font-size: .2rem; line-height: .3rem; }
  .tjg-detail-gifts-head { display: block; height: auto; margin: 0 0 .16rem; }
  .tjg-detail-gifts-head h1 { font-size: .22rem; }
  .tjg-detail-gifts-head span { display: inline-block; margin-left: .16rem; font-size: .17rem; }
  .tjg-detail-gifts-head span:last-child { margin-left: .16rem; }
  .tjg-detail-gift-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .12rem; }
  .tjg-detail-gift { padding: .16rem .12rem .12rem; }
  .tjg-detail-gift-logo { height: 1.12rem; font-size: .18rem; }
  .tjg-detail-gift h3 { margin: .12rem 0 .1rem; font-size: .17rem; }
  .tjg-detail-exchange { min-width: 1.08rem; padding: .08rem .14rem; font-size: .16rem; }
  .tjg-detail-invites-empty { font-size: .18rem; }
  .tjg-detail-invites-empty img { width: 2.014rem; height: 1.8rem; margin-bottom: .16rem; }
  .tjg-redeem-dialog { width: 100%; max-height: 88vh; overflow-y: auto; padding: .48rem 0 .28rem; border-radius: .1rem; }
  .tjg-redeem-image { width: 2.2rem; height: .8rem; }
  .tjg-redeem-content { padding: .32rem .9rem 0; }
  .tjg-redeem-summary { gap: .16rem; }
  .tjg-redeem-summary > div { grid-template-columns: .84rem minmax(0, 1fr); min-height: .42rem; }
  .tjg-redeem-summary span, .tjg-redeem-summary strong { font-size: .18rem; }
  .tjg-redeem-sku { height: .6rem; max-width: none; padding: 0 .12rem; font-size: .18rem; line-height: .58rem; }
  .tjg-redeem-phone { grid-template-columns: .84rem minmax(0, 1fr); }
  .tjg-redeem-phone label { font-size: .18rem; line-height: .42rem; }
  .tjg-redeem-phone input { height: .6rem; padding: 0 .12rem; font-size: .18rem; }
  .tjg-redeem-phone-tip { margin: 0 0 0 1rem !important; font-size: .16rem; line-height: .26rem; }
  .tjg-redeem-balance-error { font-size: .16rem; line-height: .42rem; }
  .tjg-redeem-tip { margin-top: .16rem; font-size: .16rem; line-height: .26rem; }
  .tjg-redeem-error { margin: .08rem 0 0; font-size: .16rem; }
  .tjg-redeem-actions { gap: .12rem; margin-top: .16rem; }
  .tjg-redeem-actions button { min-width: 2rem; padding: .12rem .24rem; font-size: .18rem; }
}

@media screen and (max-width: 750px) {
  .tjg-detail-invites, .tjg-detail-records { margin-top: .4rem; padding: 0; border-radius: 0; background: transparent; }
  .tjg-detail-block-head { flex-direction: column; align-items: flex-start; gap: .16rem; }
  .tjg-detail-block-head h2 { font-size: .2rem; line-height: .26rem; }
  .tjg-detail-block-head span { font-size: .14rem; line-height: .18rem; }
  .tjg-detail-invites-list tr, .tjg-detail-records-list tr { font-size: .12rem; }
  .tjg-detail-invites-list th, .tjg-detail-invites-list td, .tjg-detail-records-list th, .tjg-detail-records-list td { padding: 0 .08rem; }
  .tjg-detail-invites-list th:first-child, .tjg-detail-invites-list td:first-child, .tjg-detail-records-list th:first-child, .tjg-detail-records-list td:first-child { padding-left: .2rem; }
  .tjg-detail-invites-list th:last-child, .tjg-detail-invites-list td:last-child, .tjg-detail-records-list th:last-child, .tjg-detail-records-list td:last-child { padding-right: .2rem; line-height: .14rem; }
  .tjg-detail-invites-empty, .tjg-detail-records-empty { min-height: 2.6rem; font-size: .14rem; }
  .tjg-detail-invites-empty img { width: 1rem; height: auto; }
  .tjg-detail-stat { padding: .16rem .18rem; }
  .tjg-detail-stat span { font-size: .16rem; }
  .tjg-detail-stat strong { font-size: .3rem; }
  .tjg-detail-stat--level strong { font-size: .22rem; }
  .tjg-detail-stat-tip { font-size: .17rem; }
  .tjg-detail-block-head span { font-size: .16rem; }
  .tjg-detail-invites, .tjg-detail-records { margin-top: .4rem; }
  .tjg-detail-invite-head, .tjg-detail-record-head { display: none; }
  .tjg-detail-invites-list tr, .tjg-detail-records-list tr { font-size: .18rem; }
  .tjg-detail-invites-list th, .tjg-detail-invites-list td, .tjg-detail-records-list th, .tjg-detail-records-list td { padding: .14rem .16rem; }
  .tjg-detail-invites-list th, .tjg-detail-records-list th { font-size: .16rem; }
  .tjg-detail-invites-empty, .tjg-detail-records-empty { min-height: 2.6rem; font-size: .18rem; }
  .tjg-detail-invites-list, .tjg-detail-records-list { box-shadow: 0 .04rem .16rem rgba(56, 94, 152, .08); }
  .tjg-detail-stat--level { grid-column: 1 / -1; }
  .tjg-redeem-dialog { width: 100%; max-height: 88vh; overflow-y: auto; padding: .48rem 0 .28rem; border-radius: .1rem; }
  .tjg-redeem-content { padding: .32rem .9rem 0; }
}

@media screen and (max-width: 750px) {
  .tjg-action-modal { padding: .32rem; }
  .tjg-action-modal__panel { width: 100%; min-height: 3.28rem; padding: .56rem .48rem .48rem; border-top-width: .04rem; border-radius: .16rem; }
  .tjg-action-modal__panel h2 { font-size: .24rem; }
  .tjg-action-modal__panel > p { font-size: .18rem; }
  .tjg-action-modal__close { top: .18rem; right: .18rem; width: .26rem; height: .26rem; }
  .tjg-action-modal__primary { margin-top: .48rem; padding: .16rem .4rem .16rem .48rem; font-size: .2rem; }
  .tjg-code-value { width: 100%; margin-top: .24rem; padding: .2rem .16rem; font-size: .18rem; }
  .tjg-code-value button { width: .24rem; height: .24rem; font-size: .2rem; }
  .tjg-redeem-operation { white-space: nowrap; }
  .tjg-redeem-code-action { font-size: .16rem; }
  .tjg-detail-records-list th:nth-child(1), .tjg-detail-records-list td:nth-child(1) { width: 23%; }
  .tjg-detail-records-list th:nth-child(2), .tjg-detail-records-list td:nth-child(2) { width: 21%; }
  .tjg-detail-records-list th:nth-child(3), .tjg-detail-records-list td:nth-child(3) { width: 17%; }
  .tjg-detail-records-list th:nth-child(4), .tjg-detail-records-list td:nth-child(4) { width: 21%; }
  .tjg-detail-records-list th:nth-child(5), .tjg-detail-records-list td:nth-child(5) { width: 18%; padding-right: .16rem; }
}