/* AppleCMS integration only. Base colour, navigation and layout rules are provided by target/main.min.css. */
nav.pc > div { width: min(1700px, 100%); }
nav.pc .logo img { object-fit: contain; }
nav.pc .theme-container { justify-content: center; color: var(--top-nav-text); }
nav.pc .theme-icon { font-size: 22px; line-height: 1; }
nav.pc .login { flex: 0 0 110px; text-align: center; white-space: nowrap; }
nav.pc .login a { color: var(--top-nav-text); }
nav.mobile { display: none; }

/* CMS data uses a background cover inside the original target card structure. */
.list .item.video .img { background-size: cover; background-position: center; background-repeat: no-repeat; }
.list .item.video .tags { display: flex; gap: .35rem; padding: 0 .5rem .5rem; font-size: .72rem; color: var(--item-text-color); overflow: hidden; }
.list .item.video .tags > div { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list .item.video .tags .empty { flex: 1 1 auto; }
.hot-tags .tag { display: inline-flex; margin: 0 .45rem .35rem 0; }

/* AppleCMS player markup has no intrinsic height before its JS is ready. */
.xchina-player { width: 100%; min-height: 530px; background: #000; overflow: hidden; }
.xchina-player iframe, .xchina-player video, .xchina-player .MacPlayer, .xchina-player .MacPlayerBox { width: 100% !important; height: 100% !important; min-height: 530px; display: block; }
.player-section { overflow: visible; }
.fixed-list { max-height: 200px; overflow-y: auto; }
.episode-list { display: flex; flex-wrap: wrap; gap: .45rem; margin: .75rem 0; }
.episode-list a { display: inline-block; padding: .35rem .6rem; border: 1px solid var(--gray-300); border-radius: 3px; }
.episode-list a.active, .episode-list a:hover { background: var(--orange-xchina); color: var(--white); border-color: var(--orange-xchina); }

/* Source-like three-column secondary ranking panel. */
.xchina-numbered-list { list-style: none; padding: 0; margin: 0; }
.xchina-numbered-list li { display: flex; align-items: center; gap: .5rem; min-height: 2.25rem; border-bottom: 1px solid var(--default-split); }
.xchina-numbered-list li:last-child { border-bottom: 0; }
.xchina-numbered-list span { width: 1.45rem; height: 1.45rem; display: inline-flex; align-items: center; justify-content: center; background: var(--gray-700); color: var(--gray-100); font-size: .75rem; border-radius: 2px; }
.xchina-numbered-list li:nth-child(-n+3) span { background: var(--orange-xchina); color: var(--white); }
.xchina-numbered-list a { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--default-text); font-size: .85rem; }

/* Detail data has to map to local CMS fields while retaining the source content-box rhythm. */
.xchina-object-detail { display: flex; gap: 1rem; align-items: flex-start; }
.xchina-detail-cover { flex: 0 0 260px; width: 260px; aspect-ratio: 16 / 9; background-position: center; background-size: cover; border-radius: 5px; }
.xchina-detail-body { flex: 1; min-width: 0; }
.xchina-detail-body h1 { margin: 0 0 .75rem; font-size: 1.5rem; }
.xchina-detail-body p { margin: .55rem 0; line-height: 1.65; color: var(--default-secondary-text); }
.xchina-play-button { display: inline-block; margin-top: .7rem; padding: .55rem 1rem; border-radius: 4px; background: var(--orange-xchina); color: var(--white); }
.xchina-play-button:hover { color: var(--white); background: var(--cyan-xchina); }

footer.pc { margin-top: 2rem; }
footer.pc > div { width: var(--main-container-width); max-width: 95%; margin: auto; }
footer.pc .footer-main { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
footer.pc .footer-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.floating-toolbar { position: fixed; right: 1rem; bottom: 1rem; z-index: 20; }
.floating-btn { width: 2.4rem; height: 2.4rem; display: flex; align-items: center; justify-content: center; background: var(--orange-xchina); color: var(--white); border-radius: 50%; }

@media only screen and (max-width: 1700px) and (min-width: 769px) {
  nav.pc .logo { flex-basis: 170px; }
  nav.pc .topMenu { flex: 1 1 auto; }
  nav.pc .topMenu > a, nav.pc .topMenu > .menu { font-size: .78rem; }
}
@media only screen and (max-width: 768px) {
  nav.pc { display: none; }
  nav.mobile { display: block; position: sticky; top: 0; z-index: 999; background: var(--top-nav-bg); }
  nav.mobile .mobile-nav-inner { display: flex; align-items: center; min-height: 48px; overflow-x: auto; white-space: nowrap; }
  nav.mobile a { flex: 0 0 auto; padding: 0 .65rem; color: var(--top-nav-text); font-size: .84rem; }
  nav.mobile .mobile-logo { font-weight: 600; }
  .layout-lr { gap: .5rem; }
  #bofang_box.xchina-player {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    overflow: hidden !important;
  }
  #bofang_box.xchina-player .MacPlayer,
  #bofang_box.xchina-player .MacPlayerBox,
  #bofang_box.xchina-player #playleft,
  #bofang_box.xchina-player table,
  #bofang_box.xchina-player tbody,
  #bofang_box.xchina-player tr,
  #bofang_box.xchina-player td,
  #bofang_box.xchina-player iframe,
  #bofang_box.xchina-player video,
  #bofang_box.xchina-player object,
  #bofang_box.xchina-player embed {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }
  #bofang_box.xchina-player #playleft iframe,
  #bofang_box.xchina-player #playleft video,
  #bofang_box.xchina-player #playleft object,
  #bofang_box.xchina-player #playleft embed { display: block !important; }
  .xchina-object-detail { display: block; }
  .xchina-detail-cover { width: 100%; max-width: 360px; margin: 0 auto 1rem; }
  footer.pc { display: none; }
}
/* Local copies of target-site assets: keeps the original texture and banner when offline. */
body { background-image: url('../images/target/background/seamless-01.png') !important; }
.hero-section { background-image: url('../images/target/hero/banner_1280x166.jpg') !important; }
.hero-section.index { background-image: none !important; }
.tab-container .tab-nav { cursor: pointer; }
.tab-container .tab-content { display: none; }
.tab-container .tab-content.active { display: block; }
.xchina-copy-url { border: 0; border-radius: 4px; padding: .45rem .8rem; background: var(--orange-xchina); color: var(--white); cursor: pointer; }
.auth-wrap { min-height: calc(100vh - 65px); display: flex; align-items: center; justify-content: center; padding: 3rem 1rem; box-sizing: border-box; }
.auth-card { width: min(460px, 100%); padding: 2rem !important; }
.auth-brand { text-align: center; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--default-split); }
.auth-brand img { height: 42px; width: auto; max-width: 210px; object-fit: contain; }
.auth-brand h1 { margin: .65rem 0 .35rem; font-size: 1.45rem; }
.auth-brand p { margin: 0; color: var(--default-secondary-text); }
.auth-form label { display: block; margin: .9rem 0; font-size: .9rem; }
.auth-form input { display: block; width: 100%; margin-top: .35rem; height: 38px !important; line-height: 38px !important; }
.auth-form button { width: 100%; border: 0; border-radius: 4px; padding: .7rem; background: var(--orange-xchina); color: var(--white); font-size: 1rem; cursor: pointer; }
.auth-switch { text-align: center; margin: 1rem 0 0; color: var(--default-secondary-text); }
.verify-row { display: flex; gap: .6rem; align-items: center; }
.verify-row input { flex: 1; }
.verify-row img { width: 110px; height: 38px; cursor: pointer; }

