/* ================================================================
   Xibao AI V2.7.1 · desktop readability layer
   This file intentionally changes type only. It does not resize or
   reposition generated media, product previews or administrator art.
   ================================================================ */

:root{
  --xb-readable-body:14px;
  --xb-readable-label:13px;
  --xb-readable-meta:12px;
  --xb-readable-muted:#a6a8b0;
  --xb-readable-muted-strong:#b9bbc2;
}

body{font-size:15px;line-height:1.55}

/* Shared reading floor: Chinese descriptions, field labels and records. */
.client-ui .content p,
.admin-ui .content p,
.auth-ui p{font-size:var(--xb-readable-body)!important;line-height:1.72}
.client-ui .content small,
.admin-ui .content small,
.auth-ui small{font-size:var(--xb-readable-meta)!important;line-height:1.55}
.client-ui .content label,
.admin-ui .content label,
.auth-ui label{font-size:var(--xb-readable-label)!important;line-height:1.55}
.client-ui .content li,
.admin-ui .content li{font-size:var(--xb-readable-label)!important;line-height:1.65}
.client-ui .content table :is(th,td),
.admin-ui .content table :is(th,td){font-size:var(--xb-readable-meta)!important;line-height:1.55}
.client-ui input,.client-ui textarea,.client-ui select,
.admin-ui input,.admin-ui textarea,.admin-ui select,
.auth-ui input,.auth-ui textarea,.auth-ui select{font-size:14px;line-height:1.55}
.client-ui :is(button,.button),
.admin-ui :is(button,.button),
.auth-ui :is(button,.button){font-size:13px}
.client-ui .small,.admin-ui .small,.auth-ui .small{font-size:12px}
.client-ui .tiny,.admin-ui .tiny,.auth-ui .tiny{font-size:12px}
.client-ui .muted,.admin-ui .muted,.auth-ui .muted{color:var(--xb-readable-muted)!important}

/* Labels that were previously rendered at 5–10px. */
.client-ui :is(.eyebrow,.section-index,.role-badge,.nav-section-label,.status,.chip,.count-pill,.policy-chip),
.admin-ui :is(.eyebrow,.section-index,.role-badge,.nav-section-label,.status,.chip,.count-pill,.policy-chip),
.auth-ui :is(.eyebrow,.section-index,.role-badge,.status,.chip){font-size:12px!important;line-height:1.35}
.client-ui [class*="-badge"],
.client-ui [class*="-chip"],
.client-ui [class*="-tag"],
.admin-ui [class*="-badge"],
.admin-ui [class*="-chip"],
.admin-ui [class*="-tag"]{font-size:11px!important;line-height:1.35}
.client-ui .content :is([class*="-hint"],[class*="-note"],[class*="-caption"],[class*="-subtitle"],[class*="-kicker"]),
.admin-ui .content :is([class*="-hint"],[class*="-note"],[class*="-caption"],[class*="-subtitle"],[class*="-kicker"]){font-size:12px!important;line-height:1.6}

