/*
Theme Name: ZibType
Theme URI: https://typecho.org
Description: A modern card-based Typecho theme inspired by contemporary community blogs.
Version: 1.28.0
Author: Codex
*/

:root {
    --accent: #5865f2;
    --accent-rgb: 88, 101, 242;
    --bg: #f5f6fa;
    --card: #ffffff;
    --card-soft: #f8f9fc;
    --text: #292c35;
    --muted: #8b909c;
    --border: rgba(48, 52, 64, .07);
    --shadow: 0 8px 32px rgba(31, 35, 48, .055);
    --shadow-hover: 0 15px 42px rgba(31, 35, 48, .11);
    --radius: 14px;
    --radius-sm: 9px;
    --header-bg: rgba(255, 255, 255, .86);
    --content-width: 1180px;
    color-scheme: light;
}

html[data-theme="dark"] {
    --bg: #17181c;
    --card: #232428;
    --card-soft: #292a30;
    --text: #e8eaf0;
    --muted: #999eaa;
    --border: rgba(255, 255, 255, .07);
    --shadow: 0 10px 36px rgba(0, 0, 0, .16);
    --shadow-hover: 0 16px 46px rgba(0, 0, 0, .26);
    --header-bg: rgba(28, 29, 33, .88);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] {
        --bg: #17181c;
        --card: #232428;
        --card-soft: #292a30;
        --text: #e8eaf0;
        --muted: #999eaa;
        --border: rgba(255, 255, 255, .07);
        --shadow: 0 10px 36px rgba(0, 0, 0, .16);
        --shadow-hover: 0 16px 46px rgba(0, 0, 0, .26);
        --header-bg: rgba(28, 29, 33, .88);
        color-scheme: dark;
    }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: clip; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    transition: background-color .3s, color .3s;
}
a { color: inherit; text-decoration: none; transition: color .2s, opacity .2s, transform .2s; }
img { max-width: 100%; height: auto; }
button, input, textarea { font: inherit; }
button { color: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.shell { width: min(var(--content-width), calc(100% - 40px)); margin-inline: auto; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); }

/* Header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    height: 70px;
    background: var(--header-bg);
    border-bottom: 1px solid var(--border);
    backdrop-filter: saturate(150%) blur(18px);
    -webkit-backdrop-filter: saturate(150%) blur(18px);
    transition: box-shadow .25s, background .25s;
}
.site-header.is-scrolled { box-shadow: 0 6px 26px rgba(28, 32, 44, .07); }
.header-inner { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; font-weight: 800; font-size: 21px; letter-spacing: -.5px; }
.brand-mark {
    display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px;
    color: inherit; border: 1px solid currentColor; font-family: Georgia, "Times New Roman", serif; font-size: 17px; font-weight: 700; background: transparent; box-shadow: none;
}
.brand-logo { display: block; width: auto; max-width: 170px; height: 38px; object-fit: contain; }
.brand-logo-on-dark { display: none; }
html[data-theme="dark"] .brand-logo-default.has-alternate { display: none; }
html[data-theme="dark"] .brand-logo-on-dark { display: block; }
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] .brand-logo-default.has-alternate { display: none; }
    html[data-theme="auto"] .brand-logo-on-dark { display: block; }
}
.main-nav { display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; height: 100%; white-space: nowrap; overflow: visible; }
.main-nav a { position: relative; padding: 10px 12px; color: var(--muted); font-size: 14px; font-weight: 500; }
.main-nav a:hover, .main-nav a.is-active { color: var(--text); }
.main-nav a.is-active::after {
    content: ""; position: absolute; left: 50%; bottom: 1px; width: 15px; height: 3px; border-radius: 3px; background: var(--accent); transform: translateX(-50%);
}
.main-nav-category { position: relative; display: flex; height: 100%; align-items: center; }
.main-nav-category > a { padding-right: 24px; }
.main-nav-submenu-toggle { position: absolute; z-index: 2; right: 2px; display: grid; width: 25px; height: 34px; padding: 0; place-items: center; border: 0; color: var(--muted); background: transparent; cursor: pointer; }
.main-nav-submenu-toggle:hover, .main-nav-submenu-toggle:focus-visible { color: var(--text); }
.main-nav-submenu-toggle svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease; }
.main-nav-submenu { position: absolute; z-index: 30; top: calc(100% - 1px); left: 0; display: grid; min-width: 190px; max-width: 280px; padding: 7px; visibility: hidden; opacity: 0; border: 1px solid var(--border); border-radius: 7px; background: var(--card); box-shadow: 0 14px 34px rgba(28, 32, 44, .13); transform: translateY(-4px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.main-nav-submenu a { display: block; overflow: hidden; padding: 9px 11px; color: var(--text); border-radius: 5px; text-align: left; text-overflow: ellipsis; text-shadow: none; }
.main-nav-submenu a:hover { color: var(--text); background: var(--card-soft); }
.main-nav-submenu a.is-active { color: var(--accent); background: rgba(var(--accent-rgb), .09); }
.main-nav-submenu a.is-active::after { display: none; }
.main-nav-submenu a.is-nested { padding-left: calc(11px + (var(--nav-depth) - 1) * 13px); font-size: 13px; }
.main-nav-category:hover .main-nav-submenu, .main-nav-category.is-submenu-open .main-nav-submenu { visibility: visible; opacity: 1; transform: translateY(0); }
.main-nav-category:hover .main-nav-submenu-toggle svg, .main-nav-category.is-submenu-open .main-nav-submenu-toggle svg { transform: rotate(180deg); }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.icon-button, .user-button {
    border: 0; display: grid; place-items: center; width: 37px; height: 37px; padding: 0; cursor: pointer; border-radius: 11px; background: var(--card-soft); color: var(--text);
}
.icon-button:hover, .user-button:hover { background: rgba(var(--accent-rgb), .11); color: var(--accent); }
.icon-button svg, .user-button svg { width: 19px; height: 19px; }
.user-button { border-radius: 50%; color: var(--text); background: var(--card-soft); font-size: 13px; font-weight: 800; }
.user-button:hover { color: var(--text); transform: translateY(-1px); }
.user-button img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.header-user-menu { position: relative; }
.header-user-menu .user-button { position: relative; }
.header-user-menu .user-button > span { display: grid; width: 100%; height: 100%; overflow: hidden; place-items: center; border-radius: 50%; background: var(--card-soft); }
[data-user-menu-total], [data-mobile-user-badge], .global-user-menu nav em {
    display: grid; min-width: 17px; height: 17px; padding: 0 4px; place-items: center; border: 2px solid var(--card); border-radius: 10px; color: #fff; background: #f05268; font-size: 8px; font-style: normal; line-height: 1; box-sizing: border-box;
}
[data-user-menu-total] { position: absolute; top: -5px; right: -7px; }
[data-user-menu-total][hidden], [data-mobile-user-badge][hidden], .global-user-menu nav em[hidden], .global-user-expiry[hidden] { display: none; }
.global-user-menu {
    position: absolute; z-index: 1250; top: calc(100% + 13px); right: 0; width: 370px; max-height: calc(100vh - 90px); overflow-x: hidden; overflow-y: auto; border: 1px solid var(--border); border-radius: 16px; color: var(--text); background: var(--card); box-shadow: 0 22px 65px rgba(25, 29, 43, .2); overscroll-behavior: contain; animation: global-user-menu-in .18s ease both;
}
.global-user-menu[hidden], .global-user-backdrop[hidden] { display: none; }
@keyframes global-user-menu-in { from { opacity: 0; transform: translateY(-7px) scale(.985); } to { opacity: 1; transform: none; } }
.global-user-menu > header { display: grid; grid-template-columns: 45px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 17px 18px 14px; }
.global-user-menu > header > span { display: grid; width: 44px; height: 44px; overflow: hidden; place-items: center; border: 1px solid var(--border); border-radius: 13px; background: var(--card-soft); }
.global-user-menu > header > span > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.global-user-menu > header > div { min-width: 0; }
.global-user-menu > header strong, .global-user-menu > header small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global-user-menu > header strong { font-size: 13px; }
.global-user-menu > header small { margin-top: 1px; color: var(--muted); font-size: 8px; }
.global-user-menu > header > a { padding: 5px 9px; border-radius: 13px; color: var(--accent); background: rgba(var(--accent-rgb), .08); font-size: 8px; white-space: nowrap; }
.global-user-vip { display: flex; margin: 0 13px; padding: 12px 14px; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(194, 145, 70, .2); border-radius: 11px; color: #6d5326; background: linear-gradient(105deg, #fff8e8, #fff3d5); }
.global-user-vip b, .global-user-vip small { display: block; }
.global-user-vip b { font-size: 11px; }
.global-user-vip small { margin-top: 1px; opacity: .67; font-size: 8px; }
.global-user-vip > a { flex: 0 0 auto; font-size: 8px; font-weight: 700; }
.global-user-vip.is-expiring { color: #9a4d35; border-color: rgba(219, 103, 67, .22); background: linear-gradient(105deg, #fff1e9, #ffe4d8); }
.global-user-assets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 13px; overflow: hidden; border: 1px solid var(--border); border-radius: 11px; background: var(--card-soft); }
.global-user-assets > a { min-width: 0; padding: 10px 8px; text-align: center; }
.global-user-assets > a + a { border-left: 1px solid var(--border); }
.global-user-assets span, .global-user-assets strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global-user-assets span { color: var(--muted); font-size: 8px; }
.global-user-assets strong { margin-top: 2px; color: var(--text); font-size: 12px; }
.global-user-assets strong b { font: inherit; }
.global-user-business { margin: 0 13px 12px; overflow: hidden; border: 1px solid var(--border); border-radius: 11px; background: var(--card-soft); }
.global-user-business > header { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 4px; gap: 3px; border-bottom: 1px solid var(--border); background: var(--card); }
.global-user-business > header button { position: relative; display: flex; min-width: 0; height: 29px; padding: 0 7px; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; cursor: pointer; font-size: 8px; }
.global-user-business > header button.is-active { color: var(--accent); background: rgba(var(--accent-rgb), .09); font-weight: 700; }
.global-user-business > header em { display: grid; min-width: 15px; height: 15px; padding: 0 4px; place-items: center; border-radius: 8px; color: #fff; background: #f05268; font-size: 7px; font-style: normal; line-height: 1; }
.global-user-business > header em[hidden], .global-user-business-panel[hidden] { display: none; }
.global-user-business-panel { padding: 7px; }
.global-user-order-states { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; margin-bottom: 6px; }
.global-user-order-states > a { display: flex; min-width: 0; padding: 7px 8px; align-items: center; justify-content: space-between; gap: 5px; border: 1px solid var(--border); border-radius: 7px; background: var(--card); }
.global-user-order-states span { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.global-user-order-states b { color: var(--accent); font-size: 11px; }
.global-user-preview-list { display: grid; min-width: 0; }
.global-user-preview-list > p { margin: 0; padding: 15px 8px; color: var(--muted); text-align: center; font-size: 8px; }
.global-user-preview-row { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 5px; border-bottom: 1px solid var(--border); transition: opacity .18s ease; }
.global-user-preview-row:last-child { border-bottom: 0; }
.global-user-preview-row > a { display: grid; min-width: 0; grid-template-columns: 29px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 5px; }
.global-user-preview-row > a:hover { color: var(--accent); background: rgba(var(--accent-rgb), .045); transform: none; }
.global-user-preview-row > a > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; color: var(--accent); background: rgba(var(--accent-rgb), .09); font-size: 8px; font-weight: 800; }
.global-user-preview-row > a > div { min-width: 0; }
.global-user-preview-list strong, .global-user-preview-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.global-user-preview-list strong { color: var(--text); font-size: 9px; }
.global-user-preview-list small { margin-top: 2px; max-width: 190px; color: var(--muted); font-size: 7px; }
.global-user-preview-row > a > em { max-width: 82px; overflow: hidden; color: var(--muted); font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.global-user-preview-row.is-unread > a > em { min-width: 17px; padding: 2px 5px; border-radius: 9px; color: #fff; background: #f05268; text-align: center; }
.global-user-preview-row.is-unavailable { opacity: .62; }
.global-user-preview-row.is-updating { pointer-events: none; opacity: .5; }
.global-user-preview-actions { display: flex; min-width: 0; padding-right: 4px; align-items: center; gap: 3px; }
.global-user-preview-actions button { min-width: 25px; height: 25px; padding: 0 7px; border: 1px solid rgba(var(--accent-rgb), .18); border-radius: 7px; color: var(--accent); background: rgba(var(--accent-rgb), .075); cursor: pointer; font-size: 7px; white-space: nowrap; }
.global-user-preview-actions button:hover { background: rgba(var(--accent-rgb), .14); }
.global-user-preview-actions button:disabled { cursor: not-allowed; opacity: .45; }
.global-user-preview-actions > span { display: grid; min-width: 19px; height: 25px; place-items: center; color: var(--text); font-size: 8px; font-weight: 700; }
.global-user-preview-actions button.is-remove { color: #a94b58; border-color: rgba(196,70,87,.16); background: rgba(196,70,87,.07); }
.global-user-menu > nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; padding: 0 11px 12px; }
.global-user-menu > nav > a { position: relative; display: grid; min-width: 0; padding: 8px 3px; place-items: center; gap: 4px; border-radius: 9px; color: var(--muted); }
.global-user-menu > nav > a:hover { color: var(--text); background: var(--card-soft); transform: none; }
.global-user-menu > nav i { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid var(--border); border-radius: 9px; color: var(--muted); background: var(--card-soft); font-style: normal; transition: border-color .2s, color .2s, background .2s; }
.global-user-menu > nav i svg { width: 16px; height: 16px; stroke-width: 1.7; }
.global-user-menu > nav > a:hover i { border-color: rgba(var(--accent-rgb), .24); color: var(--accent); background: rgba(var(--accent-rgb), .06); }
.global-user-menu > nav span { display: block; max-width: 100%; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.global-user-menu > nav em { position: absolute; top: 3px; right: 6px; border-color: var(--card); }
.global-user-expiry { display: block; margin: 0 13px 12px; padding: 7px 10px; border-radius: 8px; color: #a65338; background: #fff0e9; text-align: center; font-size: 8px; }
.global-user-menu > footer { display: flex; padding: 10px 16px; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); background: var(--card-soft); }
.global-user-menu > footer a { color: var(--muted); font-size: 9px; }
.global-user-menu > footer a:hover { color: var(--accent); }
.global-user-backdrop { display: none; }
.menu-toggle { display: none; }
.search-panel {
    position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; opacity: 0; transform: translateY(-8px); background: var(--card); border-bottom: 1px solid var(--border); box-shadow: var(--shadow); transition: .22s ease;
}
.search-panel.is-open { visibility: visible; opacity: 1; transform: none; }
.search-form { height: 72px; display: flex; align-items: center; gap: 14px; }
.search-form > svg { width: 22px; height: 22px; color: var(--muted); }
.search-form input { flex: 1; height: 46px; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 16px; }
.search-close { border: 1px solid var(--border); border-radius: 6px; padding: 3px 8px; color: var(--muted); background: var(--card-soft); cursor: pointer; font-size: 12px; }
.search-input-wrap{position:relative;flex:1;min-width:0}.search-input-wrap>input{width:100%}.search-suggestions{position:absolute;z-index:1200;top:52px;right:0;left:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 18px 45px rgba(28,31,46,.16)}.search-suggestions>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:15px;padding:11px 14px;border-bottom:1px solid var(--border)}.search-suggestions>a:last-child{border:0}.search-suggestions>a:hover,.search-suggestions>a.is-active{color:var(--accent);background:rgba(var(--accent-rgb),.07)}.search-suggestions a>span,.search-suggestions strong,.search-suggestions em{display:block;min-width:0}.search-suggestions strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-suggestions em{margin-top:3px;overflow:hidden;color:var(--muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.search-suggestions a>small{color:var(--muted);font-size:8px;white-space:nowrap}.search-suggestion-empty{display:block;padding:17px;color:var(--muted);text-align:center;font-size:10px}.search-hot{display:flex;align-items:center;gap:8px;margin-top:-5px;padding-bottom:12px;color:var(--muted);font-size:9px}.search-hot>span{margin-right:3px;font-weight:700}.search-hot>a{padding:4px 9px;border-radius:15px;color:var(--muted);background:var(--card-soft)}.search-hot>a:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08)}

/* Hero */
.hero {
    position: relative; isolation: isolate; min-height: 310px; margin-top: 28px; overflow: hidden; display: flex; align-items: center; padding: 48px 62px; border-radius: 20px; color: #fff;
    background: linear-gradient(115deg, #4254c9 0%, #695ee8 52%, #8c6ced 100%); box-shadow: 0 18px 48px rgba(73, 77, 183, .22); background-size: cover; background-position: center;
}
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .22; background-image: radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size: 24px 24px; mask-image: linear-gradient(to right, black, transparent 68%); }
.hero::after { content: ""; position: absolute; width: 440px; height: 440px; right: -110px; top: -240px; z-index: -1; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 54px rgba(255,255,255,.035), 0 0 0 108px rgba(255,255,255,.025); }
.hero.has-image::before { opacity: .12; }
.hero-content { position: relative; z-index: 2; max-width: 650px; }
.hero-kicker { display: flex; align-items: center; gap: 9px; margin-bottom: 15px; color: rgba(255,255,255,.75); font-size: 11px; font-weight: 700; letter-spacing: 2.2px; }
.hero-kicker i { width: 18px; height: 2px; background: #9ef0d0; }
.hero h1 { margin: 0 0 10px; font-size: clamp(32px, 4vw, 48px); line-height: 1.25; letter-spacing: -1.8px; }
.hero p { max-width: 570px; margin: 0 0 25px; color: rgba(255,255,255,.8); font-size: 16px; }
.hero-button { display: inline-flex; align-items: center; gap: 6px; padding: 10px 19px; border: 1px solid rgba(255,255,255,.36); border-radius: 22px; background: rgba(255,255,255,.14); backdrop-filter: blur(6px); font-size: 13px; font-weight: 600; }
.hero-button:hover { background: #fff; color: #5d5bd7; transform: translateY(-2px); }
.hero-button svg { width: 15px; height: 15px; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(1px); background: rgba(255,255,255,.08); }
.orb-one { width: 180px; height: 180px; left: -70px; bottom: -110px; }
.orb-two { width: 90px; height: 90px; left: 47%; top: -55px; }
.hero-art { position: absolute; z-index: 1; right: 8%; top: 50%; width: 245px; height: 245px; transform: translateY(-50%); }
.planet { position: absolute; left: 54px; top: 55px; width: 135px; height: 135px; border-radius: 50%; background: linear-gradient(145deg, #a7a4ff 5%, #7368dc 58%, #4d4bb4); box-shadow: inset -20px -16px 35px rgba(48,39,137,.25), inset 15px 12px 24px rgba(255,255,255,.2), 0 24px 45px rgba(38,34,113,.27); }
.planet::before, .planet::after { content: ""; position: absolute; border-radius: 50%; background: rgba(80,72,171,.3); }
.planet::before { width: 28px; height: 17px; left: 27px; top: 35px; transform: rotate(-18deg); }
.planet::after { width: 20px; height: 12px; right: 28px; bottom: 33px; }
.ring { position: absolute; left: 16px; top: 104px; width: 220px; height: 57px; border: 8px solid rgba(220,224,255,.9); border-top-color: transparent; border-radius: 50%; transform: rotate(-12deg); }
.spark { position: absolute; color: rgba(255,255,255,.8); }
.s1 { right: 8px; top: 35px; font-size: 28px; }.s2 { left: 12px; top: 23px; font-size: 17px; }.s3 { right: 22px; bottom: 24px; font-size: 35px; }
.hero.is-discovery{display:block;width:100%;min-height:var(--hero-height,570px);margin:0 0 48px;padding:0;overflow:visible;color:#fff;border-radius:0;background:#3e5962;box-shadow:none}
.hero.is-discovery~*{position:relative}
.hero.is-discovery .hero-kicker{display:none}
body:has(.hero.is-discovery) .site-header{position:absolute;z-index:1000;top:0;right:0;left:0;color:#fff;border-bottom-color:rgba(255,255,255,.14);background:rgba(22,31,37,.08);box-shadow:none;backdrop-filter:blur(3px)}
body:has(.hero.is-discovery) .brand,body:has(.hero.is-discovery) .main-nav a,body:has(.hero.is-discovery) .icon-button{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}
body:has(.hero.is-discovery) .main-nav-submenu a{color:var(--text);text-shadow:none}body:has(.hero.is-discovery) .main-nav-submenu a:hover{color:var(--text)}body:has(.hero.is-discovery) .main-nav-submenu a.is-active{color:var(--accent)}
body:has(.hero.is-discovery) .brand-logo-default.has-alternate{display:none}
body:has(.hero.is-discovery) .brand-logo-on-dark{display:block}
body:has(.hero.is-discovery) .icon-button{background:rgba(17,25,30,.12)}
body:has(.hero.is-discovery) .icon-button:hover{background:rgba(255,255,255,.18)}
body:has(.hero.is-discovery) .site-main.shell{width:100%;padding-top:0}
body:has(.hero.is-discovery) .zibtype-home-modules{width:100%}
body:has(.hero.is-discovery) .zibtype-home-modules>:not(.hero.is-discovery){width:min(var(--content-width),calc(100% - 40px));margin-inline:auto}
.hero.is-discovery::before,.hero.is-discovery::after{display:none}
.hero-discovery-media,.hero-discovery-overlay,.hero-discovery-slide{position:absolute;inset:0}
.hero-discovery-media{z-index:0;overflow:hidden;background:#3e5962}
.hero-discovery-slide{visibility:hidden;opacity:0;transition:opacity .65s ease,visibility .65s ease}
.hero-discovery-slide.is-active{visibility:visible;opacity:1}
.hero-discovery-slide img,.hero-discovery-slide video{width:100%;height:100%;display:block;object-fit:cover}
.hero-discovery-overlay{z-index:1;background:linear-gradient(180deg,rgba(18,29,34,.2),rgba(18,29,34,.28) 58%,rgba(18,29,34,.48))}
.hero-discovery-inner{position:relative;z-index:2;display:flex;width:min(var(--content-width),calc(100% - 40px));min-height:var(--hero-height,570px);align-items:center;justify-content:center;margin-inline:auto;padding:104px 44px 118px}
.hero.is-discovery .hero-content{width:min(800px,100%);max-width:none;text-align:center}
.hero.is-discovery .hero-kicker{justify-content:center;margin-bottom:12px;color:rgba(255,255,255,.8);letter-spacing:2px}
.hero.is-discovery h1{margin-bottom:7px;font-size:32px;line-height:1.25;letter-spacing:0;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.hero.is-discovery p{max-width:680px;margin:0 auto 25px;color:rgba(255,255,255,.9);font-size:14px;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.hero.is-discovery.is-height-compact .hero-discovery-inner{padding:78px 32px 68px}.hero.is-discovery.is-height-compact h1{margin-bottom:5px;font-size:28px}.hero.is-discovery.is-height-compact p{margin-bottom:13px;font-size:12px}.hero.is-discovery.is-height-compact .hero-search{height:48px;grid-template-columns:minmax(0,1fr) 48px}.hero.is-discovery.is-height-compact .hero-search button{width:40px;height:40px}.hero.is-discovery.is-height-compact .hero-hot-keywords{min-height:24px;gap:5px;margin-top:7px}.hero.is-discovery.is-height-compact .hero-hot-keywords a{padding:3px 7px;font-size:10px}
.hero-search{display:grid;width:100%;height:60px;grid-template-columns:minmax(0,1fr) 58px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.58);border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(15,21,29,.2);backdrop-filter:blur(12px)}
.hero-search label{display:block;min-width:0;height:100%}
.hero-search input{width:100%;height:100%;padding:0 8px 0 27px;color:#292c35;border:0;outline:0;background:transparent;font:inherit;font-size:15px}
.hero-search input::placeholder{color:#858b94}
.hero-search button{display:grid;width:48px;height:48px;place-items:center;padding:0;color:#3c4650;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease}
.hero-search button:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08)}
.hero-search button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero-search .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.hero-hot-keywords{display:flex;min-height:29px;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin-top:12px}
.hero-hot-keywords span{color:rgba(255,255,255,.7);font-size:12px}
.hero-hot-keywords a{padding:5px 9px;color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(16,22,29,.12);font-size:12px;line-height:1.4;backdrop-filter:blur(5px)}
.hero-hot-keywords a:hover{color:#252a32;background:#fff}
.hero-quick-links{position:absolute;right:auto;bottom:-40px;left:50%;display:grid;width:min(var(--content-width),calc(100vw - 40px));grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;transform:translateX(-50%)}
.hero-quick-links>a{display:grid;min-width:0;height:78px;grid-template-columns:31px minmax(0,1fr) 17px;align-items:center;gap:11px;padding:11px 14px;color:#292c35;border:1px solid rgba(255,255,255,.5);border-radius:6px;background:rgba(251,250,247,.96);box-shadow:0 7px 20px rgba(17,22,30,.12);backdrop-filter:blur(12px);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.hero-quick-links>a:hover{color:#292c35;border-color:rgba(255,255,255,.82);background:#fff;transform:translateY(-2px)}
.hero-quick-links>a>span{display:grid;width:31px;height:42px;place-items:center;color:#777b80;border-right:1px solid #d9d8d3;font-family:Georgia,"Times New Roman",serif;font-size:11px;font-weight:700}
.hero-quick-links>a>div{min-width:0;text-align:left}
.hero-quick-links strong,.hero-quick-links small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-quick-links strong{font-size:14px;line-height:1.35}
.hero-quick-links small{margin-top:3px;color:#858b94;font-size:11px;font-weight:400;line-height:1.4}
.hero-quick-links svg{width:16px;height:16px;fill:none;stroke:#a0a5ad;stroke-width:1.8}
.hero-slider-controls{position:absolute;z-index:3;top:84px;right:max(20px,calc((100vw - var(--content-width))/2));display:flex;height:30px;align-items:center;gap:7px;padding:3px 5px;border-radius:6px;background:rgba(18,23,30,.3);backdrop-filter:blur(8px)}
.hero-slider-controls>button{display:grid;width:24px;height:24px;place-items:center;padding:0;color:#fff;border:0;background:transparent;cursor:pointer}
.hero-slider-controls>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.hero-slider-controls>div{display:flex;align-items:center;gap:5px}
.hero-slider-controls>div button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s ease,background .2s ease}
.hero-slider-controls>div button[aria-current="true"]{width:18px;border-radius:4px;background:#fff}
.hero-search button:focus-visible,.hero-hot-keywords a:focus-visible,.hero-quick-links a:focus-visible,.hero-slider-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.announcement { min-height: 58px; margin-top: 18px; display: flex; align-items: center; gap: 12px; padding: 10px 18px; background: var(--card); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow); }
.announcement-icon { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; color: var(--muted); border: 1px solid var(--border); border-radius: 50%; background: transparent; }
.announcement-icon svg { width: 18px; height: 18px; }.announcement strong { font-size: 13px; white-space: nowrap; }.announcement p { flex: 1; margin: 0; color: var(--muted); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.announcement-date { color: var(--muted); font-size: 12px; }

/* Main and list */
.site-main { min-height: 55vh; padding-top: 32px; padding-bottom: 70px; }
.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 22px; }
.content-layout.is-sidebar-disabled { grid-template-columns: minmax(0, 1fr); }
.content-layout.is-sidebar-disabled > .content-column { width: 100%; max-width: 1080px; margin-inline: auto; }
.content-column { min-width: 0; }
.section-heading { display: flex; align-items: center; gap: 20px; min-height: 62px; margin-bottom: 12px; }
.section-heading > div { flex: 0 0 auto; }.section-heading h2, .archive-head h1 { margin: 0; font-size: 22px; line-height: 1.3; }
.eyebrow { display: block; margin-bottom: 3px; color: var(--muted); font-size: 9px; line-height: 1.4; font-weight: 700; letter-spacing: 0; }
.section-line { height: 1px; flex: 1; background: linear-gradient(to right, var(--border), transparent); }
.archive-head { margin-bottom: 17px; padding: 25px 28px; }.archive-head p { margin: 7px 0 0; color: var(--muted); font-size: 13px; }
.post-list { display: grid; gap: 16px; }
.post-card { display: grid; grid-template-columns: 245px minmax(0, 1fr); min-height: 190px; overflow: hidden; transition: transform .25s ease, box-shadow .25s ease; }
.post-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.post-cover { position: relative; display: block; min-height: 190px; overflow: hidden; background-size: cover; background-position: center; }
.post-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 60%, rgba(0,0,0,.06)); transition: background .25s; }
.post-card:hover .post-cover::after { background: rgba(0,0,0,.04); }
.cover-placeholder { display: grid; place-items: center; background-color: #f7f9fc; background-image: url("assets/cover-default-pokemon.jpg"); background-size: cover; background-position: center 52%; }
.cover-placeholder span { display: none; }
.cover-placeholder::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(32,35,31,.02), rgba(22,24,21,.2)); }
.cover-2,.cover-3,.cover-4,.cover-5 { background-position: center 52%; }
.post-badge { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 3px 9px; border-radius: 12px; color: #fff; background: rgba(31,34,45,.72); backdrop-filter: blur(6px); font-size: 11px; font-style: normal; }
.post-card-body { min-width: 0; padding: 21px 24px 17px; display: flex; flex-direction: column; }
.post-taxonomy, .post-taxonomy a { color: var(--accent); font-size: 11px; font-weight: 700; }
.post-card h2 { margin: 5px 0 8px; overflow: hidden; font-size: 19px; line-height: 1.45; letter-spacing: -.3px; text-overflow: ellipsis; white-space: nowrap; }
.post-card h2 a:hover { color: var(--accent); }
.post-excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--muted); font-size: 13px; line-height: 1.8; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.post-meta { display: flex; align-items: center; gap: 13px; margin-top: auto; padding-top: 12px; color: var(--muted); font-size: 11px; }
.post-meta > span { display: inline-flex; align-items: center; gap: 4px; }.post-meta svg { width: 13px; height: 13px; }.meta-author { display: inline-flex; align-items: center; gap: 5px; color: var(--text); font-weight: 500; line-height: 1.2; }
.mini-avatar { display: inline-grid; flex: 0 0 23px; width: 23px; height: 23px; overflow: hidden; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: var(--card-soft); }
.mini-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Sidebar */
.sidebar { position: sticky; top: 91px; display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.author-card { overflow: hidden; }.author-banner { height: 82px; position: relative; background-color: #82755c; background-image: linear-gradient(90deg,rgba(29,32,28,.08),rgba(29,32,28,.3)),var(--sidebar-card-banner,url("assets/hero-default.jpg")); background-size: 180% auto; background-position: left 58%; }.author-banner.has-custom-image { background-size: cover; background-position: center; }
.author-banner::before { display: none; }
.author-profile { padding: 0 20px 20px; text-align: center; }.author-avatar { display: grid; place-items: center; width: 68px; height: 68px; margin: -36px auto 9px; position: relative; object-fit: cover; border: 4px solid var(--card); border-radius: 50%; background: var(--card); box-shadow: 0 5px 14px rgba(31,35,48,.12); }
.avatar-fallback { color: #34332f; background: #f2efe7; font-family: Georgia, "Times New Roman", serif; font-size: 23px; font-weight: 700; }
.author-avatar-default { background: #d7b378; }
.author-profile h3 { margin: 0 0 3px; font-size: 17px; }.author-profile > p { margin: 0; color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.verified { display: inline-grid; place-items: center; width: 15px; height: 15px; margin-left: 5px; vertical-align: 2px; color: #fff; background: #5598f5; border-radius: 50%; font-size: 9px; font-style: normal; }
.author-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 17px 0 14px; }
.author-stats span { color: var(--muted); font-size: 10px; border-right: 1px solid var(--border); }.author-stats span:last-child { border: 0; }.author-stats strong { display: block; color: var(--text); font-size: 16px; line-height: 1.3; }
.follow-button { display: flex; justify-content: center; align-items: center; gap: 7px; padding: 8px 12px; color: var(--text); border: 1px solid var(--border); border-radius: 6px; background: var(--card-soft); box-shadow: none; font-size: 12px; font-weight: 600; }.follow-button:hover { color: #fff; border-color: #343630; background: #343630; transform: translateY(-1px); }
.follow-button span { font-size: 17px; line-height: 1; }
.widget { padding: 19px; }.widget-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; font-size: 14px; font-weight: 700; }.widget-title > span { display: flex; align-items: center; }.widget-title small { color: var(--muted); font-size: 8px; letter-spacing: 1.2px; }
.title-dot { width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .09); }.title-dot.hot { background: #fb7979; box-shadow: 0 0 0 4px rgba(251,121,121,.1); }.title-dot.green { background: #45bd91; box-shadow: 0 0 0 4px rgba(69,189,145,.1); }
.rank-list { display: grid; grid-template-columns: minmax(0, 1fr); }.rank-item { display: flex; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--border); }.rank-item:last-child { border: 0; padding-bottom: 1px; }.rank-item > b { flex: 0 0 24px; color: #b7bac2; font-size: 15px; font-style: italic; font-weight: 800; }.rank-item:nth-child(-n+3) > b { color: var(--accent); }.rank-item > span { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.rank-item:hover > span { color: var(--accent); }.rank-item small { display: block; color: var(--muted); font-size: 9px; font-weight: 400; }
.category-cloud { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.category-cloud a { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; border-radius: 8px; background: var(--card-soft); color: var(--muted); font-size: 11px; }.category-cloud a:hover { color: var(--accent); background: rgba(var(--accent-rgb), .09); }.category-cloud em { font-style: normal; font-size: 9px; }
.compact-widget { padding-bottom: 13px; }.site-info { display: grid; grid-template-columns: 1fr auto; gap: 8px 15px; font-size: 11px; }.site-info span { color: var(--muted); }.site-info b { font-weight: 600; }

/* Pagination and empty state */
.pagination { margin-top: 24px; }.page-navigator { display: flex; justify-content: center; gap: 7px; margin: 0; padding: 0; list-style: none; }.page-navigator li a, .page-navigator li.current a { display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--card); color: var(--muted); font-size: 12px; box-shadow: var(--shadow); }.page-navigator li a:hover, .page-navigator li.current a { border-color: transparent; color: #fff; background: var(--accent); }
.pagination:empty{display:none}.pagination.is-prev-next{display:flex;justify-content:center;gap:10px}.pagination.is-prev-next>a{min-width:105px;padding:10px 16px;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--card);box-shadow:var(--shadow);text-align:center;font-size:12px}.pagination.is-prev-next>a:hover{color:#fff;border-color:transparent;background:var(--accent)}.pagination.is-load-more{display:flex;justify-content:center}.pagination.is-load-more>a{display:grid;min-width:185px;padding:10px 24px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:11px;color:var(--accent);background:rgba(var(--accent-rgb),.06);text-align:center;box-shadow:var(--shadow);font-size:12px;font-weight:700}.pagination.is-load-more>a small{margin-top:1px;color:var(--muted);font-size:7px;letter-spacing:1.3px}.pagination.is-load-more>a:hover{color:#fff;background:var(--accent)}.pagination.is-load-more>a:hover small{color:rgba(255,255,255,.72)}.pagination.is-load-more.is-loading>a{pointer-events:none;opacity:.62}.pagination.is-load-more.is-finished{margin-top:17px;color:var(--muted);font-size:10px}.pagination.is-load-more.is-finished span{display:block;text-align:center}.post-card.is-appended{animation:zibtype-card-in .35s ease both}@keyframes zibtype-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.pagination.is-prev-next:empty,.pagination.is-load-more:empty{display:none}

/* Article stream layout DIY */
.zibtype-post-stream{--zibtype-cover-ratio:1.3333;--zibtype-cover-width:253px;--zibtype-compact-cover-width:200px}.zibtype-post-stream.ratio-16-9{--zibtype-cover-ratio:1.7778;--zibtype-cover-width:285px;--zibtype-compact-cover-width:240px}.zibtype-post-stream.ratio-4-3{--zibtype-cover-ratio:1.3333;--zibtype-cover-width:253px;--zibtype-compact-cover-width:200px}.zibtype-post-stream.ratio-3-2{--zibtype-cover-ratio:1.5;--zibtype-cover-width:270px;--zibtype-compact-cover-width:225px}.zibtype-post-stream.ratio-1-1{--zibtype-cover-ratio:1;--zibtype-cover-width:190px;--zibtype-compact-cover-width:150px}.zibtype-post-stream.is-list-style-media .post-card{grid-template-columns:var(--zibtype-cover-width) minmax(0,1fr)}.zibtype-post-stream.is-list-style-compact .post-card{grid-template-columns:var(--zibtype-compact-cover-width) minmax(0,1fr);min-height:150px}.zibtype-post-stream.is-list-style-compact .post-cover{min-height:150px}.zibtype-post-stream.is-list-style-compact .post-card-body{padding:16px 19px}.zibtype-post-stream.is-list-style-compact .post-excerpt{margin-bottom:9px;-webkit-line-clamp:1}.zibtype-post-stream.is-list-style-compact .post-meta>span:last-child{display:none}.zibtype-post-stream.is-list-style-card .post-card,.zibtype-post-stream.is-columns-2 .post-card,.zibtype-post-stream.is-masonry .post-card{display:block;min-height:0}.zibtype-post-stream.is-list-style-card .post-cover,.zibtype-post-stream.is-columns-2 .post-cover,.zibtype-post-stream.is-masonry .post-cover{width:100%;min-height:0;aspect-ratio:var(--zibtype-cover-ratio)}.zibtype-post-stream.is-list-style-card .post-card-body,.zibtype-post-stream.is-columns-2 .post-card-body,.zibtype-post-stream.is-masonry .post-card-body{min-height:178px}.zibtype-post-stream.is-columns-2 .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zibtype-post-stream.is-columns-2 .post-card h2{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zibtype-post-stream.is-columns-2 .post-meta{flex-wrap:wrap}.zibtype-post-stream.is-columns-2 .post-meta>span:last-child{display:none}.zibtype-post-stream.is-masonry .post-list{display:block;columns:2;column-gap:16px}.zibtype-post-stream.is-masonry.is-columns-1 .post-list{columns:1}.zibtype-post-stream.is-masonry .post-card{display:inline-block;width:100%;margin:0 0 16px;break-inside:avoid;vertical-align:top}.zibtype-post-stream.is-masonry .post-card-body{min-height:0}.zibtype-post-stream.is-masonry .post-excerpt{-webkit-line-clamp:3}
.empty-state { padding: 70px 25px; text-align: center; }.empty-state > span { color: var(--accent); font-size: 60px; }.empty-state h2 { margin: 5px 0; }.empty-state p { margin: 0 0 22px; color: var(--muted); }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 20px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(100deg, var(--accent), #8169ed); cursor: pointer; box-shadow: 0 8px 18px rgba(var(--accent-rgb), .2); font-size: 13px; font-weight: 600; }.primary-button:hover { color: #fff; opacity: .92; transform: translateY(-1px); }

/* Search and content discovery DIY */
.zibtype-search-layout.is-layout-fullwidth,.zibtype-search-layout.is-layout-compact{grid-template-columns:minmax(0,1fr)}.search-results-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,330px);align-items:center;gap:18px;margin-bottom:14px;padding:25px 28px;overflow:hidden}.search-results-head h1{margin:2px 0 5px;font-size:24px}.search-results-head p{margin:0;color:var(--muted);font-size:11px}.search-results-head p strong{color:var(--accent)}.search-results-head>form{display:flex;gap:7px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.search-results-head>form input{min-width:0;flex:1;padding:8px 9px;border:0;outline:0;color:var(--text);background:transparent}.search-results-head>form button,.search-filter-bar>button{padding:8px 14px;border:0;border-radius:7px;color:#fff;background:var(--accent);cursor:pointer;font-size:10px}.search-result-hot{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:2px}.search-result-hot span{margin-right:3px;color:var(--muted);font-size:8px;font-weight:700}.search-result-hot a{padding:4px 8px;border-radius:14px;color:var(--muted);background:var(--card-soft);font-size:8px}.search-result-hot a:hover{color:var(--accent)}.is-header-gradient .search-results-head{color:#fff;border-color:transparent;background:linear-gradient(120deg,var(--accent),#8268e6);box-shadow:0 13px 32px rgba(var(--accent-rgb),.19)}.is-header-gradient .search-results-head:after{position:absolute;right:-55px;bottom:-100px;width:250px;height:250px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.025);content:""}.is-header-gradient .search-results-head>div,.is-header-gradient .search-results-head>form,.is-header-gradient .search-result-hot{position:relative;z-index:1}.is-header-gradient .search-results-head .eyebrow,.is-header-gradient .search-results-head p,.is-header-gradient .search-result-hot span{color:rgba(255,255,255,.74)}.is-header-gradient .search-results-head p strong{color:#fff}.is-header-gradient .search-result-hot a{color:rgba(255,255,255,.82);background:rgba(255,255,255,.12)}.is-header-compact .search-results-head{padding:17px 20px}.is-header-compact .search-results-head h1{font-size:19px}.is-header-compact .search-result-hot{display:none}.search-filter-bar{display:grid;grid-template-columns:minmax(125px,1fr) repeat(3,minmax(130px,1fr)) auto auto;align-items:end;gap:9px;margin-bottom:15px;padding:13px 15px}.search-filter-bar>div span,.search-filter-bar>div small{display:block}.search-filter-bar>div span{font-size:11px;font-weight:700}.search-filter-bar>div small{margin-top:2px;color:var(--muted);font-size:8px}.search-filter-bar label{display:grid;gap:3px;color:var(--muted);font-size:8px}.search-filter-bar select{width:100%;min-width:0;padding:7px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--card);font-size:10px}.search-filter-bar>a{align-self:center;color:var(--muted);font-size:9px}.search-filter-bar>a:hover{color:var(--accent)}.search-results-stream mark{padding:0 2px;border-radius:3px;color:inherit;background:rgba(255,201,82,.42)}.search-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.search-pagination>a,.search-pagination>strong,.search-pagination>span{display:grid;min-width:35px;height:35px;padding:0 8px;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--card);font-size:10px}.search-pagination>strong{color:#fff;border-color:transparent;background:var(--accent)}.search-pagination>span{border-color:transparent;background:transparent}.search-pagination>.search-page-edge{padding-inline:14px}.search-empty>div{display:flex;justify-content:center;gap:12px}.search-empty>div>a:not(.primary-button){display:inline-flex;align-items:center;padding:9px 16px;color:var(--muted);border:1px solid var(--border);border-radius:9px;font-size:11px}.search-empty-recommend{margin-top:20px}.search-empty-recommend .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.search-empty-recommend .post-card{grid-template-columns:125px minmax(0,1fr);min-height:128px}.search-empty-recommend .post-cover{min-height:128px}.search-empty-recommend .post-card-body{padding:13px}.search-empty-recommend .post-card h2{font-size:14px}.search-empty-recommend .post-excerpt,.search-empty-recommend .post-meta>span:nth-last-child(-n+2){display:none}

/* Article */
.article-layout { align-items: start; }.article { padding: 38px 42px; overflow: hidden; }.article-header { text-align: center; }.article-category, .article-category a { color: var(--accent); font-size: 12px; font-weight: 700; }.article-header h1 { max-width: 720px; margin: 9px auto 14px; font-size: clamp(28px, 4vw, 38px); line-height: 1.4; letter-spacing: -.8px; }.article-meta { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: 11px; }.article-meta i { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #c4c7ce; }.article-cover { height: 380px; margin: 30px -10px 0; border-radius: 12px; background-size: cover; background-position: center; }
.article-content { margin-top: 34px; color: var(--text); font-size: 16px; line-height: 2; word-break: break-word; }.article-content > :first-child { margin-top: 0; }.article-content h2, .article-content h3, .article-content h4 { margin: 1.8em 0 .75em; line-height: 1.45; scroll-margin-top: 90px; }.article-content h2 { padding-left: 13px; border-left: 4px solid var(--accent); font-size: 24px; }.article-content h3 { font-size: 20px; }.article-content p { margin: 1.05em 0; }.article-content a { color: var(--accent); border-bottom: 1px dashed rgba(var(--accent-rgb), .45); }.article-content img { display: block; margin: 1.5em auto; border-radius: 10px; box-shadow: 0 8px 28px rgba(26,29,38,.1); }.article-content blockquote { margin: 1.5em 0; padding: 14px 20px; border-left: 4px solid var(--accent); border-radius: 0 9px 9px 0; background: rgba(var(--accent-rgb), .07); color: var(--muted); }.article-content blockquote p { margin: 0; }.article-content pre { overflow-x: auto; padding: 18px 20px; border-radius: 10px; background: #20222a; color: #e5e9f2; font: 13px/1.75 Consolas, Monaco, monospace; }.article-content code { padding: 2px 6px; border-radius: 5px; color: #e2637b; background: rgba(226,99,123,.1); font: .88em Consolas, Monaco, monospace; }.article-content pre code { padding: 0; color: inherit; background: none; }.article-content table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; }.article-content th, .article-content td { padding: 10px 13px; border: 1px solid var(--border); }.article-content th { background: var(--card-soft); }.article-content ul, .article-content ol { padding-left: 1.5em; }
.article-footer { margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--border); }.article-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }.article-tags > svg { width: 17px; color: var(--muted); }.article-tags a, .article-tags span { padding: 4px 10px; border-radius: 12px; color: var(--muted); background: var(--card-soft); font-size: 11px; }.article-tags a:hover { color: var(--accent); }.article-note { margin-top: 20px; padding: 14px 16px; border-radius: 9px; color: var(--muted); background: var(--card-soft); font-size: 11px; }.article-note strong { color: var(--text); }
.post-near { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 17px; padding: 18px 22px; }.post-near > div { min-width: 0; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.post-near > div:last-child { text-align: right; }.post-near small { display: block; color: var(--muted); font-size: 10px; }.post-near a:hover { color: var(--accent); }.page-article .article-header { padding-bottom: 23px; border-bottom: 1px solid var(--border); }.page-article .article-content { margin-top: 28px; }
.page-cover-content>p{max-width:620px;margin:8px auto 0;color:var(--muted);font-size:13px;line-height:1.7}.page-article.is-layout-banner,.page-article.is-layout-split{padding:0}.page-article.is-layout-banner .page-cover{position:relative;display:grid;min-height:300px;place-items:center;overflow:hidden;padding:42px;border:0;color:#fff;background-color:#6067d9;background-image:linear-gradient(125deg,#4b55c8,#8667dc);background-size:cover;background-position:center}.page-article.is-layout-banner .page-cover:before{position:absolute;inset:0;background:linear-gradient(120deg,rgba(25,29,78,.7),rgba(54,31,85,.36));content:""}.page-article.is-layout-banner.no-overlay.has-cover-image .page-cover:before{display:none}.page-article.is-layout-banner .page-cover-content{position:relative;z-index:1}.page-article.is-layout-banner .eyebrow,.page-article.is-layout-banner .page-cover-content>p{color:rgba(255,255,255,.82);text-shadow:0 1px 10px rgba(0,0,0,.25)}.page-article.is-layout-banner .article-header h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}.page-article.is-layout-banner .page-article-content,.page-article.is-layout-split .page-article-content{margin-top:0;padding:38px 42px}.page-article.is-layout-banner.is-height-compact .page-cover{min-height:220px}.page-article.is-layout-banner.is-height-large .page-cover{min-height:410px}.page-article.is-layout-split .page-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);min-height:300px;padding:0;border:0;text-align:left}.page-article.is-layout-split .page-cover-content{align-self:center;padding:38px 42px}.page-article.is-layout-split .article-header h1{margin-inline:0}.page-article.is-layout-split .page-cover-content>p{margin-inline:0}.page-cover-media{position:relative;align-self:stretch;min-height:300px;overflow:hidden;background-color:#7075de;background-image:linear-gradient(145deg,#6870de,#9b70d9);background-size:cover;background-position:center}.page-cover-media:after{position:absolute;inset:0;background:linear-gradient(120deg,rgba(28,32,83,.18),rgba(68,36,91,.32));content:""}.page-article.no-overlay .page-cover-media:after{display:none}.page-cover-media>span{position:absolute;left:50%;top:50%;color:rgba(255,255,255,.7);transform:translate(-50%,-50%);font-size:78px;font-weight:800}.page-article.is-layout-split.is-height-compact .page-cover,.page-article.is-layout-split.is-height-compact .page-cover-media{min-height:220px}.page-article.is-layout-split.is-height-large .page-cover,.page-article.is-layout-split.is-height-large .page-cover-media{min-height:410px}.page-article.is-layout-hidden .page-article-content{margin-top:0}

/* Comments */
.comments { margin-top: 17px; padding: 30px 34px; }.comments-head { padding-bottom: 15px; border-bottom: 1px solid var(--border); }.comments h2 { margin: 0; font-size: 20px; }.comment-list { margin: 0; padding: 0; list-style: none; }.comment-list .comment-list { margin-left: 52px; }.comment-body { position: relative; padding: 22px 0 20px 57px; border-bottom: 1px solid var(--border); list-style: none; }.comment-author { line-height: 1.3; }.comment-author img { position: absolute; left: 0; top: 22px; width: 44px; height: 44px; border-radius: 50%; }.comment-author .fn { font-size: 13px; font-style: normal; font-weight: 700; }.comment-author .fn a:hover { color: var(--accent); }.comment-meta { margin-top: 2px; font-size: 10px; }.comment-meta a { color: var(--muted); }.comment-awaiting-moderation { display: block; color: #e6a34d; font-style: normal; }.comment-content { margin-top: 9px; font-size: 13px; }.comment-content p { margin: 0; }.comment-reply { position: absolute; right: 0; top: 23px; font-size: 11px; }.comment-reply a { color: var(--muted); }.comment-reply a:hover { color: var(--accent); }.respond { padding-top: 26px; }.respond h3 { margin: 0 0 17px; font-size: 17px; }.cancel-comment-reply { float: right; font-size: 11px; }.cancel-comment-reply a { color: var(--accent); }.form-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }.respond label { display: block; }.respond label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 11px; }.respond input, .respond textarea { width: 100%; border: 1px solid var(--border); outline: 0; border-radius: 8px; background: var(--card-soft); color: var(--text); transition: border .2s, box-shadow .2s; }.respond input { height: 41px; padding: 0 12px; font-size: 12px; }.respond textarea { display: block; resize: vertical; min-height: 130px; padding: 12px; line-height: 1.7; font-size: 13px; }.respond input:focus, .respond textarea:focus { border-color: rgba(var(--accent-rgb), .5); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .08); }.textarea-label { margin-top: 13px; }.submit-comment { margin-top: 14px; }.submit-comment svg { width: 15px; height: 15px; }.logged-in { color: var(--muted); font-size: 12px; }.logged-in a { color: var(--accent); }.comment-pagination { margin: 18px 0 0; }.comments-closed { color: var(--muted); text-align: center; }

/* Footer, 404 and utilities */
.site-footer { border-top: 1px solid var(--border); background: var(--card); }.footer-inner { min-height: 130px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }.footer-brand { font-size: 19px; font-weight: 800; }.footer-inner p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }.copyright a:hover { color: var(--accent); }
.back-to-top { position: fixed; right: 25px; bottom: 28px; z-index: 90; display: grid; place-items: center; width: 39px; height: 39px; padding: 0; border: 1px solid var(--border); border-radius: 11px; background: var(--card); color: var(--muted); box-shadow: var(--shadow); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: .2s; }.back-to-top.is-visible { opacity: 1; visibility: visible; transform: none; }.back-to-top:hover { color: #fff; border-color: transparent; background: var(--accent); }.back-to-top svg { width: 19px; height: 19px; }
.error-page { max-width: 760px; margin: 40px auto; padding: 70px 30px; text-align: center; }.error-code { color: var(--text); font-size: 100px; line-height: 1; font-weight: 900; letter-spacing: -8px; }.error-code span { display: inline-block; color: var(--accent); font-size: 62px; transform: translateY(-8px); }.error-page h1 { margin: 10px 0 5px; font-size: 30px; }.error-page > p { color: var(--muted); }.error-page form { max-width: 420px; margin: 24px auto 16px; display: flex; }.error-page input { flex: 1; min-width: 0; height: 43px; padding: 0 13px; border: 1px solid var(--border); border-radius: 9px 0 0 9px; outline: none; background: var(--card-soft); color: var(--text); }.error-page form button { padding: 0 18px; border: 0; border-radius: 0 9px 9px 0; color: #fff; background: var(--accent); cursor: pointer; }

/* Reading tools and article enhancements */
.toc-widget { padding-bottom: 13px; }.toc-list { display: grid; gap: 3px; }.toc-list a { position: relative; display: block; padding: 6px 9px 6px 16px; overflow: hidden; border-radius: 7px; color: var(--muted); font-size: 11px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }.toc-list a::before { content: ""; position: absolute; left: 5px; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: currentColor; transform: translateY(-50%); }.toc-list a.toc-h3 { padding-left: 27px; font-size: 10px; }.toc-list a.toc-h3::before { left: 16px; }.toc-list a:hover, .toc-list a.is-active { color: var(--accent); background: rgba(var(--accent-rgb), .08); }
.article-content img { cursor: zoom-in; }.article-content pre { position: relative; }.code-copy { position: sticky; left: 100%; top: 0; z-index: 2; margin: -9px -10px 0 10px; padding: 4px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; color: #aeb4c4; background: rgba(255,255,255,.07); cursor: pointer; font: 10px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }.code-copy:hover { color: #fff; background: rgba(255,255,255,.13); }
.article-share { display: flex; align-items: center; gap: 7px; margin-top: 18px; }.article-share > span { margin-right: 4px; color: var(--muted); font-size: 11px; }.article-share button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid var(--border); border-radius: 50%; color: var(--muted); background: var(--card-soft); cursor: pointer; }.article-share button:hover { border-color: transparent; color: #fff; background: var(--accent); transform: translateY(-1px); }.article-share svg { width: 14px; height: 14px; }.article-share button span { font-size: 11px; font-weight: 700; }
.article-share .reaction-button { width:auto; min-width:30px; padding:0 8px; border-radius:15px; grid-auto-flow:column; gap:4px; }.reaction-button em { font-size:9px; font-style:normal; }.article-share .reaction-button.is-active { border-color:transparent; color:#fff; background:var(--accent); }
.comment-author{display:flex;align-items:center;gap:7px}.comment-author-badge{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:9px;color:#fff;background:var(--accent);font-size:9px;font-style:normal;font-weight:700}.comment-toolbar{display:flex;align-items:center;gap:6px;margin-top:10px}.comment-toolbar .comment-reply{position:static;font-size:11px}.comment-toolbar a,.comment-toolbar button{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:1px solid var(--border);border-radius:14px;color:var(--muted);background:var(--card-soft);font:inherit;font-size:10px;cursor:pointer}.comment-toolbar a:hover,.comment-toolbar button:hover,.comment-toolbar .comment-like.is-active{border-color:rgba(var(--accent-rgb),.28);color:var(--accent);background:rgba(var(--accent-rgb),.08)}.comment-toolbar button:disabled{opacity:.55;cursor:wait}.comment-like svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.comment-like em{font-size:9px;font-style:normal}.comment-compose-meta,.comment-submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-compose-meta{margin-top:8px;color:var(--muted);font-size:10px}.comment-compose-meta em{font-style:normal;white-space:nowrap}.comment-submit-row{margin-top:14px}.comment-submit-row .submit-comment{margin-top:0}.comment-submit-row p{margin:0;color:var(--muted);font-size:11px}.comment-submit-row p.is-success{color:#2eaa71}.comment-submit-row p.is-error{color:#df5966}.comments.is-comment-minimal{padding-inline:4px;border:0;background:transparent;box-shadow:none}.comments.is-comment-bubble .comment-content{display:table;padding:9px 13px;border-radius:4px 14px 14px 14px;background:var(--card-soft)}.comments.is-comment-bubble .comment-body{border-bottom:0}.comments.is-comment-bubble .comment-list>.comment-body+.comment-body{border-top:1px solid var(--border)}
.seo-breadcrumbs{margin:0 0 14px;padding:10px 15px;overflow:hidden}.seo-breadcrumbs ol{display:flex;margin:0;padding:0;align-items:center;gap:8px;list-style:none;white-space:nowrap}.seo-breadcrumbs li{display:flex;min-width:0;align-items:center;gap:8px;color:var(--muted);font-size:10px}.seo-breadcrumbs li:not(:last-child):after{color:var(--border-strong);content:"/"}.seo-breadcrumbs a{color:var(--muted)}.seo-breadcrumbs a:hover{color:var(--accent)}.seo-breadcrumbs li:last-child span{display:block;overflow:hidden;max-width:62vw;color:var(--text-soft);text-overflow:ellipsis}.article-share button[hidden]{display:none}
.related-posts { margin-top: 17px; padding: 22px; }.related-posts .section-heading { min-height: auto; margin-bottom: 16px; }.related-posts .section-heading h2 { font-size: 18px; }.related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.related-card { display: grid; grid-template-columns: 76px minmax(0,1fr); grid-template-rows: auto auto; gap: 2px 12px; align-items: center; min-width: 0; padding: 8px; border: 1px solid var(--border); border-radius: 10px; }.related-card:hover { border-color: rgba(var(--accent-rgb), .3); transform: translateY(-2px); }.related-cover { grid-row: 1 / 3; display: grid; place-items: center; width: 76px; height: 58px; border-radius: 7px; color: rgba(255,255,255,.4); background-size: cover; background-position: center; font-size: 25px; font-weight: 800; }.related-card strong { min-width: 0; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.related-card small { color: var(--muted); font-size: 9px; }
.reading-progress { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; height: 3px; pointer-events: none; }.reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--accent), #9a69ed); box-shadow: 0 0 8px rgba(var(--accent-rgb), .35); }
.image-lightbox { position: fixed; inset: 0; z-index: 3000; visibility: hidden; opacity: 0; display: grid; place-items: center; padding: 40px; background: rgba(10,11,15,.88); backdrop-filter: blur(8px); transition: opacity .2s, visibility .2s; }.image-lightbox.is-open { visibility: visible; opacity: 1; }.image-lightbox img { max-width: min(1100px, 94vw); max-height: 88vh; border-radius: 9px; box-shadow: 0 20px 80px rgba(0,0,0,.42); }.image-lightbox button { position: absolute; top: 18px; right: 23px; width: 40px; height: 40px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.11); cursor: pointer; font-size: 25px; line-height: 1; }.image-lightbox button:hover { background: rgba(255,255,255,.2); }.lightbox-open { overflow: hidden; }
.site-toast { position: fixed; left: 50%; bottom: 35px; z-index: 3100; visibility: hidden; opacity: 0; padding: 9px 16px; border: 1px solid var(--border); border-radius: 20px; color: var(--text); background: var(--card); box-shadow: var(--shadow-hover); transform: translate(-50%, 10px); transition: .2s; font-size: 12px; }.site-toast.is-show { visibility: visible; opacity: 1; transform: translate(-50%, 0); }
.pwa-install-card,.pwa-update-card{position:fixed;z-index:2800;left:24px;bottom:24px;display:grid;width:min(440px,calc(100vw - 48px));min-width:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;color:var(--text);background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(34,38,56,.18);backdrop-filter:blur(18px)}[data-theme="dark"] .pwa-install-card,[data-theme="dark"] .pwa-update-card{background:rgba(31,34,43,.96)}.pwa-update-card{bottom:106px}.pwa-install-card[hidden],.pwa-update-card[hidden],.pwa-offline-state[hidden]{display:none}.pwa-install-card>span,.pwa-update-card>span{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,var(--accent),#8268e1);font-size:10px;font-weight:800}.pwa-update-card>span{border-radius:50%}.pwa-install-card>div,.pwa-update-card>div{min-width:0}.pwa-install-card strong,.pwa-install-card small,.pwa-update-card strong,.pwa-update-card small{display:block;min-width:0}.pwa-install-card strong,.pwa-update-card strong{font-size:12px}.pwa-install-card small,.pwa-update-card small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.5}.pwa-install-card>footer,.pwa-update-card>footer{display:flex;flex:0 0 auto;gap:6px}.pwa-install-card button,.pwa-update-card button{height:34px;padding:0 11px;color:#fff;border:0;border-radius:9px;background:var(--accent);cursor:pointer;font-size:8px}.pwa-install-card button.is-secondary,.pwa-update-card button.is-secondary{color:var(--muted);border:1px solid var(--border);background:var(--card)}.pwa-install-card button:disabled,.pwa-update-card button:disabled{cursor:wait;opacity:.5}.pwa-offline-state{position:fixed;z-index:2700;right:24px;bottom:24px;display:flex;align-items:center;gap:7px;padding:8px 11px;color:#946122;border:1px solid rgba(205,151,66,.25);border-radius:18px;background:#fff8eb;box-shadow:var(--shadow);font-size:9px}.pwa-offline-state i{width:7px;height:7px;border-radius:50%;background:#d79032}.is-offline .site-header{border-bottom-color:rgba(205,151,66,.3)}
@media(max-width:640px){.pwa-install-card,.pwa-update-card{right:10px;bottom:calc(70px + env(safe-area-inset-bottom));left:10px;width:auto;grid-template-columns:40px minmax(0,1fr);gap:9px;padding:12px}.pwa-update-card{bottom:calc(142px + env(safe-area-inset-bottom))}.pwa-install-card>span,.pwa-update-card>span{width:40px;height:40px}.pwa-install-card>footer,.pwa-update-card>footer{grid-column:1/-1;width:100%}.pwa-install-card button,.pwa-update-card button{min-width:0;flex:1}.pwa-offline-state{right:12px;bottom:calc(70px + env(safe-area-inset-bottom))}}

/* Front-end authentication dialog. */
body.is-auth-open{overflow:hidden}.auth-modal[hidden],.auth-panels>form[hidden]{display:none!important}.auth-modal{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;padding:18px;box-sizing:border-box}.auth-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(18,21,31,.58);backdrop-filter:blur(5px);cursor:pointer}.auth-dialog{position:relative;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow-x:hidden;overflow-y:auto;border:1px solid var(--border);border-radius:18px;color:var(--text);background:var(--card);box-shadow:0 24px 80px rgba(16,19,30,.28);animation:auth-dialog-in .2s ease both}@keyframes auth-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.auth-dialog-close{position:absolute;z-index:2;top:12px;right:12px;width:31px;height:31px;padding:0;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--card-soft);cursor:pointer;font-size:19px;line-height:1}.auth-dialog>header{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:13px;padding:23px 56px 19px 24px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.1),var(--card))}.auth-dialog>header>span{display:grid;width:53px;height:53px;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--accent),#8b68e3);box-shadow:0 9px 22px rgba(var(--accent-rgb),.2);font-size:19px;font-weight:800}.auth-dialog>header small,.auth-dialog>header h2,.auth-dialog>header p{display:block;margin:0}.auth-dialog>header small{color:var(--accent);font-size:7px;font-weight:700;letter-spacing:1.5px}.auth-dialog>header h2{margin:2px 0;font-size:18px}.auth-dialog>header p{color:var(--muted);font-size:9px}.auth-dialog>nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:6px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--card-soft)}.auth-dialog>nav button{height:34px;border:0;border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:10px}.auth-dialog>nav button.is-active{color:var(--accent);background:var(--card);box-shadow:0 3px 10px rgba(40,44,58,.06);font-weight:700}.auth-panels{padding:20px 23px 16px}.auth-panels>form{display:grid;gap:11px}.auth-panels label{display:grid;min-width:0;gap:5px;color:var(--muted);font-size:9px}.auth-panels input{width:100%;min-width:0;height:41px;padding:0 11px;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);background:var(--card-soft);outline:0;font-size:12px}.auth-panels input:focus{border-color:rgba(var(--accent-rgb),.52);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.auth-field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-panels label.auth-remember{display:flex;align-items:center;gap:6px}.auth-remember input{width:auto;height:auto}.auth-code-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.auth-code-field button{min-width:96px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.08);cursor:pointer;font-size:9px}.auth-code-field button:disabled{cursor:not-allowed;opacity:.55}.auth-panels>form>button[type=submit]{height:42px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--accent),#7d67de);box-shadow:0 7px 17px rgba(var(--accent-rgb),.18);cursor:pointer;font-size:11px;font-weight:700}.auth-panels>form>button:disabled{cursor:wait;opacity:.58}.auth-panels [data-auth-result]{min-height:16px;margin:0;color:var(--muted);font-size:9px;text-align:center}.auth-panels [data-auth-result].is-success{color:#3f8a70}.auth-panels [data-auth-result].is-error{color:#bd5360}.auth-panels form>footer{display:flex;align-items:center;justify-content:space-between}.auth-panels form>footer a,.auth-panels form>footer button{padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:8px}.auth-panels form>footer a:hover,.auth-panels form>footer button:hover{color:var(--accent)}.auth-password-hint{margin:-2px 0;color:var(--muted);font-size:8px}.auth-mail-disabled{display:grid;padding:25px 16px;place-items:center;border:1px dashed var(--border);border-radius:11px;background:var(--card-soft);text-align:center}.auth-mail-disabled i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-style:normal;font-weight:800}.auth-mail-disabled strong{margin:10px 0 4px;font-size:12px}.auth-mail-disabled p{max-width:310px;margin:0;color:var(--muted);font-size:9px;line-height:1.65}.auth-security-copy{margin:0;padding:10px 18px;border-top:1px solid var(--border);color:var(--muted);background:var(--card-soft);font-size:8px;text-align:center}

/* Archive and friend-link templates */
.archive-page .article-header p, .links-page .article-header p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }.archive-timeline { margin-top: 10px; }.archive-year { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 22px; padding: 25px 0; border-bottom: 1px solid var(--border); }.archive-year:last-child { border: 0; }.archive-year h2 { margin: 1px 0 0; color: var(--accent); font-size: 25px; line-height: 1.2; }.archive-year h2 small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; letter-spacing: 1.5px; }.archive-year-posts { display: grid; }.archive-year-posts a { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 9px 4px; border-bottom: 1px dashed var(--border); font-size: 12px; }.archive-year-posts a:last-child { border: 0; }.archive-year-posts a:hover span { color: var(--accent); }.archive-year-posts time, .archive-year-posts em { color: var(--muted); font-size: 9px; font-style: normal; }.archive-year-posts span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.friend-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 26px; }.friend-card { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 11px; background: var(--card-soft); }.friend-card:hover { border-color: rgba(var(--accent-rgb), .3); background: rgba(var(--accent-rgb), .05); transform: translateY(-2px); }.friend-card > img, .friend-card > span { display: grid; place-items: center; width: 48px; height: 48px; object-fit: cover; border-radius: 12px; color: #fff; background: linear-gradient(145deg, var(--accent), #8b69ec); font-size: 18px; font-weight: 800; }.friend-card div { min-width: 0; }.friend-card strong, .friend-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.friend-card strong { font-size: 13px; }.friend-card small { margin-top: 2px; color: var(--muted); font-size: 9px; }.friend-card em { color: var(--muted); font-style: normal; }.links-content:empty { display: none; }.links-empty { padding: 50px 20px 25px; box-shadow: none; border: 0; }

/* User center */
.vip-page { overflow:hidden; }.vip-hero { min-height:210px; display:flex; align-items:center; gap:22px; padding:38px 48px; color:#fff; background:linear-gradient(120deg,#333964,#6d55c4 55%,#b17bd9); }.vip-crown { display:grid; place-items:center; width:82px; height:82px; flex:0 0 auto; border:1px solid rgba(255,255,255,.35); border-radius:25px; color:#ffe09a; background:rgba(255,255,255,.12); font-size:43px; box-shadow:inset 0 0 25px rgba(255,255,255,.08); }.vip-hero .eyebrow { color:#dfd6ff; }.vip-hero h1 { margin:2px 0 6px; font-size:29px; }.vip-hero p { margin:0; color:rgba(255,255,255,.72); font-size:12px; }.vip-current { margin-left:auto; min-width:150px; padding:14px 18px; border:1px solid rgba(255,255,255,.25); border-radius:12px; background:rgba(255,255,255,.1); }.vip-current small,.vip-current strong,.vip-current span { display:block; }.vip-current small { color:rgba(255,255,255,.65); font-size:9px; }.vip-current strong { font-size:20px; }.vip-current span { color:#e4ddff; font-size:9px; }.vip-balance { display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:15px 35px 0; color:var(--muted); font-size:10px; }.vip-balance strong { color:var(--text); font-size:14px; }.vip-balance a { margin-left:8px; color:var(--accent); }.vip-plans { display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch; gap:15px; padding:30px 35px; }.vip-plan { position:relative; padding:25px 22px 22px; overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--card-soft); transition:.2s; }.vip-plan:hover { border-color:var(--plan-color); transform:translateY(-3px); box-shadow:var(--shadow-hover); }.vip-plan.is-featured { border-color:rgba(var(--accent-rgb),.32); box-shadow:0 10px 30px rgba(var(--accent-rgb),.09); }.vip-plan>small { color:var(--plan-color); font-size:8px; font-weight:800; letter-spacing:1px; }.vip-plan h2 { margin:4px 0 13px; font-size:19px; }.vip-badge { position:absolute; right:-27px; top:13px; width:100px; padding:3px 0; color:#fff; background:var(--plan-color); text-align:center; transform:rotate(40deg); font-size:8px; }.vip-price { color:var(--plan-color); font-size:30px; font-weight:800; }.vip-price sup { margin-right:2px; font-size:13px; }.vip-price del { margin-left:7px; color:var(--muted); font-size:10px; font-weight:400; }.vip-plan ul { min-height:100px; margin:18px 0; padding:15px 0 4px; border-top:1px solid var(--border); list-style:none; }.vip-plan li { margin:7px 0; color:var(--muted); font-size:10px; }.vip-plan li span { margin-right:6px; color:var(--plan-color); font-weight:800; }.vip-buy { display:block; width:100%; padding:9px 10px; border:0; border-radius:9px; color:#fff; background:var(--plan-color); text-align:center; cursor:pointer; font-size:11px; font-weight:600; }.vip-buy:hover { color:#fff; opacity:.9; }.vip-buy:disabled { opacity:.55; cursor:wait; }.vip-note { margin:0 35px 30px; padding:15px 18px; border-radius:10px; background:var(--card-soft); }.vip-note strong { font-size:11px; }.vip-note p { margin:3px 0 0; color:var(--muted); font-size:10px; }
.protected-content { margin-top:30px; border:1px solid var(--border); border-radius:13px; overflow:hidden; }.protected-content.is-locked { position:relative; padding:45px 25px; text-align:center; background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),var(--card-soft)); }.protected-content.is-locked::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.25; background-image:radial-gradient(circle at 1px 1px,var(--accent) 1px,transparent 0); background-size:24px 24px; mask-image:linear-gradient(to bottom,#000,transparent); }.lock-icon { position:relative; display:grid; place-items:center; width:58px; height:58px; margin:0 auto 13px; border-radius:18px; color:#fff; background:linear-gradient(145deg,var(--accent),#8968e8); box-shadow:0 10px 25px rgba(var(--accent-rgb),.22); }.lock-icon svg { width:25px; height:25px; }.protected-content h2 { position:relative; margin:0 0 4px; font-size:20px; }.protected-content.is-locked>p { position:relative; margin:0 0 18px; color:var(--muted); font-size:12px; }.protected-content .primary-button { position:relative; }.protected-price { position:relative; margin:-5px 0 14px; color:var(--accent); font-size:31px; font-weight:800; }.protected-price small { margin-right:2px; font-size:14px; }.protected-title { display:flex; align-items:center; gap:11px; padding:14px 18px; border-bottom:1px solid var(--border); background:rgba(62,183,135,.08); }.protected-title>span { display:grid; place-items:center; width:29px; height:29px; border-radius:50%; color:#fff; background:#43b889; font-weight:800; }.protected-title strong,.protected-title small { display:block; }.protected-title strong { font-size:12px; }.protected-title small { color:var(--muted); font-size:9px; }.protected-body { margin:0; padding:22px 28px; }.purchase-article:disabled { opacity:.65; cursor:wait; }
.user-center { overflow:hidden; }.user-hero { min-height:180px; display:flex; align-items:center; gap:20px; padding:35px 42px; color:#fff; background:linear-gradient(120deg,#5367d9,#8a68e7); }.user-big-avatar { display:grid; place-items:center; width:82px; height:82px; flex:0 0 auto; border:4px solid rgba(255,255,255,.65); border-radius:50%; background:rgba(255,255,255,.17); font-size:30px; font-weight:800; }.user-hero .eyebrow { color:rgba(255,255,255,.7); }.user-hero h1 { margin:2px 0; font-size:25px; }.user-hero p { margin:0; color:rgba(255,255,255,.7); font-size:11px; }.checkin-button { margin-left:auto; padding:9px 16px; border:1px solid rgba(255,255,255,.45); border-radius:20px; color:#fff; background:rgba(255,255,255,.13); cursor:pointer; }.checkin-button:hover:not(:disabled) { background:#fff; color:#6465dc; }.checkin-button.is-done { opacity:.7; cursor:default; }.user-metrics { display:grid; grid-template-columns:repeat(4,1fr); padding:24px 32px; border-bottom:1px solid var(--border); }.user-metrics section { padding:4px 20px; border-right:1px solid var(--border); }.user-metrics section:last-child { border:0; }.user-metrics span { display:block; color:var(--muted); font-size:10px; }.user-metrics strong { display:block; margin-top:3px; font-size:20px; }.user-panels { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:22px 32px 32px; }.user-panels>section { padding:18px; border:1px solid var(--border); border-radius:11px; background:var(--card-soft); }.user-social { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; }.user-social span { color:var(--muted); font-size:10px; }.user-social strong { display:block; color:var(--text); font-size:17px; }.user-shortcuts { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }.user-shortcuts a { padding:8px; border-radius:7px; text-align:center; background:var(--card); color:var(--muted); font-size:10px; }.user-shortcuts a:hover { color:var(--accent); }.user-empty { padding:90px 25px; text-align:center; }.user-empty>span { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 18px; border-radius:22px; color:#fff; background:linear-gradient(145deg,var(--accent),#8a68e8); font-size:27px; font-weight:800; }.user-empty h1 { margin:0 0 6px; }.user-empty p { margin:0 0 22px; color:var(--muted); }.user-page-content { padding:0 32px 32px; }

.user-shortcuts { grid-template-columns:repeat(3,1fr); }

/* Home and sidebar module DIY */
.zibtype-home-modules{display:grid;gap:24px}.zibtype-home-modules>.home-module{margin-top:0}.home-module{min-width:0}.hero.home-module.is-compact{min-height:220px;padding-block:34px}.hero.home-module.is-minimal{min-height:230px;color:var(--text);border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.hero.home-module.is-minimal .hero-kicker,.hero.home-module.is-minimal p{color:var(--muted)}.hero.home-module.is-minimal .hero-button{color:var(--accent);border-color:rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.08)}.hero.home-module.is-minimal .hero-art{opacity:.2}.announcement.home-module.is-accent{color:#fff;border-color:transparent;background:#41433d}.announcement.home-module.is-accent .announcement-icon{color:#fff;border-color:rgba(255,255,255,.34);background:transparent}.announcement.home-module.is-accent p,.announcement.home-module.is-accent .announcement-date{color:rgba(255,255,255,.78)}.announcement.home-module.is-minimal{min-height:auto;padding:5px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-category-grid>a{display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:1px 12px;min-width:0;padding:15px 17px;border-radius:6px;background:var(--card);box-shadow:none;transition:border-color .2s ease,transform .2s ease}.home-category-grid>a:hover{border-color:rgba(70,72,67,.2);transform:translateY(-1px)}.home-category-grid>a>span{grid-row:1/3;display:grid;width:35px;height:43px;place-items:center;color:var(--muted);border-right:1px solid var(--border);font-family:Georgia,"Times New Roman",serif;font-size:10px;font-weight:700}.home-category-grid strong,.home-category-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-category-grid strong{font-size:13px}.home-category-grid small{color:var(--muted);font-size:9px}.home-category-module.is-pills .home-category-grid{display:flex;flex-wrap:wrap}.home-category-module.is-pills .home-category-grid>a{display:flex;gap:8px;padding:8px 13px;border-radius:22px}.home-category-module.is-pills .home-category-grid>a>span{width:25px;height:25px;border-radius:0;font-size:9px}.home-category-module.is-pills .home-category-grid small{margin-left:4px}.home-category-module.is-minimal .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-category-module.is-minimal .home-category-grid>a{border-radius:0;border-width:0 0 1px;box-shadow:none;background:transparent}.home-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-featured-grid .post-card{grid-template-columns:145px minmax(0,1fr);min-height:148px}.home-featured-grid .post-cover{min-height:148px}.home-featured-grid .post-card-body{padding:15px}.home-featured-grid .post-card h2{font-size:15px}.home-featured-grid .post-excerpt{display:none}.home-featured-grid .post-meta>span:nth-last-child(-n+2){display:none}.home-featured-module.is-compact .home-featured-grid{grid-template-columns:1fr}.home-featured-module.is-compact .post-card{grid-template-columns:120px minmax(0,1fr);min-height:120px}.home-featured-module.is-compact .post-cover{min-height:120px}.home-custom-module{padding:24px 28px}.home-custom-module h2{margin:2px 0 5px;font-size:21px}.home-custom-module p{margin:0;color:var(--muted);font-size:13px}.home-custom-module.is-accent{color:#fff;border-color:transparent;background:#41433d}.home-custom-module.is-accent .eyebrow,.home-custom-module.is-accent p{color:rgba(255,255,255,.78)}.home-custom-module.is-minimal{padding-inline:2px;border:0;border-radius:0;background:transparent;box-shadow:none}.is-compact-stream .post-card{grid-template-columns:180px minmax(0,1fr);min-height:150px}.is-compact-stream .post-cover{min-height:150px}.is-compact-stream .post-card-body{padding:16px 19px}.is-compact-stream .post-excerpt{margin-bottom:9px;-webkit-line-clamp:1}.author-card.is-compact .author-banner{height:48px}.author-card.is-compact .author-avatar{width:55px;height:55px;margin-top:-29px}.author-card.is-compact .author-profile>p,.author-card.is-compact .author-stats{display:none}.author-card.is-compact .follow-button{margin-top:12px}.widget.is-pills .category-cloud{display:flex;flex-wrap:wrap}.widget.is-pills .category-cloud a{flex:0 0 auto;gap:7px;border-radius:18px}.widget.is-minimal .rank-item b{display:none}.sidebar-custom-widget>p{margin:0;padding:0 16px 16px;color:var(--muted);font-size:11px}.sidebar-custom-widget.is-accent{color:#fff;border-color:transparent;background:#41433d}.sidebar-custom-widget.is-accent .widget-title,.sidebar-custom-widget.is-accent p,.sidebar-custom-widget.is-accent .widget-title small{color:rgba(255,255,255,.82)}.sidebar-custom-widget.is-minimal{border:0;background:transparent;box-shadow:none}
.orders-page { overflow:hidden; }.orders-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 32px; border-bottom:1px solid var(--border); }.orders-head h1 { margin:0; font-size:23px; }.orders-head p { margin:4px 0 0; color:var(--muted); font-size:11px; }.orders-head>a { color:var(--accent); font-size:11px; }.order-list { padding:10px 28px 28px; }.order-item { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:20px; padding:17px 4px; border-bottom:1px solid var(--border); }.order-item>div { min-width:0; }.order-item strong,.order-item small { display:block; }.order-item strong { margin:3px 0; overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.order-item small { color:var(--muted); font-size:9px; }.order-item>b { color:var(--text); font-size:15px; }.order-type { color:var(--accent); font-size:9px; }.order-status { padding:3px 9px; border-radius:12px; color:#997329; background:#fff4d7; font-size:9px; font-style:normal; }.order-status.is-paid { color:#398065; background:#e4f7ef; }

@media (max-width: 1040px) {
    .content-layout { grid-template-columns: minmax(0, 1fr) 290px; }.post-card { grid-template-columns: 215px minmax(0, 1fr); }.main-nav a { padding-inline: 8px; }.hero-art { right: 3%; opacity: .78; }.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-featured-grid .post-card{grid-template-columns:125px minmax(0,1fr)}
}
@media (max-width: 860px) {
    .shell { width: min(100% - 28px, var(--content-width)); }.site-header { height: 62px; }.header-inner { gap: 12px; }.brand-name { font-size: 19px; }.brand-mark { width: 33px; height: 33px; }.main-nav { position: absolute; top: 62px; left: 0; right: 0; display: none; height: auto; max-height: calc(100vh - 62px); padding: 9px 14px 14px; overflow-y: auto; background: var(--card); border-bottom: 1px solid var(--border); box-shadow: var(--shadow); white-space: normal; }.main-nav.is-open { display: grid; grid-template-columns: 1fr; gap: 2px; }.main-nav > a { padding: 10px 12px; text-align: left; }.main-nav > a.is-active::after, .main-nav-category > a.is-active::after { left: 3px; top: 50%; bottom: auto; width: 3px; height: 15px; transform: translateY(-50%); }.main-nav-category { display: grid; height: auto; grid-template-columns: minmax(0, 1fr) 40px; }.main-nav-category > a { padding: 10px 12px; text-align: left; }.main-nav-submenu-toggle { position: static; width: 40px; height: 40px; }.main-nav-submenu { position: static; display: none; min-width: 0; max-width: none; margin: 0 4px 6px 12px; padding: 4px; grid-column: 1 / -1; visibility: visible; opacity: 1; border-radius: 6px; box-shadow: none; transform: none; transition: none; }.main-nav-category:hover .main-nav-submenu { display: none; }.main-nav-category.is-submenu-open .main-nav-submenu { display: grid; }.menu-toggle { display: grid; }.user-button { display: none; }
    .hero { min-height: 280px; padding: 38px 40px; }.hero-content { max-width: 70%; }.hero-art { right: 1%; transform: translateY(-50%) scale(.8); transform-origin: right center; }
    body:has(.hero.is-discovery) .main-nav.is-open{color:var(--text);background:var(--card)}body:has(.hero.is-discovery) .main-nav.is-open a{color:var(--text);text-shadow:none}.hero.is-discovery,.hero-discovery-inner{min-height:var(--hero-height-tablet,540px)}.hero-discovery-inner{padding:94px 28px 116px}.hero.is-discovery.is-height-compact .hero-discovery-inner{padding:82px 24px 76px}.hero.is-discovery .hero-content{max-width:700px}.hero-quick-links{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto;padding:3px 0 8px;scrollbar-width:none}.hero-quick-links::-webkit-scrollbar{display:none}.hero-quick-links>a{height:70px}.hero-quick-links small{display:block}
    .content-layout { display: block; }.sidebar { position: static; grid-template-columns: 1fr 1fr; margin-top: 20px; }.author-card { grid-row: span 2; }.compact-widget { display: none; }.toc-widget { grid-column: 1 / -1; }
    .article { padding: 32px 30px; }.article-cover { height: 330px; }.vip-plans { grid-template-columns:1fr; }.vip-plan ul { min-height:0; }.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px) {
    .shell { width: min(100% - 20px, var(--content-width)); }.brand-name { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.header-actions { gap: 4px; }.icon-button { width: 35px; height: 35px; }
    .hero { min-height: 285px; margin-top: 12px; padding: 31px 25px; border-radius: 15px; }.hero-content { max-width: none; }.hero h1 { max-width: 300px; font-size: 31px; }.hero p { max-width: 88%; font-size: 13px; }.hero-art { right: -75px; opacity: .35; transform: translateY(-50%) scale(.68); }.announcement { margin-top: 10px; }.announcement strong, .announcement-date { display: none; }.zibtype-home-modules{gap:16px}.zibtype-home-modules>.hero.home-module,.zibtype-home-modules>.announcement.home-module{margin-top:0}.home-category-grid,.home-category-module.is-minimal .home-category-grid{grid-template-columns:1fr 1fr;gap:8px}.home-category-grid>a{grid-template-columns:28px minmax(0,1fr);gap:0 7px;padding:10px}.home-category-grid>a>span{width:28px;height:34px;font-size:9px}.home-category-grid small{font-size:8px}.home-featured-grid{grid-template-columns:1fr}.home-featured-grid .post-card,.home-featured-module.is-compact .post-card{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:112px}.home-featured-grid .post-cover,.home-featured-module.is-compact .post-cover{min-height:112px}.home-featured-grid .post-card-body{padding:12px}.home-featured-grid .post-card h2{display:-webkit-box;font-size:14px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-featured-grid .post-meta{display:none}.home-custom-module{padding:19px}.is-compact-stream .post-card{display:block}.is-compact-stream .post-cover{min-height:180px}
    .hero.is-discovery{min-height:var(--hero-height-mobile,520px);margin-top:0;margin-bottom:42px;padding:0;border-radius:0}.hero-discovery-inner{width:calc(100% - 20px);min-height:var(--hero-height-mobile,520px);padding:86px 16px 106px}.hero.is-discovery h1{max-width:none;font-size:27px}.hero.is-discovery p{max-width:94%;margin-bottom:19px;font-size:12px}.hero-search{height:52px;grid-template-columns:minmax(0,1fr) 48px}.hero-search input{padding-left:18px;font-size:16px}.hero-search button{width:42px;height:42px}.hero-hot-keywords{max-height:58px;overflow:hidden;justify-content:flex-start}.hero-hot-keywords span{display:none}.hero-quick-links{right:auto;bottom:-34px;left:50%;display:flex;width:calc(100vw - 20px);gap:7px;overflow-x:auto;padding:2px 0 5px;transform:translateX(-50%);scrollbar-width:none}.hero-quick-links::-webkit-scrollbar{display:none}.hero-quick-links>a{width:176px;height:68px;flex:0 0 176px;grid-template-columns:30px minmax(0,1fr) 14px;padding:9px}.hero-quick-links>a>span{width:30px;height:38px}.hero-quick-links small{display:block}.hero-slider-controls{top:72px;right:10px}.hero-slider-controls>button{display:none}
    .site-main { padding-top: 20px; padding-bottom: 45px; }.section-heading { min-height: 54px; }.section-heading h2 { font-size: 20px; }
    .post-card { display: block; }.post-cover { min-height: 205px; }.post-card-body { padding: 18px 17px 15px; }.post-card h2 { font-size: 18px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.post-excerpt { -webkit-line-clamp: 2; }.post-meta { gap: 10px; }.post-meta > span:last-child { display: none; }
    .sidebar { display: grid; grid-template-columns: 1fr; }.author-card { grid-row: auto; }.category-cloud { grid-template-columns: repeat(2, 1fr); }
    .article { padding: 27px 20px; }.article-header h1 { font-size: 27px; }.article-meta { gap: 6px; }.article-cover { height: 230px; margin-inline: -4px; }.article-content { margin-top: 28px; font-size: 15px; line-height: 1.9; }.article-content h2 { font-size: 21px; }.post-near { grid-template-columns: 1fr; }.post-near > div:last-child { padding-top: 12px; border-top: 1px solid var(--border); text-align: left; }.related-grid, .friend-grid { grid-template-columns: 1fr; }.archive-year { grid-template-columns: 1fr; gap: 10px; }.archive-year h2 small { display: inline; margin-left: 5px; }.archive-year-posts a { grid-template-columns: 42px minmax(0,1fr); }.archive-year-posts em { display: none; }.image-lightbox { padding: 15px; }
    .comments { padding: 25px 18px; }.comment-list .comment-list { margin-left: 15px; }.comment-body { padding-left: 48px; }.comment-author img { width: 36px; height: 36px; }.form-row { grid-template-columns: 1fr; }.footer-inner { padding-block: 30px; flex-direction: column; justify-content: center; text-align: center; gap: 14px; }.error-code { font-size: 78px; }
    .user-hero { padding:26px 20px; flex-wrap:wrap; }.user-big-avatar { width:64px; height:64px; }.checkin-button { width:100%; margin:0; }.user-metrics { grid-template-columns:1fr 1fr; padding:15px; }.user-metrics section { padding:12px; }.user-metrics section:nth-child(2) { border-right:0; }.user-metrics section:nth-child(-n+2) { border-bottom:1px solid var(--border); }.user-panels { grid-template-columns:1fr; padding:15px; }.user-shortcuts { grid-template-columns:1fr; }
    .vip-hero { padding:27px 20px; flex-wrap:wrap; }.vip-crown { width:64px; height:64px; font-size:32px; }.vip-hero h1 { font-size:24px; }.vip-current { width:100%; margin:0; }.vip-balance { justify-content:center; padding:15px 15px 0; }.vip-plans { padding:20px 15px; }.vip-note { margin:0 15px 20px; }
    .orders-head { padding:22px 18px; }.order-list { padding:5px 17px 20px; }.order-item { grid-template-columns:minmax(0,1fr) auto; gap:10px; }.order-status { grid-column:2; }.order-item>b { grid-column:2; grid-row:1; align-self:start; }.order-item .order-status { grid-row:1; margin-top:28px; }
}
@media(max-width:900px){.search-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.search-filter-bar>div{grid-column:1/-1}.search-filter-bar>button{align-self:stretch}.search-filter-bar>a{align-self:center}.search-empty-recommend .post-list{grid-template-columns:1fr}}
@media(max-width:640px){.search-form{height:62px}.search-form>svg{display:none}.search-close{padding-inline:6px}.search-hot{overflow-x:auto;white-space:nowrap}.search-hot>a{flex:0 0 auto}.search-suggestions{top:48px;right:-38px}.search-suggestions>a{grid-template-columns:minmax(0,1fr);gap:3px}.search-suggestions a>small{display:none}.search-results-head{grid-template-columns:1fr;padding:20px}.search-results-head h1{font-size:21px}.search-results-head>form{width:100%;box-sizing:border-box}.search-result-hot{overflow-x:auto;flex-wrap:nowrap}.search-result-hot a{flex:0 0 auto}.search-filter-bar{grid-template-columns:1fr;padding:12px}.search-filter-bar>div{grid-column:auto}.search-filter-bar select{font-size:16px}.search-filter-bar>button{padding:11px}.search-filter-bar>a{text-align:center}.search-empty{padding:48px 18px}.search-empty>div{align-items:stretch;flex-direction:column}.search-empty>div>a{justify-content:center}.search-empty-recommend .post-card{display:grid;grid-template-columns:95px minmax(0,1fr);min-height:105px}.search-empty-recommend .post-cover{min-height:105px}.search-empty-recommend .post-card-body{padding:11px}.search-empty-recommend .post-meta{display:none}.search-pagination>.search-page-edge{order:2;flex:1}.search-pagination>span{display:none}}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Shop */
.shop-page { display:grid; gap:18px; }.shop-hero { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:31px 36px; color:#fff; background:linear-gradient(120deg,#263556,#5567d5 58%,#8c6fe8); overflow:hidden; }.shop-hero h1 { margin:2px 0 4px; font-size:27px; }.shop-hero p { margin:0; color:rgba(255,255,255,.72); font-size:11px; }.shop-hero>a { padding:9px 18px; border:1px solid rgba(255,255,255,.36); border-radius:20px; background:rgba(255,255,255,.12); font-size:11px; }.shop-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.shop-card { overflow:hidden; transition:.2s; }.shop-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-hover); }.shop-card-cover { display:grid; place-items:center; height:190px; overflow:hidden; color:#fff; background:linear-gradient(145deg,#6576e7,#9d70e9); font-size:42px; font-weight:800; }.shop-card-cover img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }.shop-card:hover img { transform:scale(1.035); }.shop-card-body { display:block; padding:17px 18px 19px; }.shop-card-body>small { color:var(--accent); font-size:9px; }.shop-card-body>strong { display:block; margin:4px 0 13px; overflow:hidden; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }.shop-card-body>span { display:flex; align-items:center; justify-content:space-between; }.shop-card-body b { color:var(--accent); font-size:18px; }.shop-card-body em { color:var(--muted); font-size:9px; font-style:normal; }
.shop-detail { display:grid; grid-template-columns:45% minmax(0,1fr); overflow:hidden; }.shop-detail-cover { min-height:430px; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(145deg,#5e73df,#a575eb); font-size:68px; font-weight:800; }.shop-detail-cover img { width:100%; height:100%; object-fit:cover; }.shop-detail-main { padding:40px 42px; }.shop-back { color:var(--muted); font-size:10px; }.shop-type { display:block; margin-top:35px; color:var(--accent); font-size:9px; font-weight:700; letter-spacing:1px; }.shop-detail-main h1 { margin:4px 0 13px; font-size:29px; line-height:1.35; }.shop-price { color:var(--accent); font-size:34px; font-weight:800; }.shop-price small { font-size:14px; }.shop-price del { margin-left:10px; color:var(--muted); font-size:11px; font-weight:400; }.shop-stock { display:flex; gap:20px; margin:10px 0 25px; color:var(--muted); font-size:10px; }.shop-add-form { display:flex; align-items:center; gap:10px; padding-top:20px; border-top:1px solid var(--border); }.shop-add-form label { color:var(--muted); font-size:10px; }.shop-add-form input { width:65px; margin-left:5px; padding:8px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card-soft); }.shop-add-form button { padding:9px 18px; border:0; border-radius:8px; color:#fff; background:var(--accent); cursor:pointer; }.shop-add-form>a { margin-left:auto; color:var(--accent); font-size:10px; }.shop-description { grid-column:1/-1; margin:0; padding:30px 42px 42px; border-top:1px solid var(--border); }.shop-description h2 { margin-top:0; }
.shop-add-form .shop-sku-select { display:flex; align-items:center; gap:5px; }.shop-sku-select select { max-width:230px; padding:8px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card-soft); }.cart-sku { display:block; color:var(--accent); font-size:9px; }
.shop-rating { display:flex; align-items:center; gap:7px; margin:-16px 0 20px; }.shop-rating>strong { font-size:14px; }.shop-rating>span { color:#e7a634; letter-spacing:1px; }.shop-rating>small { color:var(--muted); font-size:9px; }.shop-reviews { grid-column:1/-1; padding:30px 42px 42px; border-top:1px solid var(--border); }.shop-reviews>header { display:flex; align-items:end; justify-content:space-between; margin-bottom:17px; }.shop-reviews h2 { margin:2px 0 0; font-size:21px; }.shop-reviews>header>strong { color:#e5a230; font-size:30px; }.shop-reviews>header>strong small { color:var(--muted); font-size:10px; }.shop-review-empty { padding:40px; border-radius:9px; color:var(--muted); background:var(--card-soft); text-align:center; }.shop-review-list { display:grid; gap:10px; }.shop-review-list>article { padding:16px; border:1px solid var(--border); border-radius:10px; background:var(--card-soft); }.shop-review-list article>header { display:flex; justify-content:space-between; }.shop-review-list header strong,.shop-review-list header small { display:block; }.shop-review-list header strong { font-size:11px; }.shop-review-list header small { color:var(--muted); font-size:8px; }.shop-review-list header>span { color:#e6a333; }.shop-review-list article>p { margin:10px 0; font-size:11px; }.review-images { display:flex; gap:7px; overflow:auto; }.review-images img { width:70px; height:70px; object-fit:cover; border-radius:7px; }.shop-review-list article>footer { margin-top:10px; padding:9px 11px; border-radius:7px; color:var(--muted); background:var(--card); font-size:9px; }.shop-review-list footer strong { margin-right:7px; color:var(--accent); }
.cart-page { overflow:hidden; }.cart-list { padding:8px 28px; }.cart-item { display:grid; grid-template-columns:64px minmax(0,1fr) auto auto auto; align-items:center; gap:15px; padding:17px 3px; border-bottom:1px solid var(--border); }.cart-item.is-unavailable { opacity:.6; }.cart-cover { display:grid; place-items:center; width:64px; height:52px; overflow:hidden; border-radius:8px; color:#fff; background:linear-gradient(145deg,var(--accent),#956fe9); font-weight:800; }.cart-cover img { width:100%; height:100%; object-fit:cover; }.cart-item>div strong,.cart-item>div small,.cart-item>div b { display:block; }.cart-item>div strong { font-size:12px; }.cart-item>div small { color:var(--muted); font-size:9px; }.cart-item>div b { color:var(--accent); font-size:11px; }.cart-item form { display:flex; gap:5px; }.cart-item form input[type=number] { width:58px; padding:6px; border:1px solid var(--border); border-radius:6px; color:var(--text); background:var(--card-soft); }.cart-item form button { padding:6px 9px; border:1px solid var(--border); border-radius:6px; background:var(--card-soft); cursor:pointer; font-size:9px; }.cart-item form .cart-remove { color:#c65d66; }.cart-item>em { min-width:70px; color:var(--text); text-align:right; font-size:13px; font-style:normal; font-weight:700; }.cart-summary { display:flex; align-items:center; justify-content:flex-end; gap:25px; padding:22px 30px; background:var(--card-soft); }.cart-summary>div { display:flex; gap:18px; color:var(--muted); font-size:10px; }.cart-summary strong { color:var(--text); }.cart-summary b { color:var(--accent); font-size:18px; }.cart-summary>button { padding:10px 22px; border:0; border-radius:8px; color:#fff; background:var(--accent); cursor:pointer; }.cart-summary>button:disabled { opacity:.5; cursor:not-allowed; }
.order-item.has-shop-items { align-items:start; }.order-products { grid-column:1/-1; display:grid; gap:7px; margin-top:4px; padding:10px; border-radius:8px; background:var(--card-soft); }.order-products section { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:7px; border-bottom:1px solid var(--border); }.order-products section:last-child { border:0; }.order-products section span strong,.order-products section span small { display:block; }.order-products section p { grid-column:1/-1; margin:3px 0 0; padding:8px 10px; border-radius:6px; color:var(--muted); background:var(--card); font-size:10px; }.order-products section p em { display:block; color:var(--accent); font-style:normal; }
@media(max-width:860px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-detail{grid-template-columns:1fr}.shop-detail-cover{min-height:340px}.shop-description{grid-column:auto}.cart-item{grid-template-columns:58px minmax(0,1fr) auto}.cart-item>form{grid-row:2}.cart-item>em{grid-column:3;grid-row:1}.cart-item>form:last-of-type{grid-column:3}}
@media(max-width:640px){.shop-hero{padding:24px 20px}.shop-hero h1{font-size:23px}.shop-hero p{max-width:230px}.shop-grid{grid-template-columns:1fr}.shop-card-cover{height:210px}.shop-detail-cover{min-height:260px}.shop-detail-main{padding:27px 20px}.shop-type{margin-top:24px}.shop-detail-main h1{font-size:24px}.shop-add-form{flex-wrap:wrap}.shop-add-form>a{width:100%;margin:0}.shop-description{padding:24px 20px 30px}.cart-list{padding:5px 15px}.cart-item{grid-template-columns:52px minmax(0,1fr) auto;gap:10px}.cart-cover{width:52px;height:48px}.cart-item>form{grid-column:2;grid-row:auto}.cart-item>form:last-of-type{grid-column:3}.cart-item>em{grid-column:3;grid-row:1}.cart-summary{align-items:stretch;flex-direction:column;padding:18px}.cart-summary>div{justify-content:space-between}.cart-summary>button{width:100%}}

.cart-address { display:flex; align-items:center; gap:14px; margin:5px 28px 15px; padding:15px 17px; border:1px solid var(--border); border-radius:9px; background:var(--card-soft); }.cart-address>div { min-width:140px; }.cart-address strong,.cart-address small { display:block; }.cart-address strong { font-size:11px; }.cart-address small { color:var(--muted); font-size:8px; }.cart-address select { flex:1; min-width:0; padding:8px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card); }.cart-address>a { flex:0 0 auto; color:var(--accent); font-size:10px; }
.cart-coupon { display:flex; align-items:center; gap:14px; margin:5px 28px 15px; padding:13px 17px; border:1px dashed rgba(var(--accent-rgb),.28); border-radius:9px; background:rgba(var(--accent-rgb),.035); }.cart-coupon>div { min-width:220px; }.cart-coupon strong,.cart-coupon small { display:block; }.cart-coupon strong { font-size:11px; }.cart-coupon small { color:var(--muted); font-size:8px; }.cart-coupon input { flex:1; min-width:0; padding:8px 10px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card); text-transform:uppercase; }.order-discount { grid-column:1/-1; padding:8px 11px; border-radius:7px; color:#a27629; background:#fff7df; font-size:9px; }
.address-page { overflow:hidden; }.address-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr); gap:18px; padding:25px 30px 32px; }.address-layout>section { padding:18px; border:1px solid var(--border); border-radius:11px; background:var(--card-soft); }.address-list { display:grid; align-content:start; gap:10px; }.address-empty { padding:50px 10px; color:var(--muted); text-align:center; }.address-card { padding:14px; border:1px solid var(--border); border-radius:9px; background:var(--card); }.address-card.is-default { border-color:rgba(var(--accent-rgb),.3); }.address-card>header { display:flex; align-items:center; gap:10px; }.address-card>header strong { font-size:12px; }.address-card>header span { color:var(--muted); font-size:10px; }.address-card>header em { margin-left:auto; padding:2px 7px; border-radius:9px; color:var(--accent); background:rgba(var(--accent-rgb),.09); font-size:8px; font-style:normal; }.address-card>p { margin:7px 0 10px; color:var(--muted); font-size:10px; }.address-card>footer { display:flex; justify-content:space-between; align-items:start; }.address-card details { flex:1; }.address-card summary { color:var(--accent); cursor:pointer; font-size:9px; }.address-card footer>form button,.address-delete { padding:4px 8px; border:0; color:#c35b64; background:transparent; cursor:pointer; font-size:9px; }.address-layout form>div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.address-layout form>.address-region { grid-template-columns:repeat(3,1fr); }.address-layout form label { display:block; margin:8px 0; color:var(--muted); font-size:9px; }.address-layout form input:not([type=checkbox]) { width:100%; padding:7px 8px; border:1px solid var(--border); border-radius:6px; color:var(--text); background:var(--card); }.address-layout form .address-default { display:flex; align-items:center; gap:5px; }.address-layout form>button { padding:8px 14px; border:0; border-radius:7px; color:#fff; background:var(--accent); cursor:pointer; font-size:10px; }
.order-shipment { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(0,1fr); gap:3px 12px; margin-top:7px; padding:12px; border:1px solid var(--border); border-radius:8px; background:rgba(var(--accent-rgb),.045); }.order-shipment>strong { grid-row:1/3; align-self:center; color:var(--accent); font-size:11px; }.order-shipment>span,.order-shipment>small { display:block; }.order-shipment>span { font-size:10px; }.order-shipment>small { color:var(--muted); font-size:9px; }.order-shipment>p,.order-shipment>em { grid-column:1/-1; margin:3px 0 0; color:var(--muted); font-size:9px; font-style:normal; }
.order-status.is-refunded { color:#777c87; background:#eceef2; }.order-refund { grid-column:1/-1; display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:8px; color:#9a722b; background:#fff6dd; font-size:9px; }.order-refund strong { font-size:10px; }.order-refund small { margin-left:auto; color:var(--muted); }.order-refund.is-refunded { color:#397f67; background:#e5f7ef; }.order-refund.is-rejected { color:#b04f59; background:#fdecef; }.refund-apply { grid-column:1/-1; padding-top:7px; }.refund-apply summary { width:max-content; color:#c05c66; cursor:pointer; font-size:9px; }.refund-apply form { display:grid; grid-template-columns:180px minmax(0,1fr) auto; gap:8px; margin-top:8px; }.refund-apply select,.refund-apply textarea { padding:7px 9px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card-soft); resize:vertical; }.refund-apply button { padding:7px 13px; border:0; border-radius:7px; color:#fff; background:#c7616a; cursor:pointer; font-size:9px; }
.order-review-state { grid-column:1/-1; display:flex; align-items:center; gap:8px; margin-top:7px; color:#a27629; font-size:9px; }.order-review-state strong { color:#e5a230; }.order-review-state.is-publish span { color:#397f67; }.order-review-state.is-rejected span,.order-review-state.is-hidden span { color:#b04f59; }.review-apply { grid-column:1/-1; margin-top:6px; }.review-apply summary { width:max-content; color:var(--accent); cursor:pointer; font-size:9px; }.review-apply form { display:grid; grid-template-columns:170px minmax(0,1fr) minmax(0,1fr) auto; gap:7px; margin-top:8px; }.review-apply select,.review-apply textarea { padding:7px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card); resize:vertical; }.review-apply button { border:0; border-radius:7px; color:#fff; background:var(--accent); cursor:pointer; font-size:9px; }
@media(max-width:860px){.address-layout{grid-template-columns:1fr}.cart-address,.cart-coupon{align-items:stretch;flex-direction:column}.cart-address>div,.cart-coupon>div{min-width:0}}
@media(max-width:640px){.address-layout{padding:16px;}.address-layout>section{padding:14px}.address-layout form>.address-region{grid-template-columns:1fr}.cart-address,.cart-coupon{margin:5px 15px 12px}.cart-address select,.cart-coupon input{width:100%}.refund-apply form,.review-apply form{grid-template-columns:1fr}.order-refund{align-items:flex-start;flex-direction:column}.order-refund small{margin:0}.shop-reviews{padding:24px 20px 30px}.shop-review-list article>header{gap:8px;flex-direction:column}}

.forum-page { display:grid; gap:17px; }.forum-hero { display:flex; align-items:center; justify-content:space-between; min-height:150px; padding:30px 38px; overflow:hidden; background:linear-gradient(120deg,rgba(var(--accent-rgb),.12),var(--card) 60%); }.forum-hero h1 { margin:3px 0 7px; font-size:27px; }.forum-hero p { margin:0; color:var(--muted); font-size:12px; }.forum-hero>div:last-child { display:grid; grid-template-columns:auto auto; align-items:baseline; gap:3px 9px; padding:17px 22px; border:1px solid var(--border); border-radius:14px; background:var(--card); }.forum-hero>div:last-child strong { color:var(--accent); font-size:22px; text-align:right; }.forum-hero>div:last-child span { color:var(--muted); font-size:9px; }.forum-layout { display:grid; grid-template-columns:245px minmax(0,1fr); gap:17px; align-items:start; }.forum-sidebar { position:sticky; top:82px; }.forum-sidebar>section { padding:17px; }.forum-sidebar nav { display:grid; gap:5px; }.forum-sidebar nav a { display:grid; grid-template-columns:38px minmax(0,1fr); gap:9px; align-items:center; padding:9px; border-radius:9px; }.forum-sidebar nav a:hover,.forum-sidebar nav a.is-active { color:var(--accent); background:rgba(var(--accent-rgb),.08); }.forum-sidebar nav i { display:grid; place-items:center; width:38px; height:38px; border-radius:10px; color:#fff; background:linear-gradient(145deg,var(--accent),#8d67e7); font-size:12px; font-style:normal; font-weight:800; }.forum-sidebar nav strong,.forum-sidebar nav small { display:block; }.forum-sidebar nav strong { font-size:11px; }.forum-sidebar nav small { margin-top:2px; color:var(--muted); font-size:8px; }.forum-main { display:grid; gap:13px; min-width:0; }.forum-toolbar { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; }.forum-toolbar h2 { margin:0; font-size:18px; }.forum-toolbar p { margin:3px 0 0; color:var(--muted); font-size:9px; }.forum-toolbar form { display:flex; }.forum-toolbar input { width:180px; padding:8px 10px; border:1px solid var(--border); border-radius:7px 0 0 7px; color:var(--text); background:var(--card-soft); outline:0; }.forum-toolbar button { padding:0 12px; border:0; border-radius:0 7px 7px 0; color:#fff; background:var(--accent); cursor:pointer; }.forum-topic-list { overflow:hidden; }.forum-topic-list>a { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:12px; align-items:center; padding:15px 19px; border-bottom:1px solid var(--border); }.forum-topic-list>a:last-child { border:0; }.forum-topic-list>a:hover { background:var(--card-soft); }.forum-topic-avatar { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--accent),#8468e5); font-size:14px; font-weight:800; }.forum-topic-body { min-width:0; }.forum-topic-body>span { display:flex; gap:5px; align-items:center; }.forum-topic-body em { padding:2px 5px; border-radius:5px; color:#fff; background:#e26972; font-size:7px; font-style:normal; }.forum-topic-body em.is-essence { background:#e5a23c; }.forum-topic-body>span small { color:var(--accent); font-size:8px; }.forum-topic-body>strong,.forum-topic-body>small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.forum-topic-body>strong { margin:4px 0; font-size:13px; }.forum-topic-body>small { color:var(--muted); font-size:8px; }.forum-topic-stats { display:grid; grid-template-columns:auto auto; gap:0 7px; align-items:center; min-width:75px; }.forum-topic-stats strong { font-size:11px; text-align:right; }.forum-topic-stats small { color:var(--muted); font-size:8px; }.forum-topic-empty { padding:65px 20px; text-align:center; }.forum-topic-empty>span { color:var(--accent); font-size:30px; font-weight:800; }.forum-topic-empty h2 { margin:5px 0; }.forum-topic-empty p { margin:0; color:var(--muted); }.forum-pagination { display:flex; gap:5px; justify-content:center; }.forum-pagination a { display:grid; place-items:center; min-width:30px; height:30px; padding:0 5px; border:1px solid var(--border); border-radius:7px; color:var(--muted); background:var(--card); font-size:9px; }.forum-pagination a.is-active { border-color:var(--accent); color:#fff; background:var(--accent); }.forum-compose { padding:21px 24px; }.forum-compose form { display:grid; gap:9px; }.forum-new-topic form>div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.forum-compose input,.forum-compose select,.forum-compose textarea { width:100%; padding:9px 11px; border:1px solid var(--border); border-radius:8px; box-sizing:border-box; color:var(--text); background:var(--card-soft); outline:0; }.forum-compose textarea { resize:vertical; line-height:1.7; }.forum-compose input:focus,.forum-compose select:focus,.forum-compose textarea:focus { border-color:rgba(var(--accent-rgb),.55); box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07); }.forum-compose form>button { justify-self:start; padding:9px 18px; border:0; border-radius:8px; color:#fff; background:var(--accent); cursor:pointer; }.forum-compose-tip { margin:10px 0 0; padding:18px; border-radius:8px; color:var(--muted); background:var(--card-soft); text-align:center; font-size:11px; }.forum-compose-tip a { margin:0 3px; color:var(--accent); }.forum-breadcrumb { display:flex; align-items:center; gap:7px; padding:0 5px; color:var(--muted); font-size:9px; }.forum-breadcrumb a:hover { color:var(--accent); }.forum-breadcrumb em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; }.forum-topic-detail { display:grid; grid-template-columns:120px minmax(0,1fr); overflow:hidden; }.forum-topic-detail>aside { padding:26px 15px; border-right:1px solid var(--border); background:var(--card-soft); text-align:center; }.forum-topic-detail>aside>span { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 10px; border-radius:18px; color:#fff; background:linear-gradient(145deg,var(--accent),#8966e6); font-size:20px; font-weight:800; }.forum-topic-detail>aside strong,.forum-topic-detail>aside small { display:block; }.forum-topic-detail>aside strong { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.forum-topic-detail>aside small { margin-top:3px; color:var(--muted); font-size:8px; }.forum-topic-detail>div { padding:25px 29px; }.forum-topic-detail>div>header>div { display:flex; align-items:center; gap:5px; }.forum-topic-detail>div>header em { padding:2px 6px; border-radius:5px; color:#fff; background:#e26972; font-size:8px; font-style:normal; }.forum-topic-detail>div>header em.is-essence { background:#e5a23c; }.forum-topic-detail>div>header span { color:var(--accent); font-size:9px; }.forum-topic-detail h1 { margin:7px 0 5px; font-size:23px; }.forum-topic-detail header>small { color:var(--muted); font-size:8px; }.forum-content { min-height:130px; padding:24px 0; font-size:13px; line-height:1.9; overflow-wrap:anywhere; }.forum-topic-detail footer { display:flex; flex-wrap:wrap; gap:5px; padding-top:12px; border-top:1px solid var(--border); }.forum-topic-detail footer span { padding:3px 8px; border-radius:9px; color:var(--accent); background:rgba(var(--accent-rgb),.08); font-size:8px; }.forum-replies { overflow:hidden; }.forum-replies>header { display:flex; justify-content:space-between; padding:17px 22px; border-bottom:1px solid var(--border); }.forum-replies>header h2 { margin:0; font-size:16px; }.forum-replies>header span { color:var(--muted); font-size:9px; }.forum-empty-replies { padding:45px 20px; color:var(--muted); text-align:center; }.forum-reply-list>article { display:grid; grid-template-columns:45px minmax(0,1fr); gap:12px; padding:18px 22px; border-bottom:1px solid var(--border); }.forum-reply-list>article:last-child { border:0; }.forum-reply-list aside span { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; background:linear-gradient(145deg,#4ca88a,#5a79d9); font-size:13px; font-weight:800; }.forum-reply-list article>div>header { display:flex; justify-content:space-between; }.forum-reply-list header strong { font-size:10px; }.forum-reply-list header small { color:var(--muted); font-size:8px; }.forum-reply-list article>div>p { margin:9px 0; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }.forum-reply-list article>div>p.forum-reply-parent { display:inline-block; margin-bottom:0; padding:3px 7px; border-radius:5px; color:var(--muted); background:var(--card-soft); font-size:8px; }.forum-reply-list article>div>button { padding:2px 0; border:0; color:var(--accent); background:transparent; cursor:pointer; font-size:8px; }.forum-reply-target { padding:7px 10px; border-radius:7px; color:var(--muted); background:var(--card-soft); font-size:9px; }.forum-reply-target button { margin-left:8px; border:0; color:#c45e68; background:transparent; cursor:pointer; font-size:8px; }

@media(max-width:860px){.forum-layout{grid-template-columns:1fr}.forum-sidebar{position:static}.forum-sidebar nav{grid-template-columns:repeat(2,1fr)}.forum-topic-detail{grid-template-columns:90px minmax(0,1fr)}}
@media(max-width:640px){.forum-hero{align-items:flex-start;flex-direction:column;gap:18px;padding:24px 20px}.forum-hero>div:last-child{width:100%;box-sizing:border-box}.forum-sidebar nav{grid-template-columns:1fr}.forum-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.forum-toolbar form,.forum-toolbar input{width:100%}.forum-topic-list>a{grid-template-columns:38px minmax(0,1fr);padding:13px}.forum-topic-avatar{width:36px;height:36px}.forum-topic-stats{display:none}.forum-new-topic form>div{grid-template-columns:1fr}.forum-topic-detail{grid-template-columns:1fr}.forum-topic-detail>aside{display:flex;align-items:center;gap:8px;padding:12px 18px;border-right:0;border-bottom:1px solid var(--border);text-align:left}.forum-topic-detail>aside>span{width:38px;height:38px;margin:0;border-radius:11px;font-size:13px}.forum-topic-detail>aside small{margin-left:auto}.forum-topic-detail>div{padding:20px}.forum-topic-detail h1{font-size:19px}.forum-reply-list>article{grid-template-columns:35px minmax(0,1fr);padding:15px}.forum-reply-list aside span{width:34px;height:34px}.forum-compose{padding:18px}}
.forum-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; }.forum-actions>div,.forum-reply-list footer { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }.forum-actions button,.forum-reply-list footer>button { padding:5px 10px; border:1px solid var(--border); border-radius:7px; color:var(--muted); background:var(--card-soft); cursor:pointer; font-size:9px; }.forum-actions button.is-active,.forum-reply-list footer>button.is-active { border-color:rgba(var(--accent-rgb),.3); color:var(--accent); background:rgba(var(--accent-rgb),.08); }.forum-actions button:disabled,.forum-reply-list footer>button:disabled { cursor:not-allowed; opacity:.55; }.forum-actions button em,.forum-reply-list footer button em { font-style:normal; }.forum-inline-moderate { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }.forum-inline-moderate select,.forum-reply-moderate select { padding:5px 7px; border:1px solid var(--border); border-radius:6px; color:var(--text); background:var(--card-soft); font-size:9px; }.forum-inline-moderate label { color:var(--muted); font-size:8px; }.forum-inline-moderate button,.forum-reply-moderate button { padding:6px 9px; border:0; border-radius:6px; color:#fff; background:#4a9b7f; cursor:pointer; font-size:8px; }.forum-report { position:relative; color:var(--muted); font-size:8px; }.forum-report summary { padding:5px 3px; cursor:pointer; list-style:none; }.forum-report form { position:absolute; z-index:5; top:28px; left:0; display:grid; width:245px; gap:6px; padding:10px; border:1px solid var(--border); border-radius:9px; box-shadow:0 10px 25px rgba(25,29,43,.14); background:var(--card); }.forum-report form select,.forum-report form input { width:100%; padding:6px 7px; border:1px solid var(--border); border-radius:6px; box-sizing:border-box; color:var(--text); background:var(--card-soft); font-size:8px; }.forum-report form button { padding:6px; border:0; border-radius:6px; color:#fff; background:#c05c66; cursor:pointer; }.forum-reply-list article>div>footer { margin-top:9px; }.forum-reply-moderate { display:flex; gap:5px; margin-left:auto; }.user-forum-favorites { margin:0 32px 30px; padding:18px; border:1px solid var(--border); border-radius:11px; background:var(--card-soft); }.user-forum-favorites>p { margin:15px 0 0; color:var(--muted); text-align:center; font-size:10px; }.user-forum-favorites>div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }.user-forum-favorites a { display:block; min-width:0; padding:10px 12px; border-radius:8px; background:var(--card); }.user-forum-favorites a span,.user-forum-favorites a strong,.user-forum-favorites a small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.user-forum-favorites a span { color:var(--accent); font-size:8px; }.user-forum-favorites a strong { margin:3px 0; font-size:10px; }.user-forum-favorites a small { color:var(--muted); font-size:8px; }
@media(max-width:640px){.forum-actions{align-items:flex-start;flex-direction:column}.forum-inline-moderate{width:100%}.forum-report form{right:0;left:auto}.forum-reply-moderate{width:100%;margin-left:0}.user-forum-favorites{margin:0 15px 20px}.user-forum-favorites>div:last-child{grid-template-columns:1fr}}
.forum-attachments { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0 16px; }.forum-attachment-image { position:relative; display:block; overflow:hidden; aspect-ratio:16/10; border:1px solid var(--border); border-radius:9px; background:var(--card-soft); }.forum-attachment-image img { width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }.forum-attachment-image:hover img { transform:scale(1.025); }.forum-attachment-image span { position:absolute; right:0; bottom:0; left:0; overflow:hidden; padding:16px 8px 6px; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.66)); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.forum-attachment-file { display:flex; align-items:center; gap:9px; min-width:0; padding:10px; border:1px solid var(--border); border-radius:9px; background:var(--card-soft); }.forum-attachment-file>b { display:grid; place-items:center; flex:0 0 38px; height:38px; border-radius:8px; color:#fff; background:linear-gradient(145deg,var(--accent),#7c68dc); font-size:8px; }.forum-attachment-file>span { min-width:0; }.forum-attachment-file strong,.forum-attachment-file small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.forum-attachment-file strong { font-size:9px; }.forum-attachment-file small { margin-top:3px; color:var(--muted); font-size:7px; }.forum-attachment-uploader { padding:10px; border:1px dashed var(--border); border-radius:9px; background:var(--card-soft); }.forum-attachment-uploader>label { display:inline-flex; cursor:pointer; }.forum-attachment-uploader>label span { padding:7px 11px; border-radius:7px; color:var(--accent); background:rgba(var(--accent-rgb),.08); font-size:9px; font-weight:700; }.forum-attachment-uploader>label input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }.forum-attachment-uploader>small { margin-left:8px; color:var(--muted); font-size:8px; }.forum-attachment-uploader>div { display:grid; gap:6px; margin-top:8px; }.forum-upload-item { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:7px 8px; border-radius:7px; background:var(--card); }.forum-upload-item>img { width:34px; height:34px; border-radius:6px; object-fit:cover; }.forum-upload-item>span { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.forum-upload-item>small { color:var(--muted); font-size:7px; }.forum-upload-item>button { padding:3px 6px; border:0; color:#c45e68; background:transparent; cursor:pointer; font-size:8px; }.forum-upload-item.is-uploading { opacity:.68; }.forum-upload-item.is-error small { color:#c45e68; }
@media(max-width:640px){.forum-attachments{grid-template-columns:1fr 1fr}.forum-attachment-file{grid-column:1/-1}.forum-attachment-uploader>small{display:block;margin:7px 0 0}.forum-upload-item{grid-template-columns:auto minmax(0,1fr) auto}.forum-upload-item>small{grid-column:2}.forum-upload-item>button{grid-column:3;grid-row:1/3}}
.forum-new-topic form>.forum-editor,.forum-new-topic form>.forum-attachment-uploader { display:block; }.forum-editor { position:relative; overflow:visible; border:1px solid var(--border); border-radius:9px; background:var(--card-soft); }.forum-editor-toolbar { display:flex!important; grid-template-columns:none!important; flex-wrap:wrap; gap:4px!important; align-items:center; padding:6px; border-bottom:1px solid var(--border); }.forum-editor-toolbar>button,.forum-emoji>summary { display:grid; place-items:center; min-width:29px; height:27px; padding:0 7px; border:0; border-radius:6px; color:var(--muted); background:var(--card); cursor:pointer; font-size:9px; list-style:none; }.forum-editor-toolbar>button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.forum-editor-toolbar>button:hover,.forum-emoji>summary:hover { color:var(--accent); background:rgba(var(--accent-rgb),.09); }.forum-editor-toolbar .forum-preview-toggle { min-width:48px; margin-left:auto; color:var(--accent); }.forum-editor textarea { display:block; min-height:120px; border:0!important; border-radius:0 0 9px 9px!important; box-shadow:none!important; background:transparent!important; }.forum-emoji { position:relative; }.forum-emoji>summary::-webkit-details-marker { display:none; }.forum-emoji>div { position:absolute; z-index:15; top:33px; left:0; display:grid; grid-template-columns:repeat(4,31px); gap:3px; padding:7px; border:1px solid var(--border); border-radius:8px; box-shadow:0 10px 28px rgba(23,27,39,.16); background:var(--card); }.forum-emoji>div button { display:grid; place-items:center; width:31px; height:31px; padding:0; border:0; border-radius:5px; background:transparent; cursor:pointer; font-size:16px; }.forum-emoji>div button:hover { background:var(--card-soft); }.forum-editor-preview { padding:14px 16px; border-top:1px solid var(--border); background:var(--card); }.forum-editor-preview>p:first-child:last-child { margin:0; color:var(--muted); }.forum-mention-suggestions { position:absolute; z-index:14; top:100%; left:10px; display:grid; width:min(320px,calc(100% - 20px)); max-height:230px; overflow-y:auto; padding:5px; border:1px solid var(--border); border-radius:9px; box-shadow:0 12px 30px rgba(23,27,39,.16); background:var(--card); }.forum-mention-suggestions button { display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:8px; align-items:center; padding:6px 8px; border:0; border-radius:6px; color:var(--text); background:transparent; cursor:pointer; text-align:left; }.forum-mention-suggestions button:hover { background:var(--card-soft); }.forum-mention-suggestions button>span { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; color:#fff; background:linear-gradient(145deg,var(--accent),#8567e4); font-size:10px; font-weight:800; }.forum-mention-suggestions strong { overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.forum-mention-suggestions small { color:var(--muted); font-size:8px; }.forum-markdown { overflow-wrap:anywhere; }.forum-markdown>:first-child { margin-top:0; }.forum-markdown>:last-child { margin-bottom:0; }.forum-markdown p { margin:.75em 0; }.forum-markdown h2,.forum-markdown h3,.forum-markdown h4 { margin:1.2em 0 .55em; line-height:1.45; }.forum-markdown h2 { padding-left:9px; border-left:3px solid var(--accent); font-size:18px; }.forum-markdown h3 { font-size:15px; }.forum-markdown h4 { font-size:13px; }.forum-markdown blockquote { margin:1em 0; padding:8px 12px; border-left:3px solid var(--accent); border-radius:0 7px 7px 0; color:var(--muted); background:rgba(var(--accent-rgb),.07); }.forum-markdown ul,.forum-markdown ol { padding-left:1.6em; }.forum-markdown a { color:var(--accent); border-bottom:1px dashed rgba(var(--accent-rgb),.35); }.forum-markdown pre { overflow-x:auto; margin:1em 0; padding:13px 15px; border-radius:8px; color:#e7eaf2; background:#20222a; font:11px/1.7 Consolas,Monaco,monospace; }.forum-markdown code { padding:2px 5px; border-radius:4px; color:#e2637b; background:rgba(226,99,123,.1); font:.9em Consolas,Monaco,monospace; }.forum-markdown pre code { padding:0; color:inherit; background:none; }.forum-markdown table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; }.forum-markdown th,.forum-markdown td { padding:6px 9px; border:1px solid var(--border); }.forum-markdown img { display:block; max-height:520px; margin:12px auto; border-radius:8px; }.forum-mention { display:inline-block; padding:0 4px; border-radius:4px; color:var(--accent); background:rgba(var(--accent-rgb),.09); font-weight:700; }.forum-reply-content { min-height:0; padding:8px 0 3px; font-size:12px; line-height:1.8; }.forum-reply-content p { margin:.55em 0; }
.user-notifications { margin:0 32px 30px; padding:18px; border:1px solid var(--border); border-radius:11px; background:var(--card-soft); }.user-notification-list { display:grid; gap:6px; margin-top:10px; }.user-notification-list>a,.user-notification-list>div { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; padding:9px 11px; border:1px solid transparent; border-radius:8px; background:var(--card); }.user-notification-list>a.is-unread,.user-notification-list>div.is-unread { border-color:rgba(var(--accent-rgb),.2); background:rgba(var(--accent-rgb),.055); }.user-notification-list>a>span,.user-notification-list>div>span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#fff; background:linear-gradient(145deg,var(--accent),#8068df); font-size:11px; font-weight:800; }.user-notification-list strong,.user-notification-list p,.user-notification-list small { display:block; margin:0; }.user-notification-list strong { font-size:9px; }.user-notification-list p { margin:2px 0; color:var(--text); font-size:9px; }.user-notification-list small { color:var(--muted); font-size:7px; }.user-notification-list em { padding:2px 6px; border-radius:8px; color:var(--accent); background:rgba(var(--accent-rgb),.1); font-size:7px; font-style:normal; }.user-notification-empty { margin:15px 0 0; color:var(--muted); text-align:center; font-size:10px; }.user-notification-read { display:block; margin:11px 0 0 auto; padding:6px 10px; border:0; border-radius:6px; color:#fff; background:var(--accent); cursor:pointer; font-size:8px; }
.user-message-center { margin:0 32px 30px; overflow:hidden; border:1px solid var(--border); border-radius:12px; background:var(--card-soft); }.user-message-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 22px; border-bottom:1px solid var(--border); background:var(--card); }.user-message-head h2 { margin:2px 0; font-size:18px; }.user-message-head p { margin:0; color:var(--muted); font-size:9px; }.user-message-head>strong { color:var(--accent); font-size:10px; }.user-message-tabs { display:flex; gap:4px; padding:8px; overflow-x:auto; border-bottom:1px solid var(--border); background:var(--card); }.user-message-tabs a { display:flex; align-items:center; gap:5px; flex:0 0 auto; padding:7px 10px; border-radius:7px; color:var(--muted); font-size:9px; }.user-message-tabs a:hover,.user-message-tabs a.is-active { color:var(--accent); background:rgba(var(--accent-rgb),.09); }.user-message-tabs em { min-width:16px; padding:1px 4px; border-radius:9px; color:#fff; background:var(--accent); text-align:center; font-size:7px; font-style:normal; }.user-message-center .user-notification-list { padding:10px 14px; }.user-notification-list>article { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid transparent; border-radius:8px; background:var(--card); }.user-notification-list>article.is-unread { border-color:rgba(var(--accent-rgb),.22); background:rgba(var(--accent-rgb),.055); }.user-notification-list>article>span { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; color:#fff; background:linear-gradient(145deg,var(--accent),#8068df); font-size:11px; font-weight:800; }.user-notification-list>article>div:nth-child(2) { min-width:0; }.user-notification-list>article a { display:block; }.user-message-actions { display:flex; gap:5px; }.user-message-actions button,.user-message-footer button { padding:5px 7px; border:0; border-radius:5px; color:var(--muted); background:var(--card-soft); cursor:pointer; font-size:7px; }.user-message-actions button:hover { color:#d45d6d; }.user-message-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 14px 14px; }.user-message-footer>div { display:flex; gap:6px; }.user-message-footer a,.user-message-footer button { color:var(--accent); }.user-notification-empty { padding:30px 15px; }
.user-private-layout { display:grid; grid-template-columns:300px minmax(0,1fr); min-height:520px; }.user-private-sidebar { padding:13px; border-right:1px solid var(--border); background:var(--card); }.user-private-compose { position:relative; display:grid; gap:7px; padding:12px; border-radius:9px; background:var(--card-soft); }.user-private-compose>strong,.user-conversation-list>strong { font-size:10px; }.user-private-compose label { display:grid; gap:3px; color:var(--muted); font-size:8px; }.user-private-compose input,.user-private-compose textarea,.user-private-reply textarea { width:100%; padding:8px 9px; border:1px solid var(--border); border-radius:7px; color:var(--text); background:var(--card); font:inherit; resize:vertical; }.user-private-compose button[type=submit],.user-private-reply button { padding:7px 10px; border:0; border-radius:7px; color:#fff; background:var(--accent); cursor:pointer; }.user-private-compose>small,.user-private-reply>small { min-height:12px; color:var(--muted); font-size:7px; }.user-private-suggestions { position:absolute; z-index:8; top:70px; left:12px; right:12px; display:grid; gap:3px; padding:5px; border:1px solid var(--border); border-radius:8px; box-shadow:0 10px 25px rgba(20,25,40,.14); background:var(--card); }.user-private-suggestions button { display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:7px; align-items:center; padding:6px; border:0; border-radius:6px; color:var(--text); background:transparent; text-align:left; cursor:pointer; }.user-private-suggestions button:hover { background:var(--card-soft); }.user-private-suggestions span { display:grid; place-items:center; width:27px; height:27px; border-radius:7px; color:#fff; background:var(--accent); }.user-private-suggestions strong,.user-private-suggestions small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }.user-private-suggestions small { color:var(--muted); }.user-conversation-list { display:grid; gap:5px; margin-top:15px; }.user-conversation-list>a { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px; border-radius:8px; color:var(--text); }.user-conversation-list>a:hover,.user-conversation-list>a.is-active { background:var(--card-soft); }.user-conversation-list>a>span,.user-private-thread>header span { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; color:#fff; background:linear-gradient(145deg,var(--accent),#8068df); font-size:9px; font-weight:800; }.user-conversation-list a strong,.user-conversation-list a p { display:block; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.user-conversation-list a strong { font-size:9px; }.user-conversation-list a p { color:var(--muted); font-size:7px; }.user-conversation-list a em { min-width:17px; padding:2px 4px; border-radius:9px; color:#fff; background:var(--accent); text-align:center; font-size:7px; font-style:normal; }.user-conversation-list>p { color:var(--muted); font-size:8px; }.user-private-thread { display:flex; min-width:0; flex-direction:column; background:var(--card-soft); }.user-private-thread>header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid var(--border); background:var(--card); }.user-private-thread>header>div { display:grid; grid-template-columns:34px minmax(0,1fr); column-gap:8px; align-items:center; }.user-private-thread>header span { grid-row:1/3; }.user-private-thread>header strong,.user-private-thread>header small { display:block; }.user-private-thread>header strong { font-size:10px; }.user-private-thread>header small { color:var(--muted); font-size:7px; }.user-private-thread>header button { padding:5px 8px; border:1px solid var(--border); border-radius:6px; color:var(--muted); background:transparent; cursor:pointer; font-size:7px; }.user-private-placeholder { margin:auto; padding:45px 20px; text-align:center; }.user-private-placeholder>span { display:grid; place-items:center; width:55px; height:55px; margin:0 auto 12px; border-radius:17px; color:#fff; background:linear-gradient(145deg,var(--accent),#8068df); font-size:20px; }.user-private-placeholder h3 { margin:0; }.user-private-placeholder p { color:var(--muted); font-size:9px; }.user-private-messages { display:flex; min-height:330px; max-height:560px; flex-direction:column; gap:8px; padding:16px; overflow-y:auto; }.user-private-messages>article { display:flex; align-items:flex-start; gap:4px; max-width:78%; }.user-private-messages>article.is-mine { align-self:flex-end; flex-direction:row-reverse; }.user-private-messages article>div { padding:8px 10px; border-radius:4px 10px 10px; background:var(--card); box-shadow:0 2px 8px rgba(20,25,40,.05); }.user-private-messages article.is-mine>div { color:#fff; border-radius:10px 4px 10px 10px; background:var(--accent); }.user-private-messages p { margin:0; overflow-wrap:anywhere; font-size:9px; line-height:1.65; }.user-private-messages small { display:block; margin-top:4px; color:var(--muted); font-size:6px; }.user-private-messages .is-mine small { color:rgba(255,255,255,.7); text-align:right; }.user-private-messages article>button { border:0; color:var(--muted); background:transparent; cursor:pointer; opacity:0; }.user-private-messages article:hover>button { opacity:1; }.user-private-reply { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; align-items:end; padding:12px 16px; border-top:1px solid var(--border); background:var(--card); }.user-private-reply small { grid-column:1/-1; }.user-private-blocked { margin:auto 16px 16px; padding:9px; border-radius:7px; color:#a77638; background:#fff3dd; text-align:center; font-size:8px; }
@media(max-width:640px){.forum-editor-toolbar>button,.forum-emoji>summary{min-width:27px;padding:0 5px}.forum-editor-toolbar .forum-preview-toggle{min-width:44px}.forum-mention-suggestions{right:10px;width:auto}.user-notifications{margin:0 15px 20px;padding:14px}.user-notification-list>a,.user-notification-list>div{grid-template-columns:32px minmax(0,1fr)}.user-notification-list em{grid-column:2}.user-notification-list>a>span,.user-notification-list>div>span{width:30px;height:30px}}

/* Creator center */
.creator-page{display:grid;gap:17px}.creator-hero{display:flex;align-items:center;justify-content:space-between;min-height:145px;padding:30px 38px;overflow:hidden;background:linear-gradient(120deg,rgba(var(--accent-rgb),.14),var(--card) 62%)}.creator-hero h1{margin:3px 0 7px;font-size:28px}.creator-hero p{margin:0;color:var(--muted);font-size:12px}.creator-hero>a{padding:10px 18px;border-radius:20px;color:#fff;background:var(--accent);font-size:10px;font-weight:700}.creator-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 25px}.creator-metrics section{padding:5px 22px;border-right:1px solid var(--border)}.creator-metrics section:last-child{border:0}.creator-metrics span,.creator-metrics strong{display:block}.creator-metrics span{color:var(--muted);font-size:9px}.creator-metrics strong{margin-top:2px;color:var(--accent);font-size:22px}.creator-layout{display:grid;grid-template-columns:minmax(0,1fr)245px;gap:17px;align-items:start}.creator-main{min-width:0}.creator-editor-card{overflow:hidden}.creator-editor-card>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.creator-editor-card>header h2{margin:2px 0 0;font-size:19px}.creator-editor-card>header>small{color:var(--muted);font-size:9px}.creator-review-note{padding:12px 24px;color:#a74c59;background:rgba(211,83,101,.08)}.creator-review-note strong{font-size:10px}.creator-review-note p{margin:3px 0 0;font-size:10px}.creator-editor-card form{display:grid;gap:13px;padding:23px 24px}.creator-editor-card label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.creator-editor-card input,.creator-editor-card select,.creator-editor-card textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;color:var(--text);background:var(--card-soft);outline:0}.creator-editor-card input:focus,.creator-editor-card select:focus,.creator-editor-card textarea:focus{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}.creator-title-field input{padding:12px 13px;font-size:16px;font-weight:700}.creator-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creator-markdown-editor textarea{min-height:320px;resize:vertical;font:13px/1.8 Consolas,"Microsoft YaHei",sans-serif}.creator-advanced{border:1px solid var(--border);border-radius:9px;background:var(--card-soft)}.creator-advanced>summary{padding:11px 13px;cursor:pointer;color:var(--muted);font-size:10px}.creator-advanced>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 13px 13px}.creator-advanced .creator-paid-content{grid-column:1/-1}.creator-advanced textarea{resize:vertical}.creator-editor-card form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.creator-editor-card form>footer>div{display:flex;gap:7px}.creator-editor-card form>footer button{padding:9px 15px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);cursor:pointer}.creator-editor-card form>footer button.is-primary{border-color:var(--accent);color:#fff;background:var(--accent)}.creator-editor-card form>footer button:disabled{opacity:.5;cursor:not-allowed}.creator-editor-card form>footer>span{color:var(--muted);font-size:8px;text-align:right}.creator-sidebar{position:sticky;top:82px;display:grid;gap:13px}.creator-sidebar>section{padding:17px}.creator-sidebar nav{display:grid;gap:4px}.creator-sidebar nav a{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;color:var(--muted);font-size:10px}.creator-sidebar nav a:hover,.creator-sidebar nav a.is-active{color:var(--accent);background:rgba(var(--accent-rgb),.08)}.creator-sidebar nav em{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--card-soft);font-size:8px;font-style:normal}.creator-guide ol{margin:0;padding-left:20px;color:var(--muted);font-size:9px;line-height:2}.creator-list{overflow:hidden}.creator-list>header{display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid var(--border)}.creator-list>header h2{margin:2px 0 0;font-size:18px}.creator-list>header>strong{color:var(--muted);font-size:10px}.creator-list>div>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding:16px 22px;border-bottom:1px solid var(--border)}.creator-list>div>article:last-child{border:0}.creator-list article>div>span,.creator-list article>div>strong,.creator-list article>div>small{display:block}.creator-list article>div>span{color:var(--accent);font-size:8px}.creator-list article>div>strong{margin:4px 0;font-size:13px}.creator-list article>div>small{color:var(--muted);font-size:8px}.creator-list article>div>p{margin:7px 0 0;padding:7px 9px;border-radius:6px;color:#a44c58;background:rgba(211,83,101,.08);font-size:9px}.creator-list article>em{align-self:start;padding:3px 8px;border-radius:10px;color:#8b6b2d;background:#fff0cb;font-size:8px;font-style:normal}.creator-list article.is-publish>em{color:#397f67;background:#e1f6ed}.creator-list article.is-rejected>em{color:#b04f59;background:#fdecef}.creator-list article.is-draft>em,.creator-list article.is-withdrawn>em{color:var(--muted);background:var(--card-soft)}.creator-list article>footer{grid-column:1/-1;display:flex;align-items:center;gap:7px}.creator-list article>footer a,.creator-list article>footer button{padding:5px 9px;border:1px solid var(--border);border-radius:6px;color:var(--muted);background:var(--card);cursor:pointer;font-size:8px}.creator-list article>footer a:hover,.creator-list article>footer button:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}.creator-list article>footer button.is-danger{color:#b04f59}.creator-list article>footer span{color:var(--muted);font-size:8px}.creator-list>.forum-pagination{padding:14px;border-top:1px solid var(--border)}.creator-list-empty{padding:45px 20px!important;text-align:center}.creator-list-empty span{color:var(--accent);font-size:26px}.creator-list-empty p{margin:4px 0;color:var(--muted);font-size:10px}
@media(max-width:860px){.creator-layout{grid-template-columns:1fr}.creator-sidebar{position:static;grid-template-columns:1fr 1fr}.creator-sidebar nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.creator-hero{min-height:120px;padding:23px}.creator-hero h1{font-size:23px}.creator-hero p{font-size:10px}.creator-hero>a{display:none}.creator-metrics{grid-template-columns:1fr 1fr;padding:10px}.creator-metrics section{padding:10px 15px}.creator-metrics section:nth-child(2){border-right:0}.creator-metrics section:nth-child(-n+2){border-bottom:1px solid var(--border)}.creator-editor-card>header,.creator-editor-card form{padding:17px}.creator-editor-card>header>small{display:none}.creator-field-row,.creator-advanced>div{grid-template-columns:1fr}.creator-markdown-editor textarea{min-height:260px}.creator-editor-card form>footer{align-items:stretch;flex-direction:column}.creator-editor-card form>footer>div{display:grid;grid-template-columns:1fr 1fr}.creator-editor-card form>footer>span{text-align:left}.creator-sidebar{grid-template-columns:1fr}.creator-sidebar nav{grid-template-columns:1fr 1fr}.creator-list>div>article{padding:14px 16px}.creator-list article>em{grid-column:2;grid-row:1}.creator-list article>footer{flex-wrap:wrap}}
.creator-media-library{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--card-soft)}.creator-media-library>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.creator-media-library>header strong,.creator-media-library>header small{display:block}.creator-media-library>header strong{font-size:11px}.creator-media-library>header small{margin-top:2px;color:var(--muted);font-size:8px}.creator-media-library>header label{margin:0}.creator-media-library>header label>span{display:inline-flex;margin:0;padding:8px 12px;border-radius:7px;color:#fff;background:var(--accent);cursor:pointer;font-size:9px;font-weight:700}.creator-media-library>header input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.creator-media-status{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;color:var(--muted);font-size:8px}.creator-media-status em{font-style:normal}.creator-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:0 14px 14px}.creator-media-grid>article{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}.creator-media-grid article>div{position:relative;height:105px;overflow:hidden;background:#eceef4}.creator-media-grid img{display:block;width:100%;height:100%;object-fit:cover}.creator-media-grid article>div em{position:absolute;left:6px;top:6px;padding:2px 5px;border-radius:6px;color:#fff;background:rgba(45,49,61,.72);font-size:7px;font-style:normal}.creator-media-grid article>strong,.creator-media-grid article>small{display:block;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.creator-media-grid article>strong{margin-top:7px;font-size:9px}.creator-media-grid article>small{margin:2px 0 7px;color:var(--muted);font-size:7px}.creator-media-grid article>footer{display:grid;grid-template-columns:1fr 1fr auto!important;gap:3px!important;padding:6px!important;border-top:1px solid var(--border);background:var(--card-soft)}.creator-media-grid article>footer button{min-width:0!important;padding:5px 3px!important;border:0!important;border-radius:5px!important;color:var(--muted)!important;background:var(--card)!important;font-size:7px!important}.creator-media-grid article>footer button:hover{color:var(--accent)!important}.creator-media-grid article>footer button.is-danger{color:#b04f59!important}.creator-media-empty{margin:0;padding:22px;color:var(--muted);text-align:center;font-size:9px}@media(max-width:760px){.creator-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.creator-media-library>header{align-items:flex-start;flex-direction:column}.creator-media-status{align-items:flex-start;flex-direction:column}.creator-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px}.creator-media-grid article>div{height:95px}}
.creator-metrics{grid-template-columns:repeat(5,1fr)}.creator-list article.is-scheduled>em{color:#7358a4;background:#eee8ff}.creator-advanced label>small{display:block;margin-top:5px;color:var(--muted);font-size:7px;line-height:1.5}.creator-revision-empty{margin:0;color:var(--muted);font-size:9px}.creator-revision-list{display:grid;gap:7px;max-height:330px;overflow:auto}.creator-revision-list article{padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--card-soft)}.creator-revision-list article>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.creator-revision-list article strong{font-size:9px}.creator-revision-list article span{color:var(--accent);font-size:7px}.creator-revision-list article>small{display:block;margin:3px 0 7px;color:var(--muted);font-size:7px}.creator-revision-list footer{display:flex;gap:5px}.creator-revision-list button{flex:1;padding:5px;border:1px solid var(--border);border-radius:5px;color:var(--muted);background:var(--card);cursor:pointer;font-size:7px}.creator-revision-list button:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.35)}.creator-revision-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:24px;background:rgba(22,25,34,.68);backdrop-filter:blur(5px)}.creator-revision-modal>section{width:min(1000px,100%);max-height:min(760px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 24px 80px rgba(0,0,0,.28)}.creator-revision-modal header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border)}.creator-revision-modal header strong,.creator-revision-modal header small{display:block}.creator-revision-modal header strong{font-size:13px}.creator-revision-modal header small{margin-top:2px;color:var(--muted);font-size:8px}.creator-revision-modal header button{padding:6px 11px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--card-soft);cursor:pointer}.creator-revision-compare{display:grid;grid-template-columns:1fr 1fr;min-height:0}.creator-revision-compare article{min-width:0;padding:16px}.creator-revision-compare article+article{border-left:1px solid var(--border)}.creator-revision-compare h3{margin:0 0 4px;font-size:12px}.creator-revision-compare small{color:var(--muted);font-size:8px}.creator-revision-compare pre{height:min(560px,60vh);margin:12px 0 0;overflow:auto;padding:13px;border-radius:8px;color:var(--text);background:var(--card-soft);white-space:pre-wrap;word-break:break-word;font:10px/1.75 Consolas,"Microsoft YaHei",sans-serif}
@media(max-width:640px){.creator-metrics{grid-template-columns:1fr 1fr}.creator-metrics section:nth-child(2n){border-right:0}.creator-metrics section:nth-child(-n+4){border-bottom:1px solid var(--border)}.creator-metrics section:last-child{grid-column:1/-1;border:0}.creator-revision-modal{padding:10px}.creator-revision-compare{grid-template-columns:1fr;max-height:calc(100vh - 110px);overflow:auto}.creator-revision-compare article+article{border-top:1px solid var(--border);border-left:0}.creator-revision-compare pre{height:240px}}

/* Release accessibility and mobile stability */
.forum-editor-toolbar>button:focus-visible,.forum-emoji>summary:focus-visible,.forum-emoji>div button:focus-visible{outline:2px solid rgba(var(--accent-rgb),.55);outline-offset:2px}.search-results-head>form:focus-within,.forum-toolbar form:focus-within{box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.creator-revision-compare pre:focus-visible{outline:2px solid rgba(var(--accent-rgb),.45);outline-offset:-2px}
@media(max-width:640px){.forum-emoji>div{right:0;left:auto}}
@media(max-width:760px){.user-message-center{margin:0 15px 20px}.user-message-head{padding:16px}.user-private-layout{grid-template-columns:1fr}.user-private-sidebar{border-right:0;border-bottom:1px solid var(--border)}.user-conversation-list{max-height:260px;overflow-y:auto}.user-private-thread{min-height:440px}.user-notification-list>article{grid-template-columns:32px minmax(0,1fr)}.user-notification-list>article>span{width:30px;height:30px}.user-message-actions{grid-column:2}.user-private-messages>article{max-width:90%}}
.user-message-head>strong{display:flex;flex-direction:column;align-items:flex-end;font-size:22px;line-height:1}.user-message-head>strong small{margin-top:4px;color:var(--muted);font-size:7px;font-weight:500}.user-message-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--card-soft)}.user-message-overview article{display:flex;min-width:0;align-items:center;gap:9px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--card)}.user-message-overview i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:8px;font-style:normal;font-weight:800}.user-message-overview span,.user-message-overview strong,.user-message-overview small{display:block;min-width:0}.user-message-overview strong{font-size:13px;line-height:1}.user-message-overview small{margin-top:3px;color:var(--muted);font-size:7px;white-space:nowrap}.user-message-toolbar{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card)}.user-message-toolbar>label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:8px}.user-message-toolbar input{accent-color:var(--accent)}.user-message-toolbar>em{margin-right:auto;color:var(--muted);font-size:7px;font-style:normal}.user-message-toolbar>div{display:flex;gap:5px}.user-message-toolbar button{padding:5px 8px;border:0;border-radius:6px;color:var(--accent);background:rgba(var(--accent-rgb),.09);cursor:pointer;font-size:7px}.user-message-toolbar button.is-danger{color:#bd4b5e;background:rgba(190,70,88,.09)}.user-message-toolbar button:disabled{cursor:not-allowed;opacity:.4}.user-notification-list>.user-message-day{display:flex;align-items:center;gap:8px;padding:3px 2px;color:var(--muted);font-size:7px}.user-notification-list>.user-message-day::after{height:1px;flex:1;background:var(--border);content:""}.user-notification-list>article{position:relative}.user-message-select{position:absolute;top:50%;left:8px;display:grid;width:20px;height:24px;place-items:center;transform:translateY(-50%);cursor:pointer}.user-message-select input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.user-notification-list>article:has(.user-message-select){padding-left:35px}.user-message-disabled{padding:65px 20px;text-align:center}.user-message-disabled>span{display:grid;width:58px;height:58px;margin:0 auto 13px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--accent),#8068df);font-size:18px;font-weight:800}.user-message-disabled h3{margin:0}.user-message-disabled p{margin:7px auto 0;max-width:420px;color:var(--muted);font-size:9px;line-height:1.7}
@media(max-width:760px){.user-message-head{align-items:flex-start}.user-message-head h2{font-size:17px}.user-message-head>strong{font-size:18px}.user-message-overview{grid-template-columns:1fr 1fr;padding:10px}.user-message-toolbar{align-items:flex-start;flex-wrap:wrap;margin:8px}.user-message-toolbar>em{margin-right:0}.user-message-toolbar>div{width:100%}.user-message-toolbar button{flex:1;padding:7px}.user-notification-list>article:has(.user-message-select){padding-left:34px}.user-message-select{left:5px}.user-message-actions{width:100%;justify-content:flex-end}.user-message-disabled{padding:45px 18px}}

/* Creator analytics */
.creator-analytics{overflow:hidden;padding:0}.creator-analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--border)}.creator-analytics-head h2{margin:4px 0 5px;font-size:20px}.creator-analytics-head p{margin:0;color:var(--muted);font-size:9px}.creator-analytics-head nav{display:flex;gap:4px;padding:4px;border-radius:9px;background:var(--card-soft)}.creator-analytics-head nav a{padding:7px 12px;border-radius:6px;color:var(--muted);font-size:8px}.creator-analytics-head nav a.is-active{color:#fff;background:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.22)}.creator-analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border)}.creator-analytics-metrics section{min-width:0;padding:18px 20px;background:var(--card)}.creator-analytics-metrics span,.creator-analytics-metrics small{display:block;color:var(--muted);font-size:8px}.creator-analytics-metrics strong{display:block;overflow:hidden;margin:5px 0 3px;color:var(--text);font-size:21px;line-height:1.2;text-overflow:ellipsis}.creator-analytics-metrics strong em{margin-right:2px;color:var(--muted);font-size:10px;font-style:normal}.creator-analytics-metrics .is-income strong{color:#34a273}.creator-analytics-metrics .is-balance strong{color:var(--accent)}.creator-analytics-panels{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:16px;padding:20px 22px}.creator-trend-panel,.creator-sales-panel{min-width:0;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.creator-trend-panel>header,.creator-sales-panel>header,.creator-ranking>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.creator-trend-panel>header strong,.creator-sales-panel>header strong,.creator-ranking>header strong,.creator-trend-panel>header small,.creator-sales-panel>header small,.creator-ranking>header small{display:block}.creator-trend-panel>header strong,.creator-sales-panel>header strong,.creator-ranking>header strong{font-size:11px}.creator-trend-panel>header small,.creator-sales-panel>header small,.creator-ranking>header small{margin-top:2px;color:var(--muted);font-size:7px}.creator-trend-legend{display:flex;gap:10px;color:var(--muted);font-size:7px}.creator-trend-legend span:before{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--accent);content:""}.creator-trend-legend span.is-income:before{background:#34a273}.creator-trend-chart{position:relative;padding:8px 10px 0}.creator-trend-chart svg{position:relative;z-index:1;display:block;width:100%;height:auto;overflow:visible}.creator-trend-grid line{stroke:var(--border);stroke-width:1;stroke-dasharray:4 5}.creator-trend-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.creator-trend-line.is-income{stroke:#34a273}.creator-trend-labels{fill:var(--muted);font-size:9px}.creator-trend-zero{position:absolute;z-index:0;inset:50% 15px auto;color:var(--muted);text-align:center;font-size:9px;transform:translateY(-50%)}.creator-trend-panel>footer{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border-top:1px solid var(--border);background:var(--border)}.creator-trend-panel>footer span{padding:10px 6px;color:var(--muted);background:var(--card);text-align:center;font-size:7px}.creator-trend-panel>footer strong{display:block;margin-bottom:2px;color:var(--text);font-size:10px}.creator-sales-list{padding:4px 14px}.creator-sales-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border)}.creator-sales-list article:last-child{border-bottom:0}.creator-sales-list article>div{min-width:0}.creator-sales-list a,.creator-sales-list small,.creator-sales-list article>span strong{display:block}.creator-sales-list a{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.creator-sales-list small{margin-top:3px;color:var(--muted);font-size:7px}.creator-sales-list article>span{flex:0 0 auto;text-align:right}.creator-sales-list article>span strong{color:#34a273;font-size:9px}.creator-ranking{margin:0 22px 22px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.creator-ranking-grid{display:grid;grid-template-columns:minmax(190px,2.4fr) repeat(5,minmax(58px,.65fr));align-items:center;min-width:0;border-bottom:1px solid var(--border)}.creator-ranking-grid:last-child{border-bottom:0}.creator-ranking-grid>span{padding:11px 8px;color:var(--muted);text-align:center;font-size:8px}.creator-ranking-grid>div{display:flex;align-items:center;min-width:0;padding:11px 14px}.creator-ranking-grid>div em{display:grid;flex:0 0 22px;width:22px;height:22px;margin-right:8px;place-items:center;border-radius:6px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:8px;font-style:normal}.creator-ranking-grid>div a{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.creator-ranking-grid.is-head{background:var(--card)}.creator-ranking-grid.is-head>span{font-size:7px;font-weight:600}.creator-ranking-grid.is-head>span:first-child{text-align:left}.creator-analytics-empty{display:flex;align-items:center;justify-content:center;gap:13px;min-height:130px;padding:24px;color:var(--muted)}.creator-analytics-empty>span{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:14px}.creator-analytics-empty strong{display:block;color:var(--text);font-size:11px}.creator-analytics-empty p{margin:4px 0 0;font-size:8px}.creator-analytics-empty.is-small{min-height:150px;padding:18px}.creator-sales-panel .creator-analytics-empty{min-height:220px}
@media(max-width:900px){.creator-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-analytics-panels{grid-template-columns:1fr}.creator-sales-panel .creator-analytics-empty{min-height:130px}.creator-ranking-grid{grid-template-columns:minmax(160px,2fr) repeat(5,minmax(48px,.6fr))}}
@media(max-width:640px){.creator-analytics-head{align-items:flex-start;flex-direction:column;padding:18px}.creator-analytics-head h2{font-size:18px}.creator-analytics-head nav{align-self:stretch}.creator-analytics-head nav a{flex:1;text-align:center}.creator-analytics-metrics section{padding:14px}.creator-analytics-metrics strong{font-size:18px}.creator-analytics-panels{padding:12px}.creator-trend-panel>header{align-items:flex-start;flex-direction:column}.creator-trend-chart{padding:5px 4px 0}.creator-trend-panel>footer{grid-template-columns:repeat(3,1fr)}.creator-trend-panel>footer span:nth-child(n+4){border-top:1px solid var(--border)}.creator-ranking{margin:0 12px 12px}.creator-ranking-grid.is-head{display:none}.creator-ranking-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 8px}.creator-ranking-grid>div{grid-column:1/-1;padding:2px 3px 10px}.creator-ranking-grid>span{position:relative;padding:15px 2px 2px;font-size:8px}.creator-ranking-grid>span:before{position:absolute;top:2px;right:0;left:0;color:var(--muted);font-size:6px;content:attr(data-label)}.creator-ranking-grid>div a{font-size:9px}.creator-sales-list{padding:4px 10px}}

/* Creator withdrawal and settlement */
.creator-withdrawal{overflow:hidden;padding:0}.creator-withdrawal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:24px 26px;border-bottom:1px solid var(--border)}.creator-withdrawal-head h2{margin:4px 0 5px;font-size:20px}.creator-withdrawal-head p{margin:0;color:var(--muted);font-size:9px}.creator-withdrawal-head>strong{padding:7px 11px;border-radius:16px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:8px}.creator-withdrawal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border)}.creator-withdrawal-metrics section{padding:16px 20px;background:var(--card)}.creator-withdrawal-metrics span{display:block;color:var(--muted);font-size:8px}.creator-withdrawal-metrics strong{display:block;margin-top:4px;font-size:18px}.creator-withdrawal-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 22px;padding:13px 15px;border:1px solid #efd9ad;border-radius:9px;color:#9a722b;background:#fffaf0;font-size:9px}.creator-withdrawal-notice strong,.creator-withdrawal-notice span{display:block}.creator-withdrawal-active{display:flex;align-items:center;gap:18px;margin:20px 22px;padding:17px 19px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.creator-withdrawal-active>div{min-width:190px}.creator-withdrawal-active span,.creator-withdrawal-active strong,.creator-withdrawal-active small{display:block}.creator-withdrawal-active span{color:#a27629;font-size:8px}.creator-withdrawal-active strong{margin:3px 0;font-size:20px}.creator-withdrawal-active small{color:var(--muted);font-size:8px}.creator-withdrawal-active>p{flex:1;margin:0;color:var(--muted);font-size:9px}.creator-withdrawal-active>button{padding:8px 12px;border:1px solid #e9b8bd;border-radius:7px;color:#b04f59;background:#fff6f7;cursor:pointer;font-size:8px}.creator-withdrawal-active.is-approved span{color:#4278a0}.creator-withdrawal-form{margin:20px 22px;padding:17px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.creator-withdrawal-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creator-withdrawal-form label>span,.creator-withdrawal-form label>small{display:block}.creator-withdrawal-form label>span{margin-bottom:5px;color:var(--text);font-size:9px;font-weight:600}.creator-withdrawal-form label>small{margin-top:4px;color:var(--muted);font-size:7px}.creator-withdrawal-form input,.creator-withdrawal-form select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--card);box-sizing:border-box;font:inherit}.creator-withdrawal-note-field{display:block;margin-top:10px}.creator-withdrawal-form>footer{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.creator-withdrawal-form>footer>div{margin-right:auto}.creator-withdrawal-form>footer>div span,.creator-withdrawal-form>footer>div strong,.creator-withdrawal-form>footer>div small{display:inline-block;margin-right:6px}.creator-withdrawal-form>footer>div span,.creator-withdrawal-form>footer>div small,.creator-withdrawal-form>footer>span{color:var(--muted);font-size:8px}.creator-withdrawal-form>footer>div strong{color:#34a273;font-size:14px}.creator-withdrawal-form>footer button{padding:9px 15px;border:0;border-radius:7px;color:#fff;background:var(--accent);cursor:pointer;font-size:9px}.creator-withdrawal-form>footer button:disabled{cursor:not-allowed;opacity:.5}.creator-withdrawal-history{margin:0 22px 22px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.creator-withdrawal-history>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.creator-withdrawal-history header strong,.creator-withdrawal-history header small{display:block}.creator-withdrawal-history header strong{font-size:11px}.creator-withdrawal-history header small,.creator-withdrawal-history header>span{color:var(--muted);font-size:8px}.creator-withdrawal-history>p{margin:0;padding:35px;color:var(--muted);text-align:center;font-size:9px}.creator-withdrawal-history article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid var(--border)}.creator-withdrawal-history article:last-child{border-bottom:0}.creator-withdrawal-history article>div{min-width:0}.creator-withdrawal-history article>div span,.creator-withdrawal-history article>div strong,.creator-withdrawal-history article>div small{display:block}.creator-withdrawal-history article>div span{color:var(--accent);font-size:7px}.creator-withdrawal-history article>div strong{margin:2px 0;font-size:12px}.creator-withdrawal-history article>div small{color:var(--muted);font-size:7px}.creator-withdrawal-history article>p{display:flex;align-items:flex-end;flex-direction:column;gap:3px;margin:0;text-align:right}.creator-withdrawal-history article>p em{padding:3px 7px;border-radius:10px;color:#9a722b;background:#fff2d3;font-size:7px;font-style:normal}.creator-withdrawal-history article.is-approved>p em{color:#386c91;background:#e2f1fb}.creator-withdrawal-history article.is-paid>p em{color:#397f67;background:#e1f6ed}.creator-withdrawal-history article.is-rejected>p em{color:#b04f59;background:#fdecef}.creator-withdrawal-history article.is-cancelled>p em{color:var(--muted);background:var(--border)}.creator-withdrawal-history article>p span,.creator-withdrawal-history article>p small{color:var(--muted);font-size:7px}
@media(max-width:900px){.creator-withdrawal-fields{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.creator-withdrawal-head{align-items:flex-start;flex-direction:column;padding:18px}.creator-withdrawal-head h2{font-size:18px}.creator-withdrawal-metrics{grid-template-columns:1fr 1fr}.creator-withdrawal-metrics section{padding:13px 14px}.creator-withdrawal-notice{align-items:flex-start;flex-direction:column;margin:12px}.creator-withdrawal-active{align-items:flex-start;flex-direction:column;margin:12px}.creator-withdrawal-active>div{min-width:0}.creator-withdrawal-form{margin:12px;padding:13px}.creator-withdrawal-fields{grid-template-columns:1fr}.creator-withdrawal-form>footer{align-items:flex-start;flex-direction:column}.creator-withdrawal-form>footer>div{margin-right:0}.creator-withdrawal-form>footer button{width:100%}.creator-withdrawal-history{margin:0 12px 12px}.creator-withdrawal-history article{align-items:flex-start}.creator-withdrawal-history article>p{flex:0 0 105px}}

/* Global components */
.main-nav .custom-nav-item{display:inline-flex;align-items:center;gap:5px}.main-nav .custom-nav-item svg{width:14px;height:14px}.footer-identity{min-width:0}.footer-links{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px}.footer-links a{color:var(--muted);font-size:10px}.footer-links a:hover{color:var(--accent)}.floating-tools{position:fixed;z-index:90;right:25px;bottom:28px;display:grid;gap:7px}.floating-tools:empty{display:none}.floating-tools>a,.floating-tools>button{position:static;display:grid;width:39px;height:39px;padding:0;place-items:center;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:var(--card);box-shadow:var(--shadow);cursor:pointer}.floating-tools>a:hover,.floating-tools>button:hover{color:#fff;border-color:transparent;background:var(--accent)}.floating-tools svg{width:18px;height:18px}.floating-tools>a span{position:absolute;right:48px;visibility:hidden;opacity:0;padding:4px 8px;border-radius:5px;color:var(--text);background:var(--card);box-shadow:var(--shadow);white-space:nowrap;font-size:9px;transition:.15s}.floating-tools>a:hover span{visibility:visible;opacity:1}.floating-tools .back-to-top{position:static}.mobile-bottom-nav{display:none}.zibtype-ad-slot{position:relative;display:flex;align-items:center;gap:16px;min-width:0;margin:0 0 20px;overflow:hidden;padding:15px 18px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--card);box-shadow:var(--shadow)}.zibtype-ad-slot>span{position:absolute;top:5px;right:7px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:7px}.zibtype-ad-slot>img{flex:0 0 120px;width:120px;height:70px;border-radius:8px;object-fit:cover}.zibtype-ad-slot>div{min-width:0}.zibtype-ad-slot strong{display:block;font-size:14px}.zibtype-ad-slot p{margin:3px 0 0;color:var(--muted);font-size:11px}.zibtype-ad-slot.is-banner{min-height:92px;color:#fff;border-color:transparent;background:linear-gradient(110deg,var(--accent),#8667e7)}.zibtype-ad-slot.is-banner p,.zibtype-ad-slot.is-banner>span{color:rgba(255,255,255,.78)}.zibtype-ad-slot.is-banner>span{border-color:rgba(255,255,255,.28)}.zibtype-ad-slot.is-minimal{padding:8px 2px;border-width:1px 0;border-radius:0;background:transparent;box-shadow:none}.article>.zibtype-ad-slot{margin:18px 0}.sidebar>.zibtype-ad-slot{display:block;margin:0;padding:13px}.sidebar>.zibtype-ad-slot>img{width:100%;height:115px;margin-bottom:8px}.sidebar>.zibtype-ad-slot strong{font-size:12px}
@media(max-width:640px){html[data-mobile-nav="1"] body{padding-bottom:64px}.mobile-bottom-nav{position:fixed;z-index:1100;right:0;bottom:0;left:0;display:flex;height:58px;padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--header-bg);box-shadow:0 -7px 25px rgba(31,35,48,.08);backdrop-filter:blur(16px)}.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:1px;padding:0;border:0;color:var(--muted);background:transparent;font-size:8px}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav>a:hover,.mobile-bottom-nav>button:hover{color:var(--accent)}.floating-tools{right:12px;bottom:calc(15px + env(safe-area-inset-bottom))}html[data-mobile-nav="1"] .floating-tools{bottom:calc(70px + env(safe-area-inset-bottom))}.floating-tools>a span{display:none}.zibtype-ad-slot{gap:10px;padding:12px}.zibtype-ad-slot>img{flex-basis:85px;width:85px;height:58px}.zibtype-ad-slot strong{font-size:12px}.zibtype-ad-slot p{display:-webkit-box;overflow:hidden;font-size:9px;-webkit-line-clamp:2;-webkit-box-orient:vertical}.footer-links{justify-content:center}}

@media(max-width:640px){.zibtype-post-stream.is-columns-2 .post-list{grid-template-columns:1fr}.zibtype-post-stream.is-masonry .post-list{columns:1}.zibtype-post-stream .post-card{display:block}.zibtype-post-stream .post-cover,.zibtype-post-stream.is-list-style-compact .post-cover{width:100%;min-height:0;aspect-ratio:var(--zibtype-cover-ratio)}.page-article.is-layout-banner .page-cover{min-height:230px;padding:30px 20px}.page-article.is-layout-banner .page-article-content,.page-article.is-layout-split .page-article-content{padding:27px 20px}.page-article.is-layout-split .page-cover{grid-template-columns:1fr;min-height:0}.page-article.is-layout-split .page-cover-content{padding:28px 20px;text-align:center}.page-article.is-layout-split .article-header h1,.page-article.is-layout-split .page-cover-content>p{margin-inline:auto}.page-article.is-layout-split .page-cover-media{grid-row:1;min-height:210px}.pagination.is-prev-next{flex-wrap:wrap}.pagination.is-prev-next>a{min-width:95px}}

/* Exact media ratios for horizontal list styles. */
.zibtype-post-stream.ratio-16-9{--zibtype-cover-width:338px;--zibtype-compact-cover-width:267px}.zibtype-post-stream.ratio-3-2{--zibtype-cover-width:285px}.zibtype-post-stream.is-list-style-media .post-cover,.zibtype-post-stream.is-list-style-compact .post-cover{align-self:start;aspect-ratio:var(--zibtype-cover-ratio)}
@media(max-width:640px){.zibtype-post-stream.ratio-16-9,.zibtype-post-stream.ratio-3-2{--zibtype-cover-width:auto;--zibtype-compact-cover-width:auto}}

/* Single article layout DIY */
.zibtype-article-layout.is-layout-fullwidth{grid-template-columns:minmax(0,1fr)}.zibtype-article-layout.is-layout-fullwidth>.content-column{width:100%;max-width:1080px;margin-inline:auto}.zibtype-article-layout.is-content-narrow .article-reading-body{max-width:680px;margin-inline:auto}.zibtype-article-layout.is-layout-fullwidth.is-content-standard .article-reading-body{max-width:820px;margin-inline:auto}.zibtype-article-layout.is-layout-fullwidth.is-content-wide>.content-column{max-width:none}.zibtype-article-layout.is-font-small .article-content{font-size:15px}.zibtype-article-layout.is-font-standard .article-content{font-size:16px}.zibtype-article-layout.is-font-large .article-content{font-size:18px}.zibtype-article-layout.is-line-compact .article-content{line-height:1.75}.zibtype-article-layout.is-line-comfortable .article-content{line-height:2}.zibtype-article-layout.is-line-relaxed .article-content{line-height:2.2}.article-meta-item{display:inline-flex;align-items:center;gap:5px}.article-meta-item+.article-meta-item:before{display:inline-block;width:3px;height:3px;margin-right:3px;border-radius:50%;background:#c4c7ce;content:""}.zibtype-article-layout.is-header-left .article-header{text-align:left}.zibtype-article-layout.is-header-left .article-header h1{margin-inline:0}.zibtype-article-layout.is-header-left .article-meta{justify-content:flex-start}.zibtype-article-layout.is-header-cover .article-header{position:relative;display:grid;min-height:340px;margin:-38px -42px 0;place-items:center;overflow:hidden;padding:54px 42px;border-radius:0;color:#fff;background-color:#6269d8;background-image:linear-gradient(125deg,#4955ca,#8a62da);background-size:cover;background-position:center}.zibtype-article-layout.is-header-cover .article-header:before{position:absolute;inset:0;background:linear-gradient(120deg,rgba(24,29,78,.72),rgba(62,32,84,.42));content:""}.zibtype-article-layout.is-header-cover .article-header-inner{position:relative;z-index:1;width:100%}.zibtype-article-layout.is-header-cover .article-header h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}.zibtype-article-layout.is-header-cover .article-category,.zibtype-article-layout.is-header-cover .article-category a,.zibtype-article-layout.is-header-cover .article-meta{color:rgba(255,255,255,.86);text-shadow:0 1px 8px rgba(0,0,0,.22)}.zibtype-article-layout.is-header-cover .article-meta-item+.article-meta-item:before{background:rgba(255,255,255,.65)}.zibtype-article-layout.is-header-cover.is-cover-height-compact .article-header{min-height:260px}.zibtype-article-layout.is-header-cover.is-cover-height-large .article-header{min-height:440px}.zibtype-article-layout.is-cover-height-compact.is-cover-ratio-fixed .article-cover{height:280px}.zibtype-article-layout.is-cover-height-standard.is-cover-ratio-fixed .article-cover{height:380px}.zibtype-article-layout.is-cover-height-large.is-cover-ratio-fixed .article-cover{height:480px}.zibtype-article-layout.is-cover-ratio-16-9 .article-cover,.zibtype-article-layout.is-cover-ratio-4-3 .article-cover,.zibtype-article-layout.is-cover-ratio-3-2 .article-cover{height:auto;aspect-ratio:16/9}.zibtype-article-layout.is-cover-ratio-4-3 .article-cover{aspect-ratio:4/3}.zibtype-article-layout.is-cover-ratio-3-2 .article-cover{aspect-ratio:3/2}.zibtype-article-layout.is-related-list .related-grid{grid-template-columns:1fr}.zibtype-article-layout.is-related-list .related-card{grid-template-columns:92px minmax(0,1fr);padding:10px}.zibtype-article-layout.is-related-list .related-cover{width:92px;height:66px}.zibtype-article-layout.is-comments-minimal .comments{padding-inline:2px;border:0;border-radius:0;background:transparent;box-shadow:none}.article-floating-toc{position:fixed;z-index:60;top:91px;left:max(12px,calc(50% - 780px));display:none;width:175px;max-height:calc(100vh - 115px);overflow:auto;padding-bottom:13px}.article-floating-toc .toc-list a{white-space:normal}.zibtype-article-layout.is-toc-hidden #article-toc{display:none}
@media(min-width:1600px){.zibtype-article-layout.is-toc-floating .article-floating-toc{display:block}}
@media(max-width:860px){.zibtype-article-layout.is-layout-fullwidth>.content-column{max-width:none}.zibtype-article-layout.is-header-cover .article-header{margin:-32px -30px 0}.zibtype-article-layout.is-content-narrow .article-reading-body,.zibtype-article-layout.is-layout-fullwidth.is-content-standard .article-reading-body{max-width:none}}
@media(max-width:640px){.zibtype-article-layout.is-header-cover .article-header{min-height:230px;margin:-27px -20px 0;padding:35px 20px}.zibtype-article-layout.is-header-cover.is-cover-height-large .article-header{min-height:310px}.zibtype-article-layout.is-cover-height-large.is-cover-ratio-fixed .article-cover{height:290px}.zibtype-article-layout.is-cover-height-compact.is-cover-ratio-fixed .article-cover{height:190px}.zibtype-article-layout.is-font-large .article-content{font-size:17px}.zibtype-article-layout.is-font-small .article-content{font-size:14px}.article-meta-item+.article-meta-item:before{margin-right:1px}.zibtype-article-layout.is-comments-minimal .comments{padding-inline:0}}
@media(max-width:640px){.comment-toolbar{flex-wrap:wrap}.comment-compose-meta{align-items:flex-start}.comment-submit-row{align-items:flex-start;flex-direction:column}.comment-submit-row p{min-height:15px}.comments.is-comment-minimal{padding-inline:0}.comments.is-comment-bubble .comment-content{display:block}.comment-list .comment-list{margin-left:12px}}
.recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recommendation-card{display:grid;min-width:0;overflow:hidden;grid-template-columns:132px minmax(0,1fr);padding:0}.recommendation-cover{position:relative;display:grid;min-height:118px;place-items:center;overflow:hidden;color:#fff;background-size:cover;background-position:center}.recommendation-cover:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(20,22,40,.62));content:""}.recommendation-cover>span{position:relative;z-index:1;font-size:29px;font-weight:800}.recommendation-cover>em{position:absolute;z-index:2;right:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;padding:4px 7px;border-radius:9px;color:#fff;background:rgba(24,27,52,.72);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(6px)}.recommendation-card>div{display:flex;min-width:0;flex-direction:column;padding:14px 15px}.recommendation-card>div>small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.recommendation-card h3{display:-webkit-box;overflow:hidden;margin:7px 0 10px;font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recommendation-card h3 a:hover{color:var(--accent)}.recommendation-card footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;color:var(--muted);font-size:9px}.recommendation-card.is-compact{grid-template-columns:105px minmax(0,1fr)}.recommendation-card.is-compact .recommendation-cover{min-height:96px}.smart-recommendations .recommendation-grid{margin-top:16px}.related-posts.smart-recommendations .recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-personal-recommendations{margin-top:22px;padding-top:21px;border-top:1px solid var(--border)}.user-personal-recommendations>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.user-personal-recommendations h2{margin:2px 0 0;font-size:20px}.user-personal-recommendations p{margin:5px 0 0;color:var(--muted);font-size:11px}.user-personal-recommendations>header>small{color:var(--muted);font-size:10px;white-space:nowrap}
@media(max-width:760px){.recommendation-grid,.related-posts.smart-recommendations .recommendation-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:100px minmax(0,1fr)}.recommendation-cover{min-height:100px}.user-personal-recommendations>header{align-items:flex-start;flex-direction:column}.user-personal-recommendations>header>small{white-space:normal}}

/* Visual module composer */
.zibtype-home-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.zibtype-home-modules>.module-width-full{grid-column:1/-1}.home-module.module-bg-transparent,.sidebar .module-bg-transparent{border-color:transparent!important;background-color:transparent!important;box-shadow:none!important}.home-module.module-bg-soft,.sidebar .module-bg-soft{background-color:var(--card-soft)!important}.home-module.module-bg-accent,.sidebar .module-bg-accent{color:#fff!important;border-color:transparent!important;background-color:var(--accent)!important;background-image:linear-gradient(125deg,var(--accent),#8667e7)!important}.home-module.module-bg-accent .eyebrow,.home-module.module-bg-accent p,.home-module.module-bg-accent small,.home-module.module-bg-accent .section-heading h2,.sidebar .module-bg-accent p,.sidebar .module-bg-accent small,.sidebar .module-bg-accent .widget-title{color:rgba(255,255,255,.84)!important}.home-module.module-bg-soft:not(.hero):not(.announcement),.home-module.module-bg-accent:not(.hero):not(.announcement){padding:22px;border-radius:var(--radius);box-sizing:border-box}.module-spacing-compact{margin-block:-6px}.module-spacing-relaxed{margin-block:8px}.module-radius-square{border-radius:0!important}.module-radius-large{border-radius:24px!important}.sidebar .module-radius-large{overflow:hidden}.home-category-module.module-width-half .home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-featured-module.module-width-half .home-featured-grid{grid-template-columns:1fr}.home-featured-module.module-width-half .post-card{grid-template-columns:120px minmax(0,1fr)}
@media(min-width:1025px){.module-hide-desktop{display:none!important}}
@media(min-width:641px) and (max-width:1024px){.module-hide-tablet{display:none!important}}
@media(max-width:760px){.zibtype-home-modules{grid-template-columns:1fr}.zibtype-home-modules>.module-width-half{grid-column:1/-1}.home-category-module.module-width-half .home-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.module-hide-mobile{display:none!important}.home-module.module-bg-soft:not(.hero):not(.announcement),.home-module.module-bg-accent:not(.hero):not(.announcement){padding:16px}.module-radius-large{border-radius:18px!important}}

/* Extended home modules */
.home-image-banner{position:relative;display:grid;min-height:300px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(125deg,#2e3e78,#7964dc);box-shadow:var(--shadow)}.home-image-banner-media{position:absolute;inset:0}.home-image-banner-media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,26,57,.88),rgba(34,30,70,.42) 65%,rgba(20,24,50,.16));content:""}.home-image-banner-media img{width:100%;height:100%;object-fit:cover}.home-image-banner-media.is-placeholder{display:grid;place-items:center;color:rgba(255,255,255,.12);background:radial-gradient(circle at 75% 35%,#9979ef,transparent 32%),linear-gradient(125deg,#34477f,#735fd2);font-size:72px;font-weight:900;letter-spacing:8px}.home-image-banner-body{position:relative;z-index:1;align-self:center;width:min(520px,62%);padding:42px;color:#fff}.home-image-banner-body .eyebrow{color:rgba(255,255,255,.7)}.home-image-banner-body h2{margin:5px 0 9px;font-size:30px;line-height:1.3}.home-image-banner-body p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.8}.home-image-banner-body>a{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:9px 15px;border:1px solid rgba(255,255,255,.32);border-radius:20px;color:#fff;background:rgba(255,255,255,.1);font-size:10px}.home-image-banner.is-split{grid-template-columns:1fr 1fr;min-height:280px;color:var(--text);background:var(--card)}.home-image-banner.is-split .home-image-banner-media{position:relative;grid-column:2;grid-row:1}.home-image-banner.is-split .home-image-banner-media:after{display:none}.home-image-banner.is-split .home-image-banner-body{grid-column:1;grid-row:1;width:auto;padding:38px;color:var(--text)}.home-image-banner.is-split .home-image-banner-body .eyebrow{color:var(--accent)}.home-image-banner.is-split .home-image-banner-body p{color:var(--muted)}.home-image-banner.is-split .home-image-banner-body>a{color:#fff;border-color:transparent;background:var(--accent)}.home-image-banner.is-minimal{min-height:0;background:transparent;box-shadow:none}.home-image-banner.is-minimal .home-image-banner-media{position:relative;min-height:260px;border-radius:inherit}.home-image-banner.is-minimal .home-image-banner-media:after{display:none}.home-image-banner.is-minimal .home-image-banner-body{position:absolute;right:0;bottom:0;left:0;width:auto;padding:60px 28px 25px;background:linear-gradient(transparent,rgba(20,24,45,.82))}
.home-button-module .section-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.home-button-group{display:flex;flex-wrap:wrap;gap:9px}.home-button-group>a{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--border);border-radius:22px;color:var(--text);background:var(--card);box-shadow:var(--shadow)}.home-button-group>a:hover{color:var(--accent);transform:translateY(-1px)}.home-button-group>a>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--accent),#8a69e6);font-size:9px;font-weight:800}.home-button-group>a strong{font-size:10px}.home-button-group>a b{color:var(--muted);font-size:9px}.home-button-module.is-cards .home-button-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.home-button-module.is-cards .home-button-group>a{border-radius:11px;padding:14px}.home-button-module.is-cards .home-button-group>a>span{width:35px;height:35px;border-radius:10px}.home-button-module.is-cards .home-button-group>a b{margin-left:auto}.home-button-module.is-minimal .home-button-group>a{padding:4px 6px;border:0;border-radius:0;background:transparent;box-shadow:none}.home-button-module.is-minimal .home-button-group>a>span{display:none}
.home-video-module{display:grid;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);align-items:center;gap:24px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.home-video-copy h2{margin:5px 0 8px;font-size:24px}.home-video-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.home-video-player{overflow:hidden;aspect-ratio:16/9;border-radius:11px;background:#171922}.home-video-player video{display:block;width:100%;height:100%;object-fit:cover}.home-video-player>div{display:grid;height:100%;place-items:center;align-content:center;color:#d9dcef;text-align:center}.home-video-player>div span{display:grid;width:48px;height:48px;margin-bottom:10px;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.home-video-player>div strong,.home-video-player>div small{display:block}.home-video-player>div strong{font-size:11px}.home-video-player>div small{margin-top:4px;color:#7e8395;font-size:8px}.home-video-module.is-card{grid-template-columns:1fr}.home-video-module.is-card .home-video-copy{order:2}.home-video-module.is-minimal{display:block;padding:0;border:0;background:transparent;box-shadow:none}.home-video-module.is-minimal .home-video-copy{margin-bottom:12px}
.home-carousel-module .section-heading,.home-post-scroller .section-heading{gap:12px}.home-carousel-actions{display:flex;flex:0 0 auto;gap:6px}.home-carousel-actions button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--card);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.home-carousel-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-carousel-actions button:hover:not(:disabled){color:#fff;border-color:var(--accent);background:var(--accent)}.home-carousel-actions button:disabled{opacity:.35;cursor:not-allowed}.home-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px)/3);gap:14px;overflow-x:auto;padding:2px 1px 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.home-carousel-track::-webkit-scrollbar{display:none}.home-carousel-track>.post-card{display:block;min-height:0;scroll-snap-align:start}.home-carousel-track .post-cover{min-height:150px}.home-carousel-track .post-card-body{padding:15px}.home-carousel-track .post-card h2{font-size:14px}.home-carousel-module.is-spotlight .home-carousel-track{grid-auto-columns:55%}.home-carousel-module.is-spotlight .post-cover{min-height:220px}.home-carousel-module.is-minimal .home-carousel-track>.post-card{border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}.module-width-half .home-carousel-track{grid-auto-columns:82%}
.home-post-scroller-track{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,28%,270px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 1px 9px;scroll-behavior:smooth;scroll-padding-inline:1px;scroll-snap-type:x mandatory;scrollbar-width:none}.home-post-scroller-track::-webkit-scrollbar{display:none}.home-post-scroller-track:focus-visible{outline:2px solid rgba(var(--accent-rgb),.45);outline-offset:4px;border-radius:5px}.home-post-scroller-track>.post-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);min-height:0;scroll-snap-align:start;scroll-snap-stop:normal}.home-post-scroller-track .post-cover{min-height:0;aspect-ratio:16/9}.home-post-scroller-track .post-card-body{min-height:110px;padding:13px 14px}.home-post-scroller-track .post-card h2{display:-webkit-box;margin:4px 0 8px;overflow:hidden;font-size:14px;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-post-scroller-track .post-excerpt{display:none}.home-post-scroller-track .post-meta{gap:8px;padding-top:7px;font-size:9px}.home-post-scroller-track .post-meta>span{display:none}.home-post-scroller.is-compact .home-post-scroller-track{grid-auto-columns:clamp(275px,34%,330px)}.home-post-scroller.is-compact .home-post-scroller-track>.post-card{grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr;min-height:112px}.home-post-scroller.is-compact .post-cover{height:100%;aspect-ratio:auto}.home-post-scroller.is-compact .post-card-body{min-height:0;padding:12px}.home-post-scroller.is-compact .post-taxonomy,.home-post-scroller.is-compact .post-taxonomy a{font-size:9px}.home-post-scroller.is-compact .post-card h2{margin-block:3px 6px;font-size:13px}.home-post-scroller.is-compact .post-meta time{display:none}.home-post-scroller.is-minimal .home-post-scroller-track{grid-auto-columns:clamp(240px,30%,290px);gap:18px}.home-post-scroller.is-minimal .home-post-scroller-track>.post-card{grid-template-columns:82px minmax(0,1fr);grid-template-rows:1fr;min-height:83px;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none}.home-post-scroller.is-minimal .post-cover{height:74px;min-height:74px;align-self:start;aspect-ratio:1;border-radius:6px}.home-post-scroller.is-minimal .post-card-body{min-height:0;padding:3px 0 9px 11px}.home-post-scroller.is-minimal .post-taxonomy,.home-post-scroller.is-minimal .post-taxonomy a{font-size:9px}.home-post-scroller.is-minimal .post-card h2{font-size:13px}.home-post-scroller.is-minimal .post-meta{padding-top:3px}.home-post-scroller.is-minimal .post-meta time{display:none}
.home-module-more{flex:0 0 auto;color:var(--accent);font-size:9px;white-space:nowrap}.home-module-empty{display:grid;min-height:130px;place-items:center;align-content:center;padding:20px;border:1px dashed var(--border);border-radius:11px;color:var(--muted);background:var(--card-soft);text-align:center}.home-module-empty>span{color:var(--accent);font-size:25px}.home-module-empty strong,.home-module-empty small{display:block}.home-module-empty strong{margin-top:5px;color:var(--text);font-size:11px}.home-module-empty small{margin-top:2px;font-size:8px}.home-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-product-grid>a{display:block;overflow:hidden;transition:.2s}.home-product-grid>a:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.home-product-cover{display:grid;height:145px;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,var(--accent),#9770e6);font-size:32px;font-weight:800}.home-product-cover img{width:100%;height:100%;object-fit:cover}.home-product-body{display:block;padding:13px}.home-product-body>small{color:var(--accent);font-size:8px}.home-product-body>strong{display:block;margin:3px 0 10px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.home-product-body>span{display:flex;align-items:center;justify-content:space-between}.home-product-body b{color:var(--accent);font-size:15px}.home-product-body em{color:var(--muted);font-size:8px;font-style:normal}.module-width-half .home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-module.is-compact .home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-product-module.is-compact .home-product-grid>a{display:grid;grid-template-columns:105px minmax(0,1fr)}.home-product-module.is-compact .home-product-cover{height:100px}.home-product-module.is-minimal .home-product-grid{grid-template-columns:1fr}.home-product-module.is-minimal .home-product-grid>a{display:grid;grid-template-columns:70px minmax(0,1fr);border-width:0 0 1px;border-radius:0;box-shadow:none}.home-product-module.is-minimal .home-product-cover{height:65px;border-radius:8px}
.home-forum-topics{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.home-forum-topics>a{display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 15px;border-bottom:1px solid var(--border)}.home-forum-topics>a:last-child{border-bottom:0}.home-forum-topics>a:hover{background:var(--card-soft)}.home-forum-topics>a>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--accent),#8268df);font-size:11px;font-weight:800}.home-forum-topics>a>div{min-width:0}.home-forum-topics a small,.home-forum-topics a strong,.home-forum-topics a p{display:block;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.home-forum-topics a div>small{color:var(--accent);font-size:7px}.home-forum-topics a strong{margin:3px 0;font-size:11px}.home-forum-topics a p{color:var(--muted);font-size:7px}.home-forum-topics>a>em{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 4px;color:var(--muted);font-size:7px;font-style:normal;text-align:right}.home-forum-topics>a>em b{color:var(--text);font-size:11px}.home-forum-topics>a>em small{grid-column:1/-1}.home-forum-module.is-cards .home-forum-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;background:transparent;box-shadow:none}.home-forum-module.is-cards .home-forum-topics>a{grid-template-columns:35px minmax(0,1fr);border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:var(--shadow)}.home-forum-module.is-cards .home-forum-topics>a>em{grid-column:2;display:flex;gap:5px;text-align:left}.home-forum-module.is-cards .home-forum-topics>a>em small{display:inline}.home-forum-module.is-compact .home-forum-topics>a{grid-template-columns:minmax(0,1fr) auto;padding:9px 12px}.home-forum-module.is-compact .home-forum-topics>a>span,.home-forum-module.is-compact .home-forum-topics a p{display:none}
@media(max-width:900px){.home-button-module.is-cards .home-button-group{grid-template-columns:repeat(2,minmax(0,1fr))}.home-video-module{grid-template-columns:1fr}.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-image-banner{min-height:260px}.home-image-banner-body{width:auto;padding:28px 22px}.home-image-banner-body h2{font-size:23px}.home-image-banner.is-split{grid-template-columns:1fr}.home-image-banner.is-split .home-image-banner-media{grid-column:1;grid-row:1;min-height:190px}.home-image-banner.is-split .home-image-banner-body{grid-column:1;grid-row:2;padding:22px}.home-button-module.is-cards .home-button-group{grid-template-columns:1fr 1fr}.home-button-module.is-cards .home-button-group>a{padding:10px}.home-video-module{padding:17px}.home-video-copy h2{font-size:20px}.home-carousel-track,.home-carousel-module.is-spotlight .home-carousel-track,.module-width-half .home-carousel-track{grid-auto-columns:84%}.home-carousel-module .home-carousel-actions{display:none}.home-post-scroller-track,.home-post-scroller.is-compact .home-post-scroller-track,.home-post-scroller.is-minimal .home-post-scroller-track{grid-auto-columns:min(76vw,235px);gap:10px}.home-post-scroller .section-heading{gap:8px}.home-post-scroller .section-line{display:none}.home-post-scroller .home-carousel-actions{display:flex;margin-left:auto}.home-post-scroller .home-carousel-actions button{width:30px;height:30px}.home-post-scroller-track .post-card-body{min-height:104px;padding:11px 12px}.home-post-scroller.is-compact .home-post-scroller-track>.post-card{grid-template-columns:92px minmax(0,1fr);min-height:104px}.home-post-scroller.is-minimal .home-post-scroller-track>.post-card{grid-template-columns:72px minmax(0,1fr);min-height:76px}.home-post-scroller.is-minimal .post-cover{height:66px;min-height:66px}.home-product-grid,.module-width-half .home-product-grid{grid-template-columns:1fr 1fr;gap:8px}.home-product-cover{height:110px}.home-product-body{padding:10px}.home-product-body em{display:none}.home-product-module.is-compact .home-product-grid{grid-template-columns:1fr}.home-forum-module.is-cards .home-forum-topics{grid-template-columns:1fr}.home-forum-topics>a{grid-template-columns:34px minmax(0,1fr);padding:11px}.home-forum-topics>a>span{width:33px;height:33px}.home-forum-topics>a>em{grid-column:2;display:flex;gap:5px;text-align:left}.home-forum-topics>a>em small{display:inline}}

/* Article component DIY */
.article-component-card,.article-author-component,.article-copyright-component,.article-download-component{margin-top:17px;padding:18px 22px}.article-author-component{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.article-author-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--accent),#8d68e5);font-size:17px;font-weight:800}.article-author-component small,.article-author-component h2,.article-author-component p{display:block;margin:0}.article-author-component small{color:var(--accent);font-size:8px}.article-author-component h2{margin:3px 0;font-size:15px}.article-author-component p{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.article-author-component>a,.article-download-component>a{padding:8px 13px;border-radius:18px;color:#fff;background:var(--accent);font-size:9px;white-space:nowrap}.is-author-compact .article-author-component{padding-block:12px}.is-author-compact .article-author-avatar{width:38px;height:38px;border-radius:50%;font-size:13px}.is-author-compact .article-author-component p{display:none}.article-tags-component .article-tags{min-height:28px}.article-share-component{display:flex;align-items:center;justify-content:space-between;gap:15px}.article-share-component>div:first-child small,.article-share-component>div:first-child strong{display:block}.article-share-component>div:first-child small{color:var(--accent);font-size:8px}.article-share-component>div:first-child strong{margin-top:3px;font-size:11px}.article-share-component .article-share{margin:0}.article-copyright-component small{display:block;color:var(--accent);font-size:8px}.article-copyright-component p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.7}.is-copyright-notice .article-copyright-component{border-left:3px solid var(--accent);background:linear-gradient(120deg,rgba(var(--accent-rgb),.08),var(--card))}.is-copyright-simple .article-copyright-component{padding:10px 2px;border:0;border-radius:0;background:transparent;box-shadow:none}.article-download-component{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,rgba(var(--accent-rgb),.1),var(--card))}.article-download-component small{color:var(--accent);font-size:8px}.article-download-component h2{margin:3px 0;font-size:16px}.article-download-component p{margin:0;color:var(--muted);font-size:9px}.article-download-component>a{padding:10px 17px}.article-download-component>a:hover,.article-author-component>a:hover{color:#fff;filter:brightness(1.08)}
@media(max-width:640px){.article-component-card,.article-author-component,.article-copyright-component,.article-download-component{padding:15px}.article-author-component{grid-template-columns:auto minmax(0,1fr)}.article-author-component>a{grid-column:1/-1;text-align:center}.article-share-component,.article-download-component{align-items:flex-start;flex-direction:column}.article-download-component>a{width:100%;box-sizing:border-box;text-align:center}}
@media(max-width:640px){.seo-breadcrumbs{padding:9px 12px;overflow-x:auto;scrollbar-width:none}.seo-breadcrumbs::-webkit-scrollbar{display:none}.seo-breadcrumbs li:last-child span{max-width:70vw}.article-share{flex-wrap:wrap}}
html[data-content-visibility="1"] .post-card,html[data-content-visibility="1"] .related-card,html[data-content-visibility="1"] .home-product-grid>a,html[data-content-visibility="1"] .shop-card,html[data-content-visibility="1"] .forum-topic-card{content-visibility:auto;contain-intrinsic-size:auto 280px}
@media(prefers-reduced-motion:reduce){html[data-reduced-motion="1"]{scroll-behavior:auto!important}html[data-reduced-motion="1"] *,html[data-reduced-motion="1"] *:before,html[data-reduced-motion="1"] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Wallet recharge and payment return */
.user-recharge-center{margin:22px 32px 0;padding:20px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,var(--card-soft),var(--card))}.user-recharge-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.user-recharge-head .eyebrow{color:var(--accent)}.user-recharge-head h2,.user-recharge-head p{margin:0}.user-recharge-head h2{margin:3px 0;font-size:18px}.user-recharge-head p{color:var(--muted);font-size:9px}.user-recharge-head>strong{color:var(--accent);font-size:21px}.user-recharge-notice{margin-bottom:12px;padding:10px 12px;color:#34795f;border:1px solid #cfe9de;border-radius:8px;background:#eef9f4;font-size:10px}.user-recharge-form{display:grid;gap:13px}.user-recharge-amount{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,1.25fr);align-items:end;gap:14px}.user-recharge-amount label{color:var(--muted);font-size:9px}.user-recharge-amount label>div{display:flex;margin-top:5px;align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--card)}.user-recharge-amount label>div span{padding:0 12px;color:var(--accent);font-size:15px;font-weight:700}.user-recharge-amount input{min-width:0;width:100%;padding:10px;border:0;color:var(--text);background:transparent;font-size:17px;font-weight:700;outline:0}.user-recharge-amount small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.user-recharge-amount>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.user-recharge-amount>div button{padding:9px 5px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--card);cursor:pointer;font-size:9px}.user-recharge-amount>div button:hover{color:#fff;border-color:transparent;background:var(--accent)}.user-recharge-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.user-recharge-channels label{display:grid;grid-template-columns:auto 37px minmax(0,1fr);align-items:center;gap:9px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--card);cursor:pointer}.user-recharge-channels label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.08)}.user-recharge-channels i{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;color:#fff;background:#1677ff;font-size:11px;font-style:normal;font-weight:800}.user-recharge-channels .is-wxpay i{background:#07c160}.user-recharge-channels strong,.user-recharge-channels small{display:block}.user-recharge-channels strong{font-size:10px}.user-recharge-channels small{margin-top:2px;color:var(--muted);font-size:8px}.user-recharge-form footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px;border-top:1px solid var(--border)}.user-recharge-form footer span{color:var(--muted);font-size:9px}.user-recharge-form footer button{padding:9px 18px;border:0;border-radius:20px;color:#fff;background:var(--accent);cursor:pointer;font-size:10px}.user-recharge-form footer button:disabled{opacity:.6;cursor:wait}.user-recharge-history{margin-top:18px;padding-top:15px;border-top:1px solid var(--border)}.user-recharge-history>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.user-recharge-history header strong{font-size:11px}.user-recharge-history header small{color:var(--muted);font-size:8px}.user-recharge-history>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.user-recharge-history article{display:flex;padding:9px 11px;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;background:var(--card)}.user-recharge-history strong,.user-recharge-history small{display:block}.user-recharge-history strong{font-size:10px}.user-recharge-history small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.user-recharge-history b{flex:0 0 auto;padding:3px 7px;color:#8a6b2d;border-radius:10px;background:#fff3d8;font-size:8px}.user-recharge-history b.is-paid{color:#34795f;background:#e4f6ee}.user-recharge-history b.is-expired{color:#9b5960;background:#fdecef}
@media(max-width:760px){.user-recharge-center{margin:15px 15px 0;padding:15px}.user-recharge-head{align-items:flex-start;flex-direction:column}.user-recharge-amount,.user-recharge-channels,.user-recharge-history>div{grid-template-columns:1fr}.user-recharge-amount>div{grid-template-columns:repeat(3,minmax(0,1fr))}.user-recharge-amount input{font-size:16px}.user-recharge-form footer{align-items:stretch;flex-direction:column}.user-recharge-form footer button{width:100%}}

/* Unified balance and third-party checkout */
.unified-checkout{display:grid;gap:7px}.unified-checkout>span{color:var(--muted);font-size:8px}.unified-checkout>div{display:flex;flex-wrap:wrap;gap:7px}.unified-checkout button{min-width:0;cursor:pointer}.unified-checkout .checkout-channel{padding:9px 14px;border:1px solid var(--border);border-radius:20px;color:#1677ff;background:var(--card);font-size:9px;font-weight:600}.unified-checkout .checkout-channel.is-wxpay{color:#079b4d}.unified-checkout .checkout-channel:disabled{opacity:.6;cursor:wait}.unified-checkout.is-article{margin-top:13px}.unified-checkout.is-article>div{justify-content:center}.unified-checkout.is-vip{margin-top:auto;padding-top:11px;border-top:1px solid var(--border)}.unified-checkout.is-vip .vip-buy{flex:1;margin:0}.unified-checkout.is-cart{justify-items:end}.unified-checkout.is-cart>div{justify-content:flex-end}.unified-checkout.is-cart>div>button{padding:10px 17px;border-radius:22px}.cart-summary>.unified-checkout{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;max-width:520px}
@media(max-width:760px){.unified-checkout>div,.unified-checkout.is-cart>div{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.unified-checkout.is-cart{width:100%;justify-items:stretch}.unified-checkout.is-cart>span{text-align:left}.unified-checkout.is-cart>div>button:first-child{grid-column:1/-1}.unified-checkout.is-article>div>button:first-child{grid-column:1/-1}.unified-checkout button{width:100%}.cart-summary>.unified-checkout{max-width:none}}
.user-recharge-history b.is-fallback{color:#8a6729;background:#fff0c9}
.order-payment-note{grid-column:1/-1;padding:9px 11px;border-radius:8px;color:#876a2d;background:#fff5dc;font-size:9px}.order-payment-note strong,.order-payment-note small{display:block;white-space:normal}.order-payment-note small{margin-top:3px;color:var(--muted)}.order-payment-note.is-completed{color:#397e67;background:#e8f7f0}.order-payment-note.is-failed{color:#97662c;background:#fff0d2}.order-status.is-expired{color:#9b5960;background:#fdecef}
.order-status.is-fallback{color:#8a6729;background:#fff0c9}
.user-growth-center{margin:22px 32px 0;padding:20px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,var(--card-soft),var(--card))}.user-growth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.user-growth-head h2,.user-growth-head p{margin:0}.user-growth-head h2{margin:3px 0;font-size:18px}.user-growth-head p{color:var(--muted);font-size:9px}.user-growth-head>div:last-child{text-align:right}.user-growth-head>div:last-child strong,.user-growth-head>div:last-child small{display:block}.user-growth-head>div:last-child strong{color:var(--accent);font-size:14px}.user-growth-head>div:last-child small{margin-top:3px;color:var(--muted);font-size:8px}.user-growth-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:14px 0;padding:11px 12px;border-radius:9px;background:var(--card)}.user-growth-progress>span{display:block;height:7px;overflow:hidden;border-radius:7px;background:var(--border)}.user-growth-progress>span i{display:block;width:var(--growth-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8e69e8)}.user-growth-progress>div{text-align:right}.user-growth-progress b,.user-growth-progress small{display:block}.user-growth-progress b{font-size:9px}.user-growth-progress small{margin-top:2px;color:var(--muted);font-size:7px}.user-growth-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr);gap:12px}.user-growth-calendar,.user-growth-tasks{min-width:0;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.user-growth-calendar>header,.user-growth-tasks>header,.user-growth-ledger>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.user-growth-calendar>header strong,.user-growth-tasks>header strong,.user-growth-ledger>header strong{font-size:10px}.user-growth-calendar>header small,.user-growth-tasks>header small,.user-growth-ledger>header small{color:var(--muted);font-size:7px}.user-growth-calendar>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.user-growth-calendar span{display:grid;min-width:0;padding:5px 2px;place-items:center;border:1px solid transparent;border-radius:7px;color:var(--muted);background:var(--card-soft)}.user-growth-calendar span small,.user-growth-calendar span b{display:block;font-size:7px}.user-growth-calendar span b{margin-top:2px;color:var(--text);font-size:9px}.user-growth-calendar span.is-checked{color:#347c63;background:#e5f6ee}.user-growth-calendar span.is-checked b{color:#347c63}.user-growth-calendar span.is-today{border-color:var(--accent)}.user-growth-tasks>div{display:grid;gap:6px}.user-growth-tasks article{display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-radius:8px;background:var(--card-soft)}.user-growth-tasks article>i{display:grid;width:26px;height:26px;place-items:center;color:var(--accent);border-radius:7px;background:rgba(var(--accent-rgb),.1);font-size:9px;font-style:normal;font-weight:700}.user-growth-tasks article>div{min-width:0}.user-growth-tasks article strong,.user-growth-tasks article small{display:block}.user-growth-tasks article strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.user-growth-tasks article strong em{margin-left:5px;color:#d6962c;font-size:7px;font-style:normal}.user-growth-tasks article small{margin-top:2px;overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.user-growth-tasks article>div>span{display:block;height:3px;margin-top:5px;overflow:hidden;border-radius:3px;background:var(--border)}.user-growth-tasks article>div>span b{display:block;height:100%;background:var(--accent)}.user-growth-tasks article>em{color:var(--muted);font-size:8px;font-style:normal}.user-growth-tasks article.is-completed>i{color:#347c63;background:#e2f5ec}.user-growth-exchange{margin-top:12px;padding:13px;border:1px solid #eadfca;border-radius:10px;background:#fffbf2}.user-growth-exchange>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-growth-exchange>header strong,.user-growth-exchange>header small{display:block}.user-growth-exchange>header strong{font-size:10px}.user-growth-exchange>header small{margin-top:2px;color:var(--muted);font-size:7px}.user-growth-exchange>header>b{color:#a7762a;font-size:9px}.user-growth-exchange>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.user-growth-exchange form{display:flex;min-width:0;padding:10px;align-items:center;justify-content:space-between;gap:9px;border-radius:8px;background:var(--card)}.user-growth-exchange form:first-child{display:block}.user-growth-exchange form label>span,.user-growth-exchange form label>small{display:block}.user-growth-exchange form label>span,.user-growth-exchange form strong{font-size:9px}.user-growth-exchange form label>small,.user-growth-exchange form div>small{margin-top:3px;color:var(--muted);font-size:7px}.user-growth-exchange form label>div{display:flex;gap:6px;margin-top:5px}.user-growth-exchange input{min-width:0;width:100%;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--card-soft);box-sizing:border-box}.user-growth-exchange button{flex:0 0 auto;padding:7px 11px;border:0;border-radius:7px;color:#fff;background:var(--accent);cursor:pointer;font-size:8px}.user-growth-exchange button:disabled{opacity:.6;cursor:wait}.user-growth-exchange>p{min-height:12px;margin:7px 0 0;color:var(--muted);font-size:8px}.user-growth-exchange>p.is-success{color:#347c63}.user-growth-exchange>p.is-error{color:#b34f59}.user-growth-ledger{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.user-growth-ledger>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.user-growth-ledger article{display:flex;min-width:0;padding:8px 10px;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;background:var(--card)}.user-growth-ledger article span{min-width:0}.user-growth-ledger strong,.user-growth-ledger small{display:block}.user-growth-ledger strong{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.user-growth-ledger small{margin-top:2px;color:var(--muted);font-size:7px}.user-growth-ledger article>b{flex:0 0 auto;font-size:9px}.user-growth-ledger .is-plus{color:#347c63}.user-growth-ledger .is-minus{color:#b34f59}
@media(max-width:760px){.user-growth-center{margin:15px 15px 0;padding:15px}.user-growth-head{flex-direction:column}.user-growth-head>div:last-child{text-align:left}.user-growth-progress{grid-template-columns:1fr}.user-growth-progress>div{text-align:left}.user-growth-layout{grid-template-columns:1fr}.user-growth-exchange>div,.user-growth-ledger>div{grid-template-columns:1fr}.user-growth-exchange form{align-items:stretch;flex-direction:column}.user-growth-exchange form button{width:100%}.user-growth-exchange input{font-size:16px}.user-growth-calendar,.user-growth-tasks{padding:11px}}
.user-achievement-center{margin:16px 32px 0;padding:20px;border:1px solid var(--border);border-radius:13px;background:radial-gradient(circle at 92% 0,rgba(151,92,195,.11),transparent 32%),linear-gradient(145deg,var(--card-soft),var(--card))}.user-achievement-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.user-achievement-head h2,.user-achievement-head p{margin:0}.user-achievement-head h2{margin:3px 0;font-size:18px}.user-achievement-head p{max-width:700px;color:var(--muted);font-size:9px;line-height:1.6}.user-achievement-head>div:last-child{text-align:right}.user-achievement-head>div:last-child strong,.user-achievement-head>div:last-child span{display:block}.user-achievement-head>div:last-child strong{color:#8b5eb2;font-size:24px}.user-achievement-head>div:last-child strong small{color:var(--muted);font-size:10px}.user-achievement-head>div:last-child span{color:var(--muted);font-size:8px}.user-achievement-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0}.user-achievement-progress>span,.user-achievement-item-progress>span{display:block;height:5px;overflow:hidden;border-radius:6px;background:var(--border)}.user-achievement-progress>span i,.user-achievement-item-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#726ee5,#aa63bb,#e0a044)}.user-achievement-progress>small{color:var(--muted);font-size:8px}.user-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.user-achievement-grid article{display:grid;min-width:0;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.user-achievement-icon{position:relative}.user-achievement-icon>i{display:grid;width:44px;height:44px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,#7e86dc,#6b70c6);box-shadow:0 6px 14px rgba(91,97,190,.2);font-size:13px;font-style:normal;font-weight:800}.user-achievement-icon>b{position:absolute;right:-2px;bottom:-2px;display:grid;width:15px;height:15px;place-items:center;color:#fff;border:2px solid var(--card);border-radius:50%;background:#3c9b75;font-size:7px}.user-achievement-grid .is-uncommon .user-achievement-icon>i{background:linear-gradient(145deg,#55a67e,#3b8067)}.user-achievement-grid .is-rare .user-achievement-icon>i{background:linear-gradient(145deg,#4e96d5,#5a70c7)}.user-achievement-grid .is-epic .user-achievement-icon>i{background:linear-gradient(145deg,#9c65c0,#7552aa)}.user-achievement-grid .is-legendary .user-achievement-icon>i{background:linear-gradient(145deg,#e6ad48,#c87545);box-shadow:0 6px 16px rgba(206,132,58,.24)}.user-achievement-copy{min-width:0}.user-achievement-copy header{display:flex;align-items:center;justify-content:space-between;gap:6px}.user-achievement-copy strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.user-achievement-copy em{flex:0 0 auto;padding:2px 5px;color:#7479cc;border-radius:7px;background:rgba(107,112,205,.1);font-size:6px;font-style:normal}.user-achievement-copy p{margin:3px 0;color:var(--muted);font-size:7px;line-height:1.45}.user-achievement-copy>small{color:#4f9378;font-size:7px}.user-achievement-item-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:6px}.user-achievement-item-progress>span{height:3px}.user-achievement-item-progress small{color:var(--muted);font-size:6px}.user-achievement-grid article.is-locked{filter:saturate(.35);opacity:.68}.user-achievement-grid article.is-locked .user-achievement-icon>i{color:var(--muted);background:var(--card-soft);box-shadow:none}.user-achievement-empty{display:grid;min-height:130px;place-items:center;align-content:center;color:var(--muted);text-align:center}.user-achievement-empty i{display:grid;width:38px;height:38px;place-items:center;margin-bottom:7px;color:#fff;border-radius:12px;background:linear-gradient(145deg,#8c68c0,#dd9a46);font-style:normal}.user-achievement-empty strong,.user-achievement-empty small{display:block}.user-achievement-empty strong{font-size:10px}.user-achievement-empty small{margin-top:3px;font-size:8px}
@media(max-width:920px){.user-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.user-achievement-center{margin:15px 15px 0;padding:15px}.user-achievement-head{flex-direction:column}.user-achievement-head>div:last-child{text-align:left}.user-achievement-progress,.user-achievement-grid{grid-template-columns:1fr}.user-achievement-grid article{grid-template-columns:44px minmax(0,1fr)}}
.user-points-shop{margin:16px 32px 0;padding:20px;border:1px solid var(--border);border-radius:13px;background:radial-gradient(circle at 95% 0,rgba(231,164,55,.13),transparent 30%),linear-gradient(145deg,var(--card-soft),var(--card))}.user-points-shop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.user-points-shop-head h2,.user-points-shop-head p{margin:0}.user-points-shop-head h2{margin:3px 0;font-size:18px}.user-points-shop-head p{max-width:700px;color:var(--muted);font-size:9px;line-height:1.6}.user-points-shop-head>div:last-child{text-align:right}.user-points-shop-head>div:last-child strong,.user-points-shop-head>div:last-child span{display:block}.user-points-shop-head>div:last-child strong{color:#bd7b22;font-size:23px}.user-points-shop-head>div:last-child span{color:var(--muted);font-size:8px}.user-points-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.user-points-products>article{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 6px 18px rgba(45,49,60,.035)}.user-points-products>article.is-sold-out{opacity:.62}.user-points-cover{position:relative;display:grid;height:118px;overflow:hidden;place-items:center;background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(142,105,232,.18))}.user-points-cover img{display:block;width:100%;height:100%;object-fit:cover}.user-points-cover>i{display:grid;width:52px;height:52px;place-items:center;color:#fff;border-radius:16px;background:linear-gradient(145deg,#747be0,#9a65c9);box-shadow:0 8px 22px rgba(94,88,191,.23);font-size:13px;font-style:normal;font-weight:800}.user-points-products .is-vip .user-points-cover{background:linear-gradient(145deg,#fff4d7,#f8e5b1)}.user-points-products .is-vip .user-points-cover>i{background:linear-gradient(145deg,#d5a13e,#bd7645)}.user-points-products .is-balance_coupon .user-points-cover{background:linear-gradient(145deg,#e7f6ee,#d9eee5)}.user-points-products .is-balance_coupon .user-points-cover>i{background:linear-gradient(145deg,#55a079,#388166)}.user-points-cover>em{position:absolute;top:8px;right:8px;padding:3px 7px;color:#fff;border-radius:20px;background:rgba(43,47,59,.68);font-size:7px;font-style:normal;backdrop-filter:blur(7px)}.user-points-product-copy{padding:12px}.user-points-product-copy header span,.user-points-product-copy header strong{display:block}.user-points-product-copy header span{color:#b77b2d;font-size:7px;font-weight:700;letter-spacing:.6px}.user-points-product-copy header strong{margin-top:3px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-points-product-copy>p{display:-webkit-box;min-height:31px;margin:6px 0;color:var(--muted);overflow:hidden;font-size:8px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.user-points-product-copy>div{display:flex;align-items:flex-end;justify-content:space-between;gap:7px}.user-points-product-copy>div>b{color:#b87525;font-size:15px}.user-points-product-copy>div>b small{margin-left:2px;font-size:7px}.user-points-product-copy>div>span{overflow:hidden;color:var(--muted);font-size:6px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.user-points-products form{display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:end;gap:7px;padding:10px 12px;border-top:1px solid var(--border);background:var(--card-soft)}.user-points-products form label>span{display:block;margin-bottom:3px;color:var(--muted);font-size:7px}.user-points-products form input{width:64px;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--card);box-sizing:border-box}.user-points-products form button{padding:8px 10px;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,#cf8c2d,#af6c29);cursor:pointer;font-size:8px;font-weight:700}.user-points-products form button:disabled{opacity:.6;cursor:not-allowed}.user-points-products form>small{grid-column:1/-1;min-height:10px;color:var(--muted);font-size:7px}.user-points-products form>small.is-success{color:#378067}.user-points-products form>small.is-error{color:#b34f59}.user-points-history{margin-top:13px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.user-points-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.user-points-history>header strong,.user-points-history>header small{display:block}.user-points-history>header strong{font-size:10px}.user-points-history>header small,.user-points-history>header span{margin-top:2px;color:var(--muted);font-size:7px}.user-points-history>p,.user-points-shop-empty{margin:0;padding:25px;color:var(--muted);text-align:center;font-size:8px}.user-points-history>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.user-points-history article{display:grid;min-width:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;border-radius:8px;background:var(--card-soft)}.user-points-history article>i{display:grid;width:27px;height:27px;place-items:center;color:#fff;border-radius:8px;background:#4a9979;font-size:8px;font-style:normal}.user-points-history article.is-refunded>i{background:#b65b64}.user-points-history article>div{min-width:0}.user-points-history article strong,.user-points-history article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-points-history article strong{font-size:8px}.user-points-history article small{margin-top:2px;color:var(--muted);font-size:6px}.user-points-history article p,.user-points-history article code{display:block;margin:4px 0 0;color:#8a6a37;overflow-wrap:anywhere;font-size:7px}.user-points-history article>b{color:#b44f59;font-size:8px}.user-points-history article.is-refunded>b{color:#3e876e}.user-points-history article>em{grid-column:2;color:#4b8d74;font-size:6px;font-style:normal}.user-points-history article.is-refunded>em{color:#ad565f}.user-points-shop-empty{display:grid;min-height:125px;place-items:center;align-content:center;gap:4px}.user-points-shop-empty i{display:grid;width:38px;height:38px;place-items:center;margin-bottom:5px;color:#fff;border-radius:12px;background:linear-gradient(145deg,#d7a043,#b97831);font-style:normal}.user-points-shop-empty strong,.user-points-shop-empty small{display:block}.user-points-shop-empty strong{color:var(--text);font-size:10px}.user-points-shop-empty small{font-size:8px}
@media(max-width:920px){.user-points-products{grid-template-columns:repeat(2,minmax(0,1fr))}.user-points-history>div{grid-template-columns:1fr}}
@media(max-width:760px){.user-points-shop{margin:15px 15px 0;padding:15px}.user-points-shop-head{flex-direction:column}.user-points-shop-head>div:last-child{text-align:left}.user-points-products{grid-template-columns:1fr}.user-points-cover{height:150px}.user-points-products form input{font-size:16px}.user-points-history>header{flex-direction:column}.user-points-history article{grid-template-columns:28px minmax(0,1fr)}.user-points-history article>b{grid-column:2}.user-points-history article>em{grid-column:2}}
.user-points-history article.delivery-pending>i{background:#b78434}.user-points-history article.delivery-failed>i,.user-points-history article.delivery-revoked>i{background:#b4545e}.user-points-history article.delivery-pending>em{color:#a07129}.user-points-history article.delivery-failed>em,.user-points-history article.delivery-revoked>em{color:#ad515b}.user-points-codes{display:flex;min-width:0;align-items:center;gap:6px;margin-top:5px}.user-points-codes code{min-width:0;flex:1;margin:0!important;padding:5px 6px;color:#7d632f!important;border:1px dashed rgba(183,123,45,.28);border-radius:6px;background:rgba(183,123,45,.07);font-family:Consolas,monospace;white-space:normal}.user-points-codes button{flex:0 0 auto;padding:5px 7px;border:0;border-radius:6px;color:#fff;background:#a8752d;cursor:pointer;font-size:6px}.user-points-history article:has(.user-points-codes){align-items:start}.user-points-history article:has(.user-points-codes)>i{margin-top:2px}
@media(max-width:760px){.user-points-codes{align-items:stretch;flex-direction:column}.user-points-codes button{width:100%;font-size:8px}}
.user-points-ranking{margin-top:14px;padding:11px;border:1px solid rgba(190,137,50,.18);border-radius:10px;background:rgba(255,250,239,.58)}.user-points-ranking>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.user-points-ranking>header strong{font-size:9px}.user-points-ranking>header small{color:var(--muted);font-size:7px}.user-points-ranking>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.user-points-ranking button{display:grid;min-width:0;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:0;border-radius:7px;color:var(--text);background:var(--card);cursor:pointer;text-align:left}.user-points-ranking button>i{display:grid;width:21px;height:21px;place-items:center;border-radius:6px;color:#fff;background:#c48c38;font-size:7px;font-style:normal}.user-points-ranking button span{min-width:0}.user-points-ranking button strong,.user-points-ranking button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-points-ranking button strong{font-size:7px}.user-points-ranking button small{margin-top:2px;color:var(--muted);font-size:6px}.user-points-ranking button>b{grid-column:2;color:#9a6a28;font-size:6px}.user-points-toolbar{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(130px,.7fr) minmax(240px,1.4fr) auto;align-items:end;gap:8px;margin:12px 0}.user-points-toolbar label>span,.user-points-toolbar>div>span{display:block;margin-bottom:4px;color:var(--muted);font-size:7px}.user-points-toolbar input[type=search],.user-points-toolbar select{width:100%;min-width:0;padding:8px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--card);box-sizing:border-box;font-size:8px}.user-points-toolbar nav{display:flex;overflow:auto;gap:4px;padding-bottom:1px}.user-points-toolbar nav button{flex:0 0 auto;padding:7px 9px;border:1px solid var(--border);border-radius:15px;color:var(--muted);background:var(--card);cursor:pointer;font-size:7px}.user-points-toolbar nav button.is-active{color:#fff;border-color:#b47b2f;background:#b47b2f}.user-points-toolbar .user-points-available{display:flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:var(--card);white-space:nowrap}.user-points-toolbar .user-points-available span{margin:0}.user-points-products article[hidden]{display:none}.user-points-products article.is-highlighted{outline:2px solid rgba(197,139,50,.56);box-shadow:0 0 0 5px rgba(197,139,50,.1)}.user-points-cover>b{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:10px;color:#fff;background:#706bd0;font-size:6px}.user-points-product-copy>nav{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.user-points-product-copy>nav span{padding:2px 5px;border-radius:8px;color:#8a682f;background:rgba(187,129,41,.1);font-size:6px}.user-points-product-copy>div>b del{display:block;margin-top:2px;color:var(--muted);font-size:6px;font-weight:400}.user-points-product-copy>aside{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:6px 7px;border-radius:6px;color:#8f6224;background:rgba(197,139,50,.1)}.user-points-product-copy>aside strong,.user-points-product-copy>aside span{font-size:6px}.user-points-detail{margin:0 11px 8px;border:1px solid var(--border);border-radius:7px;background:var(--card)}.user-points-detail summary{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;color:var(--muted);cursor:pointer;font-size:7px;list-style:none}.user-points-detail summary::-webkit-details-marker{display:none}.user-points-detail[open] summary span{transform:rotate(45deg)}.user-points-detail>div{display:grid;gap:7px;padding:0 8px 8px}.user-points-detail section{padding:7px;border-radius:6px;background:var(--card-soft)}.user-points-detail strong{font-size:7px}.user-points-detail p{margin:3px 0 0;color:var(--muted);font-size:7px;line-height:1.65}.user-points-filter-empty{display:grid;min-height:130px;place-items:center;align-content:center;color:var(--muted);text-align:center}.user-points-filter-empty i{display:grid;width:36px;height:36px;place-items:center;margin-bottom:5px;border-radius:11px;color:#fff;background:#a77936;font-style:normal}.user-points-filter-empty strong,.user-points-filter-empty small{display:block}.user-points-filter-empty strong{font-size:9px}.user-points-filter-empty small{margin-top:3px;font-size:7px}
@media(max-width:920px){.user-points-ranking>div{grid-template-columns:repeat(3,minmax(0,1fr))}.user-points-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.user-points-ranking>div,.user-points-toolbar{grid-template-columns:1fr}.user-points-ranking button{grid-template-columns:25px minmax(0,1fr) auto}.user-points-ranking button>b{grid-column:auto}.user-points-toolbar input[type=search],.user-points-toolbar select{font-size:16px}.user-points-toolbar .user-points-available{align-self:stretch}.user-points-product-copy>aside{align-items:flex-start;flex-direction:column}.user-points-detail{margin-inline:8px}}
.home-points-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.home-points-grid>a{min-width:0;overflow:hidden;color:var(--text);transition:transform .2s ease,box-shadow .2s ease}.home-points-grid>a:hover{transform:translateY(-3px)}.home-points-grid>a.is-disabled{filter:saturate(.55);opacity:.72}.home-points-cover{position:relative;display:grid;height:125px;overflow:hidden;place-items:center;background:linear-gradient(145deg,#f4cc82,#b87b31)}.home-points-cover img{width:100%;height:100%;object-fit:cover}.home-points-cover>b{color:#fff;font-size:24px}.home-points-cover>em{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:12px;color:#fff;background:rgba(71,48,20,.72);font-size:7px;font-style:normal}.home-points-body{display:block;padding:11px}.home-points-body>small,.home-points-body>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-points-body>small{color:#a4742e;font-size:7px}.home-points-body>strong{margin:4px 0 9px;font-size:10px}.home-points-body>span{display:flex;align-items:center;justify-content:space-between;gap:7px}.home-points-body>span b{color:#a86f26;font-size:9px}.home-points-body>span em{color:var(--muted);font-size:7px;font-style:normal}.home-points-module.is-compact .home-points-cover{height:90px}.home-points-module.is-minimal .home-points-grid>a{display:grid;grid-template-columns:80px minmax(0,1fr)}.home-points-module.is-minimal .home-points-cover{height:100%}
@media(max-width:920px){.home-points-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-points-grid{gap:8px}.home-points-cover{height:100px}.home-points-body{padding:9px}.home-points-module.is-minimal .home-points-grid{grid-template-columns:1fr}}

/* Independent points marketplace */
.user-points-standalone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:18px 20px;border:1px solid rgba(190,137,50,.2);border-radius:12px;background:linear-gradient(120deg,rgba(255,246,224,.82),rgba(245,238,255,.82))}.user-points-standalone>div{min-width:0}.user-points-standalone span,.user-points-standalone strong,.user-points-standalone small{display:block}.user-points-standalone>div>span{color:#aa7025;font-size:8px;font-weight:700;letter-spacing:.08em}.user-points-standalone strong{margin:4px 0;font-size:13px}.user-points-standalone small{color:var(--muted);font-size:8px}.user-points-standalone>a{flex:0 0 auto;padding:10px 15px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#c88a32,#9e6429);box-shadow:0 8px 20px rgba(166,107,40,.18);font-size:9px;font-weight:700}.user-points-standalone>a span{display:inline;margin-left:5px}
html[data-theme="dark"] .user-points-standalone{background:linear-gradient(120deg,rgba(167,112,38,.14),rgba(113,81,168,.14))}

.points-market-page,.points-market-detail{width:100%;min-width:0;box-sizing:border-box}.points-market-page{--points-gold:#b77928;--points-purple:#745cc4;display:block}.points-market-hero{display:grid;min-height:260px;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:34px;padding:34px 38px;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 8%,rgba(255,215,125,.3),transparent 27%),linear-gradient(125deg,#332b59,#7556b7 60%,#b47642);background-position:center;background-size:cover}.points-market-hero>div,.points-market-hero>aside{min-width:0}.points-market-hero .eyebrow{color:#f4ce83}.points-market-hero h1{margin:7px 0 10px;font-size:34px;line-height:1.18}.points-market-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.76);font-size:14px;line-height:1.75}.points-market-hero nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.points-market-hero nav a{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;background:rgba(255,255,255,.08);font-size:12px;backdrop-filter:blur(8px)}.points-market-hero nav a:hover{background:rgba(255,255,255,.16)}.points-market-hero>aside{display:grid;align-content:center;min-height:145px;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(12px)}.points-market-hero>aside span,.points-market-hero>aside strong,.points-market-hero>aside a{display:block}.points-market-hero>aside span{color:rgba(255,255,255,.7);font-size:11px}.points-market-hero>aside strong{margin:5px 0 12px;font-size:28px}.points-market-hero>aside a{color:#f7d38d;font-size:12px;font-weight:700}
.points-campaign-strip{margin-top:22px;padding:20px 22px;border:1px solid rgba(185,123,40,.16);border-radius:14px;background:linear-gradient(120deg,rgba(255,246,224,.72),rgba(247,241,255,.76))}.points-campaign-strip>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:14px}.points-campaign-strip h2{margin:4px 0 0;font-size:19px}.points-campaign-strip>header>a{color:var(--points-gold);font-size:12px;font-weight:700}.points-campaign-strip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.points-campaign-strip>div>a{display:grid;min-width:0;gap:4px;padding:13px 14px;color:var(--text);border:1px solid var(--border);border-radius:11px;background:var(--card)}.points-campaign-strip>div span{overflow:hidden;color:#a56b24;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.points-campaign-strip>div strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.points-campaign-strip>div b{color:var(--points-gold);font-size:12px}.points-campaign-strip>div small{color:var(--muted);font-size:10px}
html[data-theme="dark"] .points-campaign-strip{background:linear-gradient(120deg,rgba(164,109,38,.1),rgba(111,81,168,.1))}
.points-channel-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:22px}.points-channel-tabs a{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px;padding:12px 8px;color:var(--muted);border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 4px 14px rgba(35,38,48,.025);font-size:12px}.points-channel-tabs a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-channel-tabs a b{display:grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:10px;background:var(--card-soft);box-sizing:border-box;font-size:9px}.points-channel-tabs a.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--points-purple),#9a66b9);box-shadow:0 8px 22px rgba(110,78,176,.2)}.points-channel-tabs a.is-active b{background:rgba(255,255,255,.17)}
.points-market-filter{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(150px,.7fr) minmax(170px,.75fr) auto auto;align-items:end;gap:10px;margin:18px 0 10px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--card)}.points-market-filter label{min-width:0}.points-market-filter label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:10px}.points-market-filter input,.points-market-filter select{width:100%;min-width:0;height:40px;padding:0 12px;color:var(--text);border:1px solid var(--border);border-radius:9px;outline:0;background:var(--card-soft);box-sizing:border-box;font:inherit;font-size:12px}.points-market-filter input:focus,.points-market-filter select:focus{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.09)}.points-market-filter>button,.points-market-filter>a{display:grid;height:40px;padding:0 15px;place-items:center;border-radius:9px;box-sizing:border-box;font-size:11px;font-weight:700;white-space:nowrap}.points-market-filter>button{color:#fff;border:0;background:linear-gradient(135deg,var(--points-gold),#9d6225);cursor:pointer}.points-market-filter>a{color:var(--muted);border:1px solid var(--border);background:var(--card-soft)}.points-market-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 2px}.points-market-summary>div{display:flex;align-items:baseline;gap:9px;min-width:0}.points-market-summary strong{font-size:15px}.points-market-summary span,.points-market-summary small{color:var(--muted);font-size:11px}
.points-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.points-market-grid>article{min-width:0;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.points-market-grid>article:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.points-market-grid>article.is-disabled{filter:saturate(.65);opacity:.76}.points-market-cover{position:relative;display:grid;height:178px;overflow:hidden;place-items:center;color:#fff;background:radial-gradient(circle at 65% 20%,rgba(255,255,255,.24),transparent 25%),linear-gradient(145deg,#7762c9,#b67b45)}.points-market-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.points-market-grid>article:hover .points-market-cover img{transform:scale(1.025)}.points-market-cover>span{display:grid;width:68px;height:68px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:21px;background:rgba(255,255,255,.13);box-shadow:0 10px 28px rgba(40,27,72,.2);font-size:20px;font-weight:800;backdrop-filter:blur(8px)}.points-market-cover>em,.points-market-cover>b{position:absolute;top:10px;padding:4px 8px;border-radius:14px;color:#fff;font-size:9px;font-style:normal}.points-market-cover>em{right:10px;background:rgba(36,30,49,.67);backdrop-filter:blur(7px)}.points-market-cover>b{left:10px;background:#7662d0}.points-market-body{padding:16px}.points-market-body>small{display:block;overflow:hidden;color:var(--points-gold);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.points-market-body h2{margin:6px 0 7px;font-size:16px;line-height:1.4}.points-market-body h2 a{color:var(--text)}.points-market-body>p{display:-webkit-box;min-height:40px;margin:0;color:var(--muted);overflow:hidden;font-size:11px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2}.points-market-body>nav{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.points-market-body>nav span{padding:3px 7px;color:#8c6a35;border-radius:11px;background:rgba(185,123,40,.09);font-size:9px}.points-market-body>div{display:flex;align-items:flex-end;gap:8px;margin-top:14px}.points-market-body>div strong{color:var(--points-gold);font-size:21px;line-height:1}.points-market-body>div strong small{margin-left:3px;font-size:10px}.points-market-body>div del{color:var(--muted);font-size:10px}.points-market-body>div>span{margin-left:auto;color:var(--muted);font-size:10px}.points-market-body>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--border)}.points-market-body>footer span{min-width:0;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.points-market-body>footer a{flex:0 0 auto;color:var(--points-purple);font-size:10px;font-weight:700}
.points-market-page.is-compact .points-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-market-page.is-compact .points-market-grid>article{display:grid;grid-template-columns:145px minmax(0,1fr)}.points-market-page.is-compact .points-market-cover{height:100%;min-height:210px}.points-market-page.is-compact .points-market-body{padding:14px}.points-market-page.is-showcase .points-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.points-market-page.is-showcase .points-market-cover{height:245px}.points-market-page.is-showcase .points-market-body{padding:19px}.points-market-page.is-showcase .points-market-body h2{font-size:19px}
.points-market-empty{display:grid;min-height:260px;place-items:center;align-content:center;padding:30px;text-align:center}.points-market-empty i{display:grid;width:56px;height:56px;place-items:center;color:#fff;border-radius:18px;background:linear-gradient(145deg,var(--points-purple),#b47a45);font-size:20px;font-style:normal}.points-market-empty h2{margin:13px 0 5px;font-size:20px}.points-market-empty p{margin:0;color:var(--muted);font-size:12px}.points-market-empty a{margin-top:15px;padding:9px 14px;color:#fff;border-radius:20px;background:var(--points-purple);font-size:11px}.points-market-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px}.points-market-pagination>a,.points-market-pagination>div a{display:grid;min-width:36px;height:36px;padding:0 10px;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:var(--card);box-sizing:border-box;font-size:11px}.points-market-pagination>div{display:flex;gap:6px}.points-market-pagination>div a.is-active{color:#fff;border-color:transparent;background:var(--points-purple)}

.points-market-detail{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:0;overflow:hidden}.points-detail-cover{position:relative;display:grid;min-height:520px;overflow:hidden;place-items:center;color:#fff;background:radial-gradient(circle at 60% 20%,rgba(255,255,255,.25),transparent 27%),linear-gradient(145deg,#6653b5,#b8793e)}.points-detail-cover img{width:100%;height:100%;object-fit:cover}.points-detail-cover>span{display:grid;width:110px;height:110px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:32px;background:rgba(255,255,255,.14);box-shadow:0 16px 38px rgba(47,28,82,.22);font-size:28px;font-weight:800;backdrop-filter:blur(10px)}.points-detail-cover>em{position:absolute;right:18px;top:18px;padding:6px 11px;border-radius:18px;background:rgba(38,30,50,.68);font-size:11px;font-style:normal;backdrop-filter:blur(8px)}.points-detail-main{min-width:0;padding:30px 34px}.points-market-back{display:inline-flex;color:var(--muted);font-size:11px}.points-detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.points-detail-meta span,.points-detail-tags span{padding:4px 8px;border-radius:12px;font-size:9px}.points-detail-meta span{color:#8e672e;background:rgba(183,121,36,.1)}.points-detail-main h1{margin:10px 0 8px;font-size:29px;line-height:1.32}.points-detail-main>p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.points-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.points-detail-tags span{color:var(--muted);border:1px solid var(--border);background:var(--card-soft)}.points-detail-price{display:flex;align-items:flex-end;gap:10px;margin-top:24px}.points-detail-price strong{color:#b47425;font-size:34px;line-height:1}.points-detail-price strong small{margin-left:4px;font-size:12px}.points-detail-price del{color:var(--muted);font-size:11px}.points-detail-price em{padding:4px 7px;color:#fff;border-radius:10px;background:#d56b58;font-size:9px;font-style:normal}.points-detail-stock{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:13px;color:var(--muted);font-size:10px}.points-detail-stock b{color:var(--text)}.points-detail-campaign{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:12px 14px;color:#875b24;border:1px solid rgba(185,123,40,.17);border-radius:10px;background:rgba(255,246,224,.7)}.points-detail-campaign strong,.points-detail-campaign small{display:block}.points-detail-campaign strong{font-size:11px}.points-detail-campaign small{margin-top:3px;color:var(--muted);font-size:9px}.points-detail-campaign>span{flex:0 0 auto;font-size:10px;font-weight:700}.points-detail-redeem{display:grid;grid-template-columns:100px minmax(130px,1fr);align-items:end;gap:9px;margin-top:18px;padding:14px;border-radius:11px;background:var(--card-soft)}.points-detail-redeem label span{display:block;margin-bottom:5px;color:var(--muted);font-size:9px}.points-detail-redeem input{width:100%;height:39px;padding:0 10px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--card);box-sizing:border-box}.points-detail-redeem button{height:39px;color:#fff;border:0;border-radius:8px;background:linear-gradient(135deg,#c8862c,#a36227);cursor:pointer;font-size:11px;font-weight:700}.points-detail-redeem button:disabled{opacity:.55;cursor:not-allowed}.points-detail-redeem>small{grid-column:1/-1;min-height:14px;color:var(--muted);font-size:9px}.points-detail-redeem>small.is-success{color:#378067}.points-detail-redeem>small.is-error{color:#b34f59}.points-login-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px;border-radius:11px;background:var(--card-soft)}.points-login-card span{color:var(--muted);font-size:10px}.points-login-card a{flex:0 0 auto;padding:8px 12px;color:#fff;border-radius:18px;background:var(--points-purple,#745cc4);font-size:10px;font-weight:700}.points-share-button{width:100%;margin-top:10px;padding:10px;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:transparent;cursor:pointer;font-size:10px}.points-detail-content{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:20px;padding:30px 34px;border-top:1px solid var(--border)}.points-detail-content h2{margin:5px 0 10px;font-size:21px}.points-detail-content p{margin:0;color:var(--muted);font-size:12px;line-height:1.9;overflow-wrap:anywhere}.points-detail-content>aside{padding:17px;border-radius:11px;background:var(--card-soft)}.points-detail-content>aside strong,.points-detail-content>aside span{display:block}.points-detail-content>aside strong{font-size:12px}.points-detail-content>aside p{margin:7px 0 10px}.points-detail-content>aside span{color:var(--muted);font-size:9px}.points-related{grid-column:1/-1;padding:0 34px 32px}.points-related h2{margin:4px 0 12px;font-size:20px}.points-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.points-related>div>a{display:grid;min-width:0;gap:4px;padding:13px;color:var(--text);border:1px solid var(--border);border-radius:10px;background:var(--card-soft)}.points-related>div span{color:var(--muted);font-size:9px}.points-related>div strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.points-related>div b{color:#a86f26;font-size:10px}
html[data-theme="dark"] .points-detail-campaign{background:rgba(170,113,37,.11)}

@media(max-width:980px){.points-market-hero{grid-template-columns:minmax(0,1fr) 220px;padding:28px}.points-campaign-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))}.points-channel-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.points-market-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.points-market-filter>button,.points-market-filter>a{width:100%}.points-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.points-market-page.is-compact .points-market-grid>article{grid-template-columns:125px minmax(0,1fr)}.points-market-detail{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.points-detail-main{padding:25px}.points-detail-content{padding:25px}.points-related{padding:0 25px 25px}}
@media(max-width:700px){.user-points-standalone{align-items:stretch;flex-direction:column}.user-points-standalone>a{text-align:center}.points-market-page,.points-market-detail{max-width:100%;overflow:hidden}.points-market-hero{min-height:0;grid-template-columns:1fr;gap:20px;padding:24px 20px}.points-market-hero h1{font-size:28px}.points-market-hero p{font-size:13px}.points-market-hero>aside{min-height:0;padding:17px}.points-campaign-strip{padding:17px}.points-campaign-strip>header{align-items:flex-start;flex-direction:column;gap:5px}.points-campaign-strip>div{grid-template-columns:1fr}.points-channel-tabs{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.points-channel-tabs::-webkit-scrollbar{display:none}.points-channel-tabs a{flex:0 0 auto;min-width:118px}.points-market-filter{grid-template-columns:1fr;padding:13px}.points-market-filter input,.points-market-filter select{height:44px;font-size:16px}.points-market-filter>button,.points-market-filter>a{height:44px;font-size:12px}.points-market-summary{align-items:flex-start}.points-market-summary>div{align-items:flex-start;flex-direction:column;gap:3px}.points-market-grid,.points-market-page.is-compact .points-market-grid,.points-market-page.is-showcase .points-market-grid{grid-template-columns:1fr;gap:12px}.points-market-page.is-compact .points-market-grid>article{display:block}.points-market-page.is-compact .points-market-cover,.points-market-cover,.points-market-page.is-showcase .points-market-cover{height:190px;min-height:0}.points-market-page.is-showcase .points-market-body{padding:16px}.points-market-body h2,.points-market-page.is-showcase .points-market-body h2{font-size:17px}.points-market-pagination{flex-wrap:wrap;gap:8px}.points-market-pagination>div{order:3;width:100%;justify-content:center}.points-market-detail{display:block}.points-detail-cover{min-height:0;aspect-ratio:4/3}.points-detail-main{padding:22px 18px}.points-detail-main h1{font-size:25px}.points-detail-campaign{align-items:flex-start;flex-direction:column}.points-detail-redeem{grid-template-columns:90px minmax(0,1fr)}.points-detail-redeem input{font-size:16px}.points-login-card{align-items:stretch;flex-direction:column}.points-login-card a{text-align:center}.points-detail-content{display:grid;grid-template-columns:1fr;padding:22px 18px}.points-related{padding:0 18px 22px}.points-related>div{grid-template-columns:1fr}}
@media(max-width:420px){.points-market-hero{padding:22px 17px}.points-market-hero nav a{padding:7px 10px}.points-campaign-strip{padding:15px}.points-market-cover,.points-market-page.is-compact .points-market-cover,.points-market-page.is-showcase .points-market-cover{height:170px}.points-market-body{padding:14px}.points-market-body>div{flex-wrap:wrap}.points-market-body>div>span{width:100%;margin-left:0}.points-market-body>footer{align-items:flex-start}.points-detail-main{padding:20px 15px}.points-detail-price{flex-wrap:wrap}.points-detail-redeem{grid-template-columns:1fr}.points-detail-redeem>small{grid-column:1}.points-detail-content{padding:20px 15px}.points-related{padding:0 15px 20px}}

/* User center workspace: modular navigation, independent URLs and responsive account panels. */
.user-account-shell,.user-account-main,.user-account-tab,.user-account-module{width:100%;min-width:0;box-sizing:border-box}.user-account-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:620px}.user-account-sidebar{min-width:0;padding:22px 14px 16px;border-right:1px solid var(--border);background:linear-gradient(180deg,var(--card-soft),var(--card));box-sizing:border-box}.user-account-summary{display:flex;min-width:0;align-items:center;gap:10px;padding:4px 7px 18px}.user-account-summary>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,var(--accent),#8b68e3);box-shadow:0 8px 18px rgba(var(--accent-rgb),.18);font-size:15px;font-weight:800}.user-account-summary>div{min-width:0}.user-account-summary strong,.user-account-summary small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-account-summary strong{font-size:13px}.user-account-summary small{margin-top:3px;color:var(--muted);font-size:9px}.user-account-nav{display:grid;gap:4px}.user-account-nav>a{display:grid;min-width:0;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;color:var(--muted);border:1px solid transparent;border-radius:10px;transition:.18s ease}.user-account-nav>a:hover{color:var(--text);background:var(--card)}.user-account-nav>a.is-active{color:var(--accent);border-color:rgba(var(--accent-rgb),.14);background:var(--card);box-shadow:0 6px 18px rgba(40,44,58,.045)}.user-account-nav>a>i{display:grid;width:31px;height:31px;place-items:center;color:var(--muted);border-radius:9px;background:var(--card-soft);font-size:10px;font-style:normal;font-weight:800}.user-account-nav>a.is-active>i{color:#fff;background:linear-gradient(145deg,var(--accent),#8769dd)}.user-account-nav>a>span{min-width:0}.user-account-nav strong,.user-account-nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-account-nav strong{color:inherit;font-size:11px}.user-account-nav small{margin-top:2px;color:var(--muted);font-size:7px;letter-spacing:.35px}.user-account-nav em{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;color:#fff;border-radius:10px;background:#df6672;box-sizing:border-box;font-size:8px;font-style:normal}.user-account-sidebar-foot{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px;padding:13px 7px 0;border-top:1px solid var(--border)}.user-account-sidebar-foot span{padding:4px 7px;color:var(--muted);border-radius:10px;background:var(--card);font-size:8px}.user-account-main{overflow:hidden;background:var(--card)}.user-account-tab{min-height:620px}.user-account-main>.user-account-tab>.user-growth-center,.user-account-main>.user-account-tab>.user-achievement-center,.user-account-main>.user-account-tab>.user-points-shop,.user-account-main>.user-account-tab>.user-recharge-center,.user-account-main>.user-account-tab>.user-message-center{min-height:620px;margin:0;padding:28px;border:0;border-radius:0;background-color:var(--card);box-sizing:border-box}.user-account-main>.user-account-tab>.user-message-center{padding:0}.user-account-main .user-hero{min-height:220px;padding:42px}.user-account-main .user-metrics{padding:24px 27px}.user-account-main .user-panels{padding:24px 28px 30px}.user-account-disabled,.user-account-feature-empty{display:grid;min-height:620px;padding:40px;place-items:center;align-content:center;text-align:center;box-sizing:border-box}.user-account-disabled>span,.user-account-feature-empty>span{display:grid;width:58px;height:58px;place-items:center;color:#fff;border-radius:18px;background:linear-gradient(145deg,var(--accent),#8a68e0);font-size:19px;font-weight:800}.user-account-disabled h2,.user-account-feature-empty h2{margin:15px 0 6px;font-size:20px}.user-account-disabled p,.user-account-feature-empty p{max-width:480px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.user-account-module{min-height:620px;padding:29px}.user-account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--border)}.user-account-section-head h1{margin:5px 0 7px;font-size:25px}.user-account-section-head p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.75}.user-account-section-head>strong{flex:0 0 auto;color:var(--accent);font-size:24px;text-align:right}.user-account-section-head>strong small{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:400}.user-commerce-grid,.user-settings-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-commerce-grid>a,.user-settings-links>a{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;color:var(--text);border:1px solid var(--border);border-radius:12px;background:var(--card-soft);transition:.18s ease}.user-commerce-grid>a:hover,.user-settings-links>a:hover{border-color:rgba(var(--accent-rgb),.25);box-shadow:0 8px 22px rgba(40,44,58,.06);transform:translateY(-1px)}.user-commerce-grid i,.user-settings-links i{display:grid;width:43px;height:43px;place-items:center;color:var(--accent);border-radius:12px;background:rgba(var(--accent-rgb),.09);font-size:10px;font-style:normal;font-weight:800}.user-commerce-grid span,.user-settings-links span{min-width:0}.user-commerce-grid strong,.user-commerce-grid small,.user-settings-links strong,.user-settings-links small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-commerce-grid strong,.user-settings-links strong{font-size:12px}.user-commerce-grid small,.user-settings-links small{margin-top:4px;color:var(--muted);font-size:9px}.user-commerce-grid b,.user-settings-links b{color:var(--accent);font-size:9px;white-space:nowrap}.user-community-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.user-community-actions>a{display:grid;min-width:0;padding:18px;color:var(--text);border:1px solid var(--border);border-radius:12px;background:var(--card-soft)}.user-community-actions i{display:grid;width:37px;height:37px;margin-bottom:12px;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,var(--accent),#8170dc);font-size:10px;font-style:normal;font-weight:800}.user-community-actions strong,.user-community-actions small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-community-actions strong{font-size:12px}.user-community-actions small{margin-top:4px;color:var(--muted);font-size:9px}.user-community-center>.user-forum-favorites{margin:18px 0 0}.user-settings-profile{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:18px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.08),var(--card-soft))}.user-settings-profile>span{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;color:#fff;border-radius:17px;background:linear-gradient(145deg,var(--accent),#8b68df);font-size:20px;font-weight:800}.user-settings-profile strong,.user-settings-profile small,.user-settings-profile em{display:block}.user-settings-profile strong{font-size:15px}.user-settings-profile small{margin-top:3px;color:var(--muted);font-size:10px}.user-settings-profile em{margin-top:5px;color:var(--accent);font-size:9px;font-style:normal}.user-settings-links .is-danger i{color:#c75361;background:rgba(202,74,89,.09)}.user-settings-links .is-danger b{color:#c75361}.user-security-note{display:flex;gap:12px;margin-top:16px;padding:16px;border:1px solid rgba(198,151,55,.19);border-radius:12px;background:rgba(255,246,224,.58)}.user-security-note>i{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#a97727;border-radius:10px;background:rgba(198,151,55,.12);font-size:9px;font-style:normal;font-weight:800}.user-security-note strong{font-size:11px}.user-security-note p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.7}.user-settings-center .user-page-content{margin-top:18px;padding:18px 0 0;border-top:1px solid var(--border)}html[data-theme="dark"] .user-security-note{background:rgba(170,113,37,.09)}
@media(max-width:980px){.user-account-shell{grid-template-columns:205px minmax(0,1fr)}.user-account-sidebar{padding-right:10px;padding-left:10px}.user-account-nav>a{padding:8px}.user-account-main>.user-account-tab>.user-growth-center,.user-account-main>.user-account-tab>.user-achievement-center,.user-account-main>.user-account-tab>.user-points-shop,.user-account-main>.user-account-tab>.user-recharge-center{padding:22px}.user-commerce-grid,.user-settings-links{grid-template-columns:1fr}}
@media(max-width:760px){.user-center.card{overflow:visible}.user-account-shell{display:block;min-height:0}.user-account-sidebar{position:relative;padding:14px 0 8px;border-right:0;border-bottom:1px solid var(--border);overflow:hidden}.user-account-summary{padding:0 15px 12px}.user-account-summary>span{width:38px;height:38px}.user-account-nav{display:flex;max-width:100%;gap:7px;padding:0 15px 7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.user-account-nav::-webkit-scrollbar{display:none}.user-account-nav>a{display:flex;min-width:max-content;flex:0 0 auto;gap:7px;padding:7px 10px;scroll-snap-align:start}.user-account-nav>a>i{width:28px;height:28px}.user-account-nav>a>span small{display:none}.user-account-nav em{min-width:18px;height:18px}.user-account-sidebar-foot{display:none}.user-account-tab,.user-account-module,.user-account-main>.user-account-tab>.user-growth-center,.user-account-main>.user-account-tab>.user-achievement-center,.user-account-main>.user-account-tab>.user-points-shop,.user-account-main>.user-account-tab>.user-recharge-center,.user-account-main>.user-account-tab>.user-message-center,.user-account-disabled,.user-account-feature-empty{min-height:0}.user-account-main .user-hero{min-height:190px;padding:28px 20px}.user-account-main .user-metrics{padding:18px 12px}.user-account-main .user-panels{padding:18px 15px 22px}.user-account-main>.user-account-tab>.user-growth-center,.user-account-main>.user-account-tab>.user-achievement-center,.user-account-main>.user-account-tab>.user-points-shop,.user-account-main>.user-account-tab>.user-recharge-center{margin:0;padding:20px 15px}.user-account-main>.user-account-tab>.user-message-center{margin:0}.user-account-module{padding:22px 15px}.user-account-section-head{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:17px;padding-bottom:16px}.user-account-section-head h1{font-size:22px}.user-account-section-head>strong{text-align:left}.user-commerce-grid,.user-settings-links,.user-community-actions{grid-template-columns:1fr}.user-commerce-grid>a,.user-settings-links>a{grid-template-columns:40px minmax(0,1fr) auto;padding:13px}.user-commerce-grid i,.user-settings-links i{width:39px;height:39px}.user-community-actions>a{padding:15px}.user-community-center>.user-forum-favorites{margin:15px 0 0}.user-settings-profile{padding:15px}.user-settings-profile>span{width:50px;height:50px}.user-account-disabled,.user-account-feature-empty{padding:55px 20px}.user-message-head{padding:18px 15px}.user-message-tabs{padding:7px}.user-message-center .user-notification-list{padding:8px}.user-message-footer{padding:0 9px 12px}.user-private-compose input,.user-private-compose textarea,.user-private-reply textarea,.user-recharge-form input,.user-points-toolbar input,.user-points-toolbar select{font-size:16px}}
@media(max-width:420px){.user-account-nav{padding-right:12px;padding-left:12px}.user-account-main .user-hero{align-items:flex-start;flex-wrap:wrap;padding:23px 16px}.user-account-main .user-hero .checkin-button{width:100%;margin-left:0}.user-account-main .user-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-account-main .user-metrics section{padding:5px 10px;border:0}.user-account-main .user-panels{grid-template-columns:1fr}.user-account-module{padding:20px 13px}.user-commerce-grid>a,.user-settings-links>a{gap:9px;padding:12px}.user-commerce-grid b,.user-settings-links b{font-size:8px}.user-settings-profile{align-items:flex-start}.user-settings-profile small{overflow-wrap:anywhere}.user-security-note{padding:13px}}

/* Account security forms and activity history. */
.user-security-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px}.user-security-forms>form{display:grid;min-width:0;align-content:start;gap:11px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--card-soft);box-sizing:border-box}.user-security-forms form>header{display:flex;min-width:0;align-items:center;gap:11px;margin-bottom:2px;padding-bottom:13px;border-bottom:1px solid var(--border)}.user-security-forms form>header>i{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,var(--accent),#8369dc);font-size:11px;font-style:normal;font-weight:800}.user-security-forms form>header>div{min-width:0}.user-security-forms form>header strong,.user-security-forms form>header small{display:block}.user-security-forms form>header strong{font-size:12px}.user-security-forms form>header small,.user-security-forms form>small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.55}.user-security-forms label{display:grid;min-width:0;gap:5px;color:var(--muted);font-size:9px}.user-security-forms input{width:100%;min-width:0;height:40px;padding:0 11px;color:var(--text);border:1px solid var(--border);border-radius:8px;outline:0;background:var(--card);box-sizing:border-box;font:inherit;font-size:11px}.user-security-forms input:disabled{color:var(--muted);background:rgba(120,124,140,.06);cursor:not-allowed}.user-security-forms input:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08)}.user-security-forms form>footer{display:flex;min-width:0;align-items:center;gap:10px;margin-top:2px}.user-security-forms form>footer button{height:38px;flex:0 0 auto;padding:0 14px;color:#fff;border:0;border-radius:8px;background:linear-gradient(135deg,var(--accent),#806add);box-shadow:0 6px 16px rgba(var(--accent-rgb),.15);cursor:pointer;font-size:10px;font-weight:700}.user-security-forms form>footer button:disabled{cursor:wait;opacity:.58}.user-security-forms [data-account-security-result]{min-width:0;color:var(--muted);font-size:9px;line-height:1.45;overflow-wrap:anywhere}.user-security-forms [data-account-security-result].is-success{color:#398268}.user-security-forms [data-account-security-result].is-error{color:#b84e5a}
.user-auth-history{margin:0 0 18px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--card);box-sizing:border-box}.user-auth-history>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.user-auth-history h2{margin:4px 0 0;font-size:16px}.user-auth-history>header>small,.user-auth-history>p{color:var(--muted);font-size:9px}.user-auth-history>p{margin:0;padding:18px;text-align:center;border-radius:9px;background:var(--card-soft)}.user-auth-history>div{display:grid;gap:7px}.user-auth-history article{display:grid;min-width:0;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--card-soft)}.user-auth-history article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;font-size:11px;font-style:normal;font-weight:800}.user-auth-history article.is-success>i{color:#348069;background:rgba(58,144,112,.1)}.user-auth-history article.is-failed>i{color:#b84d59;background:rgba(202,76,89,.1)}.user-auth-history article>span{min-width:0}.user-auth-history article strong,.user-auth-history article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-auth-history article strong{font-size:10px}.user-auth-history article small{margin-top:3px;color:var(--muted);font-size:8px}.user-auth-history article>em{padding:4px 8px;border-radius:12px;font-size:8px;font-style:normal}.user-auth-history article.is-success>em{color:#348069;background:rgba(58,144,112,.09)}.user-auth-history article.is-failed>em{color:#b84d59;background:rgba(202,76,89,.09)}
@media(max-width:760px){.user-security-forms{grid-template-columns:1fr}.user-security-forms input{font-size:16px}.user-auth-history>header{align-items:flex-start;flex-direction:column;gap:5px}.auth-dialog{max-height:calc(100dvh - 20px)}.auth-field-pair{grid-template-columns:1fr}.auth-panels input{font-size:16px}}
@media(max-width:420px){.auth-modal{padding:8px}.auth-dialog{max-height:calc(100dvh - 16px);border-radius:15px}.auth-dialog>header{grid-template-columns:46px minmax(0,1fr);gap:10px;padding:18px 48px 15px 16px}.auth-dialog>header>span{width:45px;height:45px;border-radius:13px}.auth-panels{padding:16px 14px 13px}.auth-panels>form{gap:10px}.auth-code-field{grid-template-columns:minmax(0,1fr) 88px}.auth-code-field button{min-width:0}.auth-security-copy{padding:9px 12px}.user-security-forms>form,.user-auth-history{padding:14px}.user-security-forms form>footer{align-items:stretch;flex-direction:column}.user-security-forms form>footer button{width:100%}.user-auth-history article{grid-template-columns:31px minmax(0,1fr)}.user-auth-history article>em{display:none}}

/* Global account menu: desktop popover and shared mobile account drawer. */
@media(max-width:860px){
    .header-user-menu .user-button{display:grid}
    body.is-user-menu-open{overflow:hidden}
    body.is-user-menu-open .site-header{z-index:3300}
    .global-user-backdrop{position:fixed;z-index:3199;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(16,19,29,.46);backdrop-filter:blur(2px);cursor:pointer}
    .global-user-menu{position:fixed;z-index:3200;top:auto;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - 78px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:18px;animation-name:global-user-drawer-in}
    @keyframes global-user-drawer-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
@media(max-width:640px){
    .brand-name{max-width:108px}
    .global-user-menu>header{grid-template-columns:42px minmax(0,1fr) auto;padding:15px 14px 12px}
    .global-user-menu>header>span{width:41px;height:41px}
    .global-user-menu>nav{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:8px}
    .global-user-assets{margin-inline:10px}
    .global-user-business{margin-inline:10px}
    .global-user-preview-list small{max-width:160px}
    .mobile-bottom-nav>a,.mobile-bottom-nav>button{position:relative}
    .mobile-bottom-nav [data-mobile-user-badge]{position:absolute;top:0;left:calc(50% + 7px);border-color:var(--header-bg)}
}

/* Membership landing page and secure checkout. */
.membership-page{--membership-accent:var(--accent);position:relative;width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.membership-page *{box-sizing:border-box}.membership-hero{position:relative;display:grid;min-width:0;min-height:330px;grid-template-columns:minmax(0,1.42fr) minmax(270px,.58fr);align-items:center;gap:40px;padding:54px 56px;color:#fff;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 83% 82%,rgba(168,129,255,.42),transparent 34%),linear-gradient(128deg,#24263f 0%,var(--membership-accent) 58%,#a46fcd 118%);isolation:isolate}.membership-page.is-midnight .membership-hero{background:radial-gradient(circle at 78% 22%,rgba(91,104,255,.28),transparent 30%),linear-gradient(135deg,#151827,#222840 58%,#35325a)}.membership-page.is-minimal .membership-hero{color:var(--text);background:linear-gradient(135deg,rgba(var(--accent-rgb),.07),var(--card) 58%,rgba(var(--accent-rgb),.12))}.membership-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.membership-glow.glow-one{top:-105px;left:-72px;width:270px;height:270px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.025)}.membership-glow.glow-two{right:28%;bottom:-158px;width:270px;height:270px;background:rgba(255,255,255,.06)}.membership-hero-copy{min-width:0}.membership-hero-copy>.eyebrow,.membership-plan-section .eyebrow,.membership-faq .eyebrow{display:block;color:#e8deff;font-size:10px;font-weight:800;letter-spacing:2.2px}.membership-page.is-minimal .membership-hero-copy>.eyebrow{color:var(--membership-accent)}.membership-hero-copy h1{max-width:650px;margin:10px 0 13px;font-size:clamp(29px,4.2vw,47px);line-height:1.18;letter-spacing:-1.4px}.membership-hero-copy>p{max-width:610px;margin:0;color:rgba(255,255,255,.74);font-size:13px;line-height:1.85}.membership-page.is-minimal .membership-hero-copy>p{color:var(--muted)}.membership-hero-copy nav{display:flex;min-width:0;align-items:center;gap:16px;margin-top:26px}.membership-hero-copy nav a{flex:0 0 auto;padding:11px 19px;color:var(--membership-accent);border-radius:23px;background:#fff;box-shadow:0 10px 28px rgba(18,19,35,.18);font-size:11px;font-weight:800}.membership-page.is-minimal .membership-hero-copy nav a{color:#fff;background:var(--membership-accent)}.membership-hero-copy nav span{min-width:0;color:rgba(255,255,255,.68);font-size:9px;line-height:1.55}.membership-page.is-minimal .membership-hero-copy nav span{color:var(--muted)}
.membership-status-card{position:relative;min-width:0;padding:24px;border:1px solid rgba(255,255,255,.23);border-radius:19px;background:rgba(255,255,255,.105);box-shadow:0 24px 55px rgba(13,15,31,.22);backdrop-filter:blur(18px)}.membership-page.is-minimal .membership-status-card{border-color:var(--border);background:var(--card);box-shadow:var(--shadow)}.membership-emblem{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.membership-emblem span{display:grid;width:48px;height:48px;place-items:center;color:#4b376a;border-radius:15px;background:linear-gradient(145deg,#fff2bc,#d8ad60);box-shadow:0 9px 22px rgba(33,24,47,.2);font-size:23px}.membership-emblem i{padding:5px 9px;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.1);font-size:8px;font-style:normal;letter-spacing:1.2px}.membership-page.is-minimal .membership-emblem i{color:var(--membership-accent);border-color:rgba(var(--accent-rgb),.14);background:rgba(var(--accent-rgb),.08)}.membership-status-card>small,.membership-status-card>strong,.membership-status-card>p{display:block}.membership-status-card>small{color:rgba(255,255,255,.56);font-size:8px}.membership-status-card>strong{margin-top:4px;font-size:22px}.membership-status-card>p{min-height:32px;margin:5px 0 15px;color:rgba(255,255,255,.67);font-size:9px;line-height:1.65}.membership-page.is-minimal .membership-status-card>small,.membership-page.is-minimal .membership-status-card>p{color:var(--muted)}.membership-status-progress{height:5px;overflow:hidden;border-radius:5px;background:rgba(255,255,255,.16)}.membership-status-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f8db83,#fff2bb)}.membership-page.is-minimal .membership-status-progress{background:var(--border)}.membership-page.is-minimal .membership-status-progress i{background:var(--membership-accent)}.membership-status-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:rgba(255,255,255,.73);font-size:8px}.membership-status-card footer b{color:#fff;font-size:9px}.membership-page.is-minimal .membership-status-card footer{color:var(--muted)}.membership-page.is-minimal .membership-status-card footer b{color:var(--text)}.membership-status-card>button{width:100%;margin-top:5px;padding:10px;border:0;border-radius:9px;color:var(--membership-accent);background:#fff;cursor:pointer;font-size:10px;font-weight:800}
.membership-payment-state{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;margin:24px 34px 0;padding:14px 16px;border:1px solid #cfe8dc;border-radius:12px;background:#eff9f4}.membership-payment-state>i{display:grid;width:41px;height:41px;place-items:center;color:#fff;border-radius:12px;background:#45a47f;font-size:13px;font-style:normal;font-weight:800}.membership-payment-state strong,.membership-payment-state p,.membership-payment-state small{display:block}.membership-payment-state strong{font-size:11px}.membership-payment-state p{margin:3px 0;color:var(--muted);font-size:9px;line-height:1.55}.membership-payment-state small{color:#59927b;font-size:7px}.membership-payment-state>a{color:#338266;font-size:9px;font-weight:700;white-space:nowrap}.membership-payment-state.is-wallet,.membership-payment-state.is-confirming{border-color:#eadcb9;background:#fff9e9}.membership-payment-state.is-wallet>i,.membership-payment-state.is-confirming>i{background:#c3913e}.membership-payment-state.is-wallet>a,.membership-payment-state.is-confirming>a{color:#986a25}.membership-payment-state.is-failed{border-color:#efcfd3;background:#fff1f2}.membership-payment-state.is-failed>i{background:#ca5d68}.membership-payment-state.is-failed>a{color:#a44852}
.membership-benefits{padding:45px 48px 12px}.membership-benefits>header{text-align:center}.membership-benefits>header span{color:var(--membership-accent);font-size:8px;font-weight:800;letter-spacing:2px}.membership-benefits h2{margin:6px 0 0;font-size:23px}.membership-benefits>div{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:23px}.membership-benefits article{position:relative;min-width:0;padding:17px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,var(--card),var(--card-soft));transition:.2s ease}.membership-benefits article:hover{border-color:color-mix(in srgb,var(--membership-accent) 28%,transparent);transform:translateY(-2px)}.membership-benefits article>i{display:grid;width:30px;height:30px;margin-bottom:16px;place-items:center;color:var(--membership-accent);border-radius:9px;background:color-mix(in srgb,var(--membership-accent) 10%,transparent);font-size:8px;font-style:normal;font-weight:800}.membership-benefits article strong,.membership-benefits article small{display:block;overflow-wrap:anywhere}.membership-benefits article strong{font-size:11px;line-height:1.55}.membership-benefits article small{margin-top:5px;color:var(--muted);font-size:8px}
.membership-plan-section{padding:42px 48px}.membership-plan-section>header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.membership-plan-section>header>div{min-width:0}.membership-plan-section .eyebrow,.membership-faq .eyebrow{color:var(--membership-accent)}.membership-plan-section h2{margin:6px 0;font-size:25px}.membership-plan-section>header p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.membership-plan-section>header>aside{flex:0 0 auto;padding-left:22px;border-left:1px solid var(--border);text-align:right}.membership-plan-section>header>aside span,.membership-plan-section>header>aside strong,.membership-plan-section>header>aside a{display:block}.membership-plan-section>header>aside span{color:var(--muted);font-size:8px}.membership-plan-section>header>aside strong{margin:2px 0;color:var(--membership-accent);font-size:20px}.membership-plan-section>header>aside a{color:var(--muted);font-size:8px}.membership-plan-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px}.membership-plan{position:relative;display:flex;min-width:0;flex-direction:column;padding:25px 22px 21px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--card-soft);transition:.22s ease}.membership-plan:hover{border-color:var(--plan-color);box-shadow:0 18px 42px rgba(31,34,48,.1);transform:translateY(-3px)}.membership-plan.is-featured{border-color:color-mix(in srgb,var(--plan-color) 45%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--plan-color) 8%,var(--card)),var(--card-soft) 55%);box-shadow:0 13px 34px color-mix(in srgb,var(--plan-color) 12%,transparent)}.membership-recommended,.membership-plan-badge{position:absolute;top:0;right:18px;padding:6px 10px;color:#fff;border-radius:0 0 8px 8px;background:var(--plan-color);font-size:8px;font-weight:800}.membership-plan>header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:16px}.membership-plan>header i{color:var(--plan-color);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.6px}.membership-plan>header span{color:var(--muted);font-size:8px}.membership-plan h3{margin:0 0 10px;font-size:18px}.membership-plan-price{display:flex;min-width:0;align-items:baseline;gap:3px;color:var(--plan-color)}.membership-plan-price sup{font-size:12px;font-weight:800}.membership-plan-price strong{font-size:31px;line-height:1}.membership-plan-price del{margin-left:5px;color:var(--muted);font-size:9px}.membership-saving{min-height:17px;margin:8px 0 0;color:#bd7530;font-size:8px}.membership-saving.is-placeholder{color:var(--muted)}.membership-plan ul{min-height:132px;margin:17px 0 19px;padding:15px 0 0;border-top:1px solid var(--border);list-style:none}.membership-plan li{display:flex;gap:7px;margin:8px 0;color:var(--muted);font-size:9px;line-height:1.55}.membership-plan li span{flex:0 0 auto;color:var(--plan-color);font-weight:800}.membership-plan-select{width:100%;min-height:39px;margin-top:auto;padding:9px 12px;color:#fff;border:0;border-radius:10px;background:var(--plan-color);box-shadow:0 7px 18px color-mix(in srgb,var(--plan-color) 20%,transparent);cursor:pointer;font-size:10px;font-weight:800}.membership-plan:not(.is-featured) .membership-plan-select{color:var(--plan-color);border:1px solid color-mix(in srgb,var(--plan-color) 30%,transparent);background:var(--card);box-shadow:none}.membership-plan-select:hover{filter:brightness(1.04)}.membership-plan-select:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.55}
.membership-assurance{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;margin:0 48px 42px;padding:17px 19px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(110deg,color-mix(in srgb,var(--membership-accent) 7%,var(--card)),var(--card-soft))}.membership-assurance>i{display:grid;width:43px;height:43px;place-items:center;color:#fff;border-radius:12px;background:var(--membership-accent);font-size:9px;font-style:normal;font-weight:800}.membership-assurance strong,.membership-assurance p{display:block}.membership-assurance strong{font-size:10px}.membership-assurance p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.55}.membership-assurance>span{color:var(--muted);font-size:8px;white-space:nowrap}.membership-assurance>span b{color:#41946f}.membership-faq{padding:4px 48px 46px}.membership-faq>header{text-align:center}.membership-faq h2{margin:6px 0 22px;font-size:23px}.membership-faq>div{max-width:790px;margin:0 auto;border-top:1px solid var(--border)}.membership-faq details{border-bottom:1px solid var(--border)}.membership-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 3px;cursor:pointer;font-size:11px;font-weight:700;list-style:none}.membership-faq summary::-webkit-details-marker{display:none}.membership-faq summary i{color:var(--membership-accent);font-size:16px;font-style:normal;font-weight:400;transition:.2s}.membership-faq details[open] summary i{transform:rotate(45deg)}.membership-faq details p{margin:-5px 0 17px;padding-right:38px;color:var(--muted);font-size:9px;line-height:1.8}.membership-empty{display:grid;min-height:240px;padding:35px;place-items:center;align-content:center;text-align:center}.membership-empty i{display:grid;width:48px;height:48px;place-items:center;color:#fff;border-radius:14px;background:var(--membership-accent);font-style:normal}.membership-empty h2{margin:12px 0 5px;font-size:18px}.membership-empty p{margin:0;color:var(--muted);font-size:10px}.membership-page-content{margin:0 48px 42px;padding-top:30px;border-top:1px solid var(--border)}
body.is-vip-checkout-open{overflow:hidden}.membership-checkout[hidden]{display:none!important}.membership-checkout{position:fixed;z-index:4200;inset:0;display:grid;min-width:0;padding:20px;place-items:center}.membership-checkout-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(12,14,23,.56);backdrop-filter:blur(4px);cursor:pointer}.membership-checkout>section{position:relative;width:min(510px,100%);max-height:calc(100dvh - 40px);padding:26px;overflow-x:hidden;overflow-y:auto;color:var(--text);border:1px solid var(--border);border-radius:19px;background:var(--card);box-shadow:0 28px 80px rgba(10,12,22,.32);animation:membership-checkout-in .2s ease-out}.membership-checkout-close{position:absolute;top:15px;right:15px;display:grid;width:30px;height:30px;padding:0;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:var(--card-soft);cursor:pointer;font-size:17px}.membership-checkout>section>header{padding-right:38px}.membership-checkout>section>header>span{color:var(--membership-accent);font-size:8px;font-weight:800;letter-spacing:1.7px}.membership-checkout>section>header h2{margin:5px 0 7px;font-size:21px}.membership-checkout>section>header p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.membership-checkout-order{display:grid;min-width:0;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;margin:20px 0;padding:14px;border-radius:12px;background:linear-gradient(125deg,color-mix(in srgb,var(--membership-accent) 11%,var(--card-soft)),var(--card-soft))}.membership-checkout-order>i{display:grid;width:44px;height:44px;place-items:center;color:#fff;border-radius:12px;background:var(--membership-accent);font-size:9px;font-style:normal;font-weight:800}.membership-checkout-order>span{min-width:0}.membership-checkout-order small,.membership-checkout-order strong,.membership-checkout-order em{display:block}.membership-checkout-order small{color:var(--muted);font-size:7px}.membership-checkout-order>span strong{margin-top:3px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.membership-checkout-order em{margin-top:2px;color:var(--muted);font-size:8px;font-style:normal}.membership-checkout-order>b{color:var(--membership-accent);font-size:11px;text-align:right;white-space:nowrap}.membership-checkout-order>b>strong{display:inline;font-size:19px}.membership-payment-methods{display:grid;gap:8px}.membership-payment-methods>span{margin-bottom:1px;color:var(--muted);font-size:8px}.vip-payment-method{display:grid;min-width:0;width:100%;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;color:var(--text);border:1px solid var(--border);border-radius:11px;background:var(--card-soft);cursor:pointer;text-align:left;transition:.18s}.vip-payment-method:hover{border-color:color-mix(in srgb,var(--membership-accent) 35%,transparent);background:var(--card)}.vip-payment-method>i{display:grid;width:39px;height:39px;place-items:center;color:#fff;border-radius:10px;background:var(--membership-accent);font-size:11px;font-style:normal;font-weight:800}.vip-payment-method.is-alipay>i{background:#1677ff}.vip-payment-method.is-wxpay>i{background:#07b95a}.vip-payment-method>span{min-width:0}.vip-payment-method strong,.vip-payment-method small{display:block}.vip-payment-method strong{font-size:10px}.vip-payment-method small{margin-top:3px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.vip-payment-method>em{color:var(--muted);font-size:13px;font-style:normal}.vip-payment-method:disabled{cursor:wait;opacity:.58}.membership-checkout>section>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.membership-checkout>section>footer span{color:var(--muted);font-size:8px}.membership-checkout>section>footer button{padding:6px 0;color:var(--muted);border:0;background:none;cursor:pointer;font-size:8px}@keyframes membership-checkout-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
html[data-theme="dark"] .membership-payment-state{background:rgba(54,132,101,.1)}html[data-theme="dark"] .membership-payment-state.is-wallet,html[data-theme="dark"] .membership-payment-state.is-confirming{background:rgba(190,139,48,.1)}html[data-theme="dark"] .membership-payment-state.is-failed{background:rgba(192,76,87,.1)}
@media(max-width:900px){.membership-hero{grid-template-columns:minmax(0,1.15fr) minmax(235px,.85fr);gap:24px;padding:42px 35px}.membership-benefits,.membership-plan-section,.membership-faq{padding-right:32px;padding-left:32px}.membership-benefits>div{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-assurance{grid-template-columns:44px minmax(0,1fr);margin-right:32px;margin-left:32px}.membership-assurance>span{grid-row:2}.membership-assurance>span:nth-of-type(1){grid-column:2}.membership-plan{padding-right:17px;padding-left:17px}}
@media(max-width:760px){.membership-page{border-radius:14px}.membership-hero{min-height:0;grid-template-columns:1fr;gap:28px;padding:35px 22px}.membership-hero-copy h1{font-size:31px}.membership-hero-copy nav{align-items:flex-start;flex-direction:column;gap:10px}.membership-status-card{padding:20px}.membership-payment-state{grid-template-columns:38px minmax(0,1fr);margin:16px 16px 0;padding:12px}.membership-payment-state>i{width:37px;height:37px}.membership-payment-state>a{grid-column:2}.membership-benefits{padding:34px 16px 5px}.membership-plan-section{padding:36px 16px}.membership-plan-section>header{align-items:flex-start;flex-direction:column;gap:14px}.membership-plan-section>header>aside{width:100%;padding:11px 0 0;border-top:1px solid var(--border);border-left:0;text-align:left}.membership-plan-grid{grid-template-columns:1fr}.membership-plan{padding:23px 20px}.membership-plan ul{min-height:0}.membership-assurance{grid-template-columns:40px minmax(0,1fr);gap:11px;margin:0 16px 35px;padding:14px}.membership-assurance>i{width:39px;height:39px}.membership-assurance>span{grid-column:2;grid-row:auto}.membership-faq{padding:3px 16px 36px}.membership-page-content{margin:0 16px 30px}.membership-checkout{padding:12px}.membership-page.has-mobile-checkout .membership-checkout{padding:0;place-items:end center}.membership-page.has-mobile-checkout .membership-checkout>section{width:100%;max-height:88dvh;border-radius:20px 20px 0 0;padding-bottom:max(22px,env(safe-area-inset-bottom));animation-name:membership-checkout-sheet-in}.membership-checkout>section{padding:22px 17px}.membership-checkout-order{grid-template-columns:41px minmax(0,1fr) auto;gap:9px;padding:12px}.membership-checkout-order>i{width:40px;height:40px}.vip-payment-method{padding:10px}.membership-checkout>section>footer{align-items:flex-start;flex-direction:column;gap:6px}@keyframes membership-checkout-sheet-in{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}}
@media(max-width:420px){.membership-page,.membership-hero,.membership-benefits,.membership-plan-section,.membership-plan-grid,.membership-plan,.membership-assurance,.membership-faq,.membership-checkout,.membership-checkout>section{max-width:100%;min-width:0}.membership-hero{padding:30px 17px}.membership-hero-copy h1{font-size:27px;letter-spacing:-.7px}.membership-hero-copy>p{font-size:11px}.membership-benefits>div{grid-template-columns:1fr}.membership-benefits article{padding:15px}.membership-plan-section h2{font-size:22px}.membership-plan{padding:22px 17px}.membership-plan-price strong{font-size:28px}.membership-assurance{grid-template-columns:36px minmax(0,1fr);margin-right:13px;margin-left:13px;padding:12px}.membership-assurance>i{width:35px;height:35px}.membership-assurance>span{white-space:normal}.membership-checkout-order{grid-template-columns:38px minmax(0,1fr)}.membership-checkout-order>i{width:37px;height:37px}.membership-checkout-order>b{grid-column:2;text-align:left}.vip-payment-method{grid-template-columns:37px minmax(0,1fr) auto;gap:9px}.vip-payment-method>i{width:36px;height:36px}.vip-payment-method small{white-space:normal}.membership-faq details p{padding-right:15px}}

/* Membership management, renewal reminder and VIP order timeline. */
.membership-dashboard{padding:40px 48px 8px}.membership-dashboard>header,.membership-history>header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.membership-dashboard>header>div,.membership-history>header>div{min-width:0}.membership-dashboard .eyebrow,.membership-history .eyebrow{color:var(--membership-accent)}.membership-dashboard h2,.membership-history h2{margin:5px 0 4px;font-size:23px}.membership-dashboard>header p,.membership-history>header p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.membership-dashboard>header>a,.membership-history>header>a{flex:0 0 auto;color:var(--membership-accent);font-size:9px;font-weight:700}.membership-dashboard-grid{display:grid;min-width:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.membership-renewal-card,.membership-growth-card,.membership-spend-card{display:flex;min-width:0;min-height:205px;flex-direction:column;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(150deg,var(--card),var(--card-soft));overflow:hidden}.membership-renewal-card{border-color:color-mix(in srgb,var(--membership-accent) 28%,var(--border));background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--membership-accent) 15%,transparent),transparent 42%),linear-gradient(150deg,var(--card),var(--card-soft))}.membership-renewal-card.is-expiring{border-color:#e6c878;background:radial-gradient(circle at 100% 0,rgba(224,170,64,.17),transparent 42%),linear-gradient(150deg,var(--card),var(--card-soft))}.membership-renewal-card.is-expired{border-color:#edc8cc;background:radial-gradient(circle at 100% 0,rgba(201,75,87,.13),transparent 42%),linear-gradient(150deg,var(--card),var(--card-soft))}.membership-renewal-card>header,.membership-growth-card>header,.membership-spend-card>header{display:grid;min-width:0;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px}.membership-renewal-card>header>i,.membership-growth-card>header>i,.membership-spend-card>header>i{display:grid;width:38px;height:38px;place-items:center;color:#fff;border-radius:11px;background:var(--membership-accent);font-size:9px;font-style:normal;font-weight:800}.membership-renewal-card.is-expiring>header>i{background:#c89637}.membership-renewal-card.is-expired>header>i{background:#c65b66}.membership-renewal-card header span,.membership-growth-card header span,.membership-spend-card header span{min-width:0}.membership-renewal-card header small,.membership-renewal-card header strong,.membership-growth-card header small,.membership-growth-card header strong,.membership-spend-card header small,.membership-spend-card header strong{display:block}.membership-renewal-card header small,.membership-growth-card header small,.membership-spend-card header small{color:var(--muted);font-size:7px;letter-spacing:.7px}.membership-renewal-card header strong,.membership-growth-card header strong,.membership-spend-card header strong{margin-top:2px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.membership-renewal-days{display:flex;align-items:baseline;gap:7px;margin:18px 0 9px}.membership-renewal-days strong{color:var(--membership-accent);font-size:29px;line-height:1}.membership-renewal-card.is-expiring .membership-renewal-days strong{color:#bd842d}.membership-renewal-card.is-expired .membership-renewal-days strong{color:#bd4f5a}.membership-renewal-days span{color:var(--muted);font-size:8px}.membership-renewal-progress,.membership-growth-progress{height:5px;overflow:hidden;border-radius:5px;background:var(--border)}.membership-renewal-progress i,.membership-growth-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--membership-accent),#9a79eb)}.membership-renewal-card.is-expiring .membership-renewal-progress i{background:#c79436}.membership-renewal-card.is-expired .membership-renewal-progress i{background:#c65a65}.membership-renewal-card>footer,.membership-growth-card>footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;color:var(--muted);font-size:8px}.membership-renewal-card>footer span,.membership-growth-card>footer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-renewal-card>footer a,.membership-growth-card>footer a{flex:0 0 auto;color:var(--membership-accent);font-weight:700}.membership-growth-card>header>em{color:var(--membership-accent);font-size:10px;font-style:normal;font-weight:800}.membership-growth-progress{margin:19px 0}.membership-growth-card>div:not(.membership-growth-progress),.membership-spend-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.membership-growth-card>div span,.membership-spend-card>div span{min-width:0;padding:10px;border-radius:9px;background:var(--card)}.membership-growth-card>div small,.membership-growth-card>div strong,.membership-spend-card>div small,.membership-spend-card>div strong{display:block}.membership-growth-card>div small,.membership-spend-card>div small{color:var(--muted);font-size:7px}.membership-growth-card>div strong,.membership-spend-card>div strong{margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.membership-spend-card>header{grid-template-columns:39px minmax(0,1fr)}.membership-spend-card>div{margin:18px 0 11px}.membership-spend-card>p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}.membership-spend-card>a{margin-top:auto;padding-top:13px;color:var(--membership-accent);font-size:8px;font-weight:700}
.membership-history{padding:0 48px 40px}.membership-history>div{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.membership-history article{display:grid;min-width:0;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.membership-history article>i{display:grid;width:34px;height:34px;place-items:center;color:#3c896d;border-radius:10px;background:rgba(58,143,109,.1);font-size:10px;font-style:normal;font-weight:800}.membership-history article.is-pending>i{color:#a5792e;background:rgba(195,145,55,.11)}.membership-history article.is-expired>i,.membership-history article.is-refunded>i{color:#b7505a;background:rgba(198,80,91,.1)}.membership-history article>span{min-width:0}.membership-history article strong,.membership-history article small,.membership-history article em,.membership-history article>b{display:block}.membership-history article strong,.membership-history article small,.membership-history article em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-history article strong{font-size:9px}.membership-history article small,.membership-history article em{margin-top:2px;color:var(--muted);font-size:7px;font-style:normal}.membership-history article>b{color:var(--text);font-size:11px;text-align:right;white-space:nowrap}.membership-history article>b small{margin-top:2px;color:#398168;font-size:7px}.membership-history-empty{display:grid!important;min-height:150px;grid-template-columns:1fr!important;place-items:center;align-content:center;text-align:center;border:1px dashed var(--border);border-radius:12px}.membership-history-empty i{display:grid;width:38px;height:38px;place-items:center;color:var(--membership-accent);border-radius:11px;background:color-mix(in srgb,var(--membership-accent) 10%,transparent);font-size:9px;font-style:normal;font-weight:800}.membership-history-empty strong,.membership-history-empty small{display:block}.membership-history-empty strong{margin-top:8px;font-size:10px}.membership-history-empty small{margin-top:3px;color:var(--muted);font-size:8px}
@media(max-width:760px){.membership-dashboard{padding:34px 16px 6px}.membership-dashboard>header,.membership-history>header{align-items:flex-start;flex-direction:column;gap:8px}.membership-dashboard-grid{grid-template-columns:1fr}.membership-renewal-card,.membership-growth-card,.membership-spend-card{min-height:190px}.membership-history{padding:0 16px 34px}.membership-history>div{grid-template-columns:1fr}}
@media(max-width:420px){.membership-dashboard,.membership-dashboard-grid,.membership-renewal-card,.membership-growth-card,.membership-spend-card,.membership-history,.membership-history>div,.membership-history article{max-width:100%;min-width:0}.membership-history article{grid-template-columns:33px minmax(0,1fr)}.membership-history article>b{grid-column:2;text-align:left}.membership-renewal-card,.membership-growth-card,.membership-spend-card{padding:15px}}

/* VIP exclusive content aggregation. */
.membership-content{padding:38px 48px 44px}.membership-content>header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.membership-content>header>div{min-width:0}.membership-content .eyebrow{color:var(--membership-accent)}.membership-content h2{margin:5px 0 4px;font-size:23px}.membership-content>header p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.membership-content>header>i{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;color:#4a376c;border-radius:13px;background:linear-gradient(145deg,#fff0b3,#d4aa62);box-shadow:0 8px 22px rgba(73,54,30,.15);font-size:20px;font-style:normal}.membership-content-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.membership-content-grid article{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--card-soft);transition:.2s}.membership-content-grid article:hover{border-color:color-mix(in srgb,var(--membership-accent) 30%,var(--border));box-shadow:var(--shadow-hover);transform:translateY(-2px)}.membership-content-cover{position:relative;display:grid;min-width:0;aspect-ratio:16/9;overflow:hidden;place-items:center;color:#fff;background:linear-gradient(135deg,var(--membership-accent),#322c57)}.membership-content-cover img{width:100%;height:100%;object-fit:cover;transition:.25s}.membership-content-grid article:hover .membership-content-cover img{transform:scale(1.025)}.membership-content-cover>span{font-size:26px;font-weight:800}.membership-content-cover>em{position:absolute;top:9px;right:9px;padding:4px 7px;color:#563d16;border-radius:12px;background:linear-gradient(145deg,#fff1b8,#dcb76d);box-shadow:0 4px 12px rgba(31,25,16,.18);font-size:7px;font-style:normal;font-weight:900}.membership-content-grid article>div{padding:14px}.membership-content-grid article small{color:var(--membership-accent);font-size:7px;font-weight:700}.membership-content-grid h3{margin:5px 0 7px;overflow:hidden;font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.membership-content-grid h3 a{color:var(--text)}.membership-content-grid p{display:-webkit-box;min-height:40px;margin:0;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.membership-content-grid footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:7px}.membership-content-grid footer span{min-width:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.membership-content-grid footer a{flex:0 0 auto;color:var(--membership-accent);font-weight:700}.membership-content.is-list .membership-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-content.is-list .membership-content-grid article{display:grid;grid-template-columns:125px minmax(0,1fr)}.membership-content.is-list .membership-content-cover{height:100%;aspect-ratio:auto}.membership-content.is-compact .membership-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.membership-content.is-compact .membership-content-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center}.membership-content.is-compact .membership-content-cover{width:47px;height:100%;min-height:92px;aspect-ratio:auto}.membership-content.is-compact .membership-content-cover>span{font-size:16px}.membership-content.is-compact .membership-content-cover>em{top:6px;right:6px;padding:3px;font-size:6px}.membership-content.is-compact .membership-content-grid article>div{padding:11px}.membership-content.is-compact .membership-content-grid p{display:none}.membership-content.is-compact .membership-content-grid footer{margin-top:7px;padding-top:7px}.membership-content-empty{display:grid;min-height:145px;place-items:center;align-content:center;text-align:center;border:1px dashed var(--border);border-radius:13px}.membership-content-empty i{display:grid;width:39px;height:39px;place-items:center;color:var(--membership-accent);border-radius:11px;background:color-mix(in srgb,var(--membership-accent) 10%,transparent);font-size:9px;font-style:normal;font-weight:800}.membership-content-empty strong,.membership-content-empty small{display:block}.membership-content-empty strong{margin-top:8px;font-size:10px}.membership-content-empty small{margin-top:3px;color:var(--muted);font-size:8px}
@media(max-width:900px){.membership-content{padding-right:32px;padding-left:32px}.membership-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.membership-content{padding:34px 16px}.membership-content-grid,.membership-content.is-list .membership-content-grid,.membership-content.is-compact .membership-content-grid{grid-template-columns:1fr}.membership-content.is-list .membership-content-grid article{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:420px){.membership-content,.membership-content-grid,.membership-content-grid article{max-width:100%;min-width:0}.membership-content.is-list .membership-content-grid article{grid-template-columns:92px minmax(0,1fr)}.membership-content.is-list .membership-content-grid p{display:none}.membership-content.is-list .membership-content-grid article>div{padding:11px}}

/* Order center summary and server-side filters. */
.orders-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:22px 28px 10px}.orders-summary>section{display:grid;min-width:0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.orders-summary i{display:grid;width:37px;height:37px;place-items:center;color:var(--accent);border-radius:10px;background:rgba(var(--accent-rgb),.1);font-size:9px;font-style:normal;font-weight:800}.orders-summary small,.orders-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-summary small{color:var(--muted);font-size:7px}.orders-summary strong{margin-top:2px;font-size:15px}.orders-toolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:15px;margin:8px 28px 4px;padding:7px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.orders-toolbar nav{display:flex;min-width:0;gap:4px;overflow-x:auto;scrollbar-width:none}.orders-toolbar nav::-webkit-scrollbar{display:none}.orders-toolbar nav a{flex:0 0 auto;padding:7px 11px;color:var(--muted);border-radius:8px;font-size:8px;white-space:nowrap}.orders-toolbar nav a.is-active{color:#fff;background:var(--accent);box-shadow:0 5px 13px rgba(var(--accent-rgb),.16)}.orders-toolbar form{flex:0 0 auto}.orders-toolbar label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px}.orders-toolbar select{min-height:31px;padding:0 27px 0 9px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:9px}.orders-filter-empty{min-height:290px}.order-status.is-pending{color:#997329;background:#fff4d7}.order-status.is-expired,.order-status.is-refunded{color:#9c4d57;background:#fdebed}html[data-theme="dark"] .order-status.is-paid{background:rgba(57,128,101,.14)}html[data-theme="dark"] .order-status.is-pending{background:rgba(169,126,42,.13)}html[data-theme="dark"] .order-status.is-expired,html[data-theme="dark"] .order-status.is-refunded{background:rgba(174,72,83,.13)}
@media(max-width:760px){.orders-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 15px 7px}.orders-toolbar{align-items:stretch;flex-direction:column;margin:7px 15px}.orders-toolbar nav{width:100%}.orders-toolbar form,.orders-toolbar label,.orders-toolbar select{width:100%}.orders-toolbar select{font-size:16px}.orders-toolbar label span{display:none}}
@media(max-width:420px){.orders-summary{gap:7px}.orders-summary>section{grid-template-columns:33px minmax(0,1fr);gap:8px;padding:10px}.orders-summary i{width:32px;height:32px}.orders-summary strong{font-size:13px}}
.user-membership-overview{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:15px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:13px;background:linear-gradient(125deg,rgba(var(--accent-rgb),.09),var(--card-soft))}.user-membership-overview>i{display:grid;width:47px;height:47px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,var(--accent),#8b69df);font-size:10px;font-style:normal;font-weight:800}.user-membership-overview>div{min-width:0}.user-membership-overview span,.user-membership-overview strong,.user-membership-overview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-membership-overview span{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:1px}.user-membership-overview strong{margin-top:3px;font-size:12px}.user-membership-overview small{margin-top:3px;color:var(--muted);font-size:8px}.user-membership-overview>a{color:var(--accent);font-size:9px;font-weight:700;white-space:nowrap}.user-membership-overview.is-expired{border-color:rgba(196,79,90,.2);background:linear-gradient(125deg,rgba(196,79,90,.08),var(--card-soft))}.user-membership-overview.is-expired>i{background:#c45c66}@media(max-width:520px){.user-membership-overview{grid-template-columns:42px minmax(0,1fr);padding:13px}.user-membership-overview>i{width:41px;height:41px}.user-membership-overview>a{grid-column:2}}

/* VIP marketing campaign, server quote and coupon checkout. */
.membership-campaign-banner{display:grid;min-width:0;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin:20px 48px 0;padding:15px 18px;color:var(--text);border:1px solid color-mix(in srgb,var(--membership-accent) 24%,var(--border));border-radius:14px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--membership-accent) 14%,transparent),transparent 40%),linear-gradient(130deg,color-mix(in srgb,var(--membership-accent) 7%,var(--card)),var(--card-soft));box-shadow:0 10px 28px color-mix(in srgb,var(--membership-accent) 8%,transparent)}.membership-campaign-banner>i{display:grid;width:47px;height:47px;place-items:center;color:#fff;border-radius:13px;background:linear-gradient(145deg,var(--membership-accent),#a77be6);box-shadow:0 8px 18px color-mix(in srgb,var(--membership-accent) 25%,transparent);font-size:14px;font-style:normal;font-weight:900}.membership-campaign-banner>div{min-width:0}.membership-campaign-banner span,.membership-campaign-banner strong,.membership-campaign-banner p{display:block}.membership-campaign-banner span{color:var(--membership-accent);font-size:7px;font-weight:900;letter-spacing:1.2px}.membership-campaign-banner strong{margin-top:2px;font-size:13px}.membership-campaign-banner p{margin:3px 0 0;color:var(--muted);font-size:8px;line-height:1.55}.membership-campaign-banner>em{min-width:125px;padding:9px 12px;border-radius:10px;background:var(--card);font-style:normal;text-align:right}.membership-campaign-banner>em small,.membership-campaign-banner>em b{display:block}.membership-campaign-banner>em small{color:var(--muted);font-size:7px}.membership-campaign-banner>em b{margin-top:3px;color:var(--membership-accent);font-size:10px}.membership-campaign-banner.is-ended{opacity:.68}.membership-plan-offers{display:flex;min-width:0;flex-wrap:wrap;gap:4px;margin:0 0 9px}.membership-plan-offers span{max-width:100%;padding:4px 7px;overflow:hidden;color:var(--plan-color);border-radius:12px;background:color-mix(in srgb,var(--plan-color) 10%,transparent);font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.membership-plan.has-marketing-price .membership-plan-price strong{filter:drop-shadow(0 3px 9px color-mix(in srgb,var(--plan-color) 18%,transparent))}.membership-plan-countdown{display:block;margin:6px 0 0;color:var(--muted);font-size:7px}.membership-plan-countdown b{color:var(--plan-color)}.membership-plan-countdown.is-ended{opacity:.65}.membership-checkout-order>b del{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:400}.membership-checkout-order>b del[hidden]{display:none!important}.membership-checkout-quote{display:grid;gap:5px;margin:-10px 0 17px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--membership-accent) 18%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--membership-accent) 5%,var(--card-soft))}.membership-checkout-quote>div{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.membership-checkout-quote span{flex:0 0 auto;color:var(--muted);font-size:8px}.membership-checkout-quote strong{min-width:0;color:var(--membership-accent);font-size:8px;text-align:right;overflow-wrap:anywhere}.membership-checkout-quote>small{color:var(--muted);font-size:7px;text-align:right}.membership-checkout-quote>small.is-success{color:#358365}.membership-checkout-quote>small.is-error{color:#bd525d}.membership-coupon-form{display:grid;gap:6px;margin-bottom:17px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.membership-coupon-form>label{color:var(--text);font-size:9px;font-weight:800}.membership-coupon-form>div{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:7px}.membership-coupon-form input{width:100%;min-width:0;height:36px;padding:0 11px;color:var(--text);border:1px solid var(--border);border-radius:9px;background:var(--card);box-sizing:border-box;font-size:10px;text-transform:uppercase}.membership-coupon-form button{min-width:82px;padding:0 13px;color:#fff;border:0;border-radius:9px;background:var(--membership-accent);cursor:pointer;font-size:9px;font-weight:800}.membership-coupon-form button:disabled{cursor:wait;opacity:.6}.membership-coupon-form>small{color:var(--muted);font-size:7px;line-height:1.5}
@media(max-width:760px){.membership-campaign-banner{grid-template-columns:42px minmax(0,1fr);gap:11px;margin:16px 16px 0;padding:13px}.membership-campaign-banner>i{width:41px;height:41px}.membership-campaign-banner>em{grid-column:2;min-width:0;padding:7px 9px;text-align:left}.membership-checkout-quote>div{display:grid;gap:3px}.membership-checkout-quote strong,.membership-checkout-quote>small{text-align:left}}
@media(max-width:420px){.membership-campaign-banner,.membership-coupon-form,.membership-coupon-form>div,.membership-checkout-quote{max-width:100%;min-width:0}.membership-campaign-banner p{overflow-wrap:anywhere}.membership-coupon-form>div{grid-template-columns:1fr}.membership-coupon-form input{font-size:16px}.membership-coupon-form button{min-height:36px}.membership-plan-offers span{white-space:normal}}

/* Fine-grained membership level entitlements. */
.membership-entitlement-overview{padding:34px 48px;border-top:1px solid var(--border)}.membership-entitlement-overview>header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.membership-entitlement-overview>header>div{min-width:0}.membership-entitlement-overview h2{margin:4px 0;font-size:22px}.membership-entitlement-overview>header p{margin:0;color:var(--muted);font-size:8px;line-height:1.6}.membership-entitlement-overview>header>i{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,var(--membership-accent),#9878dd);font-size:10px;font-style:normal;font-weight:900}.membership-entitlement-overview>div{display:grid;min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.membership-entitlement-overview article{min-width:0;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--card-soft)}.membership-entitlement-overview article span,.membership-entitlement-overview article strong,.membership-entitlement-overview article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.membership-entitlement-overview article span{color:var(--muted);font-size:7px}.membership-entitlement-overview article strong{margin-top:4px;color:var(--membership-accent);font-size:12px}.membership-entitlement-overview article small{margin-top:2px;color:var(--muted);font-size:7px}.membership-plan-entitlements{min-width:0;margin:13px 0;padding:10px;border:1px solid color-mix(in srgb,var(--plan-color) 18%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--plan-color) 5%,var(--card-soft))}.membership-plan-entitlements>span{display:block;color:var(--plan-color);font-size:8px;font-weight:900}.membership-plan-entitlements>div{display:flex;min-width:0;flex-wrap:wrap;gap:5px;margin-top:7px}.membership-plan-entitlements em{max-width:100%;padding:4px 7px;color:var(--text);border-radius:12px;background:var(--card);font-size:7px;font-style:normal;overflow-wrap:anywhere}.membership-plan-entitlements>small{display:block;margin-top:6px;color:var(--muted);font-size:7px}.article-download-component.is-locked{border-color:rgba(194,143,46,.18);background:linear-gradient(120deg,rgba(211,164,74,.12),var(--card))}.article-download-component.is-locked small{color:#a67529}.article-download-component.is-locked>a{background:linear-gradient(145deg,#c99537,#a87325)}
@media(max-width:900px){.membership-entitlement-overview>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.membership-entitlement-overview{padding:30px 16px}.membership-entitlement-overview>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.membership-entitlement-overview,.membership-entitlement-overview>div,.membership-entitlement-overview article,.membership-plan-entitlements{max-width:100%;min-width:0}.membership-entitlement-overview>div{grid-template-columns:1fr}.membership-entitlement-overview article span,.membership-entitlement-overview article strong,.membership-entitlement-overview article small{white-space:normal}}

/* Signed and audited article-resource delivery. */
.article-download-component.is-controlled{position:relative;overflow:hidden;border-color:rgba(83,151,124,.18);background:linear-gradient(120deg,rgba(73,153,116,.11),var(--card))}.article-download-component.is-controlled:after{position:absolute;right:-30px;bottom:-48px;width:115px;height:115px;border-radius:50%;background:rgba(73,153,116,.07);content:""}.article-download-component.is-controlled>div,.article-download-component.is-controlled>a{position:relative;z-index:1}.article-download-component.is-controlled small{color:#398264}.article-download-component.is-controlled>a{background:linear-gradient(145deg,#4e9a79,#397c62)}

/* Secure resource center, catalog filters and account download history. */
.resource-center-page{display:grid;min-width:0;gap:16px}.resource-center-hero{position:relative;display:grid;min-width:0;min-height:260px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:36px;overflow:hidden;padding:42px 46px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(184,151,255,.28),transparent 34%),linear-gradient(125deg,#2f2a58,#6555b2);box-sizing:border-box}.resource-center-hero.has-image{background-position:center;background-size:cover}.resource-center-hero:after{position:absolute;right:-70px;bottom:-120px;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.resource-center-hero>div,.resource-center-hero>aside{position:relative;z-index:1;min-width:0}.resource-center-hero .eyebrow{color:#dcd4ff}.resource-center-hero h1{margin:7px 0 9px;font-size:34px;letter-spacing:-1px}.resource-center-hero p{max-width:670px;margin:0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.8}.resource-center-hero nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.resource-center-hero nav a{padding:8px 13px;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08);font-size:9px;font-weight:700}.resource-center-hero>aside{display:grid;min-height:130px;padding:20px;align-content:center;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.09);box-shadow:0 14px 34px rgba(17,12,44,.16);backdrop-filter:blur(10px)}.resource-center-hero>aside span,.resource-center-hero>aside strong,.resource-center-hero>aside small{display:block}.resource-center-hero>aside span{color:rgba(255,255,255,.7);font-size:8px;letter-spacing:1px}.resource-center-hero>aside strong{margin:4px 0;color:#fff;font-size:31px}.resource-center-hero>aside small{color:rgba(255,255,255,.65);font-size:8px}.resource-center-tabs{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-center-tabs a{display:grid;min-width:0;padding:14px 17px;color:var(--muted);border:1px solid var(--border);border-radius:12px;background:var(--card);transition:.18s}.resource-center-tabs a:hover,.resource-center-tabs a.is-active{color:var(--accent);border-color:rgba(var(--accent-rgb),.24);box-shadow:0 8px 20px rgba(40,44,58,.05)}.resource-center-tabs span,.resource-center-tabs small{display:block}.resource-center-tabs span{font-size:12px;font-weight:800}.resource-center-tabs small{margin-top:3px;color:var(--muted);font-size:8px}.resource-center-filter{display:grid;min-width:0;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.65fr) minmax(130px,.65fr) auto auto;align-items:end;gap:9px;padding:15px}.resource-center-filter label{display:block;min-width:0}.resource-center-filter label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:800}.resource-center-filter input,.resource-center-filter select{width:100%;min-width:0;height:39px;padding:0 11px;color:var(--text);border:1px solid var(--border);border-radius:9px;outline:0;background:var(--card-soft);box-sizing:border-box;font-size:10px}.resource-center-filter input:focus,.resource-center-filter select:focus{border-color:rgba(var(--accent-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.07)}.resource-center-filter>button,.resource-center-filter>a{display:inline-flex;height:39px;align-items:center;justify-content:center;padding:0 15px;border:0;border-radius:9px;box-sizing:border-box;font-size:9px;font-weight:800}.resource-center-filter>button{color:#fff;background:linear-gradient(135deg,var(--accent),#8168d8);cursor:pointer}.resource-center-filter>a{color:var(--muted);border:1px solid var(--border);background:var(--card-soft)}.resource-category-chips{display:flex;max-width:100%;gap:6px;padding:2px 1px;overflow-x:auto;scrollbar-width:none}.resource-category-chips::-webkit-scrollbar{display:none}.resource-category-chips a{flex:0 0 auto;padding:7px 11px;color:var(--muted);border:1px solid var(--border);border-radius:16px;background:var(--card);font-size:8px;white-space:nowrap}.resource-category-chips a.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.resource-center-heading{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 2px 2px}.resource-center-heading>div{min-width:0}.resource-center-heading h2{margin:4px 0 3px;font-size:22px}.resource-center-heading p{margin:0;color:var(--muted);font-size:9px}.resource-center-heading>a{flex:0 0 auto;color:var(--accent);font-size:9px;font-weight:800}.resource-center-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.resource-card{min-width:0;overflow:hidden;transition:.2s}.resource-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.resource-card.is-locked{border-color:rgba(192,143,51,.19)}.resource-card-cover{position:relative;display:grid;min-width:0;aspect-ratio:16/9;overflow:hidden;place-items:center;color:#fff;background:linear-gradient(135deg,#4e4892,#8770d8)}.resource-card-cover img{width:100%;height:100%;object-fit:cover;transition:.24s}.resource-card:hover .resource-card-cover img{transform:scale(1.025)}.resource-card-cover>span{font-size:24px;font-weight:900;letter-spacing:2px}.resource-card-cover>em,.resource-card-cover>b{position:absolute;top:10px;padding:5px 8px;border-radius:14px;box-shadow:0 4px 14px rgba(22,18,42,.14);font-size:7px;font-style:normal}.resource-card-cover>em{left:10px;color:#fff;background:rgba(34,31,57,.72);backdrop-filter:blur(7px)}.resource-card-cover>b{right:10px;color:#654412;background:linear-gradient(145deg,#fff1ba,#dbb867)}.resource-card-body{padding:16px}.resource-card-body>small{display:block;overflow:hidden;color:var(--accent);font-size:7px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.resource-card-body h2{margin:6px 0 8px;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.resource-card-body h2 a{color:var(--text)}.resource-card-body>p{display:-webkit-box;min-height:48px;margin:0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.resource-card-meta{display:flex;min-width:0;flex-wrap:wrap;gap:8px;margin-top:12px;color:var(--muted);font-size:7px}.resource-card-meta time{margin-left:auto}.resource-card footer{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.resource-card footer a{padding:7px 10px;color:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:8px;font-weight:800}.resource-card footer a.is-primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--accent),#8069d8)}.resource-center-empty{display:grid;min-height:270px;padding:34px;place-items:center;align-content:center;text-align:center}.resource-center-empty>i{display:grid;width:52px;height:52px;place-items:center;color:var(--accent);border-radius:15px;background:rgba(var(--accent-rgb),.09);font-size:15px;font-style:normal;font-weight:900}.resource-center-empty h2{margin:14px 0 5px;font-size:18px}.resource-center-empty p{max-width:520px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.resource-center-empty>a{margin-top:15px;padding:8px 14px;color:#fff;border-radius:9px;background:var(--accent);font-size:9px;font-weight:800}.resource-center-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.resource-center-pagination>a,.resource-center-pagination>div a{display:grid;min-width:34px;height:34px;padding:0 8px;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:var(--card);box-sizing:border-box;font-size:9px}.resource-center-pagination>div{display:flex;gap:5px}.resource-center-pagination a.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}.resource-history-summary{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.resource-history-summary article{display:grid;min-width:0;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:11px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.resource-history-summary i{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,var(--accent),#836cda);font-size:10px;font-style:normal;font-weight:900}.resource-history-summary small,.resource-history-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-history-summary small{color:var(--muted);font-size:8px}.resource-history-summary strong{margin-top:3px;font-size:17px}.resource-history-list{display:grid;min-width:0;gap:8px}.resource-history-list article{display:grid;min-width:0;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px}.resource-history-list article>i{display:grid;width:39px;height:39px;place-items:center;color:var(--accent);border-radius:11px;background:rgba(var(--accent-rgb),.09);font-size:10px;font-style:normal;font-weight:900}.resource-history-list article>div{min-width:0}.resource-history-list strong,.resource-history-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-history-list strong{font-size:11px}.resource-history-list small{margin-top:4px;color:var(--muted);font-size:8px}.resource-history-list nav{display:flex;gap:6px}.resource-history-list nav a{padding:7px 10px;color:var(--muted);border:1px solid var(--border);border-radius:8px;font-size:8px;font-weight:800;white-space:nowrap}.resource-history-list nav a.is-primary{color:#fff;border-color:transparent;background:var(--accent)}
@media(max-width:980px){.resource-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-center-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-center-filter>button,.resource-center-filter>a{width:100%}}
@media(max-width:700px){.resource-center-page{max-width:100%;overflow:hidden}.resource-center-hero{min-height:0;grid-template-columns:1fr;gap:20px;padding:28px 20px}.resource-center-hero:after{display:none}.resource-center-hero h1{font-size:28px}.resource-center-hero>aside{min-height:0}.resource-center-tabs{grid-template-columns:1fr}.resource-center-filter{grid-template-columns:1fr;padding:13px}.resource-center-filter input,.resource-center-filter select{height:44px;font-size:16px}.resource-center-filter>button,.resource-center-filter>a{height:44px}.resource-center-heading{align-items:flex-start;flex-direction:column;gap:8px}.resource-center-grid{grid-template-columns:1fr}.resource-card-cover{max-height:230px}.resource-history-summary{grid-template-columns:1fr}.resource-history-list article{grid-template-columns:38px minmax(0,1fr)}.resource-history-list nav{grid-column:2}.resource-center-pagination{flex-wrap:wrap}.resource-center-pagination>div{order:3;width:100%;justify-content:center}}
@media(max-width:420px){.resource-center-page,.resource-center-hero,.resource-center-tabs,.resource-center-filter,.resource-center-grid,.resource-card,.resource-history-summary,.resource-history-list,.resource-history-list article{max-width:100%;min-width:0}.resource-center-hero{padding:24px 17px}.resource-center-hero nav a{padding:7px 10px}.resource-card-body{padding:14px}.resource-card footer{align-items:stretch;flex-direction:column}.resource-card footer a{text-align:center}.resource-history-list article{grid-template-columns:34px minmax(0,1fr);padding:11px}.resource-history-list article>i{width:33px;height:33px}.resource-history-list strong,.resource-history-list small{white-space:normal;overflow-wrap:anywhere}.resource-history-list nav{flex-wrap:wrap}.resource-center-empty{min-height:230px;padding:28px 18px}}

/* Keep the resource banner image-led and neutral when no custom image is set. */
.resource-center-hero.has-image{background-color:rgba(19,29,35,.58);background-blend-mode:multiply}
.resource-center-hero.has-image:before{position:absolute;inset:0;background:rgba(17,25,30,.22);content:""}

/* Search discovery history and mixed live suggestions. */
.search-discovery-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:16px;padding-bottom:13px}.search-history,.search-discovery-meta .search-hot{min-width:0;margin:0;padding:0}.search-history header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--muted);font-size:8px;font-weight:800}.search-history header button{padding:0;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:8px}.search-history nav{display:flex;min-width:0;gap:6px;overflow-x:auto;scrollbar-width:none}.search-history nav::-webkit-scrollbar{display:none}.search-history nav button{flex:0 0 auto;padding:5px 9px;border:1px solid var(--border);border-radius:15px;color:var(--muted);background:var(--card-soft);cursor:pointer;font-size:8px}.search-history nav button:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.22)}.search-suggestions>a{grid-template-columns:auto minmax(0,1fr) auto}.search-suggestions>a>b{display:grid;min-width:34px;height:24px;padding:0 6px;place-items:center;border-radius:7px;color:var(--accent);background:rgba(var(--accent-rgb),.09);font-size:7px}.search-suggestions>a.is-type-author>b{color:#496dc8;background:#edf3ff}.search-suggestions>a.is-type-resource>b{color:#a1681c;background:#fff4dc}.search-suggestions>a.is-type-community>b{color:#218264;background:#e7f8f1}
@media(max-width:640px){.search-discovery-meta{grid-template-columns:1fr;gap:10px}.search-suggestions>a{grid-template-columns:auto minmax(0,1fr)}.search-suggestions a>small{grid-column:2}.search-history nav{padding-bottom:2px}}
.search-result-history{grid-column:1/-1}.search-result-history header{margin-bottom:6px}.is-header-gradient .search-result-history header,.is-header-gradient .search-result-history header button{color:rgba(255,255,255,.75)}.is-header-gradient .search-result-history nav button{color:rgba(255,255,255,.82);border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.1)}.search-type-tabs{display:flex;max-width:100%;min-width:0;gap:6px;margin-bottom:14px;padding:7px;overflow-x:auto;scrollbar-width:none}.search-type-tabs::-webkit-scrollbar{display:none}.search-type-tabs a{display:grid;min-width:105px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:1px 8px;padding:8px 11px;color:var(--muted);border-radius:9px;box-sizing:border-box}.search-type-tabs a>span{grid-row:1/3;display:grid;width:29px;height:29px;place-items:center;color:var(--accent);border-radius:8px;background:rgba(var(--accent-rgb),.08);font-size:8px;font-weight:900}.search-type-tabs strong{font-size:9px}.search-type-tabs em{font-size:7px;font-style:normal}.search-type-tabs a.is-active{color:#fff;background:var(--accent)}.search-type-tabs a.is-active>span{color:#fff;background:rgba(255,255,255,.15)}.search-discovery-overview,.search-discovery-section{display:grid;min-width:0;gap:10px}.search-discovery-overview{gap:19px}.search-discovery-section>header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:14px;padding:3px 2px}.search-discovery-section>header h2{margin:3px 0 0;font-size:18px}.search-discovery-section>header>a{color:var(--accent);font-size:8px;font-weight:800}.search-author-grid,.search-resource-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-author-grid>a{display:grid;min-width:0;grid-template-columns:50px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:13px;color:var(--text)}.search-author-grid>a>span{display:grid;width:49px;height:49px;overflow:hidden;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,var(--accent),#9270df);font-size:15px;font-weight:900}.search-author-grid img,.search-resource-grid img{width:100%;height:100%;object-fit:cover}.search-author-grid strong,.search-author-grid small,.search-author-grid p,.search-resource-grid strong,.search-resource-grid small,.search-resource-grid p{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-author-grid strong,.search-resource-grid strong{font-size:10px}.search-author-grid strong i{color:var(--accent);font-style:normal}.search-author-grid small,.search-resource-grid small{margin-top:3px;color:var(--muted);font-size:7px}.search-author-grid p,.search-resource-grid p{margin:5px 0 0;color:var(--muted);font-size:8px}.search-resource-grid>a{display:grid;min-width:0;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;overflow:hidden;padding:10px;color:var(--text)}.search-resource-grid>a>span{display:grid;width:92px;height:65px;overflow:hidden;place-items:center;color:#fff;border-radius:10px;background:linear-gradient(135deg,#4e4892,#8770d8);font-size:10px;font-weight:900}.search-community-list{display:grid;min-width:0;gap:8px}.search-community-list>a{display:grid;min-width:0;grid-template-columns:39px minmax(0,1fr) 15px;align-items:center;gap:11px;padding:12px;color:var(--text)}.search-community-list>a>span{display:grid;width:38px;height:38px;place-items:center;color:#218264;border-radius:11px;background:#e7f8f1;font-size:8px;font-weight:900}.search-community-list strong,.search-community-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-community-list strong{font-size:10px}.search-community-list small{margin-top:4px;color:var(--muted);font-size:7px}.search-author-grid.is-directory,.search-resource-grid.is-directory{margin-bottom:15px}.search-community-list.is-directory{margin-bottom:15px}
.search-result-hot{scrollbar-width:none}.search-result-hot::-webkit-scrollbar{display:none}.search-result-hot>span{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.search-author-grid,.search-resource-grid{grid-template-columns:1fr}.search-type-tabs a{min-width:92px}.search-results-head .search-result-history{max-width:100%;overflow:hidden}}
@media(max-width:420px){.zibtype-search-layout,.search-results-stream,.search-results-head,.search-type-tabs,.search-discovery-overview,.search-discovery-section,.search-author-grid,.search-resource-grid,.search-community-list{max-width:100%;min-width:0}.search-type-tabs a{min-width:86px;padding:7px}.search-resource-grid>a{grid-template-columns:72px minmax(0,1fr);gap:9px}.search-resource-grid>a>span{width:72px;height:55px}.search-author-grid>a{grid-template-columns:43px minmax(0,1fr) 12px}.search-author-grid>a>span{width:42px;height:42px}.search-community-list>a{grid-template-columns:35px minmax(0,1fr) 12px}.search-community-list>a>span{width:34px;height:34px}.search-discovery-section>header{align-items:flex-start;flex-direction:column;gap:4px}}

/* Public creator profiles, directory and verification settings. */
.author-public-page,.author-directory-page{display:grid;min-width:0;gap:14px}.author-profile-hero{position:relative;min-width:0;overflow:hidden;padding:0}.author-cover-layer{height:165px;background:radial-gradient(circle at 82% 8%,rgba(175,151,255,.35),transparent 32%),linear-gradient(125deg,#2e2a58,#6758b7)}.author-profile-hero.has-cover .author-cover-layer{background-image:linear-gradient(120deg,rgba(27,25,49,.35),rgba(90,75,171,.42)),var(--author-cover);background-position:center;background-size:cover}.author-profile-main{position:relative;display:grid;min-width:0;grid-template-columns:112px minmax(0,1fr) auto;align-items:end;gap:18px;margin-top:-55px;padding:0 28px 22px}.author-profile-avatar{position:relative;display:grid;width:108px;height:108px;place-items:center;border:5px solid var(--card);border-radius:30px;background:linear-gradient(145deg,var(--accent),#9270df);box-shadow:0 12px 28px rgba(30,27,55,.18);box-sizing:border-box}.author-profile-avatar img{width:100%;height:100%;border-radius:25px;object-fit:cover}.author-profile-avatar>span{color:#fff;font-size:34px;font-weight:900}.author-profile-avatar>i,.author-directory-avatar>i{position:absolute;right:-4px;bottom:-4px;display:grid;width:25px;height:25px;place-items:center;color:#fff;border:3px solid var(--card);border-radius:50%;background:#5e62d9;font-size:10px;font-style:normal}.author-profile-copy{min-width:0;padding-top:58px}.author-profile-copy h1{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;font-size:26px}.author-profile-copy h1 em{padding:4px 8px;color:#545bb4;border-radius:12px;background:#ebeaff;font-size:8px;font-style:normal}.author-profile-copy>p{max-width:680px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.author-profile-copy>div{display:flex;min-width:0;flex-wrap:wrap;gap:6px;margin-top:10px}.author-profile-copy>div>*{padding:5px 8px;color:var(--muted);border-radius:12px;background:var(--card-soft);font-size:8px}.author-profile-copy>div b{color:var(--accent)}.author-profile-copy>div .is-vip{color:#9d6c1f;background:#fff2cd}.author-profile-actions{display:flex;align-items:center;gap:7px;padding-bottom:4px}.author-profile-actions button,.author-profile-actions>a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 13px;color:#fff;border:0;border-radius:10px;background:var(--accent);font-size:9px;font-weight:800;cursor:pointer;box-sizing:border-box}.author-profile-actions button.is-active,.author-profile-actions>a.is-secondary{color:var(--muted);border:1px solid var(--border);background:var(--card-soft)}.author-profile-actions button em{font-size:8px;font-style:normal}.author-profile-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border)}.author-profile-stats article{min-width:0;padding:14px;text-align:center}.author-profile-stats article+article{border-left:1px solid var(--border)}.author-profile-stats strong,.author-profile-stats span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-profile-stats strong{font-size:15px}.author-profile-stats span{margin-top:2px;color:var(--muted);font-size:8px}.author-profile-tabs{display:flex;max-width:100%;min-width:0;padding:6px;overflow-x:auto;scrollbar-width:none}.author-profile-tabs::-webkit-scrollbar{display:none}.author-profile-tabs a{display:flex;flex:0 0 auto;align-items:center;gap:5px;padding:9px 15px;color:var(--muted);border-radius:9px;font-size:9px;font-weight:800}.author-profile-tabs a.is-active{color:#fff;background:var(--accent)}.author-profile-tabs em{font-size:7px;font-style:normal;opacity:.7}.author-home-layout{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:14px}.author-home-feed,.author-section-block{min-width:0}.author-section-head{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:16px;padding:9px 3px 12px}.author-section-head h2{margin:3px 0;font-size:20px}.author-section-head p{margin:0;color:var(--muted);font-size:9px}.author-section-head>a{color:var(--accent);font-size:9px;font-weight:800}.author-home-sidebar{display:grid;min-width:0;gap:10px}.author-home-sidebar>section{min-width:0;padding:17px}.author-home-sidebar h3{margin:5px 0 10px}.author-links-card nav,.author-topic-card nav{display:grid;gap:6px}.author-links-card a,.author-topic-card a{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:9px;color:var(--text);border-radius:9px;background:var(--card-soft);font-size:9px}.author-topic-card a{display:grid}.author-topic-card strong,.author-topic-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-topic-card small{color:var(--muted);font-size:7px}.author-achievement-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.author-achievement-card>div span{display:grid;min-width:0;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:1px solid var(--border);border-radius:9px}.author-achievement-card i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:var(--card-soft);font-style:normal}.author-achievement-card b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.author-empty{display:grid;min-height:240px;place-items:center;align-content:center;padding:28px;text-align:center}.author-empty i{display:grid;width:48px;height:48px;place-items:center;color:var(--accent);border-radius:15px;background:rgba(var(--accent-rgb),.1);font-style:normal;font-weight:900}.author-empty h1,.author-empty h2,.author-empty h3{margin:10px 0 4px}.author-empty p{margin:0;color:var(--muted);font-size:9px}.author-resource-grid,.author-directory-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.author-resource-grid>article,.author-directory-grid>article{min-width:0;overflow:hidden}.author-resource-cover{position:relative;display:grid;aspect-ratio:16/9;overflow:hidden;place-items:center;color:#fff;background:linear-gradient(135deg,#4b468c,#8b71db)}.author-resource-cover img{width:100%;height:100%;object-fit:cover}.author-resource-cover em{position:absolute;top:9px;left:9px;padding:5px 7px;border-radius:12px;background:rgba(27,25,45,.7);font-size:7px;font-style:normal}.author-resource-grid article>div{padding:14px}.author-resource-grid h3{margin:0 0 7px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.author-resource-grid h3 a{color:var(--text)}.author-resource-grid p{display:-webkit-box;min-height:43px;margin:0;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.author-resource-grid footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border);font-size:8px}.author-resource-grid footer span{color:var(--muted)}.author-topic-list{display:grid;gap:8px}.author-topic-list>a{display:grid;min-width:0;grid-template-columns:45px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:13px;color:var(--text)}.author-topic-list>a>span{display:grid;width:44px;height:44px;place-items:center;color:var(--accent);border-radius:12px;background:rgba(var(--accent-rgb),.09);font-size:8px;font-weight:800}.author-topic-list h3{margin:0;font-size:12px}.author-topic-list small{color:var(--muted);font-size:8px}.author-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.author-people-grid>a{display:grid;min-width:0;grid-template-columns:52px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:14px;color:var(--text)}.author-people-grid>a>span{display:grid;width:51px;height:51px;overflow:hidden;place-items:center;color:#fff;border-radius:15px;background:linear-gradient(145deg,var(--accent),#9270df);font-size:16px;font-weight:900}.author-people-grid img{width:100%;height:100%;object-fit:cover}.author-people-grid strong,.author-people-grid small{display:block}.author-people-grid strong i{color:var(--accent);font-style:normal}.author-people-grid small{margin-top:2px;color:var(--muted);font-size:7px}.author-people-grid p{margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.author-directory-hero{display:grid;min-height:245px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:32px;padding:38px 44px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(192,163,255,.3),transparent 34%),linear-gradient(125deg,#2e2955,#6654b1);box-sizing:border-box}.author-directory-hero h1{margin:7px 0;font-size:32px}.author-directory-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.75);font-size:11px;line-height:1.8}.author-directory-hero nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.author-directory-hero nav a{padding:8px 12px;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.08);font-size:8px}.author-directory-hero aside{padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.09)}.author-directory-hero aside>*{display:block}.author-directory-hero aside span,.author-directory-hero aside small{color:rgba(255,255,255,.67);font-size:8px}.author-directory-hero aside strong{margin:4px 0;font-size:31px}.author-directory-filter{display:grid;grid-template-columns:minmax(200px,1fr) 180px auto auto auto;align-items:end;gap:8px;padding:14px}.author-directory-filter label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:800}.author-directory-filter input[type=search],.author-directory-filter select{width:100%;height:38px;padding:0 10px;color:var(--text);border:1px solid var(--border);border-radius:9px;background:var(--card-soft);box-sizing:border-box}.author-directory-filter .is-check{display:flex;height:38px;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border);border-radius:9px}.author-directory-filter .is-check span{margin:0;white-space:nowrap}.author-directory-filter>button,.author-directory-filter>a{display:flex;height:38px;align-items:center;justify-content:center;padding:0 13px;border:0;border-radius:9px;box-sizing:border-box;font-size:8px;font-weight:800}.author-directory-filter>button{color:#fff;background:var(--accent)}.author-directory-filter>a{color:var(--muted);border:1px solid var(--border)}.author-directory-heading{padding:8px 2px 0}.author-directory-heading h2{margin:4px 0}.author-directory-heading p{margin:0;color:var(--muted);font-size:9px}.author-directory-cover{height:100px;background:linear-gradient(135deg,#4a4587,#8b71d8);background-position:center;background-size:cover}.author-directory-avatar{position:relative;display:grid;width:66px;height:66px;margin:-35px auto 0;overflow:visible;place-items:center;border:4px solid var(--card);border-radius:20px;background:linear-gradient(145deg,var(--accent),#9270df);box-sizing:border-box}.author-directory-avatar img{width:100%;height:100%;border-radius:15px;object-fit:cover}.author-directory-avatar>span{color:#fff;font-size:20px;font-weight:900}.author-directory-body{padding:10px 15px 15px;text-align:center}.author-directory-body h2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;margin:0;font-size:14px}.author-directory-body h2 a{color:var(--text)}.author-directory-body h2 em{padding:3px 6px;color:var(--accent);border-radius:9px;background:rgba(var(--accent-rgb),.09);font-size:6px;font-style:normal}.author-directory-body>p{display:-webkit-box;min-height:42px;margin:8px 0;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.author-directory-body>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.author-directory-body>div span{padding:7px 3px;color:var(--muted);border-radius:8px;background:var(--card-soft);font-size:7px}.author-directory-body>div b{display:block;color:var(--text);font-size:10px}.author-directory-body footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border);font-size:8px}.author-directory-body footer span{color:var(--muted)}.author-directory-body footer a{color:var(--accent);font-weight:800}.author-directory-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.author-directory-pagination>div{display:flex;gap:5px}.author-directory-pagination a{display:grid;min-width:34px;height:34px;padding:0 8px;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:9px;background:var(--card);box-sizing:border-box;font-size:8px}.author-directory-pagination a.is-active{color:#fff;border-color:var(--accent);background:var(--accent)}
.user-author-settings{display:grid;gap:13px;margin-bottom:15px}.user-author-profile-form,.user-author-verification{min-width:0;padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--card-soft)}.user-author-profile-form>header,.user-author-verification>header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.user-author-profile-form h2,.user-author-verification h2{margin:4px 0;font-size:18px}.user-author-profile-form header p,.user-author-verification header p{max-width:650px;margin:0;color:var(--muted);font-size:8px;line-height:1.6}.user-author-profile-form header>a{flex:0 0 auto;color:var(--accent);font-size:8px;font-weight:800}.user-author-form-grid,.user-author-verification-form{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-author-form-grid label,.user-author-verification-form label{display:block;min-width:0}.user-author-form-grid label>span,.user-author-verification-form label>span{display:block;margin-bottom:5px;color:var(--muted);font-size:8px;font-weight:800}.user-author-form-grid .is-wide,.user-author-verification-form .is-wide{grid-column:1/-1}.user-author-form-grid input,.user-author-form-grid textarea,.user-author-verification-form input,.user-author-verification-form textarea,.user-author-verification-form select{width:100%;min-width:0;padding:9px 10px;color:var(--text);border:1px solid var(--border);border-radius:9px;background:var(--card);box-sizing:border-box;font:inherit;font-size:9px}.user-author-profile-form fieldset{display:flex;min-width:0;flex-wrap:wrap;gap:7px;margin:12px 0 0;padding:11px;border:1px solid var(--border);border-radius:10px}.user-author-profile-form legend{padding:0 5px;color:var(--muted);font-size:8px}.user-author-profile-form fieldset label{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;background:var(--card);font-size:8px}.user-author-profile-form>footer,.user-author-verification-form>footer{display:flex;grid-column:1/-1;align-items:center;gap:10px;margin-top:3px}.user-author-profile-form footer button,.user-author-verification-form footer button{padding:9px 14px;color:#fff;border:0;border-radius:9px;background:var(--accent);font-size:8px;font-weight:800}.user-author-profile-form footer span,.user-author-verification-form footer span{color:var(--muted);font-size:8px}.user-author-verification>header>strong{flex:0 0 auto;padding:6px 9px;color:var(--muted);border-radius:12px;background:var(--card);font-size:8px}.user-author-verification>header>strong.is-approved{color:#357b60;background:#e8f6ef}.user-author-verification>header>strong.is-pending{color:#95702c;background:#fff2d3}.user-author-verified-card,.user-author-application-state{display:grid;min-width:0;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--card)}.user-author-verified-card>i,.user-author-application-state>span{display:grid;width:45px;height:45px;place-items:center;color:#fff;border-radius:13px;background:#47906f;font-style:normal;font-weight:900}.user-author-application-state>span{background:#b58639}.user-author-verified-card strong,.user-author-verified-card small,.user-author-application-state strong,.user-author-application-state small{display:block}.user-author-verified-card small,.user-author-application-state small,.user-author-application-state p{margin:3px 0 0;color:var(--muted);font-size:8px}.user-author-verified-card>a,.user-author-application-state button{padding:7px 10px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.18);border-radius:8px;background:rgba(var(--accent-rgb),.06);font-size:8px;font-weight:800}.user-author-rejected{margin-bottom:10px;padding:10px 12px;color:#9d5059;border-radius:9px;background:rgba(191,77,89,.08)}.user-author-rejected p{margin:3px 0 0;font-size:8px}
@media(max-width:980px){.author-home-layout{grid-template-columns:1fr}.author-home-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}.author-resource-grid,.author-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-profile-main{grid-template-columns:100px minmax(0,1fr)}.author-profile-actions{grid-column:2}.author-profile-avatar{width:96px;height:96px}.author-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.author-profile-stats article:nth-child(4){border-left:0}.author-profile-stats article:nth-child(n+4){border-top:1px solid var(--border)}}
@media(max-width:760px){.author-profile-main{grid-template-columns:76px minmax(0,1fr);gap:12px;margin-top:-39px;padding:0 16px 17px}.author-cover-layer{height:125px}.author-profile-avatar{width:74px;height:74px;border-width:4px;border-radius:22px}.author-profile-avatar img{border-radius:17px}.author-profile-avatar>span{font-size:24px}.author-profile-copy{padding-top:39px}.author-profile-copy h1{font-size:20px}.author-profile-actions{grid-column:1/-1;padding:0}.author-profile-actions>*{flex:1}.author-home-sidebar{grid-template-columns:1fr}.author-resource-grid,.author-directory-grid,.author-people-grid{grid-template-columns:1fr}.author-directory-hero{grid-template-columns:1fr;gap:17px;padding:28px 20px}.author-directory-hero aside{display:none}.author-directory-filter{grid-template-columns:1fr 1fr}.author-directory-filter>button,.author-directory-filter>a{width:100%}.user-author-form-grid,.user-author-verification-form{grid-template-columns:1fr}.user-author-form-grid .is-wide,.user-author-verification-form .is-wide{grid-column:1}.user-author-profile-form>header,.user-author-verification>header{flex-direction:column}.user-author-profile-form input,.user-author-profile-form textarea,.user-author-verification input,.user-author-verification textarea,.user-author-verification select{font-size:16px}}
@media(max-width:420px){.author-public-page,.author-directory-page,.author-profile-hero,.author-profile-main,.author-profile-copy,.author-profile-stats,.author-home-layout,.author-home-feed,.author-home-sidebar,.author-section-block,.author-resource-grid,.author-people-grid,.author-directory-grid,.author-directory-filter,.user-author-settings,.user-author-profile-form,.user-author-verification{max-width:100%;min-width:0}.author-profile-copy>p,.author-profile-copy h1{overflow-wrap:anywhere}.author-profile-stats article{padding:11px 5px}.author-profile-stats strong{font-size:13px}.author-profile-tabs a{padding:8px 12px}.author-directory-filter{grid-template-columns:1fr}.author-directory-hero h1{font-size:27px}.author-directory-pagination{align-items:stretch;flex-direction:column}.author-directory-pagination>div{justify-content:center}.user-author-profile-form,.user-author-verification{padding:13px}.user-author-profile-form fieldset{display:grid;grid-template-columns:1fr}.user-author-verified-card,.user-author-application-state{grid-template-columns:40px minmax(0,1fr)}.user-author-verified-card>i,.user-author-application-state>span{width:39px;height:39px}.user-author-verified-card>a,.user-author-application-state form{grid-column:2}.author-topic-list>a{grid-template-columns:38px minmax(0,1fr) 14px}.author-topic-list>a>span{width:37px;height:37px}.author-people-grid>a{grid-template-columns:45px minmax(0,1fr) 14px}.author-people-grid>a>span{width:44px;height:44px}}

/* Per-user notification channels and quiet hours. */
.user-notification-preferences{margin:16px 32px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--card),var(--card-soft));box-shadow:0 8px 24px rgba(44,48,66,.04);overflow:hidden}.user-notification-preferences>summary{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none;user-select:none}.user-notification-preferences>summary::-webkit-details-marker{display:none}.user-notification-preferences>summary>span{display:grid;min-width:0;grid-template-columns:40px minmax(0,1fr);column-gap:11px}.user-notification-preferences>summary i{display:grid;width:40px;height:40px;grid-row:1/3;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,var(--accent),#8068dd);box-shadow:0 7px 18px rgba(var(--accent-rgb),.2);font-size:11px;font-style:normal;font-weight:800}.user-notification-preferences>summary strong,.user-notification-preferences>summary small{display:block;min-width:0}.user-notification-preferences>summary strong{align-self:end;font-size:12px}.user-notification-preferences>summary small{align-self:start;margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.user-notification-preferences>summary>b{flex:0 0 auto;padding:6px 10px;color:var(--accent);border-radius:20px;background:rgba(var(--accent-rgb),.09);font-size:8px}.user-notification-preferences>summary::after{content:'＋';color:var(--muted);font-size:15px;line-height:1}.user-notification-preferences[open]>summary::after{content:'−'}.user-notification-preferences>form{display:grid;gap:13px;padding:0 18px 18px;border-top:1px solid var(--border)}.user-notification-preferences form>header,.user-notification-channel-grid>div{display:grid;min-width:0;grid-template-columns:minmax(150px,1fr) 90px 90px;align-items:center;gap:10px}.user-notification-preferences form>header{padding:13px 12px 2px;color:var(--muted);font-size:8px;font-weight:700}.user-notification-preferences form>header span:not(:first-child){text-align:center}.user-notification-channel-grid{display:grid;gap:7px}.user-notification-channel-grid>div{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.user-notification-channel-grid>div>strong{min-width:0;font-size:10px;overflow-wrap:anywhere}.user-notification-channel-grid label{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:8px;cursor:pointer}.user-notification-channel-grid input,.user-notification-quiet input[type=checkbox]{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:var(--accent)}.user-notification-quiet{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 14px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:11px;background:rgba(var(--accent-rgb),.045)}.user-notification-quiet>label{display:flex;min-width:0;align-items:flex-start;gap:9px;cursor:pointer}.user-notification-quiet>label>span{min-width:0}.user-notification-quiet strong,.user-notification-quiet small{display:block}.user-notification-quiet strong{font-size:10px}.user-notification-quiet small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.5}.user-notification-quiet>div{display:flex;min-width:0;gap:8px}.user-notification-quiet>div label{display:grid;min-width:0;gap:4px;color:var(--muted);font-size:8px}.user-notification-quiet input[type=time]{width:108px;min-width:0;height:36px;padding:0 8px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--card);box-sizing:border-box;font:inherit;font-size:10px}.user-notification-critical{margin:0;padding:10px 12px;color:#9b702b;border:1px solid rgba(202,151,58,.2);border-radius:9px;background:rgba(202,151,58,.07);font-size:8px;line-height:1.55}.user-notification-preferences form>footer{display:flex;min-width:0;align-items:center;gap:11px}.user-notification-preferences form>footer button{height:38px;flex:0 0 auto;padding:0 15px;color:#fff;border:0;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8068dd);box-shadow:0 7px 18px rgba(var(--accent-rgb),.17);cursor:pointer;font-size:9px;font-weight:700}.user-notification-preferences form>footer button:disabled{cursor:wait;opacity:.58}.user-notification-preferences [data-notification-preferences-result]{min-width:0;color:var(--muted);font-size:8px;line-height:1.45;overflow-wrap:anywhere}.user-notification-preferences [data-notification-preferences-result].is-success{color:#398268}.user-notification-preferences [data-notification-preferences-result].is-error{color:#b84e5a}
@media(max-width:760px){.user-notification-preferences{margin:14px 15px}.user-notification-preferences>summary{padding:14px}.user-notification-preferences>summary>b{display:none}.user-notification-preferences>form{padding:0 13px 14px}.user-notification-preferences form>header,.user-notification-channel-grid>div{grid-template-columns:minmax(0,1fr) 68px 68px;gap:5px}.user-notification-preferences form>header{padding-right:8px;padding-left:8px}.user-notification-channel-grid>div{padding:10px 8px}.user-notification-channel-grid label{gap:4px}.user-notification-quiet{grid-template-columns:1fr;gap:11px}.user-notification-quiet>div{padding-left:25px}}
@media(max-width:420px){.user-notification-preferences{margin-right:10px;margin-left:10px}.user-notification-preferences>summary{gap:9px}.user-notification-preferences>summary>span{grid-template-columns:36px minmax(0,1fr);column-gap:9px}.user-notification-preferences>summary i{width:36px;height:36px}.user-notification-preferences form>header,.user-notification-channel-grid>div{grid-template-columns:minmax(0,1fr) 57px 57px}.user-notification-channel-grid label{gap:2px}.user-notification-quiet>div{display:grid;grid-template-columns:1fr 1fr;padding-left:0}.user-notification-quiet input[type=time]{width:100%;font-size:16px}.user-notification-preferences form>footer{align-items:flex-start;flex-direction:column}.user-notification-preferences form>footer button{width:100%}}
.user-push-preference{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:11px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),var(--card))}.user-push-icon{display:grid;width:42px;height:42px;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,var(--accent),#8068dd);font-size:10px;font-weight:800}.user-push-preference>div{min-width:0}.user-push-preference strong,.user-push-preference small,.user-push-preference em{display:block;min-width:0}.user-push-preference strong{font-size:10px}.user-push-preference small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.5}.user-push-preference em{margin-top:5px;color:#398268;font-size:8px;font-style:normal;overflow-wrap:anywhere}.user-push-preference em.is-error{color:#b84e5a}.user-push-preference>footer{display:flex;flex:0 0 auto;gap:6px}.user-push-preference>footer button{height:34px;padding:0 11px;color:#fff;border:0;border-radius:8px;background:var(--accent);cursor:pointer;font-size:8px}.user-push-preference>footer button.is-secondary{color:var(--muted);border:1px solid var(--border);background:var(--card)}.user-push-preference>footer button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:760px){.user-push-preference{grid-template-columns:38px minmax(0,1fr)}.user-push-icon{width:38px;height:38px}.user-push-preference>footer{grid-column:1/-1;width:100%}.user-push-preference>footer button{min-width:0;flex:1}}
@media(max-width:390px){.user-push-preference{padding:12px;gap:9px}.user-push-preference>footer{display:grid;grid-template-columns:1fr}.user-push-preference>footer button{width:100%}}
.zibtype-post-stream{container-type:inline-size}.zibtype-post-stream.is-columns-3 .post-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.zibtype-post-stream.is-columns-3 .post-card{display:block;min-height:0}.zibtype-post-stream.is-columns-3 .post-cover{width:100%;min-height:0;aspect-ratio:var(--zibtype-cover-ratio)}.zibtype-post-stream.is-columns-3 .post-card-body{min-height:168px;padding:15px 16px 14px}.zibtype-post-stream.is-columns-3 .post-taxonomy{font-size:10px}.zibtype-post-stream.is-columns-3 .post-card h2{display:-webkit-box;margin:4px 0 6px;overflow:hidden;font-size:15px;line-height:1.45;letter-spacing:0;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.zibtype-post-stream.is-columns-3 .post-excerpt{margin-bottom:8px;font-size:11px;line-height:1.65;-webkit-line-clamp:2}.zibtype-post-stream.is-columns-3 .post-meta{min-width:0;gap:8px;padding-top:9px;font-size:9px}.zibtype-post-stream.is-columns-3 .post-meta .meta-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zibtype-post-stream.is-columns-3 .post-meta .mini-avatar{width:20px;height:20px;flex-basis:20px}.zibtype-post-stream.is-columns-3 .post-meta>span{display:none}.zibtype-post-stream.is-masonry.is-columns-3 .post-list{columns:3}
@container(max-width:760px){.zibtype-post-stream.is-columns-3 .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zibtype-post-stream.is-masonry.is-columns-3 .post-list{columns:2}}
@container(max-width:520px){.zibtype-post-stream.is-columns-3 .post-list{grid-template-columns:1fr}.zibtype-post-stream.is-masonry.is-columns-3 .post-list{columns:1}}
@media(max-width:640px){.zibtype-post-stream.is-columns-3 .post-list{grid-template-columns:1fr}.zibtype-post-stream.is-masonry.is-columns-3 .post-list{columns:1}.zibtype-post-stream.is-columns-3 .post-card-body{min-height:0;padding:18px 17px 15px}.zibtype-post-stream.is-columns-3 .post-card h2{font-size:18px}.zibtype-post-stream.is-columns-3 .post-excerpt{font-size:13px}}
.zibtype-post-stream.is-columns-4 .post-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.zibtype-post-stream.is-columns-4 .post-card{display:block;min-height:0}.zibtype-post-stream.is-columns-4 .post-cover{width:100%;min-height:0;aspect-ratio:var(--zibtype-cover-ratio)}.zibtype-post-stream.is-columns-4 .post-card-body{min-height:168px;padding:15px 16px 14px}.zibtype-post-stream.is-columns-4 .post-taxonomy{font-size:10px}.zibtype-post-stream.is-columns-4 .post-card h2{display:-webkit-box;margin:4px 0 6px;overflow:hidden;font-size:15px;line-height:1.45;letter-spacing:0;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.zibtype-post-stream.is-columns-4 .post-excerpt{margin-bottom:8px;font-size:11px;line-height:1.65;-webkit-line-clamp:2}.zibtype-post-stream.is-columns-4 .post-meta{min-width:0;gap:8px;padding-top:9px;font-size:9px}.zibtype-post-stream.is-columns-4 .post-meta .meta-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zibtype-post-stream.is-columns-4 .post-meta .mini-avatar{width:20px;height:20px;flex-basis:20px}.zibtype-post-stream.is-columns-4 .post-meta>span{display:none}.zibtype-post-stream.is-masonry.is-columns-4 .post-list{columns:4}
@container(max-width:1050px){.zibtype-post-stream.is-columns-4 .post-list{grid-template-columns:repeat(3,minmax(0,1fr))}.zibtype-post-stream.is-masonry.is-columns-4 .post-list{columns:3}}
@container(max-width:760px){.zibtype-post-stream.is-columns-4 .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zibtype-post-stream.is-masonry.is-columns-4 .post-list{columns:2}}
@container(max-width:520px){.zibtype-post-stream.is-columns-4 .post-list{grid-template-columns:1fr}.zibtype-post-stream.is-masonry.is-columns-4 .post-list{columns:1}}
@media(max-width:640px){.zibtype-post-stream.is-columns-4 .post-list{grid-template-columns:1fr}.zibtype-post-stream.is-masonry.is-columns-4 .post-list{columns:1}.zibtype-post-stream.is-columns-4 .post-card-body{min-height:0;padding:18px 17px 15px}.zibtype-post-stream.is-columns-4 .post-card h2{font-size:18px}.zibtype-post-stream.is-columns-4 .post-excerpt{font-size:13px}}
@media(max-width:640px){:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-card{display:block;min-width:0;min-height:0}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-cover{width:100%;min-height:0;aspect-ratio:var(--zibtype-cover-ratio,1.3333)}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-card-body{min-height:108px;padding:10px 11px}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-taxonomy{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-card h2{display:-webkit-box;margin:4px 0 7px;overflow:hidden;font-size:13px;line-height:1.45;letter-spacing:0;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-excerpt{display:none}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-meta{min-width:0;margin-top:auto;padding-top:7px;font-size:8px}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-meta .meta-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-meta .mini-avatar{width:18px;height:18px;flex-basis:18px}:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-meta time,:is(.zibtype-post-stream.zibtype-post-stream,.search-results-stream.search-results-stream) .post-meta>span{display:none}.zibtype-post-stream.is-masonry.zibtype-post-stream .post-list{display:block;columns:2;column-gap:8px}.zibtype-post-stream.is-masonry.zibtype-post-stream .post-card{margin-bottom:8px}}
.article-author-avatar { overflow: hidden; border: 1px solid var(--border); background: var(--card-soft); }
.article-author-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.user-account-summary > span, .user-big-avatar, .user-settings-profile > span { overflow: hidden; background: var(--card-soft); }
.user-account-summary > span img, .user-big-avatar img, .user-settings-profile > span img { display: block; width: 100%; height: 100%; object-fit: cover; }
.user-account-nav > a > i svg { width: 16px; height: 16px; stroke-width: 1.7; }
.user-account-nav > a.is-active > i { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .2); background: rgba(var(--accent-rgb), .07); }
.user-hero { position: relative; isolation: isolate; overflow: hidden; background-color: #3f443f; background-image: linear-gradient(90deg, rgba(20, 24, 21, .74), rgba(20, 24, 21, .34)), var(--user-hero-bg); background-position: center; background-size: cover; }
.user-hero > * { position: relative; z-index: 1; }
.user-achievement-icon > i svg { width: 20px; height: 20px; stroke-width: 1.7; }
.user-achievement-grid .user-achievement-icon > i { color: #626975; background: #eef0f4; box-shadow: none; }
.user-achievement-grid .is-uncommon .user-achievement-icon > i { color: #39785e; background: #e7f4ed; }
.user-achievement-grid .is-rare .user-achievement-icon > i { color: #3f75a5; background: #e7f1f9; }
.user-achievement-grid .is-epic .user-achievement-icon > i { color: #805299; background: #f2eaf6; }
.user-achievement-grid .is-legendary .user-achievement-icon > i { color: #a66a2e; background: #fbf0dc; box-shadow: none; }
.user-achievement-grid article.is-locked .user-achievement-icon > i { color: var(--muted); background: var(--card-soft); }
.user-account-disabled > span, .user-account-feature-empty > span { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .06); box-shadow: none; }
.user-account-disabled > span svg, .user-account-feature-empty > span svg { width: 25px; height: 25px; stroke-width: 1.7; }
.user-membership-overview > i, .user-membership-overview.is-expired > i { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .07); box-shadow: none; }
.user-membership-overview > i svg { width: 23px; height: 23px; stroke-width: 1.7; }
.user-commerce-grid i svg { width: 21px; height: 21px; stroke-width: 1.7; }
.user-community-actions i { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .07); box-shadow: none; }
.user-community-actions i svg { width: 20px; height: 20px; stroke-width: 1.7; }
.user-message-overview i svg { width: 16px; height: 16px; stroke-width: 1.7; }
.user-message-disabled > span, .user-notification-preferences > summary i, .user-push-icon { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .07); box-shadow: none; }
.user-message-disabled > span svg { width: 25px; height: 25px; stroke-width: 1.7; }
.user-notification-preferences > summary i svg, .user-push-icon svg { width: 20px; height: 20px; stroke-width: 1.7; }
.user-notification-list > article > .user-message-avatar.is-system { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .07); }
.user-message-avatar.is-system svg { width: 18px; height: 18px; stroke-width: 1.7; }
.user-private-placeholder > span svg { width: 25px; height: 25px; stroke-width: 1.7; }
.user-security-forms form > header > i { color: var(--accent); border: 1px solid rgba(var(--accent-rgb), .18); background: rgba(var(--accent-rgb), .07); box-shadow: none; }
.user-security-forms form > header > i svg { width: 20px; height: 20px; stroke-width: 1.7; }
.user-auth-history article > i svg { width: 17px; height: 17px; stroke-width: 1.8; }
.user-settings-links i svg { width: 21px; height: 21px; stroke-width: 1.7; }
.user-security-note > i svg { width: 18px; height: 18px; stroke-width: 1.8; }

/* Refined public author profile: real default media, quieter surfaces and tighter hierarchy. */
.author-public-page { gap: 16px; }
.author-public-page .card { border-radius: 8px; box-shadow: 0 8px 28px rgba(31, 35, 48, .045); }
.author-profile-hero { border: 1px solid var(--border); }
.author-cover-layer, .author-profile-hero.has-cover .author-cover-layer { height: 180px; background-image: linear-gradient(180deg, rgba(20, 25, 32, .04) 30%, rgba(20, 25, 32, .34) 100%), var(--author-cover); background-position: center 58%; background-size: cover; }
.author-profile-main { grid-template-columns: 96px minmax(0, 1fr) auto; align-items: end; gap: 17px; margin-top: -45px; padding: 0 27px 20px; }
.author-profile-avatar { width: 94px; height: 94px; overflow: visible; border: 4px solid var(--card); border-radius: 50%; background: var(--card); box-shadow: 0 10px 24px rgba(27, 31, 42, .15); }
.author-profile-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.author-profile-avatar > i { right: 1px; bottom: 1px; width: 24px; height: 24px; color: #fff; border-width: 3px; background: #3f8269; }
.author-profile-avatar > i svg { width: 13px; height: 13px; stroke-width: 2.2; }
.author-profile-copy { padding-top: 50px; }
.author-profile-copy h1 { margin: 3px 0 5px; font-size: 25px; }
.author-profile-copy > p { max-width: 720px; font-size: 11px; }
.author-profile-copy > div { gap: 7px; margin-top: 9px; }
.author-profile-copy > div > * { padding: 4px 7px; border: 1px solid var(--border); border-radius: 6px; background: transparent; }
.author-profile-copy > div .is-vip { border-color: rgba(176, 130, 49, .18); background: rgba(204, 155, 56, .08); }
.author-profile-actions button, .author-profile-actions > a { min-height: 35px; border-radius: 7px; box-shadow: none; }
.author-profile-actions button.is-active, .author-profile-actions > a.is-secondary { background: var(--card); }
.author-profile-stats { background: var(--card-soft); }
.author-profile-stats article { padding: 13px 10px; }
.author-profile-stats strong { font-size: 16px; }
.author-profile-tabs { padding: 5px; border-radius: 8px; }
.author-profile-tabs a { padding: 8px 14px; border: 1px solid transparent; border-radius: 6px; }
.author-profile-tabs a.is-active { color: var(--accent); border-color: rgba(var(--accent-rgb), .16); background: rgba(var(--accent-rgb), .07); }
.author-home-layout { grid-template-columns: minmax(0, 1fr) 270px; gap: 16px; }
.author-section-head { padding: 8px 2px 11px; }
.author-home-sidebar { gap: 12px; }
.author-home-sidebar > section { padding: 16px; }
.author-achievement-card > div span { border-radius: 6px; background: var(--card-soft); }
.author-achievement-card i { color: var(--accent); background: rgba(var(--accent-rgb), .07); }
.author-achievement-card i svg { width: 16px; height: 16px; stroke-width: 1.7; }
.author-empty i svg { width: 22px; height: 22px; stroke-width: 1.7; }
.author-resource-cover.is-placeholder { color: var(--accent); background: var(--card-soft); }
.author-resource-cover.is-placeholder span svg { width: 30px; height: 30px; }
.author-topic-list > a > span svg { width: 20px; height: 20px; stroke-width: 1.7; }
@media (max-width: 760px) {
    .author-cover-layer, .author-profile-hero.has-cover .author-cover-layer { height: 132px; }
    .author-profile-main { grid-template-columns: 72px minmax(0, 1fr); gap: 12px; margin-top: -35px; padding: 0 15px 17px; }
    .author-profile-avatar { width: 70px; height: 70px; }
    .author-profile-copy { padding-top: 37px; }
    .author-profile-actions { grid-column: 1 / -1; }
    .author-home-layout, .author-home-sidebar { grid-template-columns: 1fr; }
}

/* Refined creator directory: photographic identity and responsive card density. */
.author-directory-page { gap: 16px; }
.author-directory-page .card { border-radius: 8px; box-shadow: 0 8px 28px rgba(31, 35, 48, .045); }
.author-directory-hero { min-height: 230px; grid-template-columns: minmax(0, 1fr) 170px; padding: 34px 42px; border: 1px solid var(--border); background-image: linear-gradient(90deg, rgba(19, 25, 31, .78) 0%, rgba(19, 25, 31, .54) 52%, rgba(19, 25, 31, .18) 100%), var(--directory-cover); background-position: center 58%; background-size: cover; }
.author-directory-hero h1 { margin: 6px 0; font-size: 31px; }
.author-directory-hero p { max-width: 620px; color: rgba(255, 255, 255, .82); font-size: 11px; }
.author-directory-hero nav { margin-top: 15px; }
.author-directory-hero nav a { padding: 7px 11px; border-radius: 6px; background: rgba(255, 255, 255, .08); }
.author-directory-hero aside { padding: 4px 0 4px 24px; border: 0; border-left: 1px solid rgba(255, 255, 255, .28); border-radius: 0; background: transparent; }
.author-directory-hero aside strong { margin: 3px 0; }
.author-directory-filter { grid-template-columns: minmax(260px, 1fr) 180px auto auto auto; gap: 9px; padding: 15px; }
.author-directory-filter input[type=search], .author-directory-filter select, .author-directory-filter .is-check { border-radius: 6px; background: var(--card); }
.author-directory-filter > button, .author-directory-filter > a { border-radius: 6px; box-shadow: none; }
.author-directory-heading { display: flex; align-items: end; justify-content: space-between; padding: 7px 2px 0; }
.author-directory-heading h2 { margin: 3px 0; font-size: 22px; }
.author-directory-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 14px; }
.author-directory-grid > article { border-radius: 8px; }
.author-directory-cover { height: 118px; background-image: linear-gradient(180deg, rgba(20, 25, 32, .02), rgba(20, 25, 32, .2)), var(--author-card-cover); background-position: center 58%; }
.author-directory-avatar { width: 72px; height: 72px; margin-top: -38px; border: 4px solid var(--card); border-radius: 50%; background: var(--card); box-shadow: 0 8px 20px rgba(31, 35, 48, .14); }
.author-directory-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.author-directory-avatar > i { right: -1px; bottom: -1px; width: 23px; height: 23px; border-width: 3px; background: #3f8269; }
.author-directory-avatar > i svg { width: 12px; height: 12px; stroke-width: 2.2; }
.author-directory-body { padding: 9px 16px 15px; }
.author-directory-body h2 { font-size: 15px; }
.author-directory-body h2 em { border-radius: 5px; }
.author-directory-body > p { min-height: 37px; margin: 7px auto 10px; max-width: 500px; font-size: 9px; -webkit-line-clamp: 2; }
.author-directory-body > div { gap: 7px; }
.author-directory-body > div span { padding: 8px 4px; border: 1px solid var(--border); border-radius: 6px; background: var(--card-soft); }
.author-directory-body footer { margin-top: 12px; }
@media (max-width: 760px) {
    .author-directory-hero { min-height: 210px; grid-template-columns: 1fr; padding: 27px 20px; background-image: linear-gradient(90deg, rgba(19, 25, 31, .78), rgba(19, 25, 31, .34)), var(--directory-cover); }
    .author-directory-filter { grid-template-columns: 1fr 1fr; }
    .author-directory-grid { grid-template-columns: 1fr; }
}
@media (max-width: 420px) {
    .author-directory-filter { grid-template-columns: 1fr; }
    .author-directory-hero h1 { font-size: 27px; }
}

/* Solid action colors: preserve semantic hues without gradient fills. */
.primary-button,
.auth-panels > form > button[type=submit],
.user-security-forms form > footer button,
.resource-center-filter > button,
.resource-card footer a.is-primary,
.user-notification-preferences form > footer button {
    background: var(--accent);
    background-image: none;
}
.user-points-products form button,
.user-points-standalone > a,
.points-market-filter > button,
.points-detail-redeem button {
    background: var(--points-gold, #b87929);
    background-image: none;
}
.points-channel-tabs a.is-active {
    background: var(--points-purple, #745cc4);
    background-image: none;
}
.article-download-component.is-locked > a {
    background: #b9822d;
    background-image: none;
}
.article-download-component.is-controlled > a {
    background: #438367;
    background-image: none;
}
.home-button-group > a > span,
.forum-mention-suggestions button > span {
    background: var(--accent);
    background-image: none;
}
.user-account-nav > a.is-active > i {
    color: var(--accent);
    border: 1px solid rgba(var(--accent-rgb), .18);
    background: rgba(var(--accent-rgb), .08);
    background-image: none;
}

/* Keep the home article stream compact while improving readability elsewhere. */
body:not(:has(.zibtype-home-modules)) .site-main :is(p,li,label,td,th){font-size:max(15px,1em)!important;line-height:1.65}body:not(:has(.zibtype-home-modules)) .site-main :is(small,time,code,em){font-size:max(12px,.8em)!important;line-height:1.55}body:not(:has(.zibtype-home-modules)) .site-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea,button){font-size:max(14px,.875em)!important}body:not(:has(.zibtype-home-modules)) .site-main .eyebrow{font-size:11px!important}
@media(max-width:640px){body:not(:has(.zibtype-home-modules)) .site-main :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}}

/* English labels are supporting metadata, not a second headline. */
body:not(:has(.zibtype-home-modules)) .site-main .user-account-nav small{font-size:9px!important;line-height:1.25;letter-spacing:0}body:not(:has(.zibtype-home-modules)) .site-main :is(.eyebrow,.user-account-section-head .eyebrow){font-size:10px!important;line-height:1.3;letter-spacing:0}

/* Community section icons use semantic line icons rather than text initials. */
.forum-sidebar nav i{background:var(--accent);background-image:none}.forum-sidebar nav i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}

/* Optional action for the configurable home text module. */
.home-custom-module{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-custom-module>div{min-width:0}.home-custom-action{flex:0 0 auto;padding:9px 14px;border-radius:6px;color:#fff;background:var(--accent);font-size:11px;font-weight:700}.home-custom-action:hover{color:#fff;filter:brightness(.94)}.home-custom-module.is-accent .home-custom-action{color:var(--accent);background:#fff}
@media(max-width:640px){.home-custom-module{align-items:flex-start;flex-direction:column;gap:14px}.home-custom-action{align-self:flex-start}}

/* Header account menu needs its own readable type scale outside site-main. */
.global-user-menu>header strong{font-size:14px}.global-user-menu>header small{font-size:9px;line-height:1.4}.global-user-menu>header>a{font-size:10px}.global-user-vip b{font-size:13px}.global-user-vip small{font-size:10px;line-height:1.4}.global-user-vip>a{font-size:10px}.global-user-assets span{font-size:10px}.global-user-assets strong{font-size:14px}.global-user-business>header button{height:32px;font-size:10px}.global-user-business>header em{font-size:9px}.global-user-order-states span{font-size:10px}.global-user-order-states b{font-size:13px}.global-user-preview-list>p{font-size:10px}.global-user-preview-list strong{font-size:11px}.global-user-preview-list small,.global-user-preview-row>a>em{font-size:9px}.global-user-preview-actions button{font-size:9px}.global-user-preview-actions>span{font-size:10px}.global-user-menu>nav span{font-size:10px;line-height:1.35}.global-user-expiry{font-size:10px}.global-user-menu>footer a{font-size:11px}

/* Featured article cards show a short body preview to balance the wide layout. */
.home-featured-grid .post-excerpt{display:-webkit-box;margin-top:4px;font-size:11px;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-featured-module.is-grid .home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-featured-module.is-grid .post-card{display:block;min-height:0}.home-featured-module.is-grid .post-cover{width:100%;min-height:0;aspect-ratio:4/3}.home-featured-module.is-grid .post-card-body{min-height:158px;padding:15px 16px}.home-featured-module.is-grid .post-card h2{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-featured-module.is-grid .post-excerpt{margin-bottom:8px;-webkit-line-clamp:2}.home-featured-module.is-default .home-featured-grid{grid-template-columns:1fr}.home-featured-module.is-default .post-card{grid-template-columns:240px minmax(0,1fr);min-height:170px}.home-featured-module.is-default .post-cover{min-height:170px}.home-featured-module.is-default .post-card-body{padding:18px 20px}.home-featured-module.is-default .post-card h2{font-size:17px}.home-featured-module.is-default .post-excerpt{-webkit-line-clamp:2}
@media(max-width:760px){.home-featured-module.is-grid .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-featured-module.is-grid .post-card{display:block;min-height:0}.home-featured-module.is-grid .post-cover{width:100%;min-height:0;aspect-ratio:4/3}.home-featured-module.is-grid .post-card-body{min-height:118px;padding:11px 12px}.home-featured-module.is-grid .post-excerpt{display:none}.home-featured-module.is-grid .post-meta>span,.home-featured-module.is-grid .post-meta time{display:none}.home-featured-module.is-default .post-card{grid-template-columns:128px minmax(0,1fr);min-height:128px}.home-featured-module.is-default .post-cover{min-height:128px}.home-featured-module.is-default .post-card-body{padding:13px}.home-featured-module.is-default .post-excerpt{display:none}}

/* Direct public-profile image uploads. */
.user-author-media-control{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:6px}.user-author-media-control>button{display:flex;min-width:72px;height:36px;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:var(--accent);border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;background:rgba(var(--accent-rgb),.06);cursor:pointer;font-size:9px;font-weight:800}.user-author-media-control>button:hover{background:rgba(var(--accent-rgb),.11)}.user-author-media-control>button:disabled{cursor:wait;opacity:.6}.user-author-media-control>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.user-author-media-control>button b{font:inherit}.user-author-form-grid label>[data-author-media-result]{display:block;min-height:14px;margin:4px 0 0;color:var(--muted);font-size:8px;font-weight:400;line-height:1.5}

/* Keep horizontal article cards on the same readable type scale as other home cards. */
.home-post-scroller-track .post-card-body{min-height:122px;padding:14px 15px}.home-post-scroller-track .post-taxonomy,.home-post-scroller-track .post-taxonomy a{font-size:11px}.home-post-scroller-track .post-card h2{margin:5px 0 9px;font-size:16px;letter-spacing:0}.home-post-scroller-track .post-meta{gap:9px;padding-top:9px;font-size:11px}.home-post-scroller-track .post-meta .meta-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-post-scroller.is-compact .post-card-body{min-height:0;padding:12px 13px}.home-post-scroller.is-compact .post-taxonomy,.home-post-scroller.is-compact .post-taxonomy a{font-size:10px}.home-post-scroller.is-compact .post-card h2{font-size:15px}.home-post-scroller.is-compact .post-meta{font-size:10px}.home-post-scroller.is-minimal .post-card-body{min-height:0;padding:3px 0 9px 11px}.home-post-scroller.is-minimal .post-taxonomy,.home-post-scroller.is-minimal .post-taxonomy a{font-size:10px}.home-post-scroller.is-minimal .post-card h2{font-size:14px}.home-post-scroller.is-minimal .post-meta{font-size:10px}
@media(max-width:640px){.home-post-scroller-track .post-card-body{min-height:112px;padding:12px 13px}.home-post-scroller-track .post-card h2{font-size:15px}.home-post-scroller-track .post-meta{font-size:10px}.home-post-scroller.is-compact .post-card-body,.home-post-scroller.is-minimal .post-card-body{min-height:0}.home-post-scroller.is-compact .post-card h2,.home-post-scroller.is-minimal .post-card h2{font-size:14px}}

/* Reply-gated legacy shortcode and article download details. */
.reply-hidden-content{margin:20px 0;padding:18px 20px;border:1px solid var(--border);border-radius:8px;background:var(--card-soft)}.reply-hidden-content.is-locked{border-style:dashed}.reply-hidden-lock{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 18px}.reply-hidden-lock strong{font-size:14px}.reply-hidden-lock small{grid-column:1;color:var(--muted);font-size:11px}.reply-hidden-lock>a{grid-column:2;grid-row:1/3;padding:8px 14px;border-radius:6px;color:#fff;background:var(--accent);font-size:11px;font-weight:700}.reply-hidden-content-body>:first-child{margin-top:0}.reply-hidden-content-body>:last-child{margin-bottom:0}
.article-download-component>.article-download-trigger{padding:10px 17px;border:0;border-radius:18px;color:#fff;background:var(--accent);cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap}.article-download-component>.article-download-trigger:hover{filter:brightness(.94)}.article-download-component.is-controlled>.article-download-trigger{position:relative;z-index:1;background:#397c62}.article-download-component.is-controlled>div{position:relative;z-index:1}
.download-modal[hidden]{display:none}.is-download-modal-open{overflow:hidden}.download-modal{position:fixed;z-index:3600;inset:0;display:grid;place-items:center;padding:18px;box-sizing:border-box}.download-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(19,23,28,.62);cursor:pointer}.download-modal-dialog{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);box-shadow:0 24px 70px rgba(16,20,27,.24)}.download-modal-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.download-modal-dialog>header>div{display:grid;gap:3px}.download-modal-dialog h2{margin:0;font-size:15px}.download-modal-dialog>header small{color:var(--muted);font-size:10px}.download-modal-close{display:grid;width:30px;height:30px;padding:0;place-items:center;border:0;border-radius:6px;color:var(--muted);background:var(--card-soft);cursor:pointer;font-size:22px;line-height:1}.download-modal-body{padding:0 18px 18px}.download-modal-list{overflow:hidden;border:1px solid var(--border);border-top:0;border-radius:0 0 7px 7px}.download-modal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px}.download-modal-item+.download-modal-item{border-top:1px solid var(--border)}.download-modal-source{display:grid;min-width:0;gap:4px}.download-modal-source>span{color:var(--muted);font-size:9px;font-weight:700}.download-modal-source>strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.download-modal-action{display:grid;min-width:96px;height:38px;padding:0 14px;place-items:center;border-radius:6px;color:#fff;background:var(--accent);font-size:11px;font-weight:800}.download-modal-action:hover{color:#fff;filter:brightness(.94)}.download-modal-code{display:flex;min-width:0;align-items:center;gap:7px;color:var(--muted);font-size:10px}.download-modal-code code{padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--card-soft);font:11px Consolas,Monaco,monospace}.download-modal-code button{padding:3px;border:0;color:var(--accent);background:transparent;cursor:pointer;font-size:10px;font-weight:700}.download-modal-code button:hover{filter:brightness(.85)}
@media(max-width:640px){.reply-hidden-lock{grid-template-columns:1fr}.reply-hidden-lock>a{grid-column:1;grid-row:auto;margin-top:9px;text-align:center}.article-download-component>.article-download-trigger{width:100%}.download-modal{padding:10px}.download-modal-dialog{width:100%;max-height:calc(100dvh - 20px)}.download-modal-body{padding:0 14px 14px}.download-modal-item{grid-template-columns:1fr;gap:12px;padding:14px}.download-modal-source>strong{white-space:normal}.download-modal-action{width:100%;box-sizing:border-box}}

/* Site identity surfaces use the configured favicon with a built-in fallback. */
.auth-dialog>header>.auth-site-icon,.user-empty>.site-identity-icon{overflow:hidden;border:1px solid var(--border);color:inherit;background:var(--card-soft);background-image:none;box-shadow:0 9px 22px rgba(25,29,40,.1)}.auth-site-icon>img,.site-identity-icon>img{display:block;width:100%;height:100%;object-fit:cover}

/* Account modal text stays readable across login, registration and recovery. */
.auth-dialog>header small{font-size:9px}.auth-dialog>header p{font-size:11px;line-height:1.5}.auth-dialog>nav button{font-size:12px}.auth-panels label{font-size:11px}.auth-panels input{font-size:14px}.auth-code-field button{font-size:11px}.auth-panels>form>button[type=submit]{font-size:13px}.auth-panels [data-auth-result]{font-size:11px}.auth-panels form>footer a,.auth-panels form>footer button{font-size:10px}.auth-password-hint{font-size:10px;line-height:1.5}.auth-mail-disabled strong{font-size:14px}.auth-mail-disabled p{font-size:11px}.auth-security-copy{font-size:10px;line-height:1.5}
@media(max-width:640px){.auth-panels input{font-size:16px}}

/* Configurable site notice dialog. */
html.is-notice-popup-open,html.is-notice-popup-open body{overflow:hidden}.notice-popup[hidden]{display:none!important}.notice-popup{position:fixed;z-index:5200;inset:0;display:grid;place-items:center;padding:18px;box-sizing:border-box}.notice-popup-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(18,21,29,.58);backdrop-filter:blur(4px);cursor:pointer}.notice-popup-dialog{position:relative;display:flex;width:min(520px,100%);max-height:calc(100dvh - 36px);overflow:hidden;flex-direction:column;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card);box-shadow:0 24px 70px rgba(18,21,29,.26);animation:notice-popup-in .2s ease both}.notice-popup-close{position:absolute;z-index:2;top:11px;right:11px;display:grid;width:32px;height:32px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fff;background:rgba(24,27,35,.56);cursor:pointer}.notice-popup:not(.has-image) .notice-popup-close{color:var(--muted);border-color:var(--border);background:var(--card-soft)}.notice-popup-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.notice-popup-dialog>figure{flex:0 0 auto;height:190px;margin:0;overflow:hidden;background:var(--card-soft)}.notice-popup-dialog>figure img{display:block;width:100%;height:100%;object-fit:cover}.notice-popup-body{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 12px;min-height:0;padding:23px 24px 21px;overflow-y:auto}.notice-popup-icon{grid-row:1;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(var(--accent-rgb),.2);border-radius:8px;color:var(--accent);background:rgba(var(--accent-rgb),.08)}.notice-popup-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.notice-popup-body>header{align-self:center;min-width:0;padding-right:28px}.notice-popup-body>header small{display:block;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:1px}.notice-popup-body>header h2{margin:2px 0 0;overflow-wrap:anywhere;font-size:20px;line-height:1.35}.notice-popup-content{grid-column:1/-1;margin-top:17px;color:var(--muted);font-size:14px;line-height:1.85;overflow-wrap:anywhere}.notice-popup-body>footer{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:20px}.notice-popup-body>footer a,.notice-popup-body>footer button{display:inline-flex;min-height:38px;padding:0 16px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;box-sizing:border-box;color:var(--muted);background:var(--card-soft);cursor:pointer;font:inherit;font-size:12px;text-decoration:none}.notice-popup-body>footer a{color:#fff;border-color:var(--accent);background:var(--accent)}.notice-popup-body>footer a:hover{color:#fff}.notice-popup-body>footer button:hover{color:var(--accent);border-color:rgba(var(--accent-rgb),.3)}@keyframes notice-popup-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:640px){.notice-popup{padding:10px}.notice-popup-dialog{width:100%;max-height:calc(100dvh - 20px)}.notice-popup-dialog>figure{height:150px}.notice-popup-body{padding:20px 18px 18px}.notice-popup-body>header h2{font-size:18px}.notice-popup-content{font-size:13px}.notice-popup-body>footer{align-items:stretch;flex-direction:column}.notice-popup-body>footer a,.notice-popup-body>footer button{width:100%}}@media(prefers-reduced-motion:reduce){.notice-popup-dialog{animation:none}}

/* Frontend contribution download fields. */
.creator-download-settings .creator-download-lines{grid-column:1/-1}.creator-download-settings .creator-download-lines textarea{min-height:128px;font:11px/1.7 Consolas,"Microsoft YaHei",sans-serif}.creator-download-settings label.is-inactive{opacity:.55}.creator-download-settings label.is-inactive input{cursor:not-allowed}

/* Keep large personal media libraries out of the article editing flow. */
.creator-media-actions{display:flex;align-items:center;gap:7px}.creator-media-actions>button{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:var(--card);cursor:pointer;font-size:9px;font-weight:700}.creator-media-actions>button:hover,.creator-media-actions>button[aria-expanded=true]{color:var(--accent);border-color:rgba(var(--accent-rgb),.28);background:rgba(var(--accent-rgb),.06)}.creator-media-actions>button em{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:10px;color:var(--muted);background:var(--card-soft);box-sizing:border-box;font-size:8px;font-style:normal}.creator-media-panel{max-height:min(620px,68vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.creator-media-panel[hidden]{display:none!important}.creator-media-library.is-open>header{box-shadow:0 4px 12px rgba(23,27,35,.04)}.creator-media-panel .creator-media-status{position:sticky;z-index:3;top:0;border-bottom:1px solid var(--border);background:var(--card-soft)}@media(max-width:520px){.creator-media-actions{width:100%}.creator-media-actions>button{flex:1;justify-content:center}.creator-media-actions>label{flex:0 0 auto}.creator-media-panel{max-height:min(560px,66vh)}}

/* Link or QR-code resource delivery. */
.creator-download-settings [hidden]{display:none!important}.creator-download-settings .creator-download-qr-images,.creator-download-settings .creator-download-qr-note{grid-column:1/-1}.creator-download-qr-images>span{font-weight:700}.creator-download-qr-images>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.creator-download-qr-images label{min-width:0}.creator-download-qr-images label span{font-size:10px}.creator-download-qr-images>small{display:block;margin-top:7px}.creator-download-settings .creator-download-qr-note textarea{min-height:82px}.creator-media-grid article>footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}.download-modal.is-qrcode .download-modal-dialog{width:min(760px,100%)}.download-modal-qr{display:grid;justify-items:center;padding:22px 4px 8px;text-align:center}.download-modal-qr-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.download-modal-qr-grid.is-count-1{width:min(280px,100%);grid-template-columns:1fr}.download-modal-qr-grid.is-count-2{width:min(540px,100%);grid-template-columns:repeat(2,minmax(0,1fr))}.download-modal-qr figure{display:flex;min-width:0;margin:0;padding:10px;flex-direction:column;border:1px solid var(--border);border-radius:8px;background:#fff}.download-modal-qr img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.download-modal-qr figcaption{margin-top:7px;color:#616975;font-size:10px;font-weight:700}.download-modal-qr strong{font-size:15px}.download-modal-qr p{max-width:520px;margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.7}@media(max-width:640px){.creator-download-qr-images>div{grid-template-columns:1fr}.download-modal-qr{padding:18px 0 4px}.download-modal-qr-grid,.download-modal-qr-grid.is-count-2{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.download-modal-qr-grid.is-count-1{width:min(260px,100%);grid-template-columns:1fr}.download-modal-qr figure{padding:7px}.download-modal-qr figcaption{font-size:9px}}

/* Resource center stays compact and scannable in a two-column mobile grid. */
@media(max-width:700px){.resource-center-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-card-cover{max-height:none;aspect-ratio:16/9}.resource-card-cover>em,.resource-card-cover>b{top:6px;max-width:calc(100% - 12px);padding:4px 6px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.resource-card-cover>em{left:6px}.resource-card-cover>b{right:6px}.resource-card-body{padding:10px}.resource-card-body>small{font-size:10px}.resource-card-body h2{display:-webkit-box;min-height:36px;margin:5px 0 8px;overflow:hidden;font-size:13px;line-height:1.4;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.resource-card-body>p{display:none}.resource-card-meta{margin-top:0;font-size:9px}.resource-card-meta span:nth-child(2),.resource-card-meta time{display:none}.resource-card footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px;padding-top:9px}.resource-card footer a{min-width:0;padding:7px 3px;overflow:hidden;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.resource-card footer a:only-child{grid-column:1/-1}}