/* Shared AppleCMS output mapped onto the original XChina component language. */
.xchina-result-search { margin-bottom: 1rem; }
.xchina-result-search .search-container { justify-content: center; }
.pager-js.xchina-pages { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0 .25rem; }
.pager-js.xchina-pages .pager-btn { min-width: 2.25rem; height: 2.25rem; padding: 0 .7rem; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; border: 1px solid var(--pager-js-btn-border-color); border-radius: 4px; color: var(--pager-js-btn-text-color); background: var(--pager-js-btn-bg-color); font-size: .85rem; }
.pager-js.xchina-pages a.pager-btn:hover, .pager-js.xchina-pages .pager-btn.current { color: var(--pager-js-btn-current-text-color); border-color: var(--pager-js-btn-current-border-color); background: var(--pager-js-btn-current-bg-color); }

/* The source cards are background-cover blocks. Explicit dimensions stop irregular CMS artwork from shifting the grid. */
.list.photo-home .item.photo, .list.photo-list .item.photo { min-width: 0; }
.list.photo-home .item.photo .img, .list.photo-list .item.photo .img { display: block; width: 100%; aspect-ratio: 2 / 3; padding-top: 0; background-size: cover; background-position: center; }
.list.fiction-home .item.fiction, .list.fiction-list .item.fiction { min-width: 0; }
.list.fiction-home .item.fiction .img, .list.fiction-list .item.fiction .img { display: block; width: 100%; aspect-ratio: 1 / 1; padding-top: 0; background-size: cover; background-position: center; }
.photo-home-tags-box { margin-bottom: 1rem; }
.photo-home-tags { display: flex; flex-wrap: wrap; gap: .5rem; }
.xchina-home-photos { margin-top: 1.5rem; }

