/* Shared visual language for FChat's routed user pages. */
:root {
    --ui-ink: #202124; --ui-muted: #73757b; --ui-line: #e5e6e9;
    --ui-surface: #fff; --ui-canvas: #fafafb; --ui-soft: #f3f4f6;
    --ui-action: #24262a; --ui-action-hover: #101114; --ui-radius: 14px;
    --primary-color: #24262a; --primary-hover: #101114;
    --background-color: #fafafb; --secondary-bg: #f7f7f8; --card-bg: #fff;
    --text-primary: #202124; --text-secondary: #73757b; --border-color: #e5e6e9;
    --font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
.fchat-page, .fchat-page * { box-sizing: border-box; }
body.fchat-page {
    margin: 0; padding: 0; display: flex; flex-direction: column; align-items: stretch;
    justify-content: flex-start; min-height: 100vh; min-height: 100dvh; height: auto;
    background: var(--ui-canvas); color: var(--ui-ink); font: 14px/1.7 var(--font-family-base);
    -webkit-font-smoothing: antialiased;
}
.fchat-page a, .fchat-page button, .fchat-page input, .fchat-page summary { -webkit-tap-highlight-color: transparent; }
.fchat-page button, .fchat-page label[for], .fchat-page summary { cursor: pointer; }
.fchat-page button, .fchat-page input, .fchat-page select { font-family: inherit; }
.fchat-page button:focus-visible, .fchat-page a:focus-visible, .fchat-page summary:focus-visible,
.fchat-page input:focus-visible, .fchat-page label:focus-within {
    outline: 2px solid #536996; outline-offset: 3px;
}
.fchat-page a { text-underline-offset: 4px; }
.fchat-page .text-muted, .fchat-page .text-secondary { color: var(--ui-muted) !important; }
.fchat-page h1, .fchat-page h2, .fchat-page h3, .fchat-page h4 { color: var(--ui-ink); }
.fchat-page .ui-page-header { background: #fff; border-bottom: 1px solid var(--ui-line); flex-shrink: 0; }
.ui-page-nav { width: min(1120px, calc(100% - 64px)); min-height: 76px; margin: auto; display: flex; align-items: center; gap: 24px; }
.fchat-page .ui-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ui-ink); text-decoration: none; font-size: 22px; font-weight: 700; letter-spacing: -.8px; white-space: nowrap; }
.ui-brand > i { font-size: 24px; }
.ui-brand small { font-size: 10px; font-weight: 500; letter-spacing: 0; border: 1px solid #d8d9dc; border-radius: 4px; padding: 0 4px; color: #777a82; }
.ui-page-location { padding-left: 23px; border-left: 1px solid var(--ui-line); font-size: 12px; color: #777a82; }
.ui-page-links { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.fchat-page .ui-page-links a { color: #777a82; font-size: 12px; text-decoration: none; white-space: nowrap; }
.fchat-page .ui-page-links a:hover, .fchat-page .ui-page-links a[aria-current] { color: #202124; }
.fchat-page .ui-page-links .ui-home-link { display: inline-flex; align-items: center; gap: 9px; min-height: 36px; padding: 4px 13px; border: 1px solid var(--ui-line); border-radius: 7px; color: #535760; }
.ui-page-footer { width: min(1120px, calc(100% - 64px)); padding: 22px 0; margin: auto auto 0; border-top: 1px solid var(--ui-line); display: flex; justify-content: space-between; gap: 20px; color: #7d8088; font-size: 11px; }
.fchat-page .ui-page-footer a { color: #7d8088; text-decoration: none; }
.fchat-page .btn, .fchat-page .submit-btn { border-radius: 8px; box-shadow: none; font-size: 13px; font-weight: 500; min-height: 42px; }
.fchat-page .btn-primary, .fchat-page .btn-dark, .fchat-page .btn-auth, .fchat-page .submit-btn {
    --bs-btn-bg: #24262a; --bs-btn-border-color: #24262a; --bs-btn-hover-bg: #101114; --bs-btn-hover-border-color: #101114;
    background: #24262a; border-color: #24262a; color: #fff;
}
.fchat-page .btn-primary:hover, .fchat-page .btn-dark:hover, .fchat-page .btn-auth:hover, .fchat-page .submit-btn:hover { background: #101114; color: #fff; box-shadow: none; transform: none; }
.fchat-page .btn:disabled, .fchat-page .submit-btn:disabled { opacity: .5; cursor: not-allowed; }
.fchat-page .form-control, .fchat-page .form-group input {
    min-height: 46px; padding: 11px 13px; border: 1px solid #dedfe3; border-radius: 8px; background: #fff; color: var(--ui-ink); font-size: 14px;
}
.fchat-page .form-control:focus, .fchat-page .form-group input:focus { border-color: #999faa; box-shadow: 0 0 0 3px #11182706; }
.fchat-page .form-label, .fchat-page .form-group label { color: #535760; font-size: 12px; font-weight: 500; margin-bottom: 7px; }
.fchat-page .form-check-input:checked { background-color: #24262a; border-color: #24262a; }
.fchat-page .btn-send-code, .page-reset #sendCodeBtn { border: 1px solid #dedfe3; background: #f5f6f8; color: #555a64; font-size: 12px; border-radius: 0 8px 8px 0; padding: 0 14px; white-space: nowrap; }
.fchat-page .input-group > .form-control { border-radius: 8px 0 0 8px !important; min-width: 0; }
.fchat-page .form-control.is-invalid { border-color: #c2505b; }
.fchat-page .invalid-feedback { font-size: 12px; }
.fchat-page .modal-content { border: 1px solid var(--ui-line); border-radius: 14px; box-shadow: 0 12px 50px #11182714; }
.fchat-page .modal-title { font-size: 16px; font-weight: 600; }
/* Account access */
.fchat-page .auth-card { max-width: 440px; width: calc(100% - 40px); margin: 64px auto 56px; padding: 32px; border: 1px solid var(--ui-line); border-radius: 16px; background: #fff; }
.page-register .auth-card { max-width: 480px; margin-top: 44px; }
.fchat-page .brand-wrapper { margin-bottom: 30px; text-align: left; }
.fchat-page .brand-logo { font-size: 19px; font-weight: 600; letter-spacing: -.6px; justify-content: flex-start; margin-bottom: 12px; color: #202124; }
.fchat-page .brand-wrapper .brand-logo { font-size: 27px; margin-bottom: 10px; }
.fchat-page .brand-logo > i { color: #727781; font-size: 20px; }
.fchat-page .brand-wrapper p { margin-top: 0 !important; font-size: 12px; }
.page-register .auth-card > h4 { font-size: 26px; font-weight: 600 !important; text-align: left !important; letter-spacing: -.8px; margin: 22px 0 28px !important; }
.fchat-page .btn-auth { padding: 11px; min-height: 46px; margin-top: 8px; }
.fchat-page .auth-footer { font-size: 12px; margin-top: 23px; }
.fchat-page .auth-footer a { font-weight: 500; }
.page-reset > .container { max-width: 1040px; padding-top: 64px !important; padding-bottom: 56px !important; }
.page-reset .card { max-width: 440px; margin: 0 auto; border: 1px solid var(--ui-line); border-radius: 16px; box-shadow: none; }
.page-reset .card-header { background: #fff; color: var(--ui-ink); padding: 30px 30px 0; border: 0; text-align: left !important; border-radius: 16px 16px 0 0 !important; }
.page-reset .card-header h3 { font-size: 26px; font-weight: 600; letter-spacing: -.8px; }
.page-reset .card-body { padding: 28px 30px 30px !important; }
.page-reset .card-body .text-center p { font-size: 12px; color: var(--ui-muted); margin-bottom: 0; }
.page-reset .card-body a { color: #535760; }
/* Pricing and purchase */
.page-pricing .pricing-hero { max-width: 1000px; margin: auto; width: calc(100% - 48px); padding: 60px 0 34px; text-align: left; }
.page-pricing .pricing-hero h1 { font-size: 36px; font-weight: 600; letter-spacing: -1.2px; margin-bottom: 14px; }
.page-pricing .pricing-hero p { max-width: 100%; font-size: 14px; margin: 0 0 23px; }
.page-pricing .pricing-hero > .d-flex { justify-content: flex-start !important; gap: 10px !important; }
.page-pricing .action-btn { padding: 9px 16px; border-radius: 8px; }
.page-pricing .model-menu { border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: none; margin-bottom: 12px; background: #fff; }
.page-pricing .model-menu summary { padding: 19px 22px; font-size: 14px; font-weight: 500; gap: 12px; }
.page-pricing .model-menu summary > .d-flex { min-width: 0; }
.page-pricing .model-menu summary span { overflow-wrap: anywhere; min-width: 0; }
.page-pricing .icon-box { flex-shrink: 0; width: 32px; height: 32px; background: #f5f6f8; border-radius: 8px; font-size: 15px; }
.page-pricing .menu-content { padding: 0 22px 18px; }
.page-pricing .table-group { font-size: 12px; }
.page-pricing .table-group th { background: #fafafb; color: #747882; font-size: 11px; font-weight: 500; padding: 12px 14px; }
.page-pricing .table-group td { padding: 14px; font-size: 12px !important; }
.page-pricing .badge-group-type, .page-pricing .price-badge-paid, .page-pricing .price-badge-free { background: #f4f5f7; color: #555a64; border: 1px solid #e6e8ec; font-size: 11px; padding: 5px 9px; border-radius: 5px; }
.page-pricing .notice-card { background: #f3f4f6; border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: none; }
.page-pricing .notice-card h5 { font-size: 15px; font-weight: 500 !important; }
.page-pricing .notice-card p { font-size: 12px !important; line-height: 1.9; }
.page-pricing .notice-icon-wrapper { background: #fff; border-radius: 8px; }
.page-shop > .container { max-width: 1040px; padding-top: 56px !important; padding-bottom: 56px !important; }
.page-shop .shop-container { max-width: none; background: transparent; box-shadow: none; overflow: visible; }
.page-shop .shop-header { padding: 0 0 34px; border: 0; }
.page-shop .shop-header h1 { font-size: 36px; font-weight: 600; letter-spacing: -1.2px; margin-bottom: 14px; }
.page-shop .shop-header p { font-size: 14px; margin: 0; max-width: 650px; }
.page-shop .packages-grid { padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.page-shop .package-card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--ui-line); border-radius: 12px; padding: 30px 24px 24px; background: #fff; text-align: left; }
.page-shop .package-card:hover { transform: none; box-shadow: none; border-color: #aeb3be; }
.page-shop .package-card.selected { border-color: #24262a; box-shadow: 0 0 0 1px #24262a; }
.page-shop .recommend-badge { background: #24262a; color: #fff; padding: 3px 10px; font-size: 10px; border-radius: 0 11px 0 7px; }
.page-shop .package-card .points { display: block; font-size: 15px; font-weight: 500; margin: 16px 0 7px; }
.page-shop .package-card .points i { color: #767b85; }
.page-shop .package-card .old-points { display: block; font-size: 11px; margin-bottom: 20px; min-height: 18px; }
.page-shop .package-card .price { display: block; font-size: 34px; font-weight: 600; margin: 0; line-height: 1.4; letter-spacing: -1px; }
.page-shop .package-card .price small { font-size: 18px; margin-right: 4px; }
.page-shop .shop-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; background: transparent; padding: 26px 0 0; margin-top: 32px; border-color: var(--ui-line); }
.page-shop .permanent-notice { font-size: 12px; margin: 0; }
.page-shop .permanent-notice i { color: #747a83; margin-right: 5px; }
.page-shop #confirmPayment { font-size: 13px; background: #24262a; padding: 11px 28px; border-radius: 8px; min-height: 44px; }
/* Orders and payment states */
.fchat-page .payment-card, .fchat-page .success-card { width: calc(100% - 40px); max-width: 480px; background: #fff; border: 1px solid var(--ui-line); border-radius: 16px; box-shadow: none; margin: 56px auto; overflow: hidden; }
.fchat-page .payment-header, .fchat-page .success-header { padding: 32px 30px 28px; border-color: var(--ui-line); }
.fchat-page .payment-header h1, .fchat-page .success-header h1 { font-size: 27px; font-weight: 600; letter-spacing: -.8px; }
.fchat-page .payment-header p, .fchat-page .success-header p { color: var(--ui-muted); font-size: 12px; line-height: 1.9; }
.fchat-page .payment-body, .fchat-page .success-body { padding: 24px 30px; }
.fchat-page .payment-footer, .fchat-page .success-footer { padding: 24px 30px 30px; background: #fafafb; border-top: 1px solid var(--ui-line); }
.page-checkout .payment-header .amount-label { font-size: 12px; margin: 24px 0 10px; }
.page-checkout .payment-header .amount-value { font-size: 40px; font-weight: 600; }
.page-checkout .amount-value small { font-size: 22px !important; }
.fchat-page .order-item, .fchat-page .detail-item { gap: 20px; font-size: 12px; padding: 13px 0; border-color: var(--ui-line); }
.fchat-page .order-item .value, .fchat-page .detail-item .value { overflow-wrap: anywhere; text-align: right; min-width: 0; }
.fchat-page .order-item .label, .fchat-page .detail-item .label { flex-shrink: 0; color: var(--ui-muted); }
.page-checkout .payment-method { width: 100%; background: #fff; border: 1px solid var(--ui-line); padding: 13px 15px; border-radius: 9px; text-align: left; font-size: 13px; color: var(--ui-ink); }
.page-checkout .payment-method:hover { background: #f4f5f7; border-color: #9ea4af; }
.page-checkout .payment-method .icon { font-size: 24px; margin-right: 12px; }
.page-checkout .payment-method .name { font-weight: 500; }
.page-qrcode .wechat-icon { width: 48px; height: 48px; font-size: 26px; border-radius: 12px; background: #f4f5f7; color: #32915c; margin-bottom: 18px; }
.page-qrcode .qr-code { background: #fff; border: 1px solid var(--ui-line); border-radius: 10px; box-shadow: none; padding: 14px; width: fit-content; max-width: 100%; margin: 0 auto 22px; }
.page-qrcode .qr-code img { max-width: 100%; width: 200px; height: auto; }
.page-qrcode .amount { font-size: 13px; color: var(--ui-muted); }
.page-qrcode .amount strong { color: var(--ui-ink); font-weight: 600; }
.page-qrcode .payment-btn { font-size: 13px; min-height: 44px; border-radius: 8px; }
.page-success .success-icon { width: 56px; height: 56px; border-radius: 14px; background: #f3f5f4; color: #39815b; font-size: 30px; margin-bottom: 20px; }
.page-success .details-title { font-size: 14px; font-weight: 500; margin-bottom: 12px; }
.page-success .amount-value { color: var(--ui-ink); font-size: 14px; font-weight: 600; }
.page-success .back-btn { min-height: 44px; border-radius: 8px; font-size: 13px; padding: 11px 20px; }
/* Account */
.page-account > .container { max-width: 1040px; padding-top: 52px; padding-bottom: 48px; }
.page-account .profile-section { padding: 30px; border: 1px solid var(--ui-line); border-radius: 14px; background: #fff; gap: 24px; margin-bottom: 24px; }
.page-account .profile-avatar { width: 64px; height: 64px; border-radius: 16px; border-color: var(--ui-line); box-shadow: none; }
.page-account .profile-details { min-width: 0; }
.page-account .profile-details h2 { font-size: 26px; font-weight: 600; overflow-wrap: anywhere; }
.page-account .profile-details > .d-flex { flex-wrap: wrap; }
.page-account .profile-details .text-muted { overflow-wrap: anywhere; font-size: 12px !important; }
.page-account .user-id-tag { font-size: 11px; padding: 2px 8px; border-radius: 5px; background: #f5f6f8; }
.page-account .summary-card { border-radius: 12px; padding: 24px; }
.page-account .summary-card:hover { transform: none; box-shadow: none; border-color: #c9cdd5; }
.page-account .summary-icon { width: 34px; height: 34px; border-radius: 8px; font-size: 16px; margin-bottom: 18px; border: 0; }
.page-account .summary-card .label { font-size: 11px; margin-bottom: 8px; }
.page-account .summary-card .value { font-size: 22px; font-weight: 600; }
.page-account .invite-section { background: #f0f1f4; color: var(--ui-ink); border: 1px solid var(--ui-line); border-radius: 14px; padding: 30px; }
.page-account .invite-section::after { display: none; }
.page-account .invite-title { font-size: 20px; font-weight: 600; margin-bottom: 12px; }
.page-account .invite-desc { color: var(--ui-muted); max-width: 680px; font-size: 12px; line-height: 1.9; }
.page-account #genBtn { border-radius: 8px !important; background: #24262a; color: #fff; font-size: 12px; font-weight: 500 !important; min-height: 42px; }
.page-account .invite-input-group { background: #fff; border: 1px solid var(--ui-line); border-radius: 9px; max-width: 620px; }
.page-account .invite-input-group input { min-width: 0; color: #535760; font-size: 12px; }
.page-account .btn-copy { border-radius: 6px; background: #24262a; color: #fff; min-height: 38px; font-size: 12px; font-weight: 500; }
.page-account .btn-copy:hover { background: #101114; transform: none; }
.page-account .section-header { padding: 0; margin: 30px 0 16px; }
.page-account .section-header h3 { font-size: 19px; font-weight: 600; }
.page-account .table-container { border-radius: 12px; padding: 14px; box-shadow: none; overflow: hidden; }
.page-account .layui-table th { background: #fafafb !important; color: #747882 !important; font-size: 12px; font-weight: 500 !important; }
.page-account .layui-table td { font-size: 12px; }
/* Comparison and utility states */
.page-compare .pricing-header { padding: 12px 0 30px !important; text-align: left !important; margin-left: 0 !important; }
.page-compare .pricing-header h1 { font-size: 36px; font-weight: 600 !important; letter-spacing: -1.2px; }
.page-compare .pricing-header p { font-size: 14px; }
.page-compare .table-compare { box-shadow: none; border: 1px solid var(--ui-line); border-radius: 12px; font-size: 13px; }
.page-compare .table-compare th, .page-compare .table-compare td { padding: 20px 18px; }
.page-compare .col-mysite { color: #353941; background: #f1f2f5 !important; border-left: 1px solid #c3c7d0; border-right: 1px solid #c3c7d0; font-weight: 500; }
.page-compare thead th.col-mysite { background: #e9ebef !important; border-top: 1px solid #c3c7d0; color: #202124; }
.page-compare .last-row-cell { border-bottom: 1px solid #c3c7d0 !important; }
.page-compare .badge-recommend { position: static; display: block; width: fit-content; margin: 0 auto 8px; transform: none; padding: 3px 8px; border-radius: 5px; background: #24262a; box-shadow: none; font-size: 10px; }
.page-compare .save-tag { background: #e3e6ec; color: #535760; }
.page-compare .price-text { font-size: 22px; font-weight: 600; }
.page-compare .text-success, .page-compare .text-warning { color: #535760 !important; }
.page-compare .scale-btn { background: #24262a; color: #fff; border: 0; border-radius: 8px !important; box-shadow: none !important; padding: 12px 24px !important; font-size: 13px; }
.page-compare .scale-btn:hover { background: #101114; transform: none; }
.page-restricted .restricted-card { width: calc(100% - 40px); max-width: 460px; margin: 64px auto 56px; padding: 32px; border: 1px solid var(--ui-line); border-radius: 16px; box-shadow: none; background: #fff; }
.page-restricted .restricted-card { max-width: 640px; }
.page-restricted .restricted-title { font-size: 30px; letter-spacing: -.8px; margin-bottom: 18px; }
.page-restricted .restricted-description, .page-restricted .restricted-support { font-size: 14px; line-height: 1.9; font-weight: 400; overflow-wrap: anywhere; }
.page-restricted .ip-badge { border: 1px solid var(--ui-line); border-radius: 8px; background: #f5f6f8; color: #535760; min-height: 38px; padding: 6px 12px; font-size: 15px; }
/* Existing download content keeps its responsive structure and section links. */
.page-download { --bg: #fafafb; --ink: #202124; --muted: #73757b; --line: #e5e6e9; --green: #24262a; --green-hover: #101114; --soft: #f0f1f4; --radius: 14px; --shadow: 0 8px 30px #11182706; }
.page-download .header { background: #ffffffed; }
.page-download .brand-icon { background: transparent; color: #24262a; }
.page-download .button { border-radius: 8px; font-size: 13px; font-weight: 500; }
.page-download .preview { transform: none; border-radius: 14px; }
.page-download .hero h1 { font-weight: 600; }
.page-download .hero h1 span { color: #686b74; }
.page-download .section-title { font-weight: 600; }
.page-download .download-section { background: #f0f1f4; border-color: #e0e3e9; }
.page-download .setup-note { background: #f1f2f5; border-color: #c9ced7; }
@media (max-width: 900px) {
    .ui-page-location { display: none; }
    .ui-page-links { gap: 18px; }
    .page-shop .packages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .ui-page-nav { width: calc(100% - 40px); min-height: 68px; gap: 16px; }
    .fchat-page .ui-brand { font-size: 20px; }
    .ui-page-links > a:not(.ui-home-link) { display: none; }
    .ui-page-footer { width: calc(100% - 40px); font-size: 10px; padding: 20px 0; }
    .fchat-page .auth-card { padding: 26px 22px; margin-top: 32px; margin-bottom: 36px; }
    .page-register .auth-card .col-6 { flex: 0 0 100%; width: 100%; }
    .fchat-page .form-control, .fchat-page .form-group input { font-size: 16px; }
    .page-reset > .container { padding-top: 32px !important; padding-bottom: 36px !important; }
    .page-reset .card-body { padding: 24px 22px !important; }
    .page-reset .card-header { padding: 26px 22px 0; }
    .page-pricing .pricing-hero { width: calc(100% - 40px); padding: 36px 0 26px; }
    .page-pricing .pricing-hero h1, .page-shop .shop-header h1, .page-compare .pricing-header h1 { font-size: 29px; }
    .page-pricing .model-menu summary { padding: 16px; font-size: 13px; }
    .page-pricing .menu-content { padding: 0 12px 12px; }
    .page-shop > .container { padding: 34px 20px 38px !important; }
    .page-shop .packages-grid { grid-template-columns: 1fr; gap: 13px; }
    .page-shop .package-card { padding: 24px; }
    .page-shop .shop-footer { align-items: stretch; flex-direction: column; gap: 18px; }
    .fchat-page .payment-card, .fchat-page .success-card { margin: 32px auto 36px; }
    .fchat-page .payment-header, .fchat-page .success-header { padding: 28px 22px 24px; }
    .fchat-page .payment-body, .fchat-page .success-body { padding: 20px 22px; }
    .fchat-page .payment-footer, .fchat-page .success-footer { padding: 22px; }
    .page-account > .container { padding: 32px 20px; }
    .page-account .profile-section { align-items: flex-start; text-align: left; flex-direction: row; gap: 16px; padding: 22px; }
    .page-account .profile-avatar { width: 48px; height: 48px; border-radius: 12px; }
    .page-account .profile-details h2 { font-size: 22px; }
    .page-account .summary-card { padding: 22px; }
    .page-account .summary-card .value { font-size: 21px; }
    .page-account .invite-section { padding: 24px; }
    .page-account .invite-input-group { background: transparent; border: 0; padding: 0; gap: 10px; }
    .page-account .invite-input-group input { background: #fff; border: 1px solid var(--ui-line); min-height: 44px; border-radius: 8px; }
    .page-account .table-container { padding: 10px; }
    .page-compare > .container { padding: 34px 20px !important; }
    .page-compare .table-compare { min-width: 680px; }
    .page-restricted .restricted-card { padding: 28px 22px; margin-top: 32px; }
}
@media (pointer: coarse) { .fchat-page .btn, .fchat-page .ui-home-link, .fchat-page .btn-copy { min-height: 44px; } }
@media (prefers-reduced-motion: reduce) { .fchat-page *, .fchat-page *::before, .fchat-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
.ui-eyebrow { margin: 0 0 16px; color: #7d8088; font-size: 10px; letter-spacing: 1.8px; }
.page-register .ui-auth-title { margin: 8px 0 28px; font-size: 26px; font-weight: 600; letter-spacing: -.8px; }
/* Content and payment status are immediately readable when the page opens. */
.page-pricing .menu-content, .page-success .success-icon { animation: none; opacity: 1; transform: none; }
.page-account .profile-avatar { filter: grayscale(1); }

.page-qrcode .wechat-icon, .page-success .success-icon { display: grid; place-items: center; margin-left: auto; margin-right: auto; }
.page-account .layui-table td { padding: 10px 0 !important; }
@media (max-width: 380px) { .page-download .hero h1 { font-size: 32px; letter-spacing: -1px; } }