/* Navigation and top status remain compact, but no longer microscopic. */
.brand-copy small{font-size:11px!important;color:#9a9ca4}
.nav-item{font-size:14px;min-height:46px;height:auto;padding-top:11px;padding-bottom:11px}
.nav-item>em,.commerce-nav em,.film-nav em{font-size:11px!important;padding:3px 7px}
.nav-section-label{color:#989aa2!important;letter-spacing:.11em}
.engine-line,.client-service-state{font-size:12px!important;color:#9b9da5}
.nav-shortcut-hint{font-size:11px!important;color:#92949c}
.topbar-status{font-size:11px!important;color:#94969e}
.user-pill{font-size:12px}
.monthly-quota-pill{font-size:12px!important}
.monthly-quota-pill em{font-size:11px!important}
.platform-live-item small{font-size:11px!important;color:#969ba3}
.platform-live-item b{font-size:13px!important}
.platform-live-item em{font-size:11px!important;color:#92979f}
.platform-live-item.token>i{font-size:13px}

/* Common cards, forms and operational feedback. */
.card-head p,.page-head p,.section-title-row p{color:var(--xb-readable-muted)!important}
.card-head>a,.text-link,.back-link{font-size:12px!important}
.stat>span{font-size:12px!important;color:#9a9ca4}
.stat>small{font-size:12px!important;color:#92949c}
.alert,.empty{font-size:13px}
.table-sub{font-size:12px!important;color:#9698a0;line-height:1.5}
.path-row,.howto,.tip-box,.task-pipeline,.progress-card p{font-size:13px!important;line-height:1.65}
.form-grid label,.reference-upload label,.mapping-grid label{color:#b2b4bb}
.company-profile-reminder b{font-size:14px!important}
.company-profile-reminder small{font-size:12px!important;color:#a4a6ad}

/* Customer landing pages, selection cards and recent project records. */
.commerce-hero-points span,.film-spec-row span,.credit-trust-row span{font-size:12px!important}
.commerce-step-head>span:first-child,.merchant-step-index{font-size:13px!important}
.commerce-step-head p,.merchant-video-section-head p{color:var(--xb-readable-muted)!important}
.commerce-upload-empty small,.commerce-fields label,.film-settings-grid>b,.film-settings-grid>div>b{font-size:13px!important}
.category-choice b,.scene-card b,.style-choice-grid b,
.film-style-grid label>b,.package-grid b,.model-preset>strong{font-size:14px!important}
.category-choice small,.category-choice-copy small,.scene-card small,.style-choice-grid small,
.film-style-grid label>small,.package-grid small,.model-preset>small,.model-preset>em{font-size:12px!important;color:var(--xb-readable-muted)!important}
.category-choice-copy i,.scene-card i,.film-style-preview em,.option-angle{font-size:11px!important}
.commerce-subtitle{font-size:13px!important;color:#a7a9b0}
.segmented button,.custom-model-upload{font-size:12px!important}
.ratio-picker>b,.film-ratio-grid strong,.duration-options strong{font-size:13px!important}
.ratio-options small,.film-ratio-grid small,.duration-options small{font-size:12px!important}
.commerce-submit-bar b,.merchant-submit-value b{font-size:14px!important}
.commerce-submit-bar small,.merchant-submit-value span{font-size:12px!important;color:#a4a6ad}
.commerce-project-card h3,.film-task-grid h3{font-size:14px!important}
.commerce-project-card small,.film-task-grid>a>small{font-size:12px!important}
.output-placeholder b,.output-card-foot b{font-size:13px!important}
.output-card-foot small,.output-actions a{font-size:12px!important}
.project-source-image span,.project-deliverables small{font-size:11px!important}
.title-option-list button>b,.storyboard-grid b{font-size:14px!important}
.title-option-list button>span,.title-option-list button>em,
.copy-skeleton span,.storyboard-grid span{font-size:12px!important}
.film-rendering small,.film-task-info dt,.film-task-info dd,.film-task-thumb>b{font-size:12px!important}

/* Agent, merchant copy and other frequently used customer work areas. */
.agent-hero p,.agent-option-card>p,.topic-card p{font-size:14px!important}
.agent-command-top label,.agent-command-foot>span,.agent-option-card .copy-hook{font-size:12px!important}
.agent-recommend,.copy-hook,.copy-full,.content-plan-hook{font-size:12px!important}
.merchant-video-path span,.merchant-video-path b,.merchant-video-assistant small,
.merchant-video-assistant p,.merchant-required,.merchant-optional{font-size:12px!important}
.merchant-video-company-select label,.merchant-video-memory small,.merchant-video-memory b,
.merchant-video-brief-input>span,.merchant-video-inspiration>small,
.merchant-video-inspiration button,.merchant-style-presets button,.merchant-clear-draft{font-size:12px!important}
.merchant-setting-head b,.merchant-smart-title b,.merchant-smart-summary b{font-size:14px!important}
.merchant-setting-head small,.merchant-smart-title small,.merchant-smart-summary small{font-size:12px!important}
.template-card-top span,.template-card-top b,.template-card-v2>p,
.template-rules,.template-style,.role-grid b,.role-grid span,
.performance-row b,.performance-row>span,.api-list b,.api-list small,
.infra-status>span,.infra-status>small,.infra-status>a{font-size:12px!important}

/* Credit center: all commercial terms must be legible before purchase. */
.credit-balance-orb>small,.credit-balance-orb>em,.credit-balance-orb>div span{font-size:12px!important}
.campaign-mark span,.campaign-copy small,.countdown-clock small{font-size:11px!important}
.campaign-copy p{color:var(--xb-readable-muted)!important}
.package-badge,.package-top small,.package-points em,.membership-ribbon,.membership-code{font-size:11px!important}
.package-top p,.package-description,.package-points>span,.package-price del,.package-price>small{font-size:13px!important}
.membership-period span,.membership-card>p,.membership-credit>span,.membership-credit small,
.membership-card li,.renew-choice b,.renew-choice small,.membership-renewal-price{font-size:12px!important}
.cost-example-grid span,.cost-example-grid b small,.cost-example-grid p{font-size:12px!important}
.active-subscription-card p{font-size:13px!important}

/* VIP customer view: 5 wide cards per row instead of ten compressed cells. */
.vip-tier-pill{height:44px;min-width:108px;padding:0 15px}
.vip-tier-pill span{font-size:13px!important;letter-spacing:.06em}
.vip-tier-pill small{font-size:11px!important;margin-top:1px}
.vip-growth-current{min-height:224px;grid-template-columns:54px minmax(0,1fr);gap:17px;padding:32px}
.vip-growth-crown{width:52px;height:52px;font-size:25px}
.vip-growth-current>div small{font-size:12px!important}
.vip-growth-current>div b{font-size:20px}
.vip-growth-current>div p{font-size:13px!important;color:#a0a2aa}
.vip-growth-current>strong{font-size:42px}
.vip-growth-current>strong em{font-size:17px}
.vip-growth-current>strong small{font-size:12px!important;color:#a3a5ad}
.vip-growth-title b{font-size:15px}
.vip-growth-title small{font-size:12px!important;color:#9fa1a9}
.vip-growth-title>span{font-size:15px}
.vip-progress{height:9px;margin:19px 0 22px}
.vip-level-track{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}
.vip-level-track span{min-height:102px;padding:13px 8px;display:flex;flex-direction:column;justify-content:center;opacity:.74}
.vip-level-track i{width:28px;height:28px;margin-bottom:7px;font-size:12px!important}
.vip-level-track b{font-size:14px!important}
.vip-level-track small{margin-top:4px;font-size:12px!important;color:#a2a4ab}
.vip-level-track em{display:block;margin-top:4px;color:#898c94;font-size:11px;font-style:normal;line-height:1.4}
.vip-level-track span.reached{opacity:1}

/* V2.6.9 · account and VIP share one compact top-right identity module. */
.account-vip-module{
  height:38px;min-width:0;max-width:260px;padding:0 5px 0 12px;
  display:flex;align-items:center;gap:7px;
  border:1px solid var(--line);border-radius:999px;
  background:#111114;color:#aaaab1;
}
.account-vip-name{
  min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;
  color:inherit;font-size:12px;line-height:1;white-space:nowrap;
}
.account-vip-module .vip-tier-pill{
  height:24px;min-width:0;padding:0 7px 0 9px;flex:none;overflow:visible;
  border:0;border-left:1px solid color-mix(in srgb,var(--vip-accent) 28%,var(--line));
  border-radius:0;flex-direction:row;background:transparent;box-shadow:none;
}
.account-vip-module .vip-tier-pill:before{display:none}
.account-vip-module .vip-tier-pill:hover{transform:none}
.account-vip-module .vip-tier-pill span{font-size:11px!important;letter-spacing:.035em}
.account-vip-module .vip-tier-pill small{display:none!important}
html[data-theme="light"] .account-vip-module{background:#fff;color:#4d4f56;border-color:var(--line)}
html[data-theme="light"] .account-vip-module .vip-tier-pill{background:transparent}

/* Administrator readability, especially the editable VIP rules. */
.vip-admin-kpis small,.vip-admin-kpis span{font-size:12px!important;color:#9fa1a8}
.vip-setting-grid b{font-size:14px}
.vip-setting-grid small,.vip-window-setting>span,.vip-window-setting em{font-size:12px!important}
.vip-rule-head{font-size:12px;padding-top:13px;padding-bottom:13px}
.vip-rule-row{min-height:88px}
.vip-rule-badge,.admin-vip-chip{font-size:12px!important}
.vip-rule-row input{height:44px;font-size:13px}
.vip-rule-row label em,.vip-user-count small{font-size:12px!important}
.vip-save-bar b{font-size:14px}
.vip-save-bar small{font-size:12px!important}
.admin-user-vip>div:first-child b{font-size:14px}
.admin-user-vip>div:first-child small,.admin-user-vip-progress>small{font-size:12px!important}
.ui-image-safety-note b,.ui-image-admin-copy h3{font-size:14px!important}
.ui-image-safety-note p,.ui-image-safety-note>span,.ui-image-group-nav a,
.ui-image-state,.ui-image-admin-preview>em,.ui-image-admin-copy p,.ui-image-admin-copy small,
.ui-image-edit-form label,.ui-image-edit-form label>small,.ui-image-edit-form input,.ui-image-edit-form select{font-size:12px!important}
.admin-credit-head p,.admin-credit-signal b,.admin-credit-signal small,
.switch-row b,.switch-row small,.credit-rule-card>div small,.credit-rule-card>div b,
.credit-rule-card>div p,.credit-rule-card label span,.mini-switch,
.admin-package-title small,.package-admin-flags,.new-package-panel summary,
.membership-admin-head small{font-size:12px!important}

/* Contrast correction for secondary copy on both dark and light interfaces. */
.client-ui .content :is(.card-head p,.section-title-row p,.commerce-project-card p,.film-task-grid p,
  .package-description,.membership-card>p,.cost-example-grid p,.company-profile-reminder small),
.admin-ui .content :is(.card-head p,.section-title-row p,.vip-setting-grid small,.vip-save-bar small){color:var(--xb-readable-muted)!important}
html[data-theme="light"]{--xb-readable-muted:#65676e;--xb-readable-muted-strong:#4f5158}
html[data-theme="light"] .vip-level-track small,
html[data-theme="light"] .vip-level-track em{color:#62646b}

@media(max-width:1250px){
  .vip-tier-pill{min-width:92px}
  .vip-tier-pill small{display:block}
  .account-vip-module{max-width:210px}
  .account-vip-module .vip-tier-pill{min-width:0}
  .account-vip-module .vip-tier-pill small{display:none}
  .vip-level-track{grid-template-columns:repeat(5,minmax(105px,1fr))}
}
@media(max-width:1040px){
  .vip-growth-card{grid-template-columns:300px minmax(0,1fr)}
  .vip-level-track small{display:block}
  .vip-level-track{grid-template-columns:repeat(2,minmax(150px,1fr))}
}
@media(max-width:820px){
  .vip-tier-pill{height:38px;min-width:76px;padding:0 10px}
  .vip-tier-pill span{font-size:12px!important}
  .vip-tier-pill small{display:none}
  .vip-growth-card{grid-template-columns:1fr}
  .vip-growth-current{min-height:185px}
  .platform-live-item.token{display:none}
  .account-vip-module{height:34px;max-width:170px;padding-left:10px}
  .account-vip-name{max-width:105px}
  .account-vip-module .vip-tier-pill{height:22px;padding-left:7px;padding-right:5px}
  .account-vip-module .vip-tier-pill span{font-size:11px!important}
}
@media(max-width:600px){
  .content{padding-left:17px;padding-right:17px}
  .vip-growth-detail{padding:22px 17px;overflow:visible}
  .vip-level-track{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .vip-level-track span{min-height:105px}
  .vip-growth-current{padding:25px}
  .vip-rule-row label>span{font-size:12px;color:#999ba3}
}