/* Original comment visual hierarchy with AppleCMS comment fields and actions. */
.xchina-comments-page { max-width: 100%; }
.xchina-comment-list { display: flex; flex-direction: column; gap: 1rem; }
.xchina-comment-item, .xchina-comment-reply { padding: 1rem; border-bottom: 1px dashed var(--default-split); }
.xchina-comment-item:last-child { border-bottom: 0; }
.xchina-comment-item .user, .xchina-comment-reply .user { display: flex; align-items: center; min-width: 0; }
.xchina-comment-item .user-avatar, .xchina-comment-reply .user-avatar { flex: 0 0 42px; width: 42px; height: 42px; margin-right: .65rem; overflow: hidden; border-radius: 50%; background: var(--gray-300); }
.xchina-comment-item .user-avatar img, .xchina-comment-reply .user-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.xchina-comment-item .user-nickname, .xchina-comment-reply .user-nickname { color: var(--comment-nickname-text); }
.xchina-comment-item .datetime { margin-left: .75rem; color: var(--comment-time-text); font-size: .82rem; }
.xchina-comment-item .floor { margin-left: auto; color: var(--default-secondary-text); font-size: .82rem; }
.xchina-comment-item .remark, .xchina-comment-reply .remark { margin: .75rem 0 .5rem 3.25rem; padding: .6rem .8rem; border-left: 3px solid var(--comment-remark-border); background: var(--comment-remark-bg); color: var(--comment-remark-text); line-height: 1.65; }
.xchina-comment-actions { display: flex; justify-content: flex-end; gap: 1rem; margin-left: 3.25rem; font-size: .82rem; }
.xchina-comment-actions a { color: var(--default-secondary-text); }
.xchina-comment-actions a:hover { color: var(--default-text-link-hover); }
.xchina-comment-actions em { font-style: normal; }
.xchina-comment-reply { margin: .8rem 0 0 3.25rem; padding: .75rem 0 0; border-top: 1px dashed var(--default-split); border-bottom: 0; }
.xchina-comment-reply .user-avatar { flex-basis: 34px; width: 34px; height: 34px; }
.xchina-comment-reply .remark, .xchina-comment-reply .xchina-comment-actions { margin-left: 2.65rem; }

/* Article/photo source layouts. */
.photo-reading { margin-top: 1rem; }
.photo-reading img { display: block; max-width: 100%; height: auto; margin: 0 auto 1rem; border-radius: 5px; }
.photo-detail .info-card { margin-bottom: 1rem; }
.xchina-art-trend .tab-nav { border: 0; font: inherit; }
.xchina-art-trend .tab-contents { padding: 0; }
.xchina-art-trend .tab-content .content-box { box-shadow: none; border-radius: 0; }

