.expert-detail-page{background:var(--surface-page);min-height:100dvh}.expert-detail-page__frame{min-height:100dvh}.expert-detail-page__body{box-sizing:border-box;width:100%;padding:12px calc(12px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.expert-detail-profile{border-radius:var(--radius-section);background:var(--surface-card);margin-top:12px;padding:12px}.expert-detail-profile__identity{align-items:center;gap:8px;display:flex;position:relative}.expert-detail-profile__avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.expert-detail-profile__name{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.expert-detail-profile__fans{color:var(--text-tertiary);margin-top:4px;font-size:14px;line-height:22px}.expert-detail-profile__follow{border-radius:21px;min-width:74px;margin-left:auto;padding:4px 16px;font-size:14px;line-height:22px;transition:transform .18s}.expert-detail-profile__follow:active{transform:scale(.97)}.expert-detail-profile__follow.is-followed{color:var(--text-secondary);background:#f3f3f3;border:.5px solid #f3f3f3}.expert-detail-profile__follow.is-unfollowed{color:#fff;background:var(--brand-primary-gradient)}.expert-detail-profile__intro{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:22px}.expert-detail-profile__stats{background:#f3f3f39e;border-radius:8px;grid-template-columns:auto auto 1px auto auto;align-items:center;gap:4px;margin-top:12px;padding:12px;display:grid}.expert-detail-profile__stats-label{color:var(--text-secondary);font-size:14px;line-height:22px}.expert-detail-profile__stats-value{color:var(--text-primary);font-size:14px;line-height:22px}.expert-detail-profile__stats-value.is-highlight{color:var(--warn-text);font-weight:600}.expert-detail-profile__stats-divider{background:#e5e5e5;width:1px;height:16px;margin:0 8px}.expert-detail-chart{border-radius:var(--radius-section);background:var(--surface-card);margin-top:16px;padding:12px}.expert-detail-chart__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.expert-detail-chart__body{gap:8px;margin-top:12px;display:flex}.expert-detail-chart__y-axis{width:30px;height:140px;color:var(--text-tertiary);text-align:right;align-content:space-between;font-size:10px;line-height:18px;display:grid}.expert-detail-chart__plot{border-bottom:1px solid #ececec;border-left:1px solid #ececec;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:4px 0;display:grid}.expert-detail-chart__point{align-content:end;justify-items:center;gap:4px;display:grid}.expert-detail-chart__dot-value{color:var(--brand-primary);font-size:10px;line-height:18px}.expert-detail-chart__bar-shell{justify-content:center;align-items:flex-end;width:28px;height:88px;display:flex}.expert-detail-chart__bar{background:var(--brand-primary-gradient);border-radius:999px;width:8px;min-height:8px}.expert-detail-chart__x-label{color:var(--text-tertiary);font-size:10px;line-height:18px}.expert-detail-plan-section{margin-top:16px}.expert-detail-plan-section__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.expert-detail-plan-section__list{gap:8px;margin-top:8px;display:grid}.expert-detail-plan-card{background:var(--surface-card);text-align:left;border-radius:8px;padding:12px;transition:transform .18s;position:relative}.expert-detail-plan-card:active{transform:scale(.985)}.expert-detail-plan-card__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.expert-detail-plan-card__match{color:var(--text-primary);gap:2px;margin-top:4px;font-size:14px;line-height:22px;display:grid}.expert-detail-plan-card__summary-line{flex-wrap:wrap;gap:6px;display:flex}.expert-detail-plan-card__summary-league{color:var(--brand-primary)}.expert-detail-plan-card__meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.expert-detail-plan-card__published{color:var(--text-tertiary);font-size:12px;line-height:20px}.expert-detail-plan-card__price{color:var(--danger-text);font-family:"DingTalk JinBuTi", var(--font-display);font-size:16px;line-height:24px}.expert-detail-plan-card__matches{gap:6px;margin-top:10px;display:grid}.expert-detail-plan-card__match-item{background:#f3f3f3b8;border-radius:6px;gap:2px;padding:8px 10px;display:grid}.expert-detail-plan-card__match-item span,.expert-detail-plan-card__match-item em{color:var(--text-secondary);font-size:12px;line-height:20px}.expert-detail-plan-card__match-item strong{color:var(--text-primary);font-size:13px;line-height:20px}.expert-detail-plan-card__hit-tag{color:#fff;background:var(--danger-text);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:20px;display:inline-flex;position:absolute;top:8px;right:8px}.login-page{color:#1f2329;background:linear-gradient(#a9cceb 0,#dce9f7 27%,#f8fbff 42%,#fff 58%);min-height:100dvh;margin:0 auto;padding:0 32px 56px}.login-page__panel{width:100%;padding-top:clamp(188px,24.3vh,210px)}.login-page__title{letter-spacing:-.02em;margin:0 0 37px;font-size:24px;font-weight:700;line-height:34px}.login-page__field-list{gap:24px;display:grid}.login-page__input-shell{background:#f5f5f7;border-radius:8px;align-items:center;min-height:42px;display:flex}.login-page__input{color:#1f2329;background:0 0;border:0;width:100%;padding:10px 17px;font-size:14px;line-height:22px}.login-page__input::placeholder{color:#c9c9c9}.login-page__input:focus{outline:none}.login-page__code-button{color:#2391ff;cursor:pointer;background:0 0;border:0;flex:none;margin-right:16px;padding:0;font-size:14px;font-weight:500;line-height:20px}.login-page__code-button:disabled{color:#94c4fb;cursor:not-allowed}.login-page__agreement-row{color:#a9a9a9;flex-wrap:wrap;align-items:center;gap:0;margin-top:14px;font-size:12px;line-height:20px;display:flex}.login-page__agreement{align-items:center;gap:6px;display:inline-flex}.login-page__agreement-checkbox{appearance:none;cursor:pointer;background:#fff;border:1px solid #9f9f9f;border-radius:50%;flex:none;width:15px;height:15px;margin:0}.login-page__agreement-checkbox:checked{background:radial-gradient(circle,#1f8bf7 0 45%,#0000 48%),#fff;border-color:#1f8bf7}.login-page__agreement-prefix{color:#ababab}.login-page__agreement-link{color:#1f8bf7;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;line-height:20px}.login-page__submit{color:#fff;text-align:center;cursor:pointer;background:#1c8af7;border:0;border-radius:8px;width:100%;min-height:44px;margin-top:24px;padding:9px 16px;font-size:18px;font-weight:500;line-height:26px}.login-page__submit:disabled{color:#fff;cursor:not-allowed;background:#6aaef0}.login-page__notice{color:#f25f5c;margin:14px 2px 0;font-size:12px;line-height:18px}.match-detail-page{background:var(--surface-page);min-height:100dvh}.match-detail-page__frame{min-height:100dvh}.match-detail-page__body{box-sizing:border-box;width:100%;padding:12px calc(12px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.match-detail-summary{border-radius:var(--radius-section);background:var(--surface-card);padding:12px}.match-detail-summary__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-detail-summary__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.match-detail-summary__kickoff{color:var(--text-tertiary);font-size:12px;line-height:20px}.match-detail-summary__body{grid-template-columns:48px 33px 48px;justify-content:center;gap:58px;margin-top:12px;display:grid}.match-detail-summary__team{justify-items:center;gap:8px;display:grid}.match-detail-summary__team img{width:42px;height:42px}.match-detail-summary__team span{color:var(--text-primary);text-align:center;font-size:12px;font-weight:500;line-height:22px}.match-detail-summary__center{justify-items:center;gap:6px;display:grid}.match-detail-summary__versus{color:var(--text-primary);font-family:"DingTalk JinBuTi", var(--font-display);font-size:20px;line-height:22px}.match-detail-summary__status{font-size:11px;line-height:20px}.match-detail-summary__status.is-pending{color:var(--warn-text)}.match-detail-summary__status.is-live{color:#2ccf70}.match-detail-summary__status.is-ended{color:var(--danger-text)}.match-detail-hot-plans{margin-top:16px}.match-detail-hot-plans__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.match-detail-hot-plans__list{gap:8px;margin-top:8px;display:grid}.match-detail-hot-plans__empty{text-align:center;background:linear-gradient(#fffffff5 0%,#f5f7fafa 100%);border-radius:12px;padding:18px 16px;position:relative;overflow:hidden}.match-detail-hot-plans__empty>*{position:relative}.match-detail-hot-plans__empty-badge{min-height:24px;color:var(--brand-primary);background:#2879ff1f;border-radius:999px;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.match-detail-hot-plans__empty-title{color:var(--text-primary);margin-top:10px;font-size:15px;font-weight:500;line-height:22px}.match-detail-hot-plans__empty-description{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:20px}.match-detail-plan-card{background:var(--surface-card);text-align:left;border-radius:8px;padding:12px;transition:transform .18s}.match-detail-plan-card:active{transform:scale(.985)}.match-detail-plan-card__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.match-detail-plan-card__match{color:var(--text-primary);gap:2px;margin-top:4px;font-size:14px;line-height:22px;display:grid}.match-detail-plan-card__summary-line{flex-wrap:wrap;gap:6px;display:flex}.match-detail-plan-card__summary-league{color:var(--brand-primary)}.match-detail-plan-card__meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.match-detail-plan-card__published{color:var(--text-tertiary);font-size:12px;line-height:20px}.match-detail-plan-card__price{color:var(--danger-text);font-family:"DingTalk JinBuTi", var(--font-display);font-size:16px;line-height:24px}.plan-detail-page{min-height:100dvh;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:var(--surface-page);overflow-x:clip}.plan-detail-page__frame{min-height:100dvh}.plan-detail-page__body{box-sizing:border-box;width:100%;padding:12px calc(12px + env(safe-area-inset-right)) 24px calc(12px + env(safe-area-inset-left))}.plan-detail-hero{border-radius:var(--radius-section);background:var(--surface-card);padding:12px}.plan-detail-hero__head{border-bottom:.5px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-bottom:12px;display:flex}.plan-detail-hero__title{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;flex:auto;font-size:18px;font-weight:500;line-height:26px}.plan-detail-hero__published{color:var(--text-tertiary);white-space:nowrap;flex:none;font-size:14px;line-height:22px}.plan-detail-expert{text-align:left;width:100%;margin-top:12px;display:block}.plan-detail-expert__identity{align-items:center;gap:8px;min-width:0;display:flex}.plan-detail-expert__avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:48px;height:48px}.plan-detail-expert__copy{min-width:0;display:grid}.plan-detail-expert__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px;overflow:hidden}.plan-detail-expert__fans{color:var(--text-tertiary);font-size:14px;line-height:22px}.plan-detail-expert__follow{color:var(--text-secondary);background:#f3f3f3;border:.5px solid #f3f3f3;border-radius:21px;flex:none;margin-left:auto;padding:4px 16px;font-size:14px;line-height:22px}.plan-detail-expert__intro{color:var(--text-secondary);margin-top:8px;font-size:14px;line-height:22px}.plan-detail-expert__stats{-moz-column-gap:20px;background:linear-gradient(#f8f8f8f5 0%,#f3f3f3d1 100%);border-radius:14px;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;column-gap:20px;margin-top:12px;padding:12px 16px;display:grid;box-shadow:inset 0 1px #ffffffb8}.plan-detail-expert__stats-item{justify-content:center;align-items:baseline;gap:6px;min-width:0;display:inline-flex}.plan-detail-expert__stats-label,.plan-detail-expert__stats-value{font-size:14px;line-height:22px}.plan-detail-expert__stats-label{color:var(--text-primary)}.plan-detail-expert__stats-value{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:baseline;gap:0;font-weight:600;display:inline-flex}.plan-detail-expert__stats-value.is-warning{color:#fc6f03}.plan-detail-expert__stats-digit{color:#1890ff}.plan-detail-expert__divider{background:#1118271f;width:1px;height:24px}.plan-detail-match-list{gap:12px;margin-top:12px;display:grid}.plan-detail-match{border-radius:var(--radius-section);background:var(--surface-card);padding:12px}.plan-detail-match__meta{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.plan-detail-match__status{font-size:12px;font-weight:400;line-height:20px}.plan-detail-match__status.is-pending{color:#fc6f03}.plan-detail-match__status.is-live{color:#2ccf70}.plan-detail-match__status.is-ended{color:var(--danger-text)}.plan-detail-match__league{color:#121212;overflow-wrap:anywhere;flex:auto;min-width:0;font-size:16px;font-weight:500;line-height:24px}.plan-detail-match__kickoff{color:#999;white-space:nowrap;flex:none;font-size:12px;font-weight:400;line-height:20px}.plan-detail-match__teams{grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;width:min(100%,260px);margin:12px auto 0;display:grid}.plan-detail-match__team{justify-items:center;gap:8px;min-width:0;display:grid}.plan-detail-match__team img{width:42px;height:42px}.plan-detail-match__team span{color:#121212;text-align:center;font-size:12px;font-weight:500;line-height:22px}.plan-detail-match__center{justify-items:center;gap:6px;min-width:33px;display:grid}.plan-detail-match__versus{color:#121212;font-family:"DingTalk JinBuTi", var(--font-display);font-size:20px;font-weight:400;line-height:22px}.plan-detail-analysis{border-radius:var(--radius-section);background:var(--surface-card);margin-top:16px;padding:16px 12px}.plan-detail-analysis__heading{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.plan-detail-analysis__body{margin-top:12px}.plan-detail-analysis__purchase-card{background:#fff;border:.5px solid #99999957;border-radius:10px;margin-top:8px;overflow:hidden}.plan-detail-analysis__purchase-head{background:linear-gradient(#fff 0%,#fbfbfb 100%);border-bottom:.5px solid #9999993d;padding:10px 12px}.plan-detail-analysis__purchase-meta{color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:0 10px;font-size:12px;line-height:18px;display:flex}.plan-detail-analysis__purchase-issue,.plan-detail-analysis__purchase-league{color:var(--text-primary);font-weight:500}.plan-detail-analysis__purchase-versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:6px;display:grid}.plan-detail-analysis__purchase-team{min-width:0;color:var(--text-primary);text-align:center;font-size:15px;font-weight:600;line-height:22px}.plan-detail-analysis__purchase-vs{color:#ff5c57;font-family:"DingTalk JinBuTi", var(--font-display);font-size:18px;line-height:18px}.plan-detail-analysis__purchase-grid{display:grid}.plan-detail-analysis__purchase-market,.plan-detail-analysis__purchase-option{text-align:center;border-right:.5px solid #99999942;align-content:center;justify-items:center;min-height:64px;padding:8px 6px;display:grid}.plan-detail-analysis__purchase-market:last-child,.plan-detail-analysis__purchase-option:last-child{border-right:0}.plan-detail-analysis__purchase-market{color:#7a5a32;background:linear-gradient(#fffdfa 0%,#fff8ef 100%);font-size:14px;font-weight:500;line-height:20px}.plan-detail-analysis__purchase-option{background:#fff;gap:2px}.plan-detail-analysis__purchase-option.is-empty{background:#fcfcfc}.plan-detail-analysis__purchase-option.is-recommended{background:linear-gradient(#ffececeb 0%,#ffe5e5fa 100%);position:relative;box-shadow:inset 0 0 0 1px #ff5c572e}.plan-detail-analysis__purchase-option-label{color:var(--text-secondary);font-size:13px;font-weight:500;line-height:18px}.plan-detail-analysis__purchase-option.is-recommended .plan-detail-analysis__purchase-option-label,.plan-detail-analysis__purchase-option.is-recommended{color:#d94742}.plan-detail-analysis__locked{text-align:center;margin-top:16px;padding:18px 12px 8px;position:relative;overflow:hidden}.plan-detail-analysis__placeholder{filter:blur(4px);opacity:.9;gap:10px;display:grid}.plan-detail-analysis__placeholder-line{background:linear-gradient(90deg,#eef2f7f5 0%,#f4f6f9eb 100%);border-radius:999px;height:14px;display:block}.plan-detail-analysis__placeholder-line.is-wide{width:100%}.plan-detail-analysis__placeholder-line.is-short{justify-self:center;width:82%}.plan-detail-analysis__countdown-label{color:var(--text-secondary);margin-top:-6px;font-size:14px;line-height:22px;position:relative}.plan-detail-analysis__countdown{align-items:center;gap:4px;margin-top:12px;display:inline-flex;position:relative}.plan-detail-analysis__countdown span{color:#fff;background:#121212;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:20px;display:inline-flex}.plan-detail-analysis__countdown i{color:#121212;font-style:normal}.plan-detail-analysis__hint{color:var(--text-primary);margin-top:16px;font-size:16px;font-weight:500;line-height:24px;position:relative}.plan-detail-analysis__content{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px;font-size:14px;line-height:24px}.plan-detail-related{border-radius:var(--radius-section);background:var(--surface-card);margin-top:16px;padding:16px 12px}.plan-detail-related__title{color:var(--text-primary);border-bottom:.5px solid var(--line-soft);padding-bottom:12px;font-size:16px;font-weight:500;line-height:24px}.plan-detail-related__list{margin-top:4px;display:grid}.plan-detail-related-card{text-align:left;width:100%;padding:16px 0}.plan-detail-related-card+.plan-detail-related-card{border-top:.5px solid var(--line-soft)}.plan-detail-related-card__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.plan-detail-related-card__matches{gap:2px;margin-top:4px;display:grid}.plan-detail-related-card__match{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:14px;line-height:22px;display:flex}.plan-detail-related-card__date{color:var(--text-primary)}.plan-detail-related-card__league{color:#1890ff;padding-right:12px;position:relative}.plan-detail-related-card__league:after{content:"|";color:var(--text-primary);position:absolute;top:0;right:0}.plan-detail-related-card__versus{color:var(--text-primary)}.plan-detail-related-card__meta{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.plan-detail-related-card__published{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-tertiary);font-size:12px;line-height:20px;overflow:hidden}.plan-detail-related-card__price{color:var(--danger-text);font-family:"DingTalk JinBuTi", var(--font-display);flex:none;font-size:20px;line-height:28px}.plan-detail-paybar{box-sizing:border-box;width:100%;max-width:100%;padding:12px calc(12px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0}.plan-detail-paybar__amount{min-width:0;color:var(--text-secondary);flex:auto;font-size:14px;line-height:22px}.plan-detail-paybar__amount strong{color:var(--danger-text);font-family:"DingTalk JinBuTi", var(--font-display);margin-left:4px;font-size:24px;line-height:32px}.plan-detail-paybar__button{color:#fff;background:var(--brand-primary);border-radius:42px;flex:0 167px;justify-content:center;align-items:center;min-width:167px;max-width:100%;height:44px;padding:0 32px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.plan-detail-paybar__button:active{transform:scale(.98)}.plan-detail-paybar__button:disabled{opacity:.56;transform:none}@media (width<=374px){.plan-detail-hero__head{align-items:flex-start}.plan-detail-hero__published{font-size:12px;line-height:20px}.plan-detail-match__teams{gap:clamp(16px,6vw,24px);width:min(100%,245px)}.plan-detail-analysis{padding:14px 12px}.plan-detail-analysis__locked{padding-inline:6px}.plan-detail-related{padding:14px 12px}.plan-detail-paybar{gap:12px}.plan-detail-paybar__button{min-width:136px;padding:0 20px}}.recharge-page{background:var(--surface-page);min-height:100dvh}.recharge-page__content{box-sizing:border-box;width:100%;max-width:430px;padding:14px calc(12px + env(safe-area-inset-right)) calc(164px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));margin:0 auto}.recharge-page__panel{box-sizing:border-box;background:linear-gradient(#d3e7ffdb 0%,#fff0 46%),#fff;border:.5px solid #068cff38;border-radius:14px;width:100%;padding:22px 18px;box-shadow:0 1px 2px #068cff08}.recharge-page__balance-label{color:#000000e0;margin:0;font-size:16px;font-weight:600;line-height:24px}.recharge-page__balance-row{align-items:center;gap:8px;margin-top:32px;display:flex}.recharge-page__balance-icon{flex:none;width:30px;height:30px;display:block}.recharge-page__balance-value{color:#17181a;letter-spacing:-.4px;margin:0;font-size:28px;font-weight:600;line-height:36px}.recharge-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;display:grid}.recharge-package{text-align:center;cursor:pointer;appearance:none;background:linear-gradient(#fff 0%,#fbfbfb 100%);border:1px solid #e6e6e6;border-radius:16px;place-content:center;padding:18px 8px 16px;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative}.recharge-package.is-highlighted{background:linear-gradient(#2792ff14 0%,#fff 100%);border-color:#2792ff47}.recharge-package.is-selected{background:linear-gradient(#2792ff24 0%,#fff 100%);border-color:#2792ff;box-shadow:inset 0 0 0 1px #2792ff14,0 8px 18px #1783ff1f}.recharge-package__coin{color:#17181a;margin:0;font-size:16px;font-weight:600;line-height:24px}.recharge-package__price{color:#767676;margin:12px 0 0;font-size:14px;line-height:22px}.recharge-package.is-selected .recharge-package__coin,.recharge-package.is-selected .recharge-package__price{color:#1783ff}.recharge-page__hint{box-sizing:border-box;width:100%;padding:0 calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));color:var(--text-tertiary);margin:16px 0 0;font-size:14px;line-height:22px}.recharge-page__bottom{box-sizing:border-box;width:100%;padding:10px calc(12px + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 14px) calc(12px + env(safe-area-inset-left));background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #17181a0f}.recharge-page__selection{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.recharge-page__selection-label{color:#8b8b8b;font-size:12px;line-height:20px}.recharge-page__selection-main{align-items:baseline;gap:8px;display:flex}.recharge-page__selection-coin{color:#17181a;font-size:13px;font-weight:600;line-height:22px}.recharge-page__selection-price{color:#1783ff;font-size:14px;font-weight:700;line-height:22px}.recharge-page__agreement{color:#9c9c9c;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;line-height:20px;display:flex}.recharge-page__agreement input{margin:0}.recharge-page__pay{color:#fff;background:var(--brand-primary);cursor:pointer;border:0;border-radius:42px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;line-height:20px}.recharge-page__pay:disabled{opacity:.62;cursor:not-allowed}.recharge-page__notice{color:var(--brand-primary);margin-top:8px;font-size:13px;line-height:20px}.wallet-page{background:var(--surface-page);min-height:100dvh}.wallet-page__content{box-sizing:border-box;width:100%;padding:0 calc(12px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));gap:14px;margin-top:12px;display:grid}.wallet-balance{background:linear-gradient(#d3e7ffcc 0%,#fff0 52%),#fff;border:.5px solid #068cff38;border-radius:8px;padding:12px}.wallet-balance__meta{justify-content:space-between;align-items:center;display:flex}.wallet-balance__label{margin:0;font-size:16px;font-weight:500;line-height:24px}.wallet-balance__value{margin:6px 0 0;font-size:28px;font-weight:500;line-height:36px}.wallet-balance__recharge{background:var(--brand-primary);color:#fff;cursor:pointer;border:0;border-radius:21px;padding:4px 24px;font-size:16px;line-height:24px}.wallet-metrics{border-top:.5px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 0;padding-top:12px;display:grid}.wallet-metrics__item{text-align:center}.wallet-metrics__value{color:var(--brand-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.wallet-metrics__label{color:#333;margin:2px 0 0;font-size:14px;line-height:22px}.wallet-page__notice{color:var(--brand-primary);background:#068cff14;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:20px}.wallet-page__notice--error{color:#d93025;background:#ff5e5814}.wallet-tabs{gap:10px;display:grid}.wallet-tabs__header{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wallet-tabs__tab{color:var(--text-secondary);cursor:pointer;background:#068cff14;border:0;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:500;line-height:22px}.wallet-tabs__tab.is-active{background:var(--brand-primary);color:#fff}.wallet-tabpanel,.wallet-order-list,.wallet-recharge-list,.wallet-expert-list{gap:8px;display:grid}.wallet-empty-state{text-align:center;background:linear-gradient(#d3e7ff59 0%,#fffffff5 58%),#fff;border:.5px solid #068cff1f;border-radius:8px;padding:24px 16px;position:relative;overflow:hidden}.wallet-empty-state:after{content:"";pointer-events:none;background:radial-gradient(circle,#068cff24 0%,#068cff00 72%);border-radius:999px;width:88px;height:88px;position:absolute;inset:auto -18px -32px auto}.wallet-empty-state__title,.wallet-empty-state__description{z-index:1;position:relative}.wallet-empty-state__title{color:var(--text-primary);margin:0;font-size:15px;font-weight:500;line-height:22px}.wallet-empty-state__description{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:20px}.wallet-order-card{background:#fff;border-radius:8px;padding:12px}.wallet-order-card__title{margin:0;font-size:16px;font-weight:500;line-height:24px}.wallet-order-card__line{margin:4px 0 0;font-size:14px;line-height:22px}.wallet-order-card__line .is-highlight{color:var(--brand-primary)}.wallet-order-card__footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.wallet-order-card__time{color:var(--text-tertiary);font-size:12px;line-height:20px}.wallet-order-card__view{color:var(--brand-primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;line-height:22px}.wallet-recharge-card{background:#fff;border-radius:8px;padding:12px}.wallet-recharge-card__header,.wallet-recharge-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.wallet-recharge-card__coin{color:var(--text-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.wallet-recharge-card__amount{color:var(--text-secondary);margin:2px 0 0;font-size:13px;line-height:20px}.wallet-recharge-card__status{color:var(--brand-primary);background:#068cff14;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:12px;line-height:20px}.wallet-recharge-card__footer{color:var(--text-tertiary);margin-top:10px;font-size:12px;line-height:20px}.wallet-recharge-card__order{text-align:right}.wallet-expert-card{cursor:pointer;background:#fff;border-radius:8px;padding:12px}.wallet-expert-card__identity{align-items:center;gap:12px;display:flex}.wallet-expert-card__avatar{-o-object-fit:cover;object-fit:cover;background:#068cff14;border-radius:999px;width:48px;height:48px}.wallet-expert-card__copy{min-width:0}.wallet-expert-card__name{color:var(--text-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.wallet-expert-card__role{color:var(--text-secondary);margin:2px 0 0;font-size:13px;line-height:20px}.wallet-expert-card__stats{color:var(--text-tertiary);justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;line-height:20px;display:flex}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body,h1,h2,h3,p,button{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}img,svg{max-width:100%;display:block}body{min-width:320px}:root{--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-display:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--surface-page:#f3f3f3;--surface-card:#fff;--surface-soft:#fafafa;--surface-tint:linear-gradient(180deg, #d3e7ff 0%, #fff0 100%);--text-primary:#121212;--text-secondary:#666;--text-tertiary:#999;--line-soft:#ececec;--line-blue:#bedefecc;--brand-primary:#068cff;--brand-primary-soft:#068cff1f;--brand-primary-gradient:linear-gradient(134deg, #068cff8c 0%, #068cff 100%);--warn-soft:#fc6f030f;--warn-text:#fc6f03;--danger-text:#fc0346;--shadow-card:0 4px 15.7px -6px #75757526;--radius-section:8px;--radius-chip:4px}html,body,#root{min-height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:linear-gradient(180deg, #068cff14 0%, #fff0 240px), var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.page-header-shell{background:var(--surface-card)}.page-header-shell__inner{box-sizing:border-box;width:100%;padding:env(safe-area-inset-top) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left))}.page-header{align-items:center;height:44px;display:flex;position:relative}.page-header__back{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .18s;display:inline-flex}.page-header__back img{width:24px;height:24px}.page-header__back:active,.page-header__tab:active,.filter-tabs__item:active,.section-heading__action:active{transform:scale(.97)}.page-header__title,.page-header__tabs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-header__title{max-width:calc(100% - 112px);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:500;line-height:24px;overflow:hidden}.page-header__tabs{align-items:center;gap:16px;display:inline-flex}.page-header__tab{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px;transition:transform .18s,font-size .18s}.page-header__tab.is-active{font-size:18px}.page-header__extra,.page-header__spacer{min-width:24px;min-height:24px;margin-left:auto}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading__action{min-height:20px;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:0;font-size:12px;line-height:20px;transition:transform .18s;display:inline-flex}.section-heading__arrow img{width:16px;height:16px}.home-page{background:var(--surface-page);min-height:100dvh;position:relative;overflow-x:hidden}.home-page__backdrop{z-index:0;aspect-ratio:375/393;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='375'%20height='393'%20viewBox='0%200%20375%20393'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='home-bg-gradient'%20x1='187.5'%20y1='0'%20x2='187.5'%20y2='384'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23068CFF'%20stop-opacity='0.28'%20/%3e%3cstop%20offset='0.8'%20stop-color='white'%20stop-opacity='0'%20/%3e%3c/linearGradient%3e%3cfilter%20id='home-bg-blur'%20x='-81'%20y='-18'%20width='510'%20height='510'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeGaussianBlur%20stdDeviation='68.5'%20/%3e%3c/filter%3e%3c/defs%3e%3crect%20width='375'%20height='393'%20fill='%23F3F3F3'%20/%3e%3crect%20width='375'%20height='384'%20fill='url(%23home-bg-gradient)'%20/%3e%3cellipse%20cx='188'%20cy='235'%20rx='66'%20ry='54'%20fill='white'%20fill-opacity='0.86'%20filter='url(%23home-bg-blur)'%20/%3e%3c/svg%3e") top/100% 100% no-repeat;width:min(100vw,430px);position:absolute;top:0;left:50%;transform:translate(-50%)}.home-page__content{box-sizing:border-box;z-index:1;width:100%;max-width:430px;padding:env(safe-area-inset-top) calc(12px + env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));margin:0 auto;position:relative}.home-top-nav{align-items:center;min-height:44px;display:flex}.home-top-nav__back{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .18s;display:inline-flex}.home-top-nav__back img{width:24px;height:24px}.home-top-nav__back:active{transform:scale(.96)}.home-top-nav__spacer{flex:1}.expert-showcase{margin-top:8px}.expert-showcase__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.expert-showcase__tabs{align-items:center;gap:12px;display:inline-flex}.expert-showcase__tab{color:var(--text-primary);font-size:14px;font-weight:500;line-height:24px;transition:transform .18s,font-size .18s}.expert-showcase__tab.is-active{font-size:16px;line-height:24px}.expert-showcase__tab:active{transform:scale(.98)}.expert-showcase__link,.section-heading__action{min-height:20px;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:0;font-size:12px;line-height:20px;display:inline-flex}.expert-showcase__link img,.section-heading__arrow img{width:16px;height:16px}.expert-showcase__grid{grid-template-columns:repeat(5,46px);justify-content:space-between;row-gap:16px;width:100%;margin-top:16px;display:grid}.expert-card{text-align:left;align-content:start;justify-self:center;justify-items:start;gap:0;width:46px;transition:transform .18s;display:grid}.expert-card:active,.promo-banner:active,.match-card:active,.shortcut-grid__item:active,.plan-card:active{transform:scale(.985)}.expert-card__avatar{border-radius:999px;width:46px;height:46px;overflow:hidden}.expert-card__avatar-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.expert-card__name{width:100%;color:var(--text-primary);margin-top:4px;padding-left:4px;font-size:13px;font-weight:500;line-height:23px}.expert-card__streak{width:100%;color:var(--text-primary);justify-content:flex-start;align-items:center;padding-left:4px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.expert-card__streak-number{color:var(--brand-primary)}.promo-banner{border-radius:var(--radius-section);width:100%;box-shadow:var(--shadow-card);margin-top:16px;overflow:hidden}.promo-banner__image{-o-object-fit:cover;object-fit:cover;width:100%;height:80px}.feature-section{width:100%;margin-top:16px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading__main{align-items:center;gap:4px;display:flex}.section-heading__icon{flex:none;width:20px;height:20px}.section-heading__icon img{width:20px;height:20px}.section-heading__title{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.section-heading__arrow{display:inline-flex}.feature-section__panel{border-radius:var(--radius-section);background:linear-gradient(180deg, #d3e7ff 0%, #fff0 100%), var(--surface-soft);box-shadow:var(--shadow-card);border:.5px solid #068cff38;padding:12px 8px 8px;position:relative;overflow:hidden}.feature-section__panel--matches{min-height:310px}.feature-section__panel--matches:before{content:"";opacity:.86;background:linear-gradient(#ffffffd1 0%,#fff0 100%);border-radius:50%;width:88px;height:88px;position:absolute;top:-14px;right:-5px}.feature-section__panel--matches:after{content:"";opacity:.85;border:7px solid #ffffffeb;border-radius:50%;width:42px;height:42px;position:absolute;top:6px;right:12px}.filter-tabs{align-items:center;gap:12px;display:inline-flex}.filter-tabs__item{border:.5px solid var(--line-soft);border-radius:var(--radius-chip);background:var(--surface-card);min-height:24px;color:var(--text-secondary);justify-content:center;align-items:center;padding:2px 16px;font-size:12px;line-height:20px;transition:transform .18s,box-shadow .18s;display:inline-flex}.filter-tabs__item.is-active{background:var(--brand-primary-gradient);color:#fff;border-color:#0000;font-weight:500}.filter-tabs__item:active{transform:scale(.97)}.match-card-list,.plan-card-list{gap:8px;margin-top:10px;display:grid}.match-card{border:.5px solid var(--line-blue);border-radius:var(--radius-section);background:var(--surface-card);gap:12px;min-height:124px;padding:12px;transition:transform .18s;display:grid}.match-card+.match-card{border-color:#bedefe5c}.match-card__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-card__league{color:var(--text-primary);font-size:14px;font-weight:500;line-height:22px}.match-card__time{color:var(--text-tertiary);font-size:12px;line-height:20px}.match-card__body{grid-template-columns:48px 27px 48px;justify-content:center;align-items:start;gap:53px;width:229px;margin:0 auto;display:grid}.match-card__team{justify-items:center;gap:4px;width:48px;display:grid}.match-card__team-avatar{-o-object-fit:cover;object-fit:cover;width:42px;height:42px}.match-card__team-name{width:48px;color:var(--text-primary);text-align:center;font-size:12px;line-height:20px}.match-card__versus{align-self:center;width:27px;height:22px}.shortcut-grid{justify-content:flex-start;align-items:flex-start;gap:64px;width:308px;margin:16px auto 0;display:flex}.shortcut-grid__item{justify-items:center;gap:4px;width:60px;transition:transform .18s;display:grid}.shortcut-grid__icon{width:32px;height:32px;display:inline-flex}.shortcut-grid__icon img{width:32px;height:32px}.shortcut-grid__label{color:var(--text-primary);text-align:center;font-size:12px;line-height:20px}.feature-section--plans .filter-tabs{margin-bottom:8px}.plan-card{border-radius:var(--radius-section);background:var(--surface-card);flex-direction:column;min-height:162px;transition:transform .18s;display:flex;overflow:hidden}.plan-empty-state{border-radius:var(--radius-section);min-height:162px;box-shadow:var(--shadow-card);background:radial-gradient(circle at 100% 0,#068cff24 0%,#068cff00 42%),linear-gradient(135deg,#d3e7ffc7 0%,#fffffff5 58%,#fff 100%);border:.5px solid #068cff2e;flex-direction:column;justify-content:center;gap:8px;padding:18px 16px;display:flex;position:relative;overflow:hidden}.plan-empty-state:before{content:"";background:#fff9;border-radius:50%;width:84px;height:84px;position:absolute;top:-22px;right:-18px}.plan-empty-state:after{content:"";border:1px solid #068cff1f;border-radius:50%;width:46px;height:46px;position:absolute;bottom:16px;right:24px}.plan-empty-state>*{z-index:1;position:relative}.plan-empty-state__badge{width:fit-content;color:var(--brand-primary);background:#068cff1f;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.plan-empty-state__title{color:var(--text-primary);margin:0;font-size:18px;font-weight:500;line-height:26px}.plan-empty-state__description{max-width:220px;color:var(--text-secondary);margin:0;font-size:13px;line-height:21px}.plan-card__head{background:0 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 12px 8px;display:flex;position:relative}.plan-card__head:after{content:"";background:var(--line-soft);height:.5px;position:absolute;bottom:0;left:12px;right:12px}.plan-card__analyst{align-items:center;gap:8px;display:flex}.plan-card__analyst-avatar{-o-object-fit:cover;object-fit:cover;width:36px;height:36px}.plan-card__analyst-copy{width:90px;display:grid}.plan-card__analyst-name{color:var(--text-primary);text-align:left;font-size:14px;font-weight:500;line-height:22px}.plan-card__analyst-role{color:var(--text-secondary);text-align:left;font-size:12px;line-height:18px}.plan-card__published{color:var(--text-tertiary);font-size:12px;line-height:20px}.plan-card__title{color:var(--text-primary);text-align:left;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:12px 12px 0;font-size:16px;font-weight:500;line-height:24px;display:-webkit-box;overflow:hidden}.plan-card__match-line{color:var(--text-primary);text-align:left;gap:2px;margin:4px 12px 0;font-size:14px;line-height:22px;display:grid}.plan-card__match-summary{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.plan-card__league-highlight{color:var(--brand-primary)}.plan-card__foot{justify-content:space-between;align-items:center;gap:12px;margin:auto 12px 12px;display:flex}.plan-card__win-rate{border-radius:var(--radius-chip);background:var(--warn-soft);min-height:24px;color:var(--warn-text);justify-content:center;align-items:center;padding:2px 8px;font-size:12px;line-height:20px;display:inline-flex}.plan-card__price{color:var(--danger-text);font-family:"DingTalk JinBuTi", var(--font-display);font-size:16px;font-weight:400;line-height:24px}@media (width<=374px){.home-page__backdrop{background-size:cover;width:100%}.expert-showcase__grid{grid-template-columns:repeat(5,minmax(40px,46px));justify-content:space-between;row-gap:16px;width:100%}.expert-card{justify-items:center;width:100%}.expert-card__name,.expert-card__streak{text-align:center;justify-content:center;padding-left:0}.match-card__body{grid-template-columns:48px 27px 48px;gap:clamp(20px,8vw,53px);width:100%}.shortcut-grid{justify-content:center;gap:clamp(24px,8vw,64px);width:min(308px,100%)}}.experts-page{background:var(--surface-page);min-height:100dvh}.experts-page__content{box-sizing:border-box;width:100%;padding:12px calc(12px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.experts-page__list{gap:8px;display:grid}.experts-top-nav{align-items:center;height:44px;display:flex;position:relative}.experts-top-nav__back{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .18s;display:inline-flex}.experts-top-nav__back img{width:24px;height:24px}.experts-top-nav__back:active,.expert-list-card__follow-button:active{transform:scale(.97)}.experts-top-nav__tabs{align-items:center;gap:16px;height:24px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.experts-top-nav__tab{color:var(--text-primary);justify-content:center;align-items:center;font-size:16px;font-weight:500;line-height:24px;transition:transform .18s,font-size .18s;display:inline-flex}.experts-top-nav__tab.is-active{font-size:18px}.experts-top-nav__tab:active{transform:scale(.98)}.expert-list-card{background:var(--surface-card);border-radius:8px;width:100%;height:132px;position:relative}.expert-list-card__identity{align-items:flex-start;gap:8px;width:120px;height:50px;display:flex;position:absolute;top:12px;left:12px}.expert-list-card__avatar{border-radius:50%;width:48px;height:48px;display:inline-flex;overflow:hidden}.expert-list-card__avatar-image{-o-object-fit:cover;object-fit:cover;width:48px;height:48px}.expert-list-card__copy{display:grid}.expert-list-card__name{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px}.expert-list-card__fans{color:var(--text-tertiary);margin-top:4px;font-size:14px;line-height:22px}.expert-list-card__follow-button{white-space:nowrap;border-radius:21px;justify-content:center;align-items:center;height:30px;padding:4px 16px;font-size:14px;font-weight:400;line-height:22px;transition:transform .18s;display:inline-flex;position:absolute;top:22px;right:12px}.expert-list-card__follow-button.is-followed{background:var(--surface-card);color:var(--text-secondary);border:.5px solid #f3f3f3}.expert-list-card__follow-button.is-unfollowed{background:var(--brand-primary-gradient);color:#fff;gap:2px}.expert-list-card__follow-icon{width:9px;height:9px}.expert-list-card__stats{-moz-column-gap:20px;background:linear-gradient(#f8f8f8f5 0%,#f3f3f3d1 100%);border-radius:14px;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;column-gap:20px;width:calc(100% - 24px);padding:12px 16px;display:grid;position:absolute;top:74px;left:12px;box-shadow:inset 0 1px #ffffffb8}.expert-list-card__stats-block{justify-content:center;align-items:baseline;gap:6px;min-width:0;display:inline-flex}.expert-list-card__stats-divider{background:#1118271f;width:1px;height:24px}.expert-list-card__stats-label,.expert-list-card__stats-text{font-size:14px;line-height:22px}.expert-list-card__stats-label{color:var(--text-primary)}.expert-list-card__stats-text{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:baseline;gap:0;font-weight:600;display:inline-flex}.expert-list-card__stats-text--warning{color:#fc6f03}.expert-list-card__stats-digit{color:#1890ff}@media (width<=374px){.expert-list-card__identity{width:auto;right:96px}.expert-list-card__stats{-moz-column-gap:clamp(12px, 4vw, 20px);column-gap:clamp(12px,4vw,20px);padding-left:clamp(12px,4vw,16px);padding-right:clamp(12px,4vw,16px)}}.matches-page{background:#f3f3f3;min-height:100dvh}.matches-page__frame{width:100%;min-height:100dvh}.matches-page__body{padding:12px calc(12px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.matches-top-nav{background:#fff;align-items:center;height:44px;display:flex;position:relative}.matches-top-nav__back{justify-content:center;align-items:center;width:24px;height:24px;margin-left:12px;transition:transform .18s;display:inline-flex}.matches-top-nav__back img{width:24px;height:24px}.matches-top-nav__back:active,.matches-top-nav__tab:active,.match-list-card:active{transform:scale(.98)}.matches-top-nav__tabs{align-items:center;gap:16px;width:100px;height:24px;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.matches-top-nav__tab{color:var(--text-primary);font-size:16px;font-weight:500;line-height:24px;transition:transform .18s,font-size .18s}.matches-top-nav__tab.is-active{font-size:18px}.matches-page__groups{gap:16px;display:grid}.match-day-group{gap:12px;display:grid}.match-day-group__heading{align-items:center;gap:4px;min-height:24px;display:flex}.match-day-group__code{color:#068cff;font-family:"DingTalk JinBuTi", var(--font-display);font-size:18px;font-style:italic;font-weight:400;line-height:24px}.match-day-group__weekday{color:#121212;font-size:16px;font-weight:500;line-height:24px}.match-day-group__list{gap:8px;display:grid}.match-list-card{background:#fff;border-radius:8px;width:100%;height:132px;padding:12px;transition:transform .18s}.match-list-card__meta{justify-content:space-between;align-items:flex-start;gap:12px;min-height:24px;display:flex}.match-list-card__league{color:#121212;font-size:16px;font-weight:500;line-height:24px}.match-list-card__time{color:#999;font-size:12px;font-weight:400;line-height:20px}.match-list-card__body{grid-template-columns:48px 33px 48px;align-items:start;gap:58px;width:245px;margin:12px auto 0;display:grid}.match-list-card__team{justify-items:center;gap:8px;width:48px;min-height:72px;display:grid}.match-list-card__team-badge{width:42px;height:42px}.match-list-card__team-name{color:#121212;text-align:center;font-size:12px;font-weight:500;line-height:22px}.match-list-card__center{justify-items:center;gap:6px;width:33px;min-height:48px;display:grid}.match-list-card__versus{color:#121212;font-family:"DingTalk JinBuTi", var(--font-display);font-size:20px;font-weight:400;line-height:22px}.match-list-card__status{font-size:11px;font-weight:400;line-height:20px}.match-list-card__status.is-pending{color:#fc6f03}.match-list-card__status.is-live{color:#2ccf70}.match-list-card__status.is-ended{color:#fc0346}@media (width<=374px){.match-list-card__body{grid-template-columns:48px 33px 48px;gap:clamp(24px,7vw,58px);width:min(245px,100%)}}