/* Shared desktop navigation; feed content retains its existing styles. */
html.min-width-1200 { min-width: 0; }
body { background: #f5f7fa; }
body.site-layout { padding-top: var(--site-header-height, 57px); box-sizing: border-box; }
.layout-global-header { position: fixed; inset: 0 0 auto; z-index: 1000; width: 100%; height: 56px; flex-shrink: 0; background: rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(226, 231, 239, .7); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.layout-global-header .navigation { flex-direction: row; align-items: center; height: 56px; width: 100%; padding: 0 4%; gap: 28px; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
@supports not (backdrop-filter: blur(12px)) {
    .layout-global-header { background: rgba(255, 255, 255, .96); }
}
.layout-global-header .navigation .logo { width: auto; height: 36px; flex-shrink: 0; gap: 8px; }
.layout-global-header .navigation .logo img { width: auto; height: 30px; max-width: 112px; object-fit: contain; }
.layout-global-header .navigation .logo span { display: none; }
.layout-global-header .navigation ul.nav { display: flex; flex-direction: row; align-items: center; flex: 1; gap: 12px; margin: 0; padding: 0; border: 0; overflow: visible; }
.layout-global-header .navigation ul.nav li { width: auto; height: auto; margin: 0; line-height: 1; }
.layout-global-header .navigation ul.nav li a { display: flex; align-items: center; width: auto; height: auto; line-height: 20px; gap: 8px; padding: 9px 12px; border: 0; border-radius: 5px; font-size: 14px; font-weight: 400; color: #596579; background: transparent; box-shadow: none; }
.layout-global-header .navigation ul.nav li a span { display: inline; }
.layout-global-header .navigation ul.nav li a i { display: inline; width: auto; height: auto; margin: 0; border: 0; border-radius: 0; font-size: 17px; line-height: 1; color: inherit; background: none; }
.layout-global-header .navigation ul.nav li.active, .layout-global-header .navigation ul.nav li:hover { background: none; }
.layout-global-header .navigation ul.nav li.active a, .layout-global-header .navigation ul.nav li:hover a { color: #1677ff; background: #f0f6ff; border-radius: 5px; box-shadow: none; }
.layout-global-header .navigation ul.nav li.active a i { color: inherit; background: none; }
.layout-global-header .navigation ul.nav li.active a::after { display: none; }
.header-account { display: flex; align-items: center; gap: 16px; flex-shrink: 0; font-size: 14px; }
.header-account a, .header-account summary { color: #596579; }
.header-account a:hover { color: #1677ff; }
.header-account details { position: relative; }
.header-account summary { display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none; }
.header-account summary::-webkit-details-marker { display: none; }
.header-account summary img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.header-account summary > span { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-account-menu { position: absolute; top: 42px; right: 0; min-width: 140px; padding: 6px; background: #fff; border: 1px solid #e2e7ef; border-radius: 6px; box-shadow: 0 6px 20px #182c4812; }
.header-account-menu a { display: block; padding: 8px 12px; white-space: nowrap; }
.header-account-menu a span { margin-left: 8px; color: #1677ff; }
.layout-global-main.vibe-home { margin: 28px 0 0; padding: 0 24px 36px; }
.home-page .vibe-shell { display: block; width: 896px; max-width: 100%; margin: 0 auto; }
.moment-detail-page .vibe-shell { display: block; width: 896px; max-width: 100%; margin: 0 auto; }
.layout-global-main:not(.vibe-home), .domain-market, .layout-global-user, .layout-global-crumbs { margin: 24px 0 0; padding: 0 24px; }
.layout-global-main:not(.vibe-home) .container, .domain-market .container, .layout-global-user .container, .layout-global-crumbs .container { width: 100%; max-width: 1240px; margin: 0 auto; box-sizing: border-box; }
.layout-global-main:not(.vibe-home) .main-layout-section { margin-right: 0; }
.layout-global-user .container { display: block; max-width: 896px; }
.layout-global-user .right-iframe { width: 100%; min-height: 560px; border: 1px solid #e5eaf2; border-radius: 6px; box-shadow: none; box-sizing: border-box; }
.layout-global-user .user-modular-title { height: auto; padding: 20px 0 16px; font-size: 17px; text-align: left; border-bottom: 1px solid #edf0f5; }
.layout-global-user .layui-tab-title li { font-size: 14px; font-weight: 400; }
.layout-global-user .avatar .upload .wrapper img { object-fit: cover; }
.layout-global-main.profile-page { width: 100%; max-width: 1240px; margin: 24px auto 56px; box-sizing: border-box; }

.layout-global-main.notes-page .container { gap: 18px; align-items: flex-start; }
.layout-global-main.notes-page .main-layout-aside { width: 360px; flex-basis: 360px; }
.notes-page .layui-card, .chengyu-query-page .layui-card { border: 1px solid #e8edf3; border-radius: 6px; box-shadow: none; }
.notes-page .article-category-filter { margin-bottom: 0; border-radius: 6px 6px 0 0; background: #fff; box-shadow: none; border-bottom: 1px solid #edf0f5; }
.notes-page .index-modular-lists > .layui-card > .layui-card-header { display: none; }
.notes-page .index-modular-lists > .layui-card { border-top: 0; border-radius: 0 0 6px 6px; }
.notes-page .index-modular-lists li { box-shadow: none; border-radius: 0; border-bottom: 1px solid #edf0f5; }
.notes-page .index-modular-lists h3 { font-size: 17px; }
.notes-page .article-category-filter a.active, .notes-page .article-category-filter a:hover { color: #1677ff; background: #edf4ff; box-shadow: none; }
.notes-page .index-modular-lists .region-right h3 a { height: 26px; font-size: 17px; line-height: 26px; }
.notes-page .index-modular-lists .region-right p.intro { height: 46px; margin-top: 6px; font-size: 14px; line-height: 23px; }
.notes-page .index-modular-lists .region-right .tags { margin: 8px 0 0; }
.notes-page .index-modular-lists ul li { padding: 16px 0; }
.notes-page .index-modular-lists ul li a.image { width: 200px; height: 114px; }
.notes-page .index-modular-lists .region-right .tags, .notes-page .index-modular-lists .region-right .footer { display: inline-block; vertical-align: middle; }
.notes-page .index-modular-lists .region-right .footer { margin-left: 12px; }
.notes-page .main-layout-aside > div:first-child { margin-top: 0; }
.layout-global-main.chengyu-query-page .container { max-width: 1160px; }
.chengyu-query-page .index-modular-lists > .layui-card { padding: 12px 20px 20px; }
.chengyu-query-page .layui-card-header { font-size: 22px; }
.chengyu-query-page .layui-table { table-layout: fixed; }
.chengyu-query-page .layui-form-mid { margin-top: 0; }
.chengyu-query-page #resultArea { min-height: 110px; margin-top: 20px; border: 1px solid #edf0f5; border-radius: 4px; }
.chengyu-query-page #resultArea:empty::before { display: block; padding: 40px 12px; text-align: center; color: #98a1b1; content: '输入条件后查询成语'; }
.domain-market .container { max-width: 1400px; }
.domain-market .domain-filter-row { flex-wrap: wrap; gap: 10px; }
.domain-market .domain-search .layui-input-inline { margin: 0; }
.domain-market .domain-search .keyword { flex: 1; min-width: 220px; }
.domain-market .domain-filter-row > .layui-btn:not(.layui-btn-primary) { background: #1677ff; }
.domain-market .domain-card, .domain-market .domain-search { border: 1px solid #e5eaf2; border-radius: 6px; box-shadow: none; }
.domain-market .domain-card-wrap::before, .domain-market .domain-card-tags .domain-age-badge::after { display: none; }
.domain-market .domain-card-tags .domain-age-badge { animation: none; }
.domain-market .domain-card.is-recommend .domain-card-name { color: #1f2937; background: none; -webkit-text-fill-color: currentColor; }
.domain-market .domain-card-name { font-size: 22px; }
.domain-market .domain-shops, .domain-market .domain-contact, .domain-market .domain-links { display: flex; align-items: center; gap: 20px; margin-top: 12px; padding-top: 10px; }
.domain-market .domain-shops-title, .domain-market .domain-contact-title, .domain-market .domain-links-title { margin: 0; font-size: 14px; flex-shrink: 0; }
.layout-global-footer { width: 100%; padding: 24px; box-sizing: border-box; background: transparent; border: 0; box-shadow: none; }
.layout-global-footer .container { width: 100%; max-width: 1240px; margin: 0 auto; }
.layout-global-footer .footer-bottom { border: 0; justify-content: center; }
.layout-global-main.applications-page { margin: 0; padding: 0; }
.layout-global-main.applications-page .container { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 0; max-width: none; }
.applications-sidebar { position: sticky; top: var(--site-header-height, 57px); min-width: 0; height: calc(100vh - var(--site-header-height, 57px)); overflow-y: auto; box-sizing: border-box; padding: 24px 16px; border-right: 1px solid #e1e7ef; background: #fff; }
.applications-content { min-width: 0; width: 100%; max-width: 1488px; margin: 0 auto; padding: 24px; box-sizing: border-box; }
body.applications-layout { background: #fafbfc; }
.applications-heading { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding: 0 0 20px; }
.applications-heading h1 { margin: 0; font-size: 22px; line-height: 38px; color: #172033; }
.applications-search { display: flex; width: 280px; max-width: 100%; border: 1px solid #e1e5eb; border-radius: 6px; background: #fff; box-sizing: border-box; }
.applications-search:focus-within { border-color: #8bbafa; }
.applications-search input { min-width: 0; width: 100%; padding: 8px 12px; border: 0; border-radius: 6px; background: transparent; }
.applications-search button { padding: 0 14px; color: #597092; background: none; border: 0; cursor: pointer; }
.applications-tags { display: flex; flex-direction: column; align-items: stretch; gap: 6px; padding: 0; }
.applications-tags-title { margin: 0 10px 6px; font-size: 13px; color: #596579; }
.tag-app-count { font-size: 12px; color: #94a0b3; }
.tag-app-count { margin-left: 6px; }
.applications-tags a, .application-labels a { padding: 4px 10px; color: #64748b; border-radius: 4px; background: #edf1f6; }
.applications-tags a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px; background: transparent; overflow-wrap: anywhere; }
.applications-tags a:hover { color: #1677ff; background: #f3f7fd; }
.applications-tags .tag-app-count { flex-shrink: 0; }
.applications-tags a.active { color: #1677ff; background: #e7f0ff; }
.applications-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 0; }
.application-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e1e7ef; border-radius: 6px; background: #fff; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.application-card:hover, .application-card:focus-within { transform: translateY(-4px); border-color: #b7d3f7; box-shadow: 0 8px 22px rgba(35, 65, 105, .10); }
.application-card:hover h2 a, .application-card:focus-within h2 a { color: #1677ff; }
.application-cover { display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.application-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.application-card:hover .application-cover img { transform: scale(1.035); }
.application-cover-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #c0c9d5; background: #f5f7fa; }
.application-cover-placeholder i { font-size: 36px; }
.application-body { display: flex; flex-direction: column; flex: 1; padding: 14px; }
.application-body h2 { font-size: 16px; overflow-wrap: anywhere; }
.application-labels { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; font-size: 12px; }
@media (prefers-reduced-motion: reduce) {
    .application-card, .application-cover img { transition: none; }
    .application-card:hover, .application-card:focus-within, .application-card:hover .application-cover img { transform: none; }
}
.applications-empty { padding: 70px 20px; text-align: center; color: #94a0b3; }
.applications-empty a { margin-left: 12px; color: #1677ff; }
.applications-pagination { display: flex; justify-content: center; gap: 24px; padding: 28px 0; }
.header-account a:focus-visible, .applications-page a:focus-visible, .layout-global-header .nav a:focus-visible { outline: 2px solid #1677ff; outline-offset: 3px; }
@media (min-width: 1400px) {
    .applications-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
    .layout-global-main.applications-page .container { grid-template-columns: 200px minmax(0, 1fr); }
    .applications-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .layout-global-header .navigation { padding: 0 20px; gap: 14px; }
    .layout-global-header .navigation ul.nav { gap: 2px; }
    .layout-global-header .navigation ul.nav li a { padding: 9px; }
    .layout-global-main.notes-page .main-layout-aside { width: 270px; flex-basis: 270px; }
    .domain-market .domain-list, .domain-market .domain-suffix-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .layout-global-main.applications-page .container { grid-template-columns: minmax(0, 1fr); }
    .applications-sidebar { position: static; height: auto; border-right: 0; border-bottom: 1px solid #e1e7ef; }
    .applications-content { padding: 20px 12px; }
    .applications-heading { flex-direction: row; align-items: center; gap: 16px; padding-bottom: 16px; }
    .applications-search { flex: 1; }
    .applications-tags { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .applications-tags-title { flex-basis: 100%; margin-left: 0; }
    .applications-tags a { padding: 6px 10px; }
    body.site-layout { --site-header-height: 105px; }
    .applications-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .layout-global-header { height: auto; }
    .layout-global-header .navigation { height: auto; min-height: 56px; flex-wrap: wrap; padding: 10px 16px; gap: 10px; }
    .layout-global-header .navigation ul.nav { order: 3; flex-basis: 100%; justify-content: space-between; }
    .header-account { margin-left: auto; }
    .layout-global-main.vibe-home, .layout-global-main:not(.vibe-home), .domain-market, .layout-global-user, .layout-global-crumbs { padding-left: 12px; padding-right: 12px; }
    .layout-global-main.applications-page { padding: 0; }
    .layout-global-main.notes-page .container { display: block; }
    .layout-global-main.notes-page .main-layout-aside { width: 100%; margin-top: 20px; }
    .domain-market .domain-list, .domain-market .domain-suffix-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .domain-market .domain-card-foot { flex-wrap: wrap; gap: 8px; }
    .chengyu-query-page .index-modular-lists > .layui-card { padding: 8px; }
}
@media (max-width: 420px) {
    .applications-list { grid-template-columns: 1fr; }
}