@media only screen and (max-width: 768px) {
  .xchina-result-search .search-container { align-items: stretch; }
  .xchina-result-search .search-box { align-items: stretch !important; }
  .xchina-result-search .search-input { width: 100% !important; }
  .pager-js.xchina-pages { gap: .35rem; }
  .pager-js.xchina-pages .pager-btn { height: 2.1rem; padding: 0 .55rem; }
  .xchina-comment-item .remark, .xchina-comment-item .xchina-comment-actions { margin-left: 0; }
  .xchina-comment-reply { margin-left: 1rem; }
  .xchina-comment-reply .remark, .xchina-comment-reply .xchina-comment-actions { margin-left: 0; }
}


/* One shared sidebar: video and article taxonomies with live AppleCMS counts. */
.xchina-all-sidebar .xchina-sidebar-section + .xchina-sidebar-section { margin-top: 1rem; padding-top: .9rem; border-top: 1px solid var(--default-split); }
.xchina-all-sidebar .parent, .xchina-all-sidebar .sub { display: flex; align-items: center; gap: .5rem; }
.xchina-all-sidebar .parent > span, .xchina-all-sidebar .sub > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xchina-all-sidebar .xchina-sidebar-count { flex: 0 0 auto; margin-left: auto; font-size: .72rem; line-height: 1; font-style: normal; color: var(--default-secondary-text); }
.xchina-all-sidebar a .sub { color: inherit; }

/* Target ranking page uses the original tab and numbered-list classes from main.min.css. */
.xchina-trend-tabs { margin-bottom: 0; }
.xchina-trend-tabs .tab-nav { outline: none; }
.xchina-trend-tabs .tab-nav:focus { outline: none; }

