/* Shared visual language for the public resource and navigation pages. */
.yx-refined .views { display: none !important; }
body.yx-refined {
    --yx-accent: #bc454e;
    --yx-accent-hover: #a9333d;
    --yx-accent-soft: #faf0f1;
    --yx-ink: #29313e;
    --yx-secondary: #657080;
    --yx-quiet: #6b7584;
    --yx-border: #e6e9ee;
    --yx-surface: #ffffff;
    --yx-canvas: #f5f6f8;
    --yx-shadow: 0 4px 20px rgba(31, 42, 60, .035);
    --theme-color: var(--yx-accent);
    --theme-color-rgb: 188, 69, 78;
    --hover-color: var(--yx-accent-hover);
    --focus-shadow-color: rgba(188, 69, 78, .18);
    --main-color: var(--yx-ink);
    --main-bg-color: var(--yx-surface);
    --body-bg-color: var(--yx-canvas);
    --muted-color: var(--yx-secondary);
    --muted-color2: var(--yx-quiet);
    --main-radius: 12px;
    --main-max-width: 1280px;
    color: var(--yx-ink);
    background: var(--yx-canvas) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.io-black-mode body.yx-refined,
body.yx-refined.io-black-mode {
    --yx-accent: #ec8f96;
    --yx-accent-hover: #ffadb3;
    --yx-accent-soft: #33262f;
    --yx-ink: #e0e5ed;
    --yx-secondary: #abb4c2;
    --yx-quiet: #97a1b1;
    --yx-border: #303949;
    --yx-surface: #1e2633;
    --yx-canvas: #161c26;
    --yx-shadow: 0 4px 20px rgba(0, 0, 0, .12);
    --theme-color-rgb: 236, 143, 150;
    color-scheme: dark;
}
.yx-refined ::selection { background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined :is(a, button, input, textarea, select):focus-visible { outline: 2px solid var(--yx-accent); outline-offset: 3px; }
.yx-refined .text-muted { color: var(--yx-quiet) !important; }
.yx-refined .text-primary { color: var(--yx-accent) !important; }

/* Quiet header, with one consistent active state. */
.yx-refined .header-nav {
    background: var(--yx-surface) !important;
    border: 1px solid var(--yx-border);
    border-radius: 12px;
    box-shadow: var(--yx-shadow) !important;
}
.yx-refined .navbar-header > li > a { color: var(--yx-secondary); font-size: 14px; font-weight: 500; }
.yx-refined .navbar-header > li.current-menu-item > a,
.yx-refined .navbar-header > li > a:hover { color: var(--yx-accent); }
.yx-refined .navbar-header > li::after { background: var(--yx-accent); height: 2px; border-radius: 2px; }
.yx-refined .header-tools > li > a { color: var(--yx-secondary); }
.yx-refined .header-tools > li > a:hover { color: var(--yx-accent); }
.yx-refined .navbar-header .sub-menu { background: var(--yx-surface); border: 1px solid var(--yx-border); border-radius: 10px; box-shadow: var(--yx-shadow); }
.yx-refined .mobile-menu { background: var(--yx-surface); color: var(--yx-ink); }
.io-black-mode .yx-refined .navbar-logo .logo-expanded { background: #fff; padding: 4px 8px; border-radius: 8px; }
.io-black-mode .yx-refined :is(.yx-site-search-form button, .yx-nav-search button, .yx-pagination .current, .pagination .current) { color: var(--yx-canvas); }
.io-black-mode .yx-refined .yx-latest-more:hover { color: var(--yx-canvas) !important; }

/* Page widths, panels and the compact homepage search. */
.yx-refined .yx-portal {
    --yx-red: var(--yx-accent);
    --yx-line: var(--yx-border);
    --yx-panel: var(--yx-surface);
    --yx-muted: var(--yx-quiet);
    --yx-reading-color: var(--yx-ink);
    max-width: 1280px;
    margin-top: 26px;
}
.yx-refined .yx-navigation-page { width: calc(100% - 40px); }
.yx-refined .yx-panel,
.yx-refined .yx-navigation-page .yx-navigation {
    border: 1px solid var(--yx-border);
    border-radius: 12px;
    padding: 24px;
    background: var(--yx-surface);
    box-shadow: var(--yx-shadow);
    margin-bottom: 24px;
}
.yx-refined .yx-site-search { margin: 20px auto 12px; max-width: 800px; }
.yx-refined .yx-site-search-form { padding: 5px; border: 1px solid var(--yx-border); border-radius: 12px; background: var(--yx-surface); box-shadow: var(--yx-shadow); }
.yx-refined .yx-site-search-form:focus-within { border-color: var(--yx-accent); box-shadow: 0 0 0 3px var(--yx-accent-soft); }
.yx-refined .yx-site-search-form input[type=search] { height: 40px; padding: 0 16px; color: var(--yx-ink); }
.yx-refined .yx-site-search-form input::placeholder { color: var(--yx-quiet); }
.yx-refined :is(.yx-site-search-form, .yx-nav-search) button { background: var(--yx-accent); color: #fff; border-radius: 8px; font-weight: 500; }
.yx-refined .yx-site-search-form button { height: 40px; padding: 0 26px; }
.yx-refined :is(.yx-site-search-form, .yx-nav-search) button:hover { background: var(--yx-accent-hover); }
.yx-refined .yx-portal-shortcuts { margin-bottom: 22px; gap: 12px 24px; font-size: 13px; }
.yx-refined .yx-portal-shortcuts a { color: var(--yx-secondary); }
.yx-refined .yx-portal-shortcuts a:hover { color: var(--yx-accent); }
.yx-refined .yx-portal-shortcuts span { background: var(--yx-surface); border: 1px solid var(--yx-border); padding: 1px 6px; border-radius: 5px; opacity: 1; font-size: 11px; }
.yx-refined .yx-section-heading { border-bottom: 1px solid var(--yx-border); padding-bottom: 16px; margin-bottom: 16px; }
.yx-refined .yx-section-heading h2,
.yx-refined .yx-category-latest-title { font-size: 18px; letter-spacing: .2px; color: var(--yx-ink); }
.yx-refined .yx-section-heading h2::before,
.yx-refined .yx-category-latest-title::before { content: ""; display: inline-block; width: 3px; height: 16px; border-radius: 3px; background: var(--yx-accent); margin-right: 10px; vertical-align: -1px; }
.yx-refined .yx-category-tabs { gap: 7px; padding-bottom: 16px; }
.yx-refined .yx-category-tabs a { border-radius: 7px; padding: 6px 12px; color: var(--yx-secondary); }
.yx-refined .yx-category-tabs a.active { background: var(--yx-accent-soft); color: var(--yx-accent); font-weight: 600; }
.yx-refined .yx-category-tabs a:hover { color: var(--yx-accent); }
.yx-refined :is(.yx-nav-categories, .yx-home-nav-tabs) a.active { color: var(--yx-accent) !important; }
.yx-refined :is(.yx-nav-categories, .yx-home-nav-tabs) a.active::after { background: var(--yx-accent); }
.yx-refined .yx-nav-categories { gap: 8px 24px; padding-bottom: 12px; }
.yx-refined .yx-article-grid { column-gap: 36px; }
.yx-refined .yx-article-row { min-height: 38px; font-size: 15px; }
.yx-refined .yx-article-row a { color: var(--yx-ink); }
.yx-refined .yx-article-row a:hover { color: var(--yx-accent); }
.yx-refined .yx-article-row time { color: var(--yx-quiet); font-size: 14px; font-variant-numeric: tabular-nums; }
.yx-refined .yx-article-row time.yx-article-latest-date { color: var(--yx-accent); }
/* Dates align with the right edge of each article column. */
.yx-refined #resources .yx-article-grid { column-gap: 28px; }
.yx-refined #resources .yx-article-row { min-height: 34px; gap: 10px; }
.yx-refined #resources .yx-article-row > a { flex: 1; min-width: 0; }
.yx-refined #resources :is(.yx-sponsored-row,.yx-empty-pin) > a { max-width: 100%; }
.yx-refined #resources .yx-article-row > time { font-size: 14px; white-space: nowrap; }
.yx-refined .yx-pagination { gap: 7px; margin-top: 24px; }
.yx-refined .yx-pagination .page-numbers,
.yx-refined .pagination .page-numbers { border: 1px solid var(--yx-border); background: var(--yx-surface); color: var(--yx-secondary); border-radius: 8px; min-width: 34px; height: 34px; }
.yx-refined .yx-pagination .current,
.yx-refined .pagination .current { color: #fff; background: var(--yx-accent); border-color: var(--yx-accent); }
.yx-refined .yx-pagination a:hover { background: var(--yx-accent-soft); color: var(--yx-accent); border-color: var(--yx-accent); }
.yx-refined .yx-pagination .disabled { opacity: .45; }
.yx-refined .yx-page-status { color: var(--yx-quiet); }

/* Latest-category panels and compact navigation retain their density. */
.yx-refined .yx-category-latest { --yx-latest-accent: var(--yx-accent); }
.yx-refined .yx-category-latest-grid { gap: 16px; }
.yx-refined .yx-latest-category { border: 1px solid var(--yx-border); border-radius: 12px; box-shadow: var(--yx-shadow); }
.yx-refined .yx-latest-heading { padding: 15px 16px; border-bottom: 1px solid var(--yx-border); }
.yx-refined .yx-latest-heading h3 { color: var(--yx-ink); }
.yx-refined .yx-latest-more { background: var(--yx-accent-soft); color: var(--yx-accent) !important; padding: 4px 8px; border-radius: 5px; font-size: 12px; }
.yx-refined .yx-latest-more:hover { background: var(--yx-accent); color: #fff !important; }
.yx-refined .yx-latest-list { padding: 6px 16px 10px; }
.yx-refined .yx-latest-row { min-height: 40px; border-bottom-style: solid; }
.yx-refined .yx-latest-icon { border: 0; transform: none; width: 4px; height: 4px; border-radius: 50%; background: var(--yx-quiet); }
.yx-refined .yx-directory-all { border: 1px solid var(--yx-border); background: var(--yx-accent-soft); color: var(--yx-accent) !important; border-radius: 6px; padding: 5px 10px; }
.yx-refined .yx-nav-card.yx-nav-main { border-color: var(--yx-border); border-radius: 8px; background: var(--yx-surface); color: var(--yx-ink); }
.yx-refined .yx-nav-card:hover { border-color: var(--yx-accent); background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined .yx-nav-icon { background: var(--yx-accent-soft); }
.yx-refined .yx-nav-letter { color: var(--yx-accent); }
.yx-refined .yx-nav-arrow { color: var(--yx-quiet); border-color: var(--yx-border); }
.yx-refined .yx-nav-more { color: var(--yx-accent); border-radius: 8px; }
.yx-refined .yx-nav-search { border-color: var(--yx-border); border-radius: 9px; }
.yx-refined .yx-nav-search input { color: var(--yx-ink); }
.yx-refined .yx-nav-search button { border-radius: 0; }

/* Card results and native category lists share the same surfaces and type. */
.yx-refined #combined-search .yx-search-card { border-color: var(--yx-border); border-radius: 11px; color: var(--yx-ink); box-shadow: 0 2px 8px rgba(31,42,60,.02); }
.yx-refined #combined-search .yx-search-card:hover { border-color: var(--yx-accent); box-shadow: 0 8px 24px rgba(31,42,60,.07); }
.yx-refined #combined-search .yx-search-category { background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined #combined-search .yx-search-cover { background: linear-gradient(135deg, var(--yx-accent-soft), var(--yx-canvas)); }
.yx-refined #combined-search .yx-search-site-icon { color: var(--yx-accent); }
.yx-refined .taxonomy-selects.card { background: var(--yx-surface); border: 1px solid var(--yx-border); border-radius: 12px; box-shadow: var(--yx-shadow); }
.yx-refined .taxonomy-selects a { color: var(--yx-secondary); }
.yx-refined .taxonomy-selects a.active { background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined .posts-item.style-post-min { background: var(--yx-surface); border: 1px solid var(--yx-border); border-radius: 12px; padding: 18px; box-shadow: var(--yx-shadow); }
.yx-refined .posts-item .item-title { font-size: 16px; line-height: 1.6; font-weight: 600; }
.yx-refined .posts-item .item-title a { color: var(--yx-ink); }
.yx-refined .posts-item .item-title a:hover { color: var(--yx-accent); }
.yx-refined .posts-item .item-media { border-radius: 8px; overflow: hidden; }
.yx-refined .posts-item .item-tags .badge { background: var(--yx-accent-soft); color: var(--yx-accent); border-radius: 4px; }
.yx-refined .posts-item .item-meta { color: var(--yx-quiet); }

/* Reading pages: stronger headings, readable paragraphs and calm widgets. */
.yx-refined .panel.card,
.yx-refined .widget .card,
.yx-refined #add-widgets.card { background: var(--yx-surface); border: 1px solid var(--yx-border); border-radius: 12px; box-shadow: var(--yx-shadow); }
.yx-refined .panel.card > .card-body { padding: 32px; }
.yx-refined .panel-header h1 { color: var(--yx-ink); font-size: clamp(23px, 2.1vw, 30px); line-height: 1.55; font-weight: 700; letter-spacing: -.3px; }
.yx-refined .panel-body.single { color: var(--yx-ink); font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.yx-refined .panel-body.single :is(h2,h3,h4) { color: var(--yx-ink); line-height: 1.6; margin-top: 1.6em; margin-bottom: .75em; }
.yx-refined .panel-body.single h2 { font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid var(--yx-border); }
.yx-refined .panel-body.single h3 { font-size: 19px; }
.yx-refined .panel-body.single p { margin-bottom: 1.2em; }
.yx-refined .panel-body.single a { color: var(--yx-accent); text-decoration-color: var(--yx-accent); text-underline-offset: 3px; }
.yx-refined .panel-body.single img { border-radius: 8px; }
.yx-refined .panel-body.single blockquote { border-left: 3px solid var(--yx-accent); background: var(--yx-canvas); padding: 16px 20px; border-radius: 0 8px 8px 0; color: var(--yx-secondary); }
.yx-refined .panel-body.single :is(pre,code) { background: var(--yx-canvas); border-radius: 6px; }
.yx-refined .panel-body.single table:not([style]) { border-color: var(--yx-border); }
.yx-refined .main-footer { background: var(--yx-surface); border-top: 1px solid var(--yx-border); color: var(--yx-secondary); }
.yx-refined .main-footer a { color: var(--yx-secondary); }
.yx-refined .main-footer a:hover { color: var(--yx-accent); }
.yx-refined #go-to-up .btn { background: var(--yx-surface); color: var(--yx-secondary); border: 1px solid var(--yx-border); border-radius: 10px; }

/* Advertising stays in its configured rows, with matching outer frames. */
.yx-refined .yx-sitewide-banners { max-width: 1280px; gap: 8px; }
.yx-refined .yx-sitewide-banners .yx-ad,
.yx-refined .yx-ad:not(.yx-ad-text) { border-color: var(--yx-border); border-radius: 7px; }
.yx-refined .yx-ad-empty { background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined .yx-text-ad-table { overflow: hidden; border-radius: 8px; }
.yx-refined .yx-floating-ad { background: var(--yx-surface); border: 1px solid var(--yx-border); border-radius: 10px; }
.yx-refined .yx-floating-ad .yx-ad { border-radius: 6px; }
/* Desktop homepage long banners follow intrinsic proportions with a modest height cap. */
@media (min-width: 992px) {
    .yx-refined .yx-ads-long .yx-ad-long:has(img) { aspect-ratio: auto; }
    .yx-refined .yx-ads-long .yx-ad-long img {
        position: static; inset: auto; width: 100%; height: auto;
        max-height: 100px; object-fit: fill;
    }
}
.io-black-mode .yx-refined .yx-advertiser-article,
.yx-refined.io-black-mode .yx-advertiser-article { color: var(--yx-ink) !important; }
.io-black-mode .yx-refined .panel-body.single [style*="color: #000"],
.yx-refined.io-black-mode .panel-body.single [style*="color: #000"] { color: var(--yx-ink) !important; }

@media (max-width: 991px) {
    .yx-refined .posts-item.style-post-min { padding: 14px; }
    .yx-refined .panel.card > .card-body { padding: 24px; }
}
@media (max-width: 600px) {
    .yx-refined .yx-portal,
    .yx-refined .yx-navigation-page { width: calc(100% - 20px); margin-top: 18px; }
    .yx-refined .yx-panel,
    .yx-refined .yx-navigation-page .yx-navigation { padding: 16px 13px; border-radius: 10px; margin-bottom: 18px; }
    .yx-refined .yx-site-search { margin-top: 14px; }
    .yx-refined .yx-site-search-form input[type=search] { font-size: 13px; padding: 0 10px; height: 38px; }
    .yx-refined .yx-site-search-form button { padding: 0 18px; height: 38px; }
    .yx-refined .yx-portal-shortcuts { font-size: 12px; gap: 10px 15px; margin-bottom: 16px; }
    .yx-refined .yx-section-heading { gap: 8px; padding-bottom: 12px; }
    .yx-refined .yx-section-heading h2,
    .yx-refined .yx-category-latest-title { font-size: 17px; }
    .yx-refined .yx-category-tabs a { padding: 5px 9px; }
    .yx-refined .yx-latest-heading { padding: 13px; }
    .yx-refined .yx-latest-list { padding: 5px 13px 9px; }
    .yx-refined .yx-pagination { gap: 5px; }
    .yx-refined .yx-pagination .page-numbers { min-width: 31px; height: 32px; padding: 0 8px; }
    .yx-refined .yx-page-status { flex-basis: 100%; text-align: center; margin: 6px 0 0; }
    .yx-refined .panel.card > .card-body { padding: 20px 16px; }
    .yx-refined .panel-header h1 { font-size: 23px; }
    .yx-refined .panel-body.single { font-size: 15px; line-height: 1.85; }
    .yx-refined .panel-body.single h2 { font-size: 20px; }
    .yx-refined .posts-item .item-title { font-size: 15px; }
    .yx-refined .posts-item.style-post-min { padding: 13px; }
}
/* Useful left column beside the homepage's two-column text list. */
.yx-refined .yx-home-workspace { display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 20px; align-items: start; margin-bottom: 24px; }
.yx-refined .yx-home-resources { min-width: 0; }
.yx-refined .yx-home-resources #resources { margin-bottom: 0; }
.yx-refined .yx-home-tools { display: grid; gap: 16px; min-width: 0; }
.yx-refined .yx-tool-panel { border: 1px solid var(--yx-border); border-radius: 12px; background: var(--yx-surface); padding: 18px; box-shadow: var(--yx-shadow); }
.yx-refined .yx-tool-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 16px; }
.yx-refined .yx-tool-heading h2 { margin: 0; font-size: 17px; font-weight: 600; color: var(--yx-ink); }
.yx-refined .yx-tool-heading > span { font-size: 13px; color: var(--yx-quiet); white-space: nowrap; }
.yx-refined #yx-tool-clock { display: block; color: var(--yx-ink); font-size: 34px; font-weight: 650; font-variant-numeric: tabular-nums; letter-spacing: .5px; line-height: 1.25; }
.yx-refined #yx-clock-date { color: var(--yx-secondary); font-size: 14px; margin: 8px 0 18px; }
.yx-refined .yx-calendar-detail > summary { display: none; }
.yx-refined .yx-calendar-nav { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; border-top: 1px solid var(--yx-border); margin-bottom: 10px; }
.yx-refined .yx-calendar-nav strong { font-size: 14px; font-weight: 600; }
.yx-refined .yx-calendar-nav button { border: 0; background: var(--yx-canvas); border-radius: 6px; color: var(--yx-secondary); width: 28px; height: 28px; font-size: 20px; line-height: 1; }
.yx-refined :is(.yx-calendar-week,.yx-calendar-days) { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 3px; text-align: center; }
.yx-refined .yx-calendar-week { margin-bottom: 5px; font-size: 13px; color: var(--yx-quiet); }
.yx-refined .yx-calendar-week span { padding: 4px 0; }
.yx-refined .yx-calendar-days button { border: 0; background: transparent; color: var(--yx-ink); border-radius: 6px; padding: 0; height: 30px; font-size: 14px; font-variant-numeric: tabular-nums; }
.yx-refined .yx-calendar-days button.today { color: var(--yx-accent); font-weight: 700; }
.yx-refined .yx-calendar-days button.selected { background: var(--yx-accent); color: #fff; }
.yx-refined .yx-calendar-days button:hover { background: var(--yx-accent-soft); color: var(--yx-accent); }
.io-black-mode .yx-refined .yx-calendar-days button.selected { color: var(--yx-canvas); }
.yx-refined .yx-almanac { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--yx-border); }
.yx-refined .yx-almanac-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.yx-refined .yx-almanac-top strong { font-size: 14px; }
.yx-refined #yx-calendar-today { border: 0; background: transparent; color: var(--yx-accent); font-size: 13px; padding: 0; }
.yx-refined #yx-lunar-date { font-size: 14px; color: var(--yx-secondary); margin: 8px 0 12px; line-height: 1.7; }
.yx-refined #yx-calendar-festival { font-size: 14px; color: var(--yx-accent); margin: 0 0 10px; }
.yx-refined .yx-almanac-row { display: flex; gap: 9px; align-items: baseline; margin: 9px 0; font-size: 14px; line-height: 1.8; color: var(--yx-secondary); }
.yx-refined .yx-almanac-row b { font-size: 13px; color: #37715a; background: #edf5ef; border-radius: 4px; padding: 0 5px; flex: none; }
.yx-refined .yx-almanac-ji b { background: var(--yx-accent-soft); color: var(--yx-accent); }
.yx-refined .yx-almanac-more { font-size: 13px; color: var(--yx-quiet); margin-top: 12px; }
.yx-refined .yx-almanac-more summary { cursor: pointer; }
.yx-refined .yx-almanac-more p { line-height: 1.9; margin: 8px 0 0; }
.yx-refined .yx-tool-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 4px; background: var(--yx-canvas); border-radius: 8px; margin-bottom: 14px; }
.yx-refined .yx-tool-tabs button { border: 0; background: transparent; color: var(--yx-secondary); border-radius: 5px; padding: 6px; font-size: 14px; }
.yx-refined .yx-tool-tabs button[aria-selected=true] { background: var(--yx-surface); color: var(--yx-accent); box-shadow: 0 1px 4px rgba(30,40,60,.07); font-weight: 600; }
.yx-refined .yx-tool-pane[hidden] { display: none; }
.yx-refined .yx-tool-pane label { display: block; margin: 8px 0 7px; font-size: 14px; color: var(--yx-secondary); }
.yx-refined .yx-tool-pane :is(textarea,input) { display: block; width: 100%; min-width: 0; border: 1px solid var(--yx-border); border-radius: 7px; padding: 9px; background: var(--yx-surface); color: var(--yx-ink); font-size: 14px; }
.yx-refined .yx-tool-pane textarea { resize: vertical; min-height: 82px; }
.yx-refined .yx-tool-pane textarea::placeholder { color: var(--yx-quiet); }
.yx-refined .yx-tool-pane output { display: block; margin-top: 10px; font-size: 14px; color: var(--yx-secondary); line-height: 1.7; overflow-wrap: anywhere; }
.yx-refined .yx-tool-actions { display: flex; gap: 8px; margin-top: 9px; }
.yx-refined .yx-tool-actions button { border: 1px solid var(--yx-border); background: var(--yx-canvas); color: var(--yx-secondary); border-radius: 6px; padding: 5px 12px; font-size: 14px; }
.yx-refined .yx-tool-actions button:hover { border-color: var(--yx-accent); color: var(--yx-accent); }
@media (max-width: 1199px) {
    .yx-refined .yx-home-workspace { grid-template-columns: 250px minmax(0,1fr); gap: 16px; }
    .yx-refined .yx-home-resources #resources { padding: 20px; }
    .yx-refined .yx-home-resources #resources .yx-article-grid { column-gap: 20px; }
}
@media (max-width: 991px) {
    .yx-refined .yx-home-workspace { grid-template-columns: minmax(0,1fr); }
    .yx-refined .yx-home-tools { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
    .yx-refined .yx-calendar-detail > summary { display: flex; justify-content: space-between; cursor: pointer; border-top: 1px solid var(--yx-border); padding-top: 12px; font-size: 12px; }
    .yx-refined .yx-calendar-detail > summary span { color: var(--yx-accent); font-size: 11px; }
    .yx-refined .yx-calendar-detail > summary span::before { content: "展开日历"; }
    .yx-refined .yx-calendar-detail[open] > summary span::before { content: "收起日历"; }
}
@media (max-width: 600px) {
    .yx-refined .yx-home-tools { grid-template-columns: minmax(0,1fr); gap: 12px; }
    .yx-refined .yx-home-resources #resources { padding: 16px 13px; }
    .yx-refined .yx-home-workspace { gap: 16px; margin-bottom: 18px; }
    .yx-refined .yx-tool-panel { padding: 16px; border-radius: 10px; }
    .yx-refined #yx-clock-date { margin-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .yx-refined :is(.yx-search-card,.yx-search-cover img,.yx-nav-card) { transition: none !important; transform: none !important; }
}

/* Compact site chrome and mobile resource navigation. */
.yx-refined .navbar-logo img { height: 42px; max-height: 42px; width: auto; }
.yx-refined .main-footer .footer { padding-top: 24px !important; padding-bottom: 14px; background: transparent; }
.yx-refined .main-footer .footer-logo img { height: 34px; width: auto; }
.yx-refined .main-footer .footer-logo + div { margin-top: 12px !important; font-size: 13px; line-height: 1.8; }
.yx-refined .main-footer .footer-links { line-height: 1.8; }
.yx-refined .main-footer #friendlink { margin-top: 14px !important; margin-bottom: 0 !important; }
.yx-refined .main-footer .friend-link { display: flex; flex-wrap: wrap; gap: 5px 14px; font-size: 12px; line-height: 1.7; }
.yx-refined .main-footer .friend-link a { margin: 0; }
.yx-refined .main-footer .footer-mini-img { width: 72px; margin: 0 6px; }
.yx-refined .main-footer .footer-copyright { width: 100%; margin: 16px 0 0 !important; text-align: center; }
@media (max-width: 767px) {
    .yx-refined .navbar-logo img { height: 40px; max-height: 40px; }
    .yx-refined #resources .yx-section-heading { flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; }
    .yx-refined #resources .yx-section-heading h2 { font-size: 16px; white-space: nowrap; }
    .yx-refined #resources .yx-section-heading > span { font-size: 11px; white-space: nowrap; }
    .yx-refined #resources > .yx-category-tabs { flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding-bottom: 10px; margin-bottom: 10px; scrollbar-width: none; }
    .yx-refined #resources > .yx-category-tabs::-webkit-scrollbar { display: none; }
    .yx-refined #resources > .yx-category-tabs a { flex: none; white-space: nowrap; font-size: 14px; padding: 5px 9px; }
    .yx-refined .main-footer .container-footer { padding-right: 20px; padding-left: 20px; }
    .yx-refined .main-footer .footer { padding: 20px 0 14px !important; text-align: left !important; }
    .yx-refined .main-footer .footer > [class*="col-"] { margin: 0 !important; }
    .yx-refined .main-footer .footer-logo { display: none; }
    .yx-refined .main-footer .footer-logo + div { margin-top: 0 !important; font-size: 12px; line-height: 1.8; }
    .yx-refined .main-footer .footer-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 12px 0 0 !important; font-size: 12px; }
    .yx-refined .main-footer .footer-links a { margin: 0; padding: 0; }
    .yx-refined .main-footer .footer-links a::after { display: none; }
    .yx-refined .main-footer #friendlink { margin-top: 12px !important; }
    .yx-refined .main-footer #friendlink h4 { font-size: 12px; margin-bottom: 6px !important; }
    .yx-refined .main-footer .friend-link { gap: 5px 12px; }
    .yx-refined .main-footer .footer > .col-md-3 { display: flex; justify-content: center; gap: 20px; padding-top: 14px; }
    .yx-refined .main-footer .footer-mini-img { margin: 0; }
    .yx-refined .main-footer .footer-mini-img span { display: block; margin-top: 4px !important; font-size: 10px; }
    .yx-refined .main-footer .footer-copyright { margin-top: 12px !important; font-size: 10px; }
}@media (max-width: 767px) {
    .yx-refined .main-footer .footer-logo + div { font-size: 12px !important; line-height: 1.7 !important; }
    .yx-refined .main-footer .footer-links,
    .yx-refined .main-footer #friendlink h4,
    .yx-refined .main-footer .friend-link { font-size: 12px !important; }
    .yx-refined .main-footer .friend-link a { font-size: 12px !important; line-height: 1.6; padding: 0; }
    .yx-refined .main-footer .footer-copyright { font-size: 10px !important; }
}
/* The homepage tools stay beside desktop articles and are omitted on phones. */
.yx-refined .yx-home-workspace { grid-template-columns: 310px minmax(0,1fr); }
.yx-refined .yx-almanac-more p { margin: 0; }
@media (max-width: 1199px) and (min-width: 992px) {
    .yx-refined .yx-home-workspace { grid-template-columns: 290px minmax(0,1fr); }
}
@media (max-width: 991px) {
    .yx-refined .yx-home-workspace { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 767px) {
    .yx-refined .yx-home-tools { display: none; }
}
/* Default vacancy banners keep their typography proportion on narrow screens. */
.yx-refined .yx-ad-empty:not(.yx-ad-square):has(img) { background: #f5f6f8; }
.yx-refined .yx-ad-empty:not(.yx-ad-square) img { object-fit: contain !important; }

/* Inline SVG placeholder: no extra image download, wrappers or animation. */
.yx-refined img.yx-image-pending {
    background-color: var(--yx-canvas);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='48' viewBox='0 0 150 48'%3E%3Ccircle cx='18' cy='24' r='9' fill='none' stroke='%23a3adba' stroke-width='2.5' stroke-dasharray='40 17'/%3E%3Ctext x='37' y='29' font-family='sans-serif' font-size='13' fill='%23848f9f'%3E%E5%9B%BE%E7%89%87%E5%8A%A0%E8%BD%BD%E4%B8%AD%3C/text%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: min(150px, 80%) auto;
    color: transparent;
}
.yx-refined img.yx-image-body.yx-image-pending { min-height: 96px; }
.yx-refined img.yx-image-failed { background-color: var(--yx-canvas); }