/* AppleCMS asynchronous comment markup on the play page, mapped to the existing XChina rhythm. */
#anchor-comment .mac_comment { padding: 1rem; }
#anchor-comment .comment_form { margin: 0 0 1rem; }
#anchor-comment .input_wrap { width: 100%; }
#anchor-comment .comment_content { display: block; box-sizing: border-box; width: 100%; min-height: 7rem; padding: .75rem; resize: vertical; border: 1px solid var(--default-split); border-radius: 4px; background: var(--default-bg); color: var(--default-text); font: inherit; }
#anchor-comment .handle { display: flex; align-items: center; gap: .65rem; min-height: 2.5rem; margin-top: .6rem; }
#anchor-comment .comment_face_panel { position: relative; cursor: pointer; color: var(--default-secondary-text); }
#anchor-comment .comment_face_box { position: absolute; z-index: 5; display: none; max-width: 14rem; padding: .45rem; border: 1px solid var(--default-split); border-radius: 4px; background: var(--default-bg); box-shadow: 0 6px 18px rgba(0,0,0,.12); }
#anchor-comment .comment_face_box img { width: 24px; height: 24px; margin: .1rem; cursor: pointer; vertical-align: middle; }
#anchor-comment .remaining-w { color: var(--default-secondary-text); font-size: .78rem; }
#anchor-comment .smt { display: flex; align-items: center; gap: .45rem; margin-left: auto; color: var(--default-secondary-text); font-size: .8rem; }
#anchor-comment .cmt_text { width: 70px; height: 2rem; padding: 0 .45rem; border: 1px solid var(--default-split); border-radius: 3px; background: var(--default-bg); color: var(--default-text); }
#anchor-comment .comment_submit { height: 2rem; padding: 0 .8rem; border: 0; border-radius: 3px; background: var(--orange-xchina); color: var(--white); cursor: pointer; }
#anchor-comment .cmt_wrap { border-top: 1px dashed var(--default-split); }
#anchor-comment .smt_wrap { margin: .85rem 0; color: var(--default-secondary-text); font-size: .82rem; }
#anchor-comment .mac_pages { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .45rem; margin-top: 1rem; }
#anchor-comment .mac_pages .page_tip { display: none; }
#anchor-comment .mac_pages .page_info { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .35rem; }
#anchor-comment .mac_pages .page_link, #anchor-comment .mac_pages .page_btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2rem; padding: 0 .55rem; border: 1px solid var(--pager-js-btn-border-color); border-radius: 3px; background: var(--pager-js-btn-bg-color); color: var(--pager-js-btn-text-color); font-size: .8rem; }
#anchor-comment .mac_pages .page_input { height: 2rem; box-sizing: border-box; border: 1px solid var(--default-split); border-radius: 3px; background: var(--default-bg); color: var(--default-text); text-align: center; }
@media only screen and (max-width: 768px) { #anchor-comment .handle { flex-wrap: wrap; } #anchor-comment .smt { margin-left: 0; } .xchina-trend-tabs > .tab-navs { padding-right: 0; } .xchina-trend-tabs .tab-nav { padding: .2rem .42rem; font-size: .72rem; } .xchina-trend-tabs .xchina-trend-category { max-width: 4.4rem; } }


/* Navigation must sit flush against the top edge like the source layout. */
nav.pc { top: 0 !important; }

/* Guestbook is mapped to the existing XChina content-box, list and form language. */
.xchina-gbook { margin-bottom: 2rem; }
.xchina-gbook-list .body { padding: 0 1rem; }
.xchina-gbook-item { padding: 1rem 0; border-bottom: 1px dashed var(--default-split); }
.xchina-gbook-item:last-child { border-bottom: 0; }
.xchina-gbook-user, .xchina-gbook-reply-head { display: flex; align-items: center; gap: .5rem; min-width: 0; font-size: .84rem; }
.xchina-gbook-floor { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 1.65rem; height: 1.35rem; padding: 0 .25rem; border-radius: 3px; background: var(--orange-xchina); color: var(--white); font-size: .72rem; }
.xchina-gbook-user strong, .xchina-gbook-reply-head strong { color: var(--default-text); }
.xchina-gbook-ip, .xchina-gbook-user time, .xchina-gbook-reply-head time { color: var(--default-secondary-text); font-size: .76rem; }
.xchina-gbook-user time, .xchina-gbook-reply-head time { margin-left: auto; white-space: nowrap; }
.xchina-gbook-content { margin: .75rem 0 0 2.15rem; line-height: 1.7; color: var(--default-text); word-break: break-word; }
.xchina-gbook-reply { margin: .85rem 0 0 2.15rem; padding: .7rem .8rem; border-left: 3px solid var(--comment-remark-border); background: var(--comment-remark-bg); color: var(--comment-remark-text); line-height: 1.65; }
.xchina-gbook-reply-head { margin-bottom: .35rem; }
.xchina-gbook-form { position: sticky; top: 4.5rem; }
.xchina-gbook-form form { padding: 1rem; }
.xchina-gbook-tip { margin: 0 0 .75rem; color: var(--default-secondary-text); font-size: .82rem; line-height: 1.55; }
.xchina-gbook-form .gbook_content { display: block; box-sizing: border-box; width: 100%; min-height: 8rem; padding: .75rem; resize: vertical; border: 1px solid var(--input-border); border-radius: 4px; background: var(--input-bg); color: var(--input-text); font: inherit; }
.xchina-gbook-form-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .55rem; margin-top: .65rem; color: var(--default-secondary-text); font-size: .78rem; }
.xchina-gbook-form-bottom label { display: inline-flex; align-items: center; gap: .35rem; }
.xchina-gbook-form .mac_verify { width: 5.2rem; height: 2rem; box-sizing: border-box; padding: 0 .4rem; border: 1px solid var(--input-border); border-radius: 3px; background: var(--input-bg); color: var(--input-text); }
.xchina-gbook-form .gbook_submit { width: 100%; height: 2.5rem; margin-top: 1rem; border: 0; border-radius: 4px; background: var(--orange-xchina); color: var(--white); font: inherit; cursor: pointer; }
.xchina-gbook-form .gbook_submit:hover { background: var(--cyan-xchina); }
@media only screen and (max-width: 768px) { .xchina-gbook-list .body { padding: 0 .75rem; } .xchina-gbook-form { position: static; } .xchina-gbook-content, .xchina-gbook-reply { margin-left: 0; } .xchina-gbook-user { flex-wrap: wrap; } .xchina-gbook-user time, .xchina-gbook-reply-head time { margin-left: 0; } }

/* Keep the site navigation flush with the viewport's top edge on every page. */
html, body { margin-top: 0 !important; padding-top: 0 !important; }
body > nav.pc:first-of-type,
body > nav.mobile:first-of-type {
  top: 0 !important;
  inset-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Site-map page: use the target content-box and compact numbered-list visual language. */
.xchina-sitemap { margin-bottom: 2rem; }
.xchina-sitemap-categories .body { padding: 1.1rem 1.25rem 1.25rem; }
.xchina-sitemap-category-group + .xchina-sitemap-category-group { margin-top: 1.2rem; padding-top: 1.1rem; border-top: 1px solid var(--default-split); }
.xchina-sitemap-category-group h2 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .75rem; color: var(--default-text); font-size: 1rem; font-weight: 600; }
.xchina-sitemap-category-group h2 i { color: var(--orange-xchina); font-size: .9rem; }
.xchina-sitemap-category-links { display: flex; flex-wrap: wrap; gap: .55rem .65rem; }
.xchina-sitemap-category-links a { display: inline-flex; align-items: center; gap: .5rem; min-height: 2rem; padding: 0 .7rem; border: 1px solid var(--default-split); border-radius: 3px; background: var(--default-bg); color: var(--default-text); font-size: .82rem; transition: border-color .18s ease, color .18s ease, background-color .18s ease; }
.xchina-sitemap-category-links a:hover { border-color: var(--orange-xchina); background: var(--default-hover-bg); color: var(--orange-xchina); }
.xchina-sitemap-category-links em { color: var(--default-secondary-text); font-size: .72rem; font-style: normal; }
.xchina-sitemap-latest { margin-top: 1.25rem; }
.xchina-sitemap-list { padding: 0 1rem; }
.xchina-sitemap-item { display: grid; grid-template-columns: 2.2rem minmax(0,1fr) 6.5rem 5.5rem; align-items: center; min-height: 3rem; column-gap: .65rem; border-bottom: 1px dashed var(--default-split); color: var(--default-text); }
.xchina-sitemap-item:last-child { border-bottom: 0; }
.xchina-sitemap-item:hover .xchina-sitemap-name { color: var(--orange-xchina); }
.xchina-sitemap-index { display: inline-flex; align-items: center; justify-content: center; width: 1.45rem; height: 1.45rem; border-radius: 2px; background: var(--default-hover-bg); color: var(--default-secondary-text); font-size: .74rem; }
.xchina-sitemap-item:nth-child(1) .xchina-sitemap-index { background: #f25d8e; color: #fff; }
.xchina-sitemap-item:nth-child(2) .xchina-sitemap-index { background: #ff9d00; color: #fff; }
.xchina-sitemap-item:nth-child(3) .xchina-sitemap-index { background: #50a8ff; color: #fff; }
.xchina-sitemap-name { overflow: hidden; color: var(--default-text); font-size: .88rem; text-overflow: ellipsis; white-space: nowrap; }
.xchina-sitemap-type { overflow: hidden; color: var(--default-secondary-text); font-size: .77rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.xchina-sitemap-item time { color: var(--default-secondary-text); font-size: .76rem; text-align: right; white-space: nowrap; }
@media only screen and (max-width: 768px) { .xchina-sitemap-categories .body { padding: .9rem; } .xchina-sitemap-list { padding: 0 .75rem; } .xchina-sitemap-item { grid-template-columns: 2rem minmax(0,1fr) auto; column-gap: .4rem; } .xchina-sitemap-type { display: none; } .xchina-sitemap-item time { font-size: .7rem; } }
/* Uniform rank badges: use a rigid grid cell so old list styles cannot resize individual numbers. */
.xchina-numbered-list > li {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: center !important;
}
.xchina-numbered-list > li > span {
  display: grid !important;
  grid-column: 1 !important;
  place-items: center !important;
  box-sizing: border-box !important;
  inline-size: 26px !important;
  block-size: 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 26px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  text-align: center !important;
  white-space: nowrap !important;
}
.xchina-numbered-list > li > a {
  grid-column: 2 !important;
  min-width: 0 !important;
}