/*
Theme Name: 比比工房官方主题子主题
Theme URI: https://beebee.work
Author: 小鱼哥
Author URI: https://beebee.work
Description: 比比工房官方主题
Template: beebeework
Version: 2.2.0
Requires at least: 6.8
Tested up to: 6.9.1
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 比比工房官方主题
Tags: block-patterns, block-styles, full-site-editing
*/

.custom-home-container {
    position: absolute;
    isolation: isolate;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

}

.custom-home-container video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    pointer-events: none;
    position: relative;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
    width: 100%;
    z-index: -10;
}

/* 全站浅色模式页面底色 */
:root {
    --beebeework-site-bg: #FAFAFA;
}

html:not(.dark) body:not(.dark),
html:not(.dark) body:not(.dark) .beebee-theme-wrapper,
html:not(.dark) body:not(.dark) #body-content,
html:not(.dark) body:not(.dark) #body-content-swup-wrap,
html:not(.dark) body:not(.dark) #body-content-swup-wrap > .bg-white.dark\:bg-neutral-950,
html:not(.dark) body:not(.dark) .coolbar {
    background-color: var(--beebeework-site-bg);
}

html:not(.dark) body:not(.dark) header .header_bg,
html:not(.dark) body:not(.dark) #mobile-search-overlay {
    background-color: var(--beebeework-site-bg) !important;
}

/* 内容详情页保留侧栏目录和评论区交互，不显示父主题右下角浮动按钮。 */
body.single-entry-beebee_blog #bottom-area,
body.single-entry-beebee_blog #mobiltoc,
body.single-entry-beebee_link #bottom-area,
body.single-entry-beebee_link #mobiltoc {
    display: none !important;
}

/* 定制服务页面光晕背景效果 */
.custom-service-container {
    position: absolute;
    isolation: isolate;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* 添加光晕效果 */
.custom-service-container::before,
.custom-service-container::after {
    content: "";
    position: absolute;
    width: 40vw;
    height: 40vw;
    border-radius: 50%;
    filter: blur(45px);
    opacity: 0.5;
    z-index: -1;
    /* animation: float 10s ease-in-out infinite alternate; */
}

/* 第一个光晕 - 蓝色 */
.custom-service-container::before {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    top: -10%;
    left: -10%;
    animation-delay: 0s;
}

/* 第二个光晕 - 粉色 */
.custom-service-container::after {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
    bottom: -10%;
    right: -10%;
    animation-delay: -5s;
}

/* 添加额外的光晕元素 */
.glow-orb-1,
.glow-orb-2 {
    position: absolute;
    width: 30vw;
    height: 30vw;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.4;
    z-index: -1;
}

.glow-orb-1 {
    background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);
    bottom: 0%;
    left: 5%;
    /* animation: float 15s ease-in-out infinite; */
}

.glow-orb-2 {
    background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%);
    top: 0%;
    right: 5%;
    /* animation: float 12s ease-in-out infinite reverse; */
}

/* 漂浮动画 */
@keyframes float {
    0% {
        transform: translateY(0) translateX(0);
    }

    50% {
        transform: translateY(-20px) translateX(15px);
    }

    100% {
        transform: translateY(10px) translateX(-15px);
    }
}

/* 确保内容在光晕上方 */
.service-content {
    position: relative;
    z-index: 1;
}

/* 适应深色模式 */
@media (prefers-color-scheme: dark) {
    .custom-service-container::before {
        opacity: 0.3;
    }

    .custom-service-container::after,
    .glow-orb-1,
    .glow-orb-2 {
        opacity: 0.25;
    }
}

/* ========================================
   3D导航专用模板样式
   Template Name: template-3d-nav.php
   NAB主题风格 - 浅灰背景 + 白底卡片
   ======================================== */

/*
 * 1. 全局页面背景色 - 浅灰色（让白底卡片凸显）
 */

.page-template-template-3d-nav,
.page-template-template-3d-nav #body-content,
.page-template-template-3d-nav .bg-white.dark\:bg-neutral-950 {
    background-color: #f5f6f7 !important;
}

.aixzd-page,
.aixzd-page #body-content,
.aixzd-page #body-content-swup-wrap,
.aixzd-page .coolbar,
.aixzd-page .bg-white.dark\:bg-neutral-950 {
    background: var(--beebeework-site-bg) !important;
    color: var(--bb-bg);
}

.dark .aixzd-page,
.dark .aixzd-page #body-content,
.dark .aixzd-page #body-content-swup-wrap,
.dark .aixzd-page .coolbar,
.dark .aixzd-page .bg-white.dark\:bg-neutral-950 {
    background: var(--bb-bg) !important;
}

body.aixzd-page,
.aixzd-page .beebee-theme-wrapper,
.aixzd-page #body-content,
.aixzd-page #body-content-swup-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

/* ========================================
   AI 快讯页面样式
   ======================================== */

.aixzd-ai-brief-page .ai-brief-main {
    min-height: calc(100dvh - 72px);
}

.ai-brief-page-shell,
.ai-brief-page-content {
    width: 100%;
    min-width: 0;
}

.ai-brief-container {
    max-width: 1360px;
    margin: 0 auto;
}

.ai-brief-hero,
.ai-brief-toolbar,
.ai-brief-issue,
.ai-brief-empty {
    border: 1px solid #e5e7eb;
    border-radius: 28px;
    background: #ffffff;
    box-shadow: 0 18px 70px rgba(15, 23, 42, 0.05);
}

.ai-brief-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.9fr);
    gap: 28px;
    padding: 32px;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #eef6ff 100%);
}

.ai-brief-eyebrow {
    margin: 0 0 14px;
    color: #0284c7;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.ai-brief-title {
    margin: 0;
    color: #0f172a;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.ai-brief-description {
    margin: 18px 0 0;
    max-width: 720px;
    color: #475569;
    font-size: 17px;
    line-height: 1.85;
}

.ai-brief-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-self: end;
}

.ai-brief-stat-card {
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(10px);
    padding: 16px 18px;
}

.ai-brief-stat-label {
    display: block;
    color: #64748b;
    font-size: 12px;
}

.ai-brief-stat-value {
    display: block;
    margin-top: 8px;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.1;
}

.ai-brief-toolbar {
    margin-top: 30px;
    padding: 22px 24px;
}

.ai-brief-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ai-brief-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.ai-brief-tab:hover,
.ai-brief-tab.is-active {
    border-color: #0284c7;
    background: #0284c7;
    color: #ffffff;
}

.ai-brief-filters {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.8fr) minmax(180px, 0.8fr);
    gap: 14px;
    margin-top: 18px;
}

.ai-brief-search-shell {
    min-width: 0;
}

.ai-brief-input,
.ai-brief-select {
    width: 100%;
    min-height: 46px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 14px;
    padding: 0 16px;
    outline: none;
    box-sizing: border-box;
}

.ai-brief-input:focus,
.ai-brief-select:focus {
    border-color: #38bdf8;
    background: #ffffff;
}

.ai-brief-toolbar-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-top: 12px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.7;
}

.ai-brief-content {
    margin-top: 32px;
}

.ai-brief-empty {
    padding: 54px 24px;
    text-align: center;
    color: #64748b;
    font-size: 15px;
    line-height: 1.8;
}

.ai-brief-issues {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.ai-brief-issue {
    padding: 28px;
}

.ai-brief-issue-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding-bottom: 22px;
    border-bottom: 1px solid #eef2f7;
}

.ai-brief-issue-date {
    margin: 0;
    color: #0284c7;
    font-size: 14px;
    font-weight: 600;
}

.ai-brief-issue-title {
    margin: 6px 0 0;
    color: #0f172a;
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.ai-brief-issue-summary {
    margin: 14px 0 0;
    max-width: 820px;
    color: #475569;
    font-size: 15px;
    line-height: 1.9;
}

.ai-brief-issue-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.ai-brief-issue-overview {
    margin-top: 24px;
    display: grid;
    gap: 18px;
}

.ai-brief-issue-sections {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 18px;
}

.ai-brief-issue-sections.is-single {
    grid-template-columns: minmax(0, 1fr);
}

.ai-brief-section-panel,
.ai-brief-insight-panel {
    border: 1px solid #e8eef6;
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(247, 250, 255, 0.92) 0%, rgba(255, 255, 255, 1) 100%);
    overflow: hidden;
}

.ai-brief-section-panel.is-focus {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.06) 0%, rgba(255, 255, 255, 0.98) 42%, rgba(59, 130, 246, 0.04) 100%);
}

.ai-brief-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 0;
}

.ai-brief-section-heading h3 {
    margin: 0;
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.ai-brief-section-heading span {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.ai-brief-section-list,
.ai-brief-insight-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 18px 22px 22px;
}

.ai-brief-section-card,
.ai-brief-insight-card {
    border-radius: 22px;
    border: 1px solid #e8eef6;
    background: rgba(255, 255, 255, 0.96);
    padding: 18px 18px 16px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

.ai-brief-section-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.ai-brief-section-card-title,
.ai-brief-insight-title {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    line-height: 1.38;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ai-brief-title-badge {
    display: inline-block;
    padding: 2px 10px;
    margin-right: 8px;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
    vertical-align: middle;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.ai-brief-section-card-summary,
.ai-brief-insight-summary {
    margin: 10px 0 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.85;
}

.ai-brief-pill,
.ai-brief-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    box-sizing: border-box;
}

.ai-brief-tag.is-category {
    border-color: #bae6fd;
    background: #e0f2fe;
    color: #0369a1;
}

.ai-brief-timeline {
    position: relative;
    margin-top: 26px;
    padding-left: 36px;
}

.ai-brief-timeline::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, #bae6fd 0%, #dbeafe 45%, rgba(219, 234, 254, 0) 100%);
}

.ai-brief-timeline-section {
    position: relative;
    margin-bottom: 28px;
}

.ai-brief-timeline-section-header {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding-left: 2px;
}

.ai-brief-timeline-section-dot {
    position: absolute;
    left: -35px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: #2563eb;
    box-shadow: 0 0 0 5px #ffffff;
}

.ai-brief-timeline-section-copy {
    min-width: 0;
}

.ai-brief-timeline-section-kicker {
    margin: 0 0 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ai-brief-timeline-section-title {
    margin: 0;
    color: #0f172a;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ai-brief-timeline-section-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ai-brief-item {
    position: relative;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    background: rgba(248, 250, 252, 0.72);
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
}

.ai-brief-item[open] {
    border-color: #bae6fd;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.06);
}

.ai-brief-item-summary-row {
    list-style: none;
    cursor: pointer;
    display: flex;
    gap: 18px;
    padding: 24px 24px 22px;
}

.ai-brief-item-summary-row::-webkit-details-marker {
    display: none;
}

.ai-brief-item-dot {
    position: absolute;
    left: -35px;
    top: 28px;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #0ea5e9;
    box-shadow: 0 0 0 5px #ffffff;
}

.ai-brief-item-head {
    flex: 1;
    min-width: 0;
}

.ai-brief-item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.ai-brief-item-title {
    margin: 0;
    color: #0f172a;
    font-size: 28px;
    line-height: 1.28;
    font-weight: 800;
    letter-spacing: -0.02em;
}

.ai-brief-item-excerpt {
    margin: 14px 0 0;
    color: #475569;
    font-size: 15px;
    line-height: 1.9;
}

.ai-brief-item-painpoint {
    margin: 14px 0 0;
    padding: 14px 16px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(14, 165, 233, 0.08) 0%, rgba(14, 165, 233, 0.02) 100%);
    border: 1px solid rgba(14, 165, 233, 0.16);
}

.ai-brief-item-painpoint-label {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(2, 132, 199, 0.12);
    color: #0369a1;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.ai-brief-item-painpoint p {
    margin: 10px 0 0;
    color: #0f172a;
    font-size: 15px;
    line-height: 1.8;
    font-weight: 700;
}

.ai-brief-item-footerline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 18px;
    color: #64748b;
    font-size: 13px;
    align-items: center;
}

.ai-brief-item-toggle-close {
    display: none;
}

.ai-brief-item[open] .ai-brief-item-toggle-open {
    display: none;
}

.ai-brief-item[open] .ai-brief-item-toggle-close {
    display: inline;
}

.ai-brief-item-detail {
    display: none;
    padding: 0 24px 24px;
    border-top: 1px solid #eef2f7;
}

.ai-brief-item[open] .ai-brief-item-detail {
    display: block;
}

.ai-brief-item-cover {
    margin-top: 22px;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
}

.ai-brief-item-cover img {
    display: block;
    width: 100%;
    height: auto;
}

.ai-brief-item-body {
    margin-top: 22px;
    color: #334155;
    font-size: 15px;
    line-height: 1.95;
}

.ai-brief-item-body p {
    margin: 0 0 12px;
}

.ai-brief-item-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.ai-brief-item-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 22px;
}

.ai-brief-item-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px dashed #dbe4ee;
}

.ai-brief-item-links a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #dbe4ee;
    color: #0f172a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.ai-brief-item-links a:hover {
    border-color: #7dd3fc;
    color: #0369a1;
}

.ai-brief-item-actions a {
    color: #0284c7;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.ai-brief-item-actions a:hover {
    color: #0369a1;
}

@media (max-width: 1080px) {
    .ai-brief-hero {
        grid-template-columns: 1fr;
    }

    .ai-brief-filters {
        grid-template-columns: 1fr;
    }

    .ai-brief-issue-sections {
        grid-template-columns: 1fr;
    }

    .ai-brief-issue-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .ai-brief-issue-pills {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .ai-brief-container {
        max-width: 100%;
    }

    .ai-brief-hero,
    .ai-brief-toolbar,
    .ai-brief-issue,
    .ai-brief-empty {
        border-radius: 22px;
    }

    .ai-brief-hero,
    .ai-brief-toolbar,
    .ai-brief-issue {
        padding: 20px;
    }

    .ai-brief-section-panel,
    .ai-brief-insight-panel {
        border-radius: 20px;
    }

    .ai-brief-section-heading {
        padding: 16px 18px 0;
    }

    .ai-brief-section-list,
    .ai-brief-insight-list {
        padding: 16px 18px 18px;
    }

    .ai-brief-section-card,
    .ai-brief-insight-card {
        border-radius: 18px;
        padding: 16px 16px 14px;
    }

    .ai-brief-section-card-title,
    .ai-brief-insight-title {
        font-size: 19px;
    }

    .ai-brief-stats {
        grid-template-columns: 1fr;
    }

    .ai-brief-issue-title {
        font-size: 28px;
    }

    .ai-brief-item-title {
        font-size: 23px;
    }

    .ai-brief-timeline-section-title {
        font-size: 22px;
    }

    .ai-brief-timeline {
        padding-left: 26px;
    }

    .ai-brief-item-dot {
        left: -26px;
    }

    .ai-brief-timeline-section-dot {
        left: -26px;
    }

    .ai-brief-item-summary-row,
    .ai-brief-item-detail {
        padding-left: 18px;
        padding-right: 18px;
    }
}

.aixzd-source-submit-fab {
    position: fixed;
    right: 30px;
    bottom: 164px;
    z-index: 60;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.aixzd-source-submit-fab:hover {
    transform: translateY(-2px);
    background: #0e42d2;
    color: #fff;
    box-shadow: 0 22px 55px rgba(14, 66, 210, 0.24);
}

.aixzd-source-submit-fab i {
    width: 18px;
    height: 18px;
}

html.dark .aixzd-source-submit-fab,
body.dark .aixzd-source-submit-fab {
    background: var(--bb-text);
    color: var(--bb-bg);
}

html.dark .aixzd-source-submit-fab:hover,
body.dark .aixzd-source-submit-fab:hover {
    background: #93c5fd;
    color: var(--bb-bg);
}

@media (max-width: 768px) {
    .aixzd-source-submit-fab {
        right: 16px;
        bottom: calc(env(safe-area-inset-bottom) + 88px);
        min-height: 40px;
        padding: 0 14px;
    }
}

body.dark .ai-brief-hero,
body.dark .ai-brief-toolbar,
body.dark .ai-brief-issue,
body.dark .ai-brief-empty {
    border-color: var(--bb-surface);
    background: var(--bb-bg);
    box-shadow: 0 18px 70px rgba(0, 0, 0, 0.24);
}

body.dark .ai-brief-hero {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.12) 0%, var(--bb-bg) 52%, rgba(59, 130, 246, 0.08) 100%);
}

body.dark .ai-brief-title,
body.dark .ai-brief-stat-value,
body.dark .ai-brief-issue-title,
body.dark .ai-brief-timeline-section-title,
body.dark .ai-brief-item-title {
    color: #f8fafc;
}

body.dark .ai-brief-description,
body.dark .ai-brief-issue-summary,
body.dark .ai-brief-item-painpoint,
body.dark .ai-brief-item-excerpt,
body.dark .ai-brief-item-body {
    color: var(--bb-text-secondary);
}

body.dark .ai-brief-item-painpoint {
    background: rgba(14, 165, 233, 0.08);
    border-color: rgba(56, 189, 248, 0.18);
}

body.dark .ai-brief-item-painpoint-label {
    background: rgba(56, 189, 248, 0.14);
    color: #bae6fd;
}

body.dark .ai-brief-item-painpoint p {
    color: var(--bb-text);
}

body.dark .ai-brief-stat-card,
body.dark .ai-brief-tab,
body.dark .ai-brief-input,
body.dark .ai-brief-select,
body.dark .ai-brief-pill,
body.dark .ai-brief-tag,
body.dark .ai-brief-item {
    border-color: var(--bb-border);
    background: var(--bb-bg);
    color: var(--bb-text-secondary);
}

body.dark .ai-brief-tag.is-category,
body.dark .ai-brief-tab.is-active,
body.dark .ai-brief-tab:hover {
    border-color: #38bdf8;
    background: #075985;
    color: #e0f2fe;
}

body.dark .ai-brief-item[open] {
    border-color: #0ea5e9;
    background: var(--bb-bg);
}

body.dark .ai-brief-item-cover {
    border-color: var(--bb-border);
    background: var(--bb-bg);
}

body.dark .ai-brief-item-detail,
body.dark .ai-brief-issue-header {
    border-color: var(--bb-surface);
}

body.dark .ai-brief-item-links {
    border-color: rgba(148, 163, 184, 0.18);
}

body.dark .ai-brief-item-links a {
    background: var(--bb-bg);
    border-color: var(--bb-border);
    color: var(--bb-text);
}

body.dark .ai-brief-item-links a:hover {
    border-color: #38bdf8;
    color: #bae6fd;
}

body.dark .ai-brief-section-panel,
body.dark .ai-brief-insight-panel,
body.dark .ai-brief-section-card,
body.dark .ai-brief-insight-card {
    background: rgba(24,24,24, 0.55);
    border-color: rgba(148, 163, 184, 0.16);
}

body.dark .ai-brief-section-heading h3,
body.dark .ai-brief-section-card-title,
body.dark .ai-brief-insight-title {
    color: #f8fafc;
}

body.dark .ai-brief-section-card-summary,
body.dark .ai-brief-insight-summary {
    color: var(--bb-text-secondary);
}

/*
 * 整体页面框架 - 左右分栏布局
 */

.aixzd-nav-wrapper,
.aixzd-3d-nav-wrapper {
    display: flex;
    gap: 32px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 20px;
}

/* 响应式：平板和手机改为垂直布局 */
@media (max-width: 1024px) {
    .aixzd-nav-wrapper,
    .aixzd-3d-nav-wrapper {
        flex-direction: column;
        gap: 24px;
    }
}

/*
 * 左侧导航树 - 使用父主题原生 class
 * 已在模板中使用原生样式，这里只做微调
 */

/* 侧边栏容器已在模板中正确配置 */
.page-template-template-3d-nav .hot.main-menu-a,
.aixzd-context-sidebar .hot.main-menu-a {
    transition: all 0.2s ease;
}

/* 移除所有自定义的侧边栏样式，使用父主题原生样式 */

/*
 * 右侧内容区
 */

.aixzd-right-content,
.aixzd-3d-nav-content {
    flex: 1;
    min-width: 0; /* 防止flex子项溢出 */
}

/* 页面介绍区 */
.aixzd-page-intro {
    margin-bottom: 32px;
    padding: 20px;
    background: #ffffff;
    border-radius: 8px;
    border-left: 4px solid #4f46e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

@media (prefers-color-scheme: dark) {
    .aixzd-page-intro {
        background: #1a1a1a;
        border-left-color: #6366f1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
}

/*
 * 分类区块
 */

.aixzd-category-block {
    margin-bottom: 48px;
    scroll-margin-top: 40px; /* 平滑滚动偏移 */
}

/* 分类头部 - 标题和药丸标签横向布局 */
.aixzd-category-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e5e7eb;
    flex-wrap: wrap;
}

@media (prefers-color-scheme: dark) {
    .aixzd-category-header {
        border-bottom-color: #262626;
    }
}

/* 左侧标题区域 */
.aixzd-title-left {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.aixzd-category-title {
    font-size: 22px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/* ========================================
   Homepage Cool Template Overrides
   ======================================== */

#swup-container.container-minified {
    min-width: 0;
}

.aixzd-homeboards {
    margin-top: 0;
    margin-bottom: 26px;
}

.aixzd-homeboards-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.aixzd-homeboard-panel {
    min-width: 0;
}

.aixzd-homeboard-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    padding: 0 4px;
}

.aixzd-homeboard-heading,
.aixzd-section-title {
    margin: 0 0 10px;
    color: #3b3b3b;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
}

.aixzd-homeboard-heading {
    margin: 0;
    padding: 0;
}

.aixzd-homeboard-more {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
    color: #9ca3af;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    transition: color .18s ease;
}

.aixzd-homeboard-more:hover {
    color: #111827;
}

.aixzd-section-title {
    margin: 0;
}

.aixzd-homeboard {
    min-width: 0;
    background: #ffffff;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    padding: 8px 16px;
}

.aixzd-homeboard-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aixzd-homeboard-item {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px dashed #edf1f6;
    min-width: 0;
    overflow: hidden;
}

.aixzd-homeboard-item:last-child {
    border-bottom: 0;
}

.aixzd-homeboard-link {
    display: grid;
    grid-template-columns: 18px 32px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 1px;
    align-items: center;
    width: 100%;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.aixzd-homeboard-rank {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 18px;
    flex-shrink: 0;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    font-style: italic;
    font-weight: 800;
    color: #9ca3af;
}

.aixzd-homeboard-rank.rank-1 {
    color: #ef4444;
}

.aixzd-homeboard-rank.rank-2 {
    color: #f97316;
}

.aixzd-homeboard-rank.rank-3 {
    color: #f59e0b;
}

.aixzd-homeboard-icon {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    object-fit: cover;
    flex-shrink: 0;
    background: #f3f4f6;
}

.aixzd-homeboard-info {
    grid-column: 3;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
}

.aixzd-homeboard-name {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aixzd-homeboard-desc {
    grid-column: 3;
    grid-row: 2;
    margin: 0;
    color: #737373;
    font-size: 12px;
    line-height: 1rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-word;
    overflow: hidden;
}

.aixzd-homeboard-meta {
    grid-column: 4;
    grid-row: 1 / span 2;
    margin-left: 0;
    width: 40px;
    text-align: right;
    flex-shrink: 0;
    align-self: center;
}

.aixzd-homeboard-meta strong {
    display: block;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 600;
}

.aixzd-homeboard-link:hover .aixzd-homeboard-name {
    color: #111827;
}

.aixzd-homeboard-empty {
    border: 1px dashed #d8dee9;
    border-radius: 12px;
    padding: 24px 14px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
}

.dark .aixzd-homeboard-heading,
.dark .aixzd-section-title,
.dark .aixzd-homeboard-name,
.dark .aixzd-homeboard-meta strong {
    color: var(--bb-text);
}

.dark .aixzd-homeboard {
    background: var(--bb-surface);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.dark .aixzd-homeboard-item {
    border-bottom-color: var(--bb-border);
}

.dark .aixzd-homeboard-desc {
    color: #737373;
}

.dark .aixzd-homeboard-meta {
    color: var(--bb-text-muted);
}

.dark .aixzd-homeboard-link:hover .aixzd-homeboard-name {
    color: var(--bb-text);
}

.dark .aixzd-homeboard-icon {
    background: var(--bb-surface);
}

.dark .aixzd-homeboard-empty {
    border-color: var(--bb-border);
    color: var(--bb-text-muted);
}

.aixzd-home-shell {
    width: 100%;
    min-width: 0;
}

.aixzd-home-shell .aixzd-homeboards {
    margin-top: 16px;
}

.aixzd-home-shell .aixzd-homeboards-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.aixzd-home-shell .aixzd-homeboard {
    min-width: 0;
    background: #ffffff;
    border: 1px solid #eaedf3;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
    padding: 16px 16px 8px;
}

.aixzd-home-shell .aixzd-homeboard-title {
    margin: 0 0 8px;
    color: #14213d;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 800;
}

.aixzd-home-shell .aixzd-homeboard-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.aixzd-home-shell .aixzd-homeboard-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px dashed #edf1f6;
}

.aixzd-home-shell .aixzd-homeboard-item:last-child {
    border-bottom: 0;
}

.aixzd-home-shell .aixzd-homeboard-rank {
    width: 18px;
    flex-shrink: 0;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    font-style: italic;
    font-weight: 800;
    color: #9ca3af;
}

.aixzd-home-shell .aixzd-homeboard-rank.rank-1 {
    color: #ef4444;
}

.aixzd-home-shell .aixzd-homeboard-rank.rank-2 {
    color: #f97316;
}

.aixzd-home-shell .aixzd-homeboard-rank.rank-3 {
    color: #f59e0b;
}

.aixzd-home-shell .aixzd-homeboard-icon {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    object-fit: cover;
    flex-shrink: 0;
    background: #f3f4f6;
}

.aixzd-home-shell .aixzd-homeboard-info {
    flex: 1;
    min-width: 0;
}

.aixzd-home-shell .aixzd-homeboard-name {
    margin: 0;
    color: #1f2937;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aixzd-home-shell .aixzd-homeboard-desc {
    margin: 3px 0 0;
    color: #9ca3af;
    font-size: 12px;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aixzd-home-shell .aixzd-homeboard-meta {
    margin-left: 8px;
    text-align: right;
    flex-shrink: 0;
}

.aixzd-home-shell .aixzd-homeboard-meta strong {
    display: block;
    color: #1f2937;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 700;
}

.aixzd-home-shell .aixzd-homeboard-meta span {
    display: block;
    margin-top: 2px;
    color: #c0c6d2;
    font-size: 10px;
    line-height: 1;
}

.aixzd-home-shell .aixzd-homeboard-empty {
    border: 1px dashed #d8dee9;
    border-radius: 12px;
    padding: 24px 14px;
    text-align: center;
    color: #94a3b8;
    font-size: 13px;
}

@media (max-width: 1279px) {
    .aixzd-home-shell .aixzd-homeboards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aixzd-sidebar-slot {
        width: 220px;
    }

    .aixzd-wrap {
        margin-left: 220px;
    }

    .aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 5;
    }

    .aixzd-feature-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .aixzd-article-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .aixzd-hero-title {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 3;
        gap: 14px !important;
    }

    .aixzd-homeboards-grid,
    .aixzd-home-shell .aixzd-homeboards-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .aixzd-feature-grid,
    .aixzd-article-grid,
    .aixzd-author-grid {
        grid-template-columns: 1fr;
    }

    .aixzd-section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .aixzd-hero-title {
        font-size: 30px;
    }

    .aixzd-hero-desc {
        font-size: 14px;
    }

    .aixzd-hero-orb {
        opacity: .55;
    }
}

@media (prefers-color-scheme: dark) {
    .aixzd-category-title {
        color: #f5f5f5;
    }
}

.aixzd-category-count {
    font-size: 14px;
    color: #6b7280;
    font-weight: 400;
}

@media (prefers-color-scheme: dark) {
    .aixzd-category-count {
        color: #a3a3a3;
    }
}

.aixzd-shell {
    max-width: 1728px;
    margin: 0 auto;
    padding: 16px 16px 0;
}

.aixzd-layout-wrap {
    position: relative;
    width: 100%;
    max-width: 1728px;
    margin: 0 auto;
}

.aixzd-sidebar-slot {
    position: absolute;
    inset: 0 auto 0 0;
    width: 250px;
    z-index: 11;
}

.aixzd-sidebar-frame {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 98px 32px 0 0;
}

.aixzd-sidebar-box {
    min-height: 0;
    overflow-y: auto;
}

.aixzd-sidebar-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aixzd-sidebar-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aixzd-sidebar-parent {
    display: flex;
    align-items: center;
    gap: 6px;
}

.aixzd-tree {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.aixzd-tree-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 14px;
    text-decoration: none;
    color: #0f172a;
    transition: all .2s ease;
    position: relative;
}

.aixzd-tree-link:hover,
.aixzd-tree-link.is-active {
    background: #f3f4f6;
    color: #111827;
}

.aixzd-tree-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: #6b7280;
}

.aixzd-tree-label {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 600;
    white-space: nowrap;
}

.aixzd-tree-count {
    margin-left: auto;
    border-radius: 999px;
    background: #eef2f7;
    color: #7c8594;
    font-size: 10px;
    line-height: 1;
    padding: 5px 8px;
    flex-shrink: 0;
}

.aixzd-tree-link.is-child {
    min-height: 38px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 12px;
    color: #6b7280;
    gap: 8px;
}

.aixzd-tree-link.is-child .aixzd-tree-label {
    font-weight: 500;
    font-size: 13px;
}

.aixzd-sidebar-footer {
    flex-shrink: 0;
    margin-top: 14px;
    padding-top: 14px;
}

.aixzd-sidebar-footer .hs-dropdown {
    width: 100%;
}

.aixzd-sidebar-more {
    width: 100%;
    justify-content: flex-start;
}

.aixzd-sidebar-caret {
    margin-left: auto;
    color: #9ca3af;
}

.hs-overlay-minified .aixzd-tree-link,
.hs-overlay-minified .aixzd-sidebar-more {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.hs-overlay-minified .aixzd-tree-label,
.hs-overlay-minified .aixzd-tree-count,
.hs-overlay-minified .aixzd-sidebar-caret,
.hs-overlay-minified .aixzd-tree-toggle,
.hs-overlay-minified .aixzd-tree-children,
.hs-overlay-minified .aixzd-sidebar-footer .main-menu-span {
    display: none !important;
}

.hs-overlay-minified .aixzd-sidebar-parent {
    justify-content: center;
}

.hs-overlay-minified .aixzd-tree-link.is-child {
    display: none !important;
}

.aixzd-content-panel {
    min-width: 0;
}

.aixzd-wrap {
    width: 100%;
    margin-left: 250px;
    transition: margin-left .3s ease;
}

.aixzd-wrap.container-minified,
.hs-overlay-minified .aixzd-wrap {
    margin-left: 72px;
}

.aixzd-hero {
    position: relative;
    overflow: hidden;
    background: #f3f4f8;
    border: 1px solid #e5e8f1;
    border-radius: 16px;
    text-align: center;
    padding: 48px 20px 24px;
    margin-bottom: 22px;
}

.aixzd-hero-title {
    margin: 0;
    font-size: 56px;
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1f2937;
}

.aixzd-hero-desc {
    margin: 12px auto 0;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.8;
    color: #6b7280;
}

.aixzd-hero-caption {
    margin: 12px 0 0;
    font-size: 13px;
    color: #9ca3af;
}

.aixzd-hero-logos {
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    gap: 20px;
}

.aixzd-hero-close {
    margin-top: 11px;
    font-size: 13px;
    color: #9ca3af;
}

.aixzd-hero-orb {
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}

.aixzd-hero-orb.is-yellow { width: 72px; height: 72px; left: 22%; top: 84px; background: radial-gradient(circle at 30% 30%, #fef08a, #facc15 70%, transparent 73%); }
.aixzd-hero-orb.is-pink { width: 86px; height: 86px; right: 18%; top: 90px; background: radial-gradient(circle at 30% 30%, #fbcfe8, #fb7185 70%, transparent 73%); }
.aixzd-hero-orb.is-blue { width: 74px; height: 74px; right: 8%; top: 206px; background: radial-gradient(circle at 30% 30%, #bfdbfe, #60a5fa 70%, transparent 73%); }
.aixzd-hero-orb.is-purple { width: 66px; height: 66px; left: 8%; top: 194px; background: radial-gradient(circle at 30% 30%, #ddd6fe, #a78bfa 70%, transparent 73%); }
.aixzd-hero-orb.is-gray { width: 56px; height: 56px; left: 14%; top: 18px; background: radial-gradient(circle at 30% 30%, #d1d5db, #9ca3af 70%, transparent 73%); }
.aixzd-hero-orb.is-orange { width: 58px; height: 58px; right: 9%; top: 24px; background: radial-gradient(circle at 30% 30%, #fed7aa, #fb923c 70%, transparent 73%); }

.dark .aixzd-tree-link:hover,
.dark .aixzd-tree-link.is-active {
    background: #1b2433;
    color: #f8fafc;
}

.dark .aixzd-tree-link,
.dark .aixzd-tree-toggle,
.dark .aixzd-tree-icon,
.dark .aixzd-sidebar-more {
    color: var(--bb-text-secondary);
}

.dark .aixzd-tree-count {
    background: var(--bb-surface);
    color: var(--bb-text-muted);
}

.aixzd-section {
    margin-bottom: 35px;
    scroll-margin-top: 90px;
}

.aixzd-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 11px;
}

.aixzd-section-meta {
    margin-left: 9px;
    font-size: 13px;
    color: #9ca3af;
}

.aixzd-section-head-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
}

.aixzd-section-more {
    border: 0;
    background: transparent;
    color: #6b7280;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.aixzd-section-more[hidden] {
    display: none !important;
}

.aixzd-section-head-actions,
.aixzd-card-count-control {
    display: inline-flex;
    align-items: center;
}

.aixzd-section-head-actions {
    gap: 12px;
    flex: 0 0 auto;
}

.aixzd-card-count-control {
    position: relative;
    width: 108px;
    height: 14px;
}

.aixzd-card-count-control input[type="range"] {
    position: relative;
    z-index: 2;
    appearance: none;
    width: 100%;
    height: 14px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    --aixzd-range-progress: 20%;
}

.aixzd-card-count-control input[type="range"]::-webkit-slider-runnable-track {
    height: 7px;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(to right, #d6d6d6 0 var(--aixzd-range-progress), #fff var(--aixzd-range-progress) 100%);
    box-shadow: inset 0 1px 2px rgba(71, 85, 105, .11), inset 0 -1px 1px rgba(255, 255, 255, .8);
}

.aixzd-card-count-control input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 11px;
    height: 11px;
    margin-top: -2px;
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 50%;
    background: linear-gradient(180deg, #fff 0%, #f5f6f7 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .2), inset 0 1px 1px rgba(255, 255, 255, .9);
    transition: transform .15s ease, box-shadow .15s ease;
}

.aixzd-card-count-control input[type="range"]::-moz-range-track {
    height: 7px;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(to right, #d6d6d6 0 var(--aixzd-range-progress), #fff var(--aixzd-range-progress) 100%);
    box-shadow: inset 0 1px 2px rgba(71, 85, 105, .11), inset 0 -1px 1px rgba(255, 255, 255, .8);
}

.aixzd-card-count-control input[type="range"]::-moz-range-thumb {
    width: 11px;
    height: 11px;
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 50%;
    background: linear-gradient(180deg, #fff 0%, #f5f6f7 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .2), inset 0 1px 1px rgba(255, 255, 255, .9);
    transition: transform .15s ease, box-shadow .15s ease;
}

.aixzd-card-count-control input[type="range"]:active::-webkit-slider-thumb {
    transform: scale(1.08);
    box-shadow: 0 2px 4px rgba(15, 23, 42, .28), inset 0 1px 1px rgba(255, 255, 255, .9);
}

.aixzd-card-count-control input[type="range"]:active::-moz-range-thumb {
    transform: scale(1.08);
    box-shadow: 0 2px 4px rgba(15, 23, 42, .28), inset 0 1px 1px rgba(255, 255, 255, .9);
}

.aixzd-card-count-control input[type="range"]:focus-visible {
    outline: none;
}

.aixzd-card-count-control:has(input[type="range"]:focus-visible) {
    border-radius: 4px;
    box-shadow: 0 0 0 2px rgba(17, 24, 39, .12);
}

.aixzd-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.aixzd-filter {
    appearance: none;
    border: 1px solid #dbe0ea;
    background: #fff;
    color: #4b5563;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    transition: all .2s ease;
}

.aixzd-filter:hover,
.aixzd-filter.is-active {
    background: #000000;
    border-color: #000000;
    color: #fff;
}

.aixzd-section-head .aixzd-filters {
    margin-bottom: 0;
}

.aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
    display: grid !important;
    grid-template-columns: repeat(min(5, var(--aixzd-cols, 5)), minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > [data-category],
.aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > [data-category] > .hs-tooltip,
.aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > [data-category] > .low-muted-btn,
.aixzd-page .category-section > .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 .low-muted-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.aixzd-card {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.aixzd-card:hover {
    z-index: 60;
}

.aixzd-card .low-muted-btn {
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    transition: background-color .2s ease;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 3px 10px rgba(17, 24, 39, 0.04);
}

.aixzd-card .low-muted-btn:hover {
    background: #fafafa;
}

.aixzd-card .size-8 {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px;
    min-height: 34px;
}

.aixzd-card .hs-tooltip-toggle,
.aixzd-card .grow {
    min-width: 0;
    flex: 1;
}

.aixzd-card h4 {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25rem !important;
    font-weight: 600 !important;
    color: #262626 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aixzd-card p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1rem !important;
    font-weight: 500 !important;
    color: #737373 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dark .aixzd-card h4 {
    color: var(--bb-text) !important;
}

.dark .aixzd-card p {
    color: #737373 !important;
}

.aixzd-card .hs-tooltip-content {
    z-index: 300 !important;
}

[data-aixzd-row-hidden="true"] {
    display: none !important;
}

.aixzd-feature-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.aixzd-article-grid,
.aixzd-author-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.aixzd-article-card,
.aixzd-author-card {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid #e7ebf3;
    background: #fff;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);
}

.aixzd-feature-card:hover,
.aixzd-article-card:hover,
.aixzd-author-card:hover {
    transform: translateY(-2px);
    transition: transform .2s ease, box-shadow .2s ease;
    box-shadow: 0 12px 28px rgba(17, 24, 39, 0.09);
}

.aixzd-article-link,
.aixzd-author-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.aixzd-feature-card {
    position: relative;
    display: flex;
    height: 100%;
    border-radius: 14px;
    border-color: #e4e9f1;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.aixzd-feature-detail-link {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
}

.aixzd-feature-inner {
    position: relative;
    z-index: 2;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 16px;
}

.aixzd-feature-cover {
    border-radius: 17px;
    overflow: hidden;
    border: 0;
    background: #edf2f8;
    aspect-ratio: 16 / 10;
    position: relative;
    display: block;
}

.aixzd-feature-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aixzd-feature-body {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-width: 0;
    padding: 16px 0 0;
}

.aixzd-feature-top {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.aixzd-feature-titlebox {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.aixzd-feature-logo {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    background: transparent;
    border: 0;
    flex-shrink: 0;
    padding: 0;
}

.aixzd-feature-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 6px;
}

.aixzd-feature-heading {
    min-width: 0;
    flex: 1;
}

.aixzd-feature-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    margin: 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    color: #111827;
}

.aixzd-feature-subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    margin: 5px 0 0;
    font-size: 12px;
    line-height: 1rem;
    font-weight: 500;
    color: #737373;
}

.aixzd-feature-desc {
    white-space: normal;
    overflow-wrap: anywhere;
    flex-shrink: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #737373;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px;
    min-height: 40px;
}

.aixzd-feature-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding-top: 0;
    height: 20px;
    flex-shrink: 0;
    border-top: 0;
}

.aixzd-feature-stats,
.aixzd-feature-fav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 1;
    color: #4b5563;
}

.aixzd-feature-stats span,
.aixzd-feature-card .aixzd-feature-fav button#like-button span {
    display: inline-block;
    min-width: 2ch;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.aixzd-feature-stats i,
.aixzd-feature-fav i {
    color: #6b7280;
}

.aixzd-feature-fav {
    pointer-events: auto;
}

.aixzd-feature-fav button {
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    color: inherit;
    font: inherit;
    padding: 0;
    min-height: 20px;
    line-height: 1;
    flex: 0 0 auto;
    white-space: nowrap;
}

.aixzd-feature-card .aixzd-feature-fav button#like-button span {
    font-size: 12px;
    line-height: 1;
}

.aixzd-feature-card .aixzd-feature-fav button#like-button i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    min-height: 16px;
    font-size: 16px !important;
    line-height: 16px !important;
    flex-shrink: 0;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.aixzd-feature-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    background: rgba(17, 24, 39, 0.8);
    backdrop-filter: blur(10px);
}

.aixzd-article-body,
.aixzd-author-body {
    padding: 14px;
}

.aixzd-author-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.aixzd-author-avatar {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    overflow: hidden;
    background: #eef2ff;
    flex-shrink: 0;
}

.aixzd-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aixzd-author-heading {
    min-width: 0;
    flex: 1;
}

.aixzd-article-title,
.aixzd-author-title {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.aixzd-article-meta,
.aixzd-author-meta {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #6b7280;
}

.aixzd-article-desc,
.aixzd-author-desc {
    margin: 0;
    font-size: 12px;
    line-height: 1rem;
    font-weight: 500;
    color: #737373;
}

.aixzd-section.is-news-section .aixzd-article-link,
.aixzd-section.is-creation-section .aixzd-article-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.aixzd-section.is-news-section .aixzd-article-card,
.aixzd-section.is-creation-section .aixzd-article-card {
    border: 0;
}

.aixzd-section.is-news-section .aixzd-article-body,
.aixzd-section.is-creation-section .aixzd-article-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-height: 0;
}

.aixzd-section.is-news-section .aixzd-article-body {
    display: grid;
    grid-template-rows: calc(1.35em * 2) calc(1.45em * 2) auto;
    gap: 6px;
    align-content: start;
    padding: 12px 12px 14px;
}

.aixzd-section.is-news-section .aixzd-article-title {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    margin: 0;
    min-height: calc(1.35em * 2);
    height: calc(1.35em * 2);
    max-height: calc(1.35em * 2);
    white-space: normal;
    word-break: break-word;
}

.aixzd-section.is-news-section .aixzd-article-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
    font-size: 12px;
    margin: 0;
    min-height: calc(1.45em * 2);
    height: calc(1.45em * 2);
    max-height: calc(1.45em * 2);
    white-space: normal;
    word-break: break-word;
}

.aixzd-section.is-news-section .aixzd-article-meta {
    margin: 0;
    padding-top: 0;
    align-self: start;
}

.aixzd-section.is-creation-section .aixzd-article-title {
    font-size: 14px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    min-height: calc(1.35em * 2);
    height: calc(1.35em * 2);
    max-height: calc(1.35em * 2);
    white-space: normal;
    word-break: break-word;
}

.aixzd-section.is-creation-section .aixzd-article-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.45;
    min-height: calc(1.45em * 2);
    height: calc(1.45em * 2);
    max-height: calc(1.45em * 2);
    white-space: normal;
    word-break: break-word;
}

.aixzd-section.is-creation-section .aixzd-article-meta {
    margin-top: auto;
    padding-top: 4px;
}

.aixzd-section.is-news-section .aixzd-article-thumb,
.aixzd-section.is-creation-section .aixzd-article-thumb {
    flex-shrink: 0;
    overflow: hidden;
    aspect-ratio: auto;
    height: clamp(126px, 7.6vw, 150px);
}

.aixzd-section.is-creation-section .aixzd-article-thumb {
    height: clamp(146px, 8.8vw, 184px);
}

.aixzd-section.is-creation-section .aixzd-article-desc {
    line-height: 1.45;
    min-height: calc(1.45em * 2);
    height: calc(1.45em * 2);
}

.aixzd-section.is-news-section .aixzd-article-thumb img,
.aixzd-section.is-creation-section .aixzd-article-thumb img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.aixzd-author-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 14px;
}

.aixzd-author-stats {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #6b7280;
}

.aixzd-author-stats button {
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: inherit;
}

.dark .aixzd-feature-card {
    border-color: #283246;
    background: #121a28;
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.32);
}

.dark .aixzd-feature-cover {
    border-color: #2c3548;
    background: #1a2435;
}

.dark .aixzd-feature-logo {
    background: transparent;
}

.dark .aixzd-feature-title {
    color: #f8fafc;
}

.dark .aixzd-feature-desc,
.dark .aixzd-feature-stats,
.dark .aixzd-feature-fav,
.dark .aixzd-feature-subtitle {
    color: #737373;
}

.dark .aixzd-feature-stats i,
.dark .aixzd-feature-fav i {
    color: var(--bb-text-muted);
}

.dark .aixzd-feature-actions {
    border-top-color: #2c3548;
}

.aixzd-author-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid #dbe0ea;
    background: #f8fafc;
    color: #1f2937;
    font-size: 12px;
    font-weight: 600;
    min-height: 36px;
    padding: 0 14px;
}

.aixzd-author-button.is-like {
    background: #fff5f7;
    border-color: #fecdd3;
    color: #e11d48;
}

.aixzd-author-button.is-like button {
    border: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.aixzd-article-thumb {
    display: block;
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
}

.aixzd-article-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aixzd-author-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.aixzd-author-card {
    padding: 14px 14px 0;
    border: 0;
}

.aixzd-author-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.aixzd-author-profile {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    text-decoration: none;
    color: inherit;
    flex: 1;
}

.aixzd-author-card .aixzd-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 1px solid #dbe2ee;
    background: #eef2ff;
}

.aixzd-author-summary {
    min-width: 0;
    flex: 1;
}

.aixzd-author-name {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aixzd-author-intro {
    height: 2.7em;
    min-height: 2.7em;
    max-height: 2.7em;
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.35;
    color: #64748b;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aixzd-author-subscribe {
    border: 0;
    border-radius: 999px;
    background: #1d1d1d;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    min-height: 28px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.aixzd-author-works-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.aixzd-author-work {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: #e5e7eb;
    aspect-ratio: 1 / 1;
}

.aixzd-author-work,
.aixzd-author-image {
    position: relative;
}

.aixzd-author-new {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 1;
    padding: 2px 5px;
    border-radius: 4px;
    background: #15803d;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    opacity: .90;
    pointer-events: none;
}

.aixzd-author-work img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.aixzd-author-expand {
    margin-bottom: 0;
    width: 100%;
    color: #334155;
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: none;
    pointer-events: none;
    transition: opacity .2s ease;
}

.aixzd-author-card:hover .aixzd-author-expand,
.aixzd-author-card.is-expanded .aixzd-author-expand {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.aixzd-author-work[hidden] {
    display: none !important;
}

.dark .aixzd-author-card .aixzd-author-avatar {
    border-color: #2c3548;
    background: var(--bb-surface);
}

.dark .aixzd-author-name {
    color: #f8fafc;
}

.dark .aixzd-author-intro {
    color: var(--bb-text-muted);
}

.dark .aixzd-author-work {
    background: var(--bb-surface);
}

.dark .aixzd-author-expand {
    color: var(--bb-text-muted);
}

.aixzd-empty {
    font-size: 14px;
    color: #6b7280;
    padding: 14px;
    background: #fff;
    border: 1px solid #e7ebf3;
    border-radius: 10px;
}

@media (max-width: 1535px) {
    .aixzd-feature-grid,
    .aixzd-article-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .aixzd-author-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .aixzd-author-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .aixzd-layout-wrap,
    .aixzd-wrap {
        max-width: none;
    }

    .aixzd-sidebar-slot {
        display: none;
    }

    .aixzd-shell {
        padding: 14px 12px 0;
    }

    .aixzd-wrap {
        margin-left: 0;
    }

    .aixzd-hero {
        padding: 36px 16px 22px;
    }

    .aixzd-hero-title {
        font-size: 34px;
    }

    .aixzd-homeboard-heading,
    .aixzd-section-title {
        font-size: 18px;
    }

    .aixzd-homeboards-grid,
    .aixzd-feature-grid,
    .aixzd-article-grid,
    .aixzd-author-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1680px) {
    .aixzd-homeboard-desc {
        grid-column: 3 / 5;
    }
}

/*
 * 3. 卡片网格 - 密集布局（4-5列）
 */

.aixzd-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}

@media (max-width: 639px) {
    .aixzd-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

/*
 * 4. 卡片样式 - 白底、圆角、阴影
 */

/* 链接卡片包装器 */
.aixzd-link-card {
    display: block; /* 让整个卡片占据网格单元 */
}

.aixzd-resource-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

@media (prefers-color-scheme: dark) {
    .aixzd-resource-card {
        background: #1a1a1a;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
}

.aixzd-resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

@media (prefers-color-scheme: dark) {
    .aixzd-resource-card:hover {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4);
    }
}

/* 卡片图标 - 左侧固定 */
.aixzd-card-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (prefers-color-scheme: dark) {
    .aixzd-card-icon {
        background: #262626;
    }
}

.aixzd-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.aixzd-icon-placeholder {
    font-size: 24px;
    font-weight: 700;
    color: #a3a3a3;
}

/* 卡片内容 - 右侧自适应 */
.aixzd-card-content {
    flex: 1;
    min-width: 0;
}

/* 标题 - 单行省略 */
.aixzd-card-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 6px 0;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (prefers-color-scheme: dark) {
    .aixzd-card-title {
        color: #f5f5f5;
    }
}

.aixzd-resource-card:hover .aixzd-card-title {
    color: #4f46e5;
}

@media (prefers-color-scheme: dark) {
    .aixzd-resource-card:hover .aixzd-card-title {
        color: #818cf8;
    }
}

/* 描述 - 12px，灰色，两行截断 */
.aixzd-card-desc {
    font-size: 12px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (prefers-color-scheme: dark) {
    .aixzd-card-desc {
        color: #a3a3a3;
    }
}

/* 卡片过渡动画 */
.aixzd-cards-grid .aixzd-link-card {
    transition: opacity 0.2s ease-in-out;
}

/* 空状态 */
.aixzd-nav-empty {
    padding: 20px;
    text-align: center;
    color: #9ca3af;
    font-style: italic;
}

/* 滚动条美化（Webkit浏览器） */
.aixzd-left-sidebar::-webkit-scrollbar {
    width: 6px;
}

.aixzd-left-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.aixzd-left-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

@media (prefers-color-scheme: dark) {
    .aixzd-left-sidebar::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.2);
    }
}

.aixzd-left-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

@media (prefers-color-scheme: dark) {
    .aixzd-left-sidebar::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.3);
    }
}

/* 尊重用户减少动画的偏好 */
@media (prefers-reduced-motion: reduce) {
    .aixzd-nav-link,
    .aixzd-resource-card,
    .aixzd-filter-btn {
        transition: none;
    }

    .aixzd-resource-card:hover {
        transform: none;
    }

    .aixzd-filter-btn.active {
        transform: none;
    }
}

/* ========================================
   以下为网站归档页面的样式
   ======================================== */

/*
 * 修复页面大框架布局 - 将侧边栏推到屏幕最右侧
 */

/* 确保网站页面的外层flex容器正确布局 */
.archive.post-type-archive-beebee_link > div.w-full.flex.justify-between,
.tax-beebee_link_cats > div.w-full.flex.justify-between {
    display: flex !important;
    flex-direction: column !important;
}

/* 桌面端：改为横向布局，侧边栏在最右侧 */
@media (min-width: 1280px) {
    .archive.post-type-archive-beebee_link > div.w-full.flex.justify-between,
    .tax-beebee_link_cats > div.w-full.flex.justify-between {
        flex-direction: row-reverse !important;
        justify-content: flex-start !important;
    }
}

/* 主内容区：占据所有剩余空间 */
.archive.post-type-archive-beebee_link #scrollspy-beebee,
.tax-beebee_link_cats #scrollspy-beebee {
    flex: 1 1 0% !important;
    max-width: calc(100% - 432px) !important; /* 100% - 侧边栏宽度352px - 间距80px */
}

/* 侧边栏：固定宽度，推到最右侧 */
.archive.post-type-archive-beebee_link .single-comments,
.tax-beebee_link_cats .single-comments {
    margin-left: auto !important;
    flex: 0 0 352px !important;
    max-width: 352px !important;
}

/* 响应式：移动端和平板 */
@media (max-width: 1279px) {
    .archive.post-type-archive-beebee_link #scrollspy-beebee,
    .tax-beebee_link_cats #scrollspy-beebee {
        max-width: 100% !important;
    }

    .archive.post-type-archive-beebee_link .single-comments,
    .tax-beebee_link_cats .single-comments {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
}

/* ========================================
 * 以下为药丸标签筛选相关样式
 * ======================================== */

/*
 * 子分类筛选药丸标签样式
 */

/* 分类区块 */
.aixzd-category-block {
    position: relative;
}

/* 药丸标签容器 */
.aixzd-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* 筛选按钮基础样式 */
.aixzd-filter-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
}

/* 默认状态（未激活） */
.aixzd-filter-btn:not(.active) {
    background-color: #f3f4f6;
    color: #374151;
}

.aixzd-filter-btn:not(.active):hover {
    background-color: #e5e7eb;
    color: #111827;
    transform: translateY(-1px);
}

/* 激活状态 */
.aixzd-filter-btn.active {
    background-color: #1f2937;
    color: #ffffff;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.aixzd-filter-btn.active:hover {
    background-color: #111827;
}

/* 暗黑模式 */
@media (prefers-color-scheme: dark) {
    .aixzd-filter-btn:not(.active) {
        background-color: #1f2937;
        color: #d1d5db;
    }

    .aixzd-filter-btn:not(.active):hover {
        background-color: #374151;
        color: #f9fafb;
    }

    .aixzd-filter-btn.active {
        background-color: #ffffff;
        color: #111827;
    }

    .aixzd-filter-btn.active:hover {
        background-color: #f3f4f6;
    }
}

/* 计数 */
.aixzd-filter-btn span[class*="opacity"] {
    margin-left: 0.375rem;
    font-size: 0.75rem;
    opacity: 0.6;
}

/* 链接卡片包装器 */
.aixzd-link-card {
    display: contents; /* 保持grid布局正常 */
}

/* 卡片过渡动画 */
.aixzd-cards-grid .aixzd-link-card > * {
    transition: opacity 0.2s ease-in-out;
}

/* 响应式：移动端调整 */
@media (max-width: 639px) {
    .aixzd-filter-pills {
        width: 100%;
    }
}

/* 尊重用户减少动画的偏好 */
@media (prefers-reduced-motion: reduce) {
    .aixzd-filter-btn,
    .aixzd-cards-grid .aixzd-link-card > * {
        transition: none !important;
    }

    .aixzd-filter-btn.active {
        transform: none !important;
    }
}

/* 临时调试：确认 CSS 加载 */
.archive.post-type-archive-beebee_link,
.tax-beebee_link_cats {
    --aixzd-debug: active;
}

/*
 * 第一步：重写网格布局
 * 使用更精确的选择器
 */

/* 针对所有网站相关的网格容器 */
.archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
.tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
    display: grid !important;
    grid-template-columns: repeat(var(--aixzd-cols, 5), minmax(0, 1fr)) !important;
    gap: 18px !important;
    justify-content: start !important;
}

/* 同时也尝试通用选择器（备用方案） */
.category-section .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
[class*="post-type-archive-beebee_link"] .grid,
[class*="tax-beebee_link_cats"] .grid {
    display: grid !important;
    grid-template-columns: repeat(var(--aixzd-cols, 5), minmax(0, 1fr)) !important;
    gap: 18px !important;
    justify-content: start !important;
}

.archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > *,
.tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 > * {
    width: 100%;
    max-width: none;
}

/* 响应式优化：移动端保持 2 列，平板 3 列 */
@media (min-width: 640px) and (max-width: 1023px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm:grid-cols-2.lg:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm:grid-cols-2.lg:grid-cols-3 {
        --aixzd-cols: 3;
        grid-template-columns: repeat(var(--aixzd-cols), minmax(0, 1fr));
    }
}

@media (max-width: 639px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm:grid-cols-2.lg:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm:grid-cols-2.lg:grid-cols-3 {
        --aixzd-cols: 2;
        grid-template-columns: repeat(var(--aixzd-cols), minmax(0, 1fr));
        gap: 18px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 4;
    }
}

@media (min-width: 1280px) and (max-width: 1679px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 5;
    }
}

@media (min-width: 1680px) and (max-width: 3840px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 6;
    }
}

@media (min-width: 3841px) {
    .archive.post-type-archive-beebee_link .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3,
    .tax-beebee_link_cats .grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3 {
        --aixzd-cols: 7;
    }
}

/*
 * 第二步：精修卡片 UI（优设风格）
 */

/* 整体外观：白色背景，圆角，轻微阴影 */
.archive.post-type-archive-beebee_link .low-muted-btn,
.tax-beebee_link_cats .low-muted-btn {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    border: 1px solid #f0f0f0;
    padding: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* 暗黑模式下的卡片 */
@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .low-muted-btn,
    .tax-beebee_link_cats .low-muted-btn {
        background-color: #1a1a1a;
        border-color: #333333;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }
}

/* Hover 动画：上浮效果 */
.archive.post-type-archive-beebee_link .low-muted-btn:hover,
.tax-beebee_link_cats .low-muted-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .low-muted-btn:hover,
    .tax-beebee_link_cats .low-muted-btn:hover {
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.2);
    }
}

/* 内部布局：确保横向对齐 */
.archive.post-type-archive-beebee_link .low-muted-btn,
.tax-beebee_link_cats .low-muted-btn {
    display: flex !important;
    align-items: center !important;
}

/*
 * 左侧图标：固定宽高 40x40
 */
.archive.post-type-archive-beebee_link .low-muted-btn .size-8,
.tax-beebee_link_cats .low-muted-btn .size-8 {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
}

/* 图标背景色 */
.archive.post-type-archive-beebee_link .low-muted-btn .bg-neutral-200,
.tax-beebee_link_cats .low-muted-btn .bg-neutral-200 {
    background-color: #f5f5f5 !important;
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .low-muted-btn .bg-neutral-200,
    .tax-beebee_link_cats .low-muted-btn .bg-neutral-200 {
        background-color: #2a2a2a !important;
    }
}

/* 图标内的图片 */
.archive.post-type-archive-beebee_link .low-muted-btn .size-8 img,
.tax-beebee_link_cats .low-muted-btn .size-8 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*
 * 右侧文字区
 */

/* 主内容容器 */
.archive.post-type-archive-beebee_link .low-muted-btn > div[class*="hs-tooltip-toggle"],
.archive.post-type-archive-beebee_link .low-muted-btn > .grow,
.tax-beebee_link_cats .low-muted-btn > div[class*="hs-tooltip-toggle"],
.tax-beebee_link_cats .low-muted-btn > .grow {
    flex: 1;
    min-width: 0; /* 允许 flex 子项收缩 */
    margin-left: 12px;
}

/* 标题：加粗，单行截断 */
.archive.post-type-archive-beebee_link .low-muted-btn h4,
.tax-beebee_link_cats .low-muted-btn h4 {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .low-muted-btn h4,
    .tax-beebee_link_cats .low-muted-btn h4 {
        color: #ffffff;
    }
}

/* 描述：两行截断 */
.archive.post-type-archive-beebee_link .low-muted-btn p,
.tax-beebee_link_cats .low-muted-btn p {
    font-size: 13px;
    color: #9ca3af;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .low-muted-btn p,
    .tax-beebee_link_cats .low-muted-btn p {
        color: #6b7280;
    }
}

/* 链接覆盖层（保持功能） */
.archive.post-type-archive-beebee_link .low-muted-btn .link.z-\[5\],
.tax-beebee_link_cats .low-muted-btn .link.z-\[5\] {
    z-index: 10;
}

/*
 * 额外的视觉优化
 */

/* 卡片顶部的渐变装饰（可选） */
.archive.post-type-archive-beebee_link .low-muted-btn::before,
.tax-beebee_link_cats .low-muted-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.archive.post-type-archive-beebee_link .low-muted-btn:hover::before,
.tax-beebee_link_cats .low-muted-btn:hover::before {
    transform: scaleX(1);
}

/*
 * 分类标题样式优化
 */
.archive.post-type-archive-beebee_link .category-section h2,
.tax-beebee_link_cats .category-section h2 {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .category-section h2,
    .tax-beebee_link_cats .category-section h2 {
        color: #ffffff;
        border-bottom-color: #374151;
    }
}

.archive.post-type-archive-beebee_link .category-section h2 span,
.tax-beebee_link_cats .category-section h2 span {
    color: #6b7280;
    font-weight: 400;
}

@media (prefers-color-scheme: dark) {
    .archive.post-type-archive-beebee_link .category-section h2 span,
    .tax-beebee_link_cats .category-section h2 span {
        color: #9ca3af;
    }
}

/*
 * 禁用原有的 tooltip（如果不需要弹层提示）
 * 取消注释以下代码来禁用 tooltip
 */
/*
body[class*="beebee_link"] .low-muted-btn .hs-tooltip-content {
    display: none !important;
}
*/

/*
 * 移动端优化
 */
@media (max-width: 639px) {
    /* 移动端减小图标和字体 */
    .archive.post-type-archive-beebee_link .low-muted-btn .size-8,
    .tax-beebee_link_cats .low-muted-btn .size-8 {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px;
        min-height: 36px;
    }

    .archive.post-type-archive-beebee_link .low-muted-btn h4,
    .tax-beebee_link_cats .low-muted-btn h4 {
        font-size: 13px;
    }

    .archive.post-type-archive-beebee_link .low-muted-btn p,
    .tax-beebee_link_cats .low-muted-btn p {
        font-size: 12px;
        -webkit-line-clamp: 1; /* 移动端只显示一行 */
    }

    .archive.post-type-archive-beebee_link .low-muted-btn,
    .tax-beebee_link_cats .low-muted-btn {
        padding: 12px;
    }
}

/*
 * 加载状态和动画优化
 */

/* 减少动画（尊重用户偏好） */
@media (prefers-reduced-motion: reduce) {
    .archive.post-type-archive-beebee_link .low-muted-btn,
    .tax-beebee_link_cats .low-muted-btn {
        transition: none;
    }

    .archive.post-type-archive-beebee_link .low-muted-btn:hover,
    .tax-beebee_link_cats .low-muted-btn:hover {
        transform: none;
    }

    .archive.post-type-archive-beebee_link .low-muted-btn::before,
    .tax-beebee_link_cats .low-muted-btn::before {
        transition: none;
    }
}

/*
 * 打印样式
 */
@media print {
    .archive.post-type-archive-beebee_link .low-muted-btn,
    .tax-beebee_link_cats .low-muted-btn {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ccc;
    }
}

/* ========================================
 * 单篇内容页防止横向溢出
 * ======================================== */

body.single {
    overflow-x: clip;
}

body.single .beebee-theme-wrapper,
body.single #body-content,
body.single #body-content-swup-wrap,
body.single .content-wrapper,
body.single .container-minified,
body.single .single-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

body.single .single-shell {
    min-width: 0;
}

body.single .single-content {
    overflow-x: clip;
}

@media (min-width: 1280px) {
    body.single .single-content {
        overflow: visible;
    }
}

body.single .single-content > * {
    min-width: 0;
}

body.single .single-content img,
body.single .single-content video,
body.single .single-content iframe,
body.single .single-content table,
body.single .single-content pre {
    max-width: 100%;
}

body.single .single-content table {
    display: block;
    overflow-x: auto;
}

body.single .single-comments {
    max-width: 100%;
}

@media (min-width: 1280px) {
    body.single-entry-beebee_link .link-single-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 352px;
        align-items: start;
        column-gap: clamp(48px, 4vw, 80px);
    }

    body.single-entry-beebee_link .link-single-layout > .single-comments {
        grid-column: 2;
        grid-row: 1;
        width: 352px;
        max-width: 352px;
    }

    body.single-entry-beebee_link .link-single-layout > .flex {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }

    #blog-sidebar-column {
        position: sticky;
        top: 110px;
        align-self: flex-start;
        flex: 0 0 352px;
        max-width: 352px;
        max-height: calc(100dvh - 110px);
        z-index: 20;
    }

    #blog-sidebar-toc-wrap {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        max-height: calc(100dvh - 110px);
        padding-bottom: 110px;
    }

    #blog-sidebar-toc-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
    }

    #blog-sidebar-comment-slot {
        z-index: 21;
    }

    #blog-sidebar-comment-slot .fixedcommentsscroll {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - 134px) !important;
        margin: 0 !important;
    }

    #blog-sidebar-comment-slot .aixzd-blog-sidebar-comment[class*="md:h-[calc(100dvh-173px)]"] {
        height: min(72dvh, 720px) !important;
    }

    body.single-post #link-sidebar-column,
    body.single-beebee_blog #link-sidebar-column {
        align-self: flex-start;
        flex: 0 0 352px;
        max-width: 352px;
    }

    body.single-post #link-sidebar-toc-wrap,
    body.single-beebee_blog #link-sidebar-toc-wrap {
        position: sticky !important;
        top: 110px !important;
        display: flex !important;
        flex-direction: column;
        max-height: calc(100dvh - 110px);
        padding-bottom: 110px;
        z-index: 20;
    }

    body.single-post #link-sidebar-toc-scroll,
    body.single-beebee_blog #link-sidebar-toc-scroll {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
    }
}

html:not(.dark) body:not(.dark) #contain-content,
html:not(.dark) body:not(.dark) #link-content,
html:not(.dark) body:not(.dark) #scrollspy-beebee,
html:not(.dark) body:not(.dark) #blog-sidebar-column,
html:not(.dark) body:not(.dark) #blog-sidebar-toc-wrap,
html:not(.dark) body:not(.dark) #blog-sidebar-toc-scroll,
html:not(.dark) body:not(.dark) #link-sidebar-column,
html:not(.dark) body:not(.dark) #link-sidebar-card-wrap,
html:not(.dark) body:not(.dark) #link-sidebar-toc-wrap,
html:not(.dark) body:not(.dark) #link-sidebar-toc-scroll {
    background-color: var(--beebeework-site-bg) !important;
}

@media (min-width: 1680px) {
    body.single-post .single-shell {
        max-width: calc(100vw - 48px);
    }

    body.single-post .single-content {
        gap: 80px;
        justify-content: space-between;
    }

    body.single-post #contain-content {
        flex: 1 1 auto;
        min-width: 0;
    }

    body.single-post #link-sidebar-column {
        margin-left: auto;
        flex: 0 0 352px;
        max-width: 352px;
    }
}

.single-comments #link-sidebar-toc-wrap .toc-container,
.single-comments #blog-sidebar-toc-wrap .toc-container,
body.single #link-sidebar-toc-wrap .toc-container,
body.single #blog-sidebar-toc-wrap .toc-container {
    box-sizing: border-box;
    padding-top: 18px;
    scroll-padding-top: 18px;
    scrollbar-gutter: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.single-comments #link-sidebar-toc-scroll,
.single-comments #blog-sidebar-toc-scroll,
body.single #link-sidebar-toc-scroll,
body.single #blog-sidebar-toc-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.single-comments #link-sidebar-toc-scroll::-webkit-scrollbar,
.single-comments #blog-sidebar-toc-scroll::-webkit-scrollbar,
body.single #link-sidebar-toc-scroll::-webkit-scrollbar,
body.single #blog-sidebar-toc-scroll::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.single-comments .toc-container.desktop .toc-item,
body.single #link-sidebar-toc-wrap .toc-item {
    position: relative;
}

.single-comments .toc-container.desktop .toc-item-a,
body.single #link-sidebar-toc-wrap .toc-item-a {
    position: relative;
    display: block;
    border-left: 2px solid transparent;
    padding-left: 10px;
}

.single-comments .toc-container.desktop .toc-item-a::before,
body.single #link-sidebar-toc-wrap .toc-item-a::before {
    display: none;
}

.single-comments .toc-container.desktop .toc-item > .toc-item-a.active::before,
.single-comments .toc-container.desktop .toc-item.is-active-path > .toc-item-a::before,
body.single #link-sidebar-toc-wrap .toc-item > .toc-item-a.active::before,
body.single #link-sidebar-toc-wrap .toc-item.is-active-path > .toc-item-a::before {
    opacity: 0;
}

.single-comments .toc-container.desktop .toc-item.is-active-path > .toc-item-a,
body.single #link-sidebar-toc-wrap .toc-item.is-active-path > .toc-item-a {
    color: inherit;
    border-left-color: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.single-comments .toc-container.desktop .toc-item > .toc-item-a.active,
body.single #link-sidebar-toc-wrap .toc-item > .toc-item-a.active {
    border-left-color: currentColor !important;
}

.single-comments .toc-container.desktop .toc-item > .toc-item-a.active,
.single-comments .toc-container.desktop .toc-item > .toc-item-a.active .toc-item-span,
.single-comments .toc-container.desktop .toc-item > .toc-item-a.active > span,
.single-comments .toc-container.desktop .toc-item > .toc-item-a.active *,
body.single .single-comments .toc-container .desktop .toc-item-a.active,
body.single .single-comments .toc-container .desktop .toc-item-a.active .toc-item-span,
body.single .single-comments .toc-container .desktop .toc-item-a.active > span,
body.single .single-comments .toc-container .desktop .toc-item-a.active *,
body.single #link-sidebar-toc-scroll a.toc-item-a.active,
body.single #link-sidebar-toc-scroll a.toc-item-a.active .toc-item-span,
body.single #link-sidebar-toc-scroll a.toc-item-a.active > span,
body.single #link-sidebar-toc-scroll a.toc-item-a.active * {
    color: #0ea5e9 !important;
}

body.single .single-comments .toc-container .desktop .toc-item-a.active,
.single-comments .toc-container.desktop .toc-item > .toc-item-a.active,
body.single .single-comments .toc-container .desktop .toc-item-a.active,
body.single #link-sidebar-toc-wrap .toc-item > .toc-item-a.active,
body.single #link-sidebar-toc-scroll .toc-item > .toc-item-a.active {
    border-left-color: #0ea5e9 !important;
    background-color: rgba(14, 165, 233, 0.08) !important;
    border-radius: 0 !important;
}

body.single .single-comments .toc-container .desktop .toc-item-a.active {
    color: #0ea5e9 !important;
    border-color: #0ea5e9 !important;
}

body.single-beebee_link #link-sidebar-card-wrap,
body.single-beebee_link #link-sidebar-card,
body.single-entry-beebee_link #link-sidebar-card-wrap,
body.single-entry-beebee_link #link-sidebar-card {
    border: none !important;
}

#link-sidebar-card-wrap,
#link-sidebar-card {
    border: none !important;
}

body.single-beebee_link .single-comments .toc-container .desktop .toc-item-a.active,
body.single-beebee_link .single-comments .toc-container .desktop .toc-item-a.active .toc-item-span,
body.single-beebee_link .single-comments .toc-container .desktop .toc-item-a.active > span,
body.single-beebee_link .single-comments .toc-container .desktop .toc-item-a.active * {
    color: #0ea5e9 !important;
}

body.single-beebee_link .single-comments .toc-container .desktop .toc-item-a.active {
    border-color: #0ea5e9 !important;
    background-color: rgba(14, 165, 233, 0.08) !important;
}

body.single-beebee_link .link-sidebar-meta-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#link-sidebar-card-wrap .link-sidebar-meta-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.single-beebee_link .link-sidebar-meta-pill {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    color: #1f2937;
    transition: background-color .2s ease, color .2s ease;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    color: #1f2937;
    transition: background-color .2s ease, color .2s ease;
    text-decoration: none;
}

body.single-beebee_link .link-sidebar-meta-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.06);
}

#link-sidebar-card-wrap .link-sidebar-meta-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.06);
}

body.single-beebee_link .link-sidebar-meta-pill.is-link:hover {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

.dark body.single-beebee_link .link-sidebar-meta-pill {
    color: var(--bb-text);
}

.dark #link-sidebar-card-wrap .link-sidebar-meta-pill {
    color: var(--bb-text);
}

.dark body.single-beebee_link .link-sidebar-meta-pill.is-link:hover {
    background: rgba(14, 165, 233, 0.18);
    color: #7dd3fc;
}

.dark #link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover {
    background: rgba(14, 165, 233, 0.18);
    color: #7dd3fc;
}

body.single-beebee_link .link-sidebar-meta-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 44px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .02em;
}

.dark body.single-beebee_link .link-sidebar-meta-badge {
    background: rgba(24,24,24, 0.88);
    color: var(--bb-text-secondary);
}

body.single-beebee_link .link-sidebar-meta-icon {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    flex-shrink: 0;
}

#link-sidebar-card-wrap .link-sidebar-meta-icon {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    flex-shrink: 0;
}

body.single-beebee_link .link-sidebar-meta-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
    flex: 1 1 auto;
}

#link-sidebar-card-wrap .link-sidebar-meta-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
    flex: 1 1 auto;
}

body.single-beebee_link .link-sidebar-platform-line {
    display: block;
    min-width: 0;
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word;
}

#link-sidebar-card-wrap .link-sidebar-platform-line {
    display: block;
    min-width: 0;
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word;
}

body.single-beebee_link .link-sidebar-platform-alt {
    display: none;
}

#link-sidebar-card-wrap .link-sidebar-platform-alt {
    display: none;
}

body.single-beebee_link .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-default {
    display: none;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-default {
    display: none;
}

body.single-beebee_link .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-alt {
    display: inline;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-alt {
    display: inline;
}

body.single-beebee_link .link-sidebar-meta-note {
    font-size: 11px;
    line-height: 1.35;
    color: #64748b;
}

#link-sidebar-card-wrap .link-sidebar-meta-note {
    font-size: 11px;
    line-height: 1.35;
    color: #64748b;
}

.dark body.single-beebee_link .link-sidebar-meta-note {
    color: var(--bb-text-muted);
}

.dark #link-sidebar-card-wrap .link-sidebar-meta-note {
    color: var(--bb-text-muted);
}

body.single-beebee_link .link-sidebar-download-row {
    display: block;
    border-radius: 12px;
    background: rgb(15 23 42 / 3%);
    overflow: hidden;
}

#link-sidebar-card-wrap .link-sidebar-download-row {
    display: block;
    border-radius: 12px;
    background: rgb(15 23 42 / 3%);
    overflow: hidden;
}

body.single-beebee_link .link-sidebar-version-inline {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #0ea5e9;
    line-height: 1.45;
    word-break: break-word;
}

#link-sidebar-card-wrap .link-sidebar-version-inline {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #0ea5e9;
    line-height: 1.45;
    word-break: break-word;
}

.dark body.single-beebee_link .link-sidebar-version-inline {
    color: #38bdf8;
}

.dark #link-sidebar-card-wrap .link-sidebar-version-inline {
    color: #38bdf8;
}

body.single-beebee_link .link-sidebar-version-label {
    color: #000000;
    opacity: 0.8;
}

#link-sidebar-card-wrap .link-sidebar-version-label {
    color: #000000;
    opacity: 0.8;
}

body.single-beebee_link .link-sidebar-version-value {
    color: inherit;
}

#link-sidebar-card-wrap .link-sidebar-version-value {
    color: inherit;
}

.dark body.single-beebee_link .link-sidebar-download-row {
    background: rgb(255 255 255 / 6%);
}

.dark #link-sidebar-card-wrap .link-sidebar-download-row {
    background: rgb(255 255 255 / 6%);
}

/* Restore the original friend-link sidebar card style.
   The page body doesn't expose `single-beebee_link`, so bind directly to the stable sidebar IDs. */
#link-sidebar-card-wrap .link-sidebar-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration: none;
}

#link-sidebar-card-wrap .link-sidebar-meta-icon {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
}

#link-sidebar-card-wrap .link-sidebar-meta-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
    flex: 1 1 auto;
}

#link-sidebar-card-wrap .link-sidebar-platform-alt {
    display: none;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-default {
    display: none;
}

#link-sidebar-card-wrap .link-sidebar-meta-pill.is-link:hover .link-sidebar-platform-alt {
    display: inline;
}

#link-sidebar-card-wrap .link-sidebar-download-row {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: rgb(15 23 42 / 3%);
    overflow: visible;
}

#link-sidebar-card-wrap .link-sidebar-version-link {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 500;
    padding-right: 15px;
    color: #0ea5e9;
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s ease, opacity .2s ease;
}

#link-sidebar-card-wrap .link-sidebar-version-link:hover {
    color: #0284c7;
}

#link-sidebar-card-wrap .link-sidebar-version-label {
    color: #000000;
    opacity: 0.8;
}

#link-sidebar-card-wrap .link-sidebar-version-value {
    color: inherit;
}

#link-sidebar-card-wrap .link-sidebar-meta-note {
    font-size: 11px;
    line-height: 1.35;
    color: #64748b;
}

.dark #link-sidebar-card-wrap .link-sidebar-download-row {
    background: rgb(255 255 255 / 6%);
}

.dark #link-sidebar-card-wrap .link-sidebar-version-link {
    color: #38bdf8;
}

.dark #link-sidebar-card-wrap .link-sidebar-version-link:hover {
    color: #7dd3fc;
}

.dark #link-sidebar-card-wrap .link-sidebar-meta-note {
    color: var(--bb-text-muted);
}


.aixzd-tree-toggle {
    border: 0;
    background: transparent;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease, color .2s ease;
}

[data-aixzd-group].is-open .aixzd-tree-toggle {
    transform: rotate(90deg);
}

.aixzd-tree-children {
    display: none;
    flex-direction: column;
    gap: 4px;
}

[data-aixzd-group].is-open .aixzd-tree-children {
    display: flex;
}

.hs-overlay-minified .aixzd-tree-toggle,
.hs-overlay-minified .aixzd-tree-children {
    display: none !important;
}

body.single-beebee_link .beebee-content h1 {
    margin-top: 1rem !important;
}

.aixzd-header-hover-wrap {
    margin-left: -10px;
}

.aixzd-header-hover-icon {
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 14px;
    overflow: hidden;
}

.aixzd-header-hover-icon img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .28s ease, transform .28s ease;
}

.aixzd-header-hover-icon .aixzd-header-hover-icon-alt {
    opacity: 0;
    transform: scale(.96);
}

.aixzd-header-hover-wrap:hover .aixzd-header-hover-icon-base,
.aixzd-header-hover-wrap:focus-within .aixzd-header-hover-icon-base {
    opacity: 0;
    transform: scale(1.03);
}

.aixzd-header-hover-wrap:hover .aixzd-header-hover-icon-alt,
.aixzd-header-hover-wrap:focus-within .aixzd-header-hover-icon-alt {
    opacity: 1;
    transform: scale(1);
}

body.aixzd-page.aixzd-postchat-scroll-sync #body-content,
body.aixzd-page.aixzd-postchat-scroll-sync #body-content-swup-wrap {
    position: fixed !important;
    inset: 0 !important;
    top: var(--aixzd-postchat-lock-offset, 0) !important;
    width: 100% !important;
    overflow: hidden !important;
}

@media (min-width: 768px) {
    .aixzd-home-nav-shell #hs-sidebar-content-push:hover .minified-btn-ctl,
    .aixzd-home-nav-shell #hs-sidebar-content-push:focus-within .minified-btn-ctl {
        display: flex !important;
    }

    .aixzd-home-nav-shell {
        --aixzd-sidebar-width: clamp(150px, 10vw, 175px);
        --aixzd-sidebar-width-minified: 72px;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar {
        width: var(--aixzd-sidebar-width) !important;
        transition: width .3s ease, transform .3s ease !important;
        will-change: width, transform;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .main-menu-a,
    .aixzd-context-sidebar .main-menu-a,
    .aixzd-home-nav-shell .aixzd-home-nav-sidebar #hs-dropdown-menu-foot {
        overflow: hidden;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .main-menu-span,
    .aixzd-context-sidebar .main-menu-span {
        display: block !important;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        opacity: 1;
        max-width: 180px;
        transition:
            max-width .16s linear .08s,
            opacity .08s linear .08s;
        will-change: max-width, opacity;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-content.container-minified {
        margin-left: var(--aixzd-sidebar-width) !important;
        transition: margin-left .3s ease !important;
        will-change: margin-left;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar {
        width: var(--aixzd-sidebar-width-minified) !important;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-content.container-minified {
        margin-left: var(--aixzd-sidebar-width-minified) !important;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .main-menu-span,
    .hs-overlay-minified .aixzd-context-sidebar .main-menu-span {
        opacity: 0;
        max-width: 0;
        transition:
            max-width .08s linear,
            opacity .06s linear;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-tree-toggle,
    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-tree-children {
        display: none !important;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .main-menu-a,
    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar #hs-dropdown-menu-foot,
    .hs-overlay-minified .aixzd-context-sidebar .main-menu-a,
    .hs-overlay-minified .aixzd-context-sidebar #hs-dropdown-menu-foot {
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 0 !important;
    }

    .hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .main-menu,
    .hs-overlay-minified .aixzd-context-sidebar .main-menu {
        margin-right: 0 !important;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-inline-icon,
    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-img-icon,
    .aixzd-context-sidebar .aixzd-sidebar-inline-icon,
    .aixzd-context-sidebar .aixzd-sidebar-img-icon {
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-inline-icon,
    .aixzd-context-sidebar .aixzd-sidebar-inline-icon {
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-svg-fallback {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-svg-fallback[hidden] {
        display: none !important;
    }

    .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-nav-tip,
    .aixzd-context-sidebar .aixzd-sidebar-nav-tip {
        position: absolute;
        left: 100%;
        top: 50%;
        z-index: 80;
        display: inline-block;
        visibility: hidden;
        opacity: 0;
        transform: translate(4px, -50%);
        pointer-events: none;
        padding: .625rem .625rem;
        border-radius: .5rem;
        background: rgb(17 24 39);
        color: #fff;
        font-size: .75rem;
        line-height: 1rem;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .14);
        transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
    }

    .dark .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-nav-tip,
    .dark .aixzd-context-sidebar .aixzd-sidebar-nav-tip {
        background: rgb(64 64 64);
    }

    html.aixzd-sidebar-tip-js-ready .aixzd-home-nav-shell .aixzd-home-nav-sidebar .aixzd-sidebar-nav-tip,
    html.aixzd-sidebar-tip-js-ready .aixzd-context-sidebar .aixzd-sidebar-nav-tip {
        display: none !important;
    }

    html:not(.aixzd-sidebar-tip-js-ready).hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .hs-tooltip:hover > .aixzd-sidebar-nav-tip,
    html:not(.aixzd-sidebar-tip-js-ready).hs-overlay-minified .aixzd-home-nav-shell .aixzd-home-nav-sidebar .hs-tooltip:focus-within > .aixzd-sidebar-nav-tip,
    html:not(.aixzd-sidebar-tip-js-ready).hs-overlay-minified .aixzd-context-sidebar .hs-tooltip:hover > .aixzd-sidebar-nav-tip,
    html:not(.aixzd-sidebar-tip-js-ready).hs-overlay-minified .aixzd-context-sidebar .hs-tooltip:focus-within > .aixzd-sidebar-nav-tip {
        visibility: visible;
        opacity: 1;
        transform: translate(10px, -50%);
    }

    .aixzd-sidebar-floating-tip {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-50%);
        pointer-events: none;
        padding: .625rem .625rem;
        border-radius: .5rem;
        background: rgb(17 24 39);
        color: #fff;
        font-size: .75rem;
        line-height: 1rem;
        white-space: nowrap;
        box-shadow: 0 8px 20px rgba(15, 23, 42, .14);
        transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
    }

    .dark .aixzd-sidebar-floating-tip {
        background: rgb(64 64 64);
    }

    .aixzd-sidebar-floating-tip.is-visible {
        visibility: visible;
        opacity: 1;
        transform: translateY(-50%);
    }
}

@media (min-width: 960px) {
    .aixzd-page .md\:h-\[350px\] {
        height: 200px !important;
    }
}

/* Global PostChat visual normalization.
   Keep the 3D nav page's scroll-sync behavior in `template-3d-nav.php`,
   but let content pages share the same chat typography and spacing. */
.postChatMagic-messages .message,
.postChatMagic-messagePopIn,
.postChatMagic-messages .message.ai-message,
.postChatMagic-messages .message.user-message {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;
    margin: 0 !important;
}

.postChatMagic-messages {
    gap: 12px !important;
    padding-bottom: 88px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    width: min(88vw, 980px) !important;
    max-width: calc(100vw - 48px) !important;
}

.postChatMagic-messages::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

.postChatMagic-messages .message-content,
.postChatMagic-messages .message-content * {
    position: static !important;
    text-indent: 0 !important;
    writing-mode: horizontal-tb !important;
}

.postChatMagic-messages .message-content {
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
}

.postChatMagic-messages .message-content p,
.postChatMagic-messages .message-content li,
.postChatMagic-messages .message-content td,
.postChatMagic-messages .message-content th {
    font-size: 16px !important;
    line-height: 1.8 !important;
}

.postChatMagic-messages .message-content p {
    margin: 0 0 0.9em !important;
}

.postChatMagic-messages .message-content ul,
.postChatMagic-messages .message-content ol {
    padding-left: 1.5em !important;
    margin: 0.6em 0 1em !important;
}

.postChatMagic-messages .message-content li + li {
    margin-top: 0.35em !important;
}

.postChatMagic-messages .message-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0.8em 0 1em !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
    background: rgba(255, 255, 255, 0.72) !important;
}

.postChatMagic-messages .message-content th,
.postChatMagic-messages .message-content td {
    padding: 0.45em 0.55em !important;
    vertical-align: top !important;
    border: 1px solid rgba(17, 24, 39, 0.14) !important;
}

.postChatMagic-messages .message-content th {
    background: rgba(17, 24, 39, 0.04) !important;
    font-weight: 600 !important;
}

.postChatMagic-messages .message.ai-message,
.postChatMagic-messages .message.ai-message .message-content {
    width: 100% !important;
    max-width: 100% !important;
}

.postChatMagic-messages .message.user-message {
    max-width: min(72%, 560px) !important;
}

.postChatMagic-container,
.postChatMagic-container.heo_show {
    width: min(72vw, 720px) !important;
    max-width: calc(100vw - 96px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#postChat_button,
#postchat_button {
    display: none !important;
}

.postChatMagic-container input,
.postChatMagic-container textarea,
.postChatMagic-container input:focus,
.postChatMagic-container textarea:focus,
.postChatMagic-container input:focus-visible,
.postChatMagic-container textarea:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

/* 作品弹窗打开时，保留原位置卡片可见，避免抽空卡片区域 */
:root {
    --overlay-scale-x: 1;
    --overlay-scale-y: 1;
}

.work-item-card:has(a.mask.on) .maskdo,
.work-item-card.aixzd-origin-open .maskdo,
.work-item-card.aixzd-origin-open .cover,
.work-item-card.aixzd-origin-open .real-content {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 作品弹窗动画改成只走 transform / opacity，避免 width / height 动画造成卡顿 */
.work-single-overlay,
.common-single-overlay {
    transform: translate3d(var(--overlay-x, 0), var(--overlay-y, 0), 0)
        scale(var(--overlay-scale-x, var(--overlay-s, 1)), var(--overlay-scale-y, var(--overlay-s, 1))) !important;
    transition-property: transform, opacity !important;
    transition-duration: 0.32s !important;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: transform, opacity !important;
}

.work-single-overlay .pre-contain-left,
.work-single-overlay .pre-contain-top {
    transition-property: opacity, background-color, filter !important;
    transition-duration: 0.24s !important;
}

.work-single-overlay #contain-content,
.work-single-overlay #contain-right,
.work-single-overlay .post-main-content-wrapper {
    transition-property: opacity, transform !important;
    transition-duration: 0.01s !important;
}

html.aixzd-work-archive,
body.aixzd-work-archive {
    max-width: 100%;
    overflow-x: hidden !important;
}

html.aixzd-work-archive {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
}
html.aixzd-work-archive::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

body.aixzd-work-archive.is-locked {
    overflow: hidden !important;
    box-sizing: border-box;
    padding-right: 0 !important;
}

body.aixzd-work-archive.is-locked.is-scroll-lockable {
    position: fixed !important;
    inset: 0 !important;
}

body.aixzd-work-archive .beebee-theme-wrapper,
body.aixzd-work-archive .swup-body,
body.aixzd-work-archive astro-create-new,
body.aixzd-work-archive astro-list-grid,
body.aixzd-work-archive .grid-wrapper,
body.aixzd-work-archive #beebee_work-grid {
    min-width: 0;
    max-width: 100%;
}

body.aixzd-work-archive .beebee-theme-wrapper,
body.aixzd-work-archive .swup-body,
body.aixzd-work-archive .grid-wrapper,
body.aixzd-work-archive #beebee_work-grid {
    overflow-x: clip;
}

/* 弹窗打开态：保持可滚动但隐藏滚动条 */
html.aixzd-work-archive.aixzd-modal-open,
html.aixzd-work-archive.modal-open {
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    scrollbar-gutter: auto !important;
}

html.aixzd-work-archive.aixzd-modal-open::-webkit-scrollbar,
html.aixzd-work-archive.modal-open::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

html.aixzd-work-archive.aixzd-modal-open,
html.aixzd-work-archive.aixzd-modal-open body.aixzd-work-archive,
html.aixzd-work-archive.modal-open,
html.aixzd-work-archive.modal-open body.aixzd-work-archive {
    overflow-x: hidden !important;
}

/* ========================================
   关闭弹窗时抑制 swup 进度条与过渡动画 (2026-04-24)
   原因：swup 进度条 + 过渡动画会让用户感觉页面"刷新"了一下；
         加上此类后，swup 导航仍然发生（保持内部 URL 状态正确），
         但视觉上完全透明，不显示任何加载迹象。
   ======================================== */
html.aixzd-suppress-swup .swup-progress-bar {
    display: none !important;
    opacity: 0 !important;
}
/* 弹窗容器内的 transition-fade 过渡也一并关掉，防止内容闪烁 */
html.aixzd-suppress-swup #contain-content.transition-fade {
    transition: none !important;
    opacity: 1 !important;
}
/* 兜底：swup is-animating/is-leaving/is-rendering 阶段给背景加的动画全部压掉
   （正常情况下 JS 层的 visit:transition before-hook 已经把 animate 设为 false，
   这几条是在 hook 还没注册时的 CSS 层防线） */
html.aixzd-suppress-swup.is-animating #contain-content,
html.aixzd-suppress-swup.is-leaving #contain-content,
html.aixzd-suppress-swup.is-rendering #contain-content,
html.aixzd-suppress-swup.is-changing #contain-content {
    transition: none !important;
    opacity: 1 !important;
    animation: none !important;
}
html.aixzd-suppress-swup.is-animating .swup-body,
html.aixzd-suppress-swup.is-leaving .swup-body,
html.aixzd-suppress-swup.is-rendering .swup-body,
html.aixzd-suppress-swup.is-changing .swup-body {
    transition: none !important;
    opacity: 1 !important;
    animation: none !important;
}

/* ========================================
   排行榜标题和描述长度优化 - 2026-04-20
   使用更高优先级确保样式生效
   ======================================== */

/* 强制覆盖排行榜链接布局 */
.aixzd-homeboards .aixzd-homeboard-link,
body .aixzd-homeboards .aixzd-homeboard-link {
    grid-template-columns: 18px 32px minmax(0, 1fr) !important;
}

/* 标题和描述信息容器 */
.aixzd-homeboards .aixzd-homeboard-info,
body .aixzd-homeboards .aixzd-homeboard-info {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* 标题单行省略 */
.aixzd-homeboards .aixzd-homeboard-name,
body .aixzd-homeboards .aixzd-homeboard-name,
.aixzd-homeboard-item .aixzd-homeboard-name {
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
}

/* 描述单行省略 */
.aixzd-homeboards .aixzd-homeboard-desc,
body .aixzd-homeboards .aixzd-homeboard-desc,
.aixzd-homeboard-item .aixzd-homeboard-desc {
    grid-column: 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    margin-top: 2px !important;
}

.aixzd-homeboards .aixzd-homeboard-meta,
body .aixzd-homeboards .aixzd-homeboard-meta {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    width: 40px !important;
    min-width: 40px !important;
    margin: 0 !important;
    text-align: right !important;
}

.aixzd-homeboard-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 30px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.aixzd-homeboard-badge.type-模型 { color: #2563eb !important; background: rgba(37, 99, 235, .08) !important; }
.aixzd-homeboard-badge.type-贴图 { color: #7c3aed !important; background: rgba(124, 58, 237, .08) !important; }
.aixzd-homeboard-badge.type-参考 { color: #0891b2 !important; background: rgba(8, 145, 178, .08) !important; }
.aixzd-homeboard-badge.type-灵感 { color: #db2777 !important; background: rgba(219, 39, 119, .08) !important; }
.aixzd-homeboard-badge.type-动画 { color: #ea580c !important; background: rgba(234, 88, 12, .08) !important; }
.aixzd-homeboard-badge.type-渲染 { color: #16a34a !important; background: rgba(22, 163, 74, .09) !important; }
.aixzd-homeboard-badge.type-软件 { color: #475569 !important; background: rgba(71, 85, 105, .09) !important; }

/* 超大屏幕字体 */
@media (min-width: 1680px) {
    .aixzd-homeboards .aixzd-homeboard-name,
    body .aixzd-homeboards .aixzd-homeboard-name {
        font-size: 15px !important;
    }
    
    .aixzd-homeboards .aixzd-homeboard-desc,
    body .aixzd-homeboards .aixzd-homeboard-desc {
        font-size: 13px !important;
    }
}

/* 大屏幕字体 */
@media (min-width: 1280px) and (max-width: 1679px) {
    .aixzd-homeboards .aixzd-homeboard-name,
    body .aixzd-homeboards .aixzd-homeboard-name {
        font-size: 14px !important;
    }
    
    .aixzd-homeboards .aixzd-homeboard-desc,
    body .aixzd-homeboards .aixzd-homeboard-desc {
        font-size: 12px !important;
    }
}

/* 中等屏幕字体 */
@media (min-width: 768px) and (max-width: 1279px) {
    .aixzd-homeboards .aixzd-homeboard-name,
    body .aixzd-homeboards .aixzd-homeboard-name {
        font-size: 14px !important;
    }
    
    .aixzd-homeboards .aixzd-homeboard-desc,
    body .aixzd-homeboards .aixzd-homeboard-desc {
        font-size: 12px !important;
    }
}

/* 小屏幕字体 */
@media (max-width: 767px) {
    .aixzd-homeboards .aixzd-homeboard-name,
    body .aixzd-homeboards .aixzd-homeboard-name {
        font-size: 13px !important;
    }
    
    .aixzd-homeboards .aixzd-homeboard-desc,
    body .aixzd-homeboards .aixzd-homeboard-desc {
        font-size: 11px !important;
    }
}

/* ========================================
   防止打开弹窗时隐藏原卡片 - 2026-04-21
   ======================================== */

.work-cover-play {
    display: grid;
    place-items: center;
    width: clamp(26px, 3vw, 32px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: color-mix(in srgb, var(--bb-bg) 70%, transparent);
    color: var(--bb-text);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 22%);
    pointer-events: none;
}
.work-cover-play::before {
    content: "";
    width: 38%;
    aspect-ratio: 1;
    background: currentColor;
    clip-path: polygon(12% 0, 98% 50%, 12% 100%);
}

/* 确保打开弹窗时，原位置的卡片保持可见 */
.aixzd-work-archive .work-item-card .maskdo {
    opacity: 1 !important;
}

/* 当卡片对应的弹窗打开时，也保持可见 */
.aixzd-work-archive .work-item-card:has(.mask.on) .maskdo,
.aixzd-work-archive .work-item-card.aixzd-origin-open .maskdo {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 强制所有 .maskdo 元素始终保持可见 */
.work-item-card .maskdo {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 隐藏作品列表页的滚动条 */
body.page-template-work,
body.page-id-作品列表页ID,
body.aixzd-work-archive,
html.aixzd-work-archive {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body.page-template-work::-webkit-scrollbar,
body.aixzd-work-archive::-webkit-scrollbar,
html.aixzd-work-archive::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

/* 全局隐藏滚动条 */
html, body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

/* 全局隐藏滚动条 */
html, body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

/* 隐藏弹窗内的滚动条 - 超强制版本 */
.work-single-overlay,
.work-single-overlay *,
#contain-content,
#contain-content *,
#contain-left,
#contain-left *,
#contain-right,
#contain-right *,
#main-content,
#main-content *,
.post-main-content-wrapper,
.post-main-content-wrapper * {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.work-single-overlay::-webkit-scrollbar,
.work-single-overlay *::-webkit-scrollbar,
#contain-content::-webkit-scrollbar,
#contain-content *::-webkit-scrollbar,
#contain-left::-webkit-scrollbar,
#contain-left *::-webkit-scrollbar,
#contain-right::-webkit-scrollbar,
#contain-right *::-webkit-scrollbar,
#main-content::-webkit-scrollbar,
#main-content *::-webkit-scrollbar,
.post-main-content-wrapper::-webkit-scrollbar,
.post-main-content-wrapper *::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

/* 针对所有可能的可滚动容器 */
div[style*="overflow"],
div[style*="overflow: auto"],
div[style*="overflow:auto"],
div[style*="overflow: scroll"],
div[style*="overflow:scroll"],
div[style*="overflow-y"],
div[style*="overflow-y: auto"],
div[style*="overflow-y:auto"] {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

div[style*="overflow"]::-webkit-scrollbar,
div[style*="overflow: auto"]::-webkit-scrollbar,
div[style*="overflow:auto"]::-webkit-scrollbar,
div[style*="overflow: scroll"]::-webkit-scrollbar,
div[style*="overflow:scroll"]::-webkit-scrollbar,
div[style*="overflow-y"]::-webkit-scrollbar,
div[style*="overflow-y: auto"]::-webkit-scrollbar,
div[style*="overflow-y:auto"]::-webkit-scrollbar {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}

/* 旧方案已废弃：flipShowCoverAni (JS) 动态计算弹窗尺寸，
   通过 --overlay-w / --contain-left-w / --aixzd-popup-right-width 等 CSS 变量驱动。
   以下硬编码 !important 规则会覆盖 JS 计算结果，导致全宽屏幕下右侧截断。
   保留内页（F5 刷新）的 clamp 计算作为降级方案。 */
@media (min-width: 960px) {
    /* 内页降级：仅在非弹窗模式下用 CSS clamp 计算 */
    body:not(.aixzd-work-archive) .work-single-overlay.open #contain-content,
    body:not(.aixzd-work-archive) #contain-content {
        width: var(--smart-total-width, auto) !important;
        max-width: calc(100vw - 80px) !important;
    }

    body:not(.aixzd-work-archive) .work-single-overlay.open #contain-left,
    body:not(.aixzd-work-archive) #contain-left {
        width: clamp(
            360px,
            calc((100dvh - 73px) * var(--aspect-ratio, 0.75)),
            calc(100vw - 440px)
        ) !important;
        flex: 0 0 auto !important;
        flex-basis: clamp(
            360px,
            calc((100dvh - 73px) * var(--aspect-ratio, 0.75)),
            calc(100vw - 440px)
        ) !important;
    }

    /* 左侧图片 - 保留（两场景通用） */
    .work-single-overlay.open #contain-left img,
    #contain-left img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* 内页降级：右侧固定宽度 */
    body:not(.aixzd-work-archive) .work-single-overlay.open #contain-right,
    body:not(.aixzd-work-archive) #contain-right {
        width: 360px !important;
        min-width: 360px !important;
        max-width: 360px !important;
        flex: 0 0 360px !important;
        flex-basis: 360px !important;
    }
}

/* 内页 #contain-left 也要使用正确的宽度计算 */
@media (min-width: 768px) {
    body:not(.modal-open) #contain-left {
        width: clamp(
            360px,
            calc((100dvh - 73px) * var(--aspect-ratio, 0.75)),
            calc(100vw - 440px)
        ) !important;
    }
}

/* ========================================
   /work 弹窗按图片比例自适应 - 2026-04-21
   只覆盖桌面端作品弹窗，不影响刷新后的正文页
   ======================================== */

@media (min-width: 960px) {
    html.aixzd-work-archive .work-single-overlay.open,
    html.aixzd-work-archive .work-single-overlay.opened {
        width: var(--aixzd-popup-total-width, var(--overlay-w, auto)) !important;
        height: var(--aixzd-popup-height, var(--overlay-h, auto)) !important;
        max-width: min(calc(100vw - 40px), var(--aixzd-popup-total-width, var(--overlay-w, auto))) !important;
        min-width: var(--aixzd-popup-total-width, var(--overlay-w, auto)) !important;
    }

    html.aixzd-work-archive .work-single-overlay.open #contain-content,
    html.aixzd-work-archive .work-single-overlay.opened #contain-content {
        width: var(--aixzd-popup-total-width, var(--overlay-w, auto)) !important;
        max-width: none !important;
        height: 100% !important;
        overflow: visible !important;
    }

    html.aixzd-work-archive .work-single-overlay.open #contain-left,
    html.aixzd-work-archive .work-single-overlay.opened #contain-left,
    html.aixzd-work-archive .work-single-overlay .pre-contain-left {
        width: var(--aixzd-popup-left-width, var(--contain-left-w, auto)) !important;
        min-width: var(--aixzd-popup-left-width, var(--contain-left-w, auto)) !important;
        max-width: var(--aixzd-popup-left-width, var(--contain-left-w, auto)) !important;
        flex: 0 0 var(--aixzd-popup-left-width, var(--contain-left-w, auto)) !important;
        flex-basis: var(--aixzd-popup-left-width, var(--contain-left-w, auto)) !important;
        height: 100% !important;
    }

    html.aixzd-work-archive .work-single-overlay.open #contain-right,
    html.aixzd-work-archive .work-single-overlay.opened #contain-right,
    html.aixzd-work-archive .work-single-overlay .pre-contain-right {
        width: var(--aixzd-popup-right-width, 360px) !important;
        min-width: var(--aixzd-popup-right-width, 360px) !important;
        max-width: var(--aixzd-popup-right-width, 360px) !important;
        flex: 0 0 var(--aixzd-popup-right-width, 360px) !important;
        flex-basis: var(--aixzd-popup-right-width, 360px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        max-height: calc(100dvh - 73px) !important;
    }

    html.aixzd-work-archive .work-single-overlay.open #contain-left img,
    html.aixzd-work-archive .work-single-overlay.opened #contain-left img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
}

/* /blog 列表弹窗：统一正文和滚动边缘背景 */
html.aixzd-work-archive .work-single-overlay.open .post-main-content-wrapper,
html.aixzd-work-archive .work-single-overlay.opened .post-main-content-wrapper,
html.aixzd-work-archive .work-single-overlay.open .real-contain-content,
html.aixzd-work-archive .work-single-overlay.opened .real-contain-content,
html.aixzd-work-archive .work-single-overlay.open #main-content.scrollable-container,
html.aixzd-work-archive .work-single-overlay.opened #main-content.scrollable-container,
html.aixzd-work-archive .work-single-overlay.open #main-content > #contain-content,
html.aixzd-work-archive .work-single-overlay.opened #main-content > #contain-content,
html.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main,
html.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main {
    background-color: #fafafa !important;
}

html.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main #blog-content,
html.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main #blog-content,
html.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main #scrollspy-beebee,
html.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main #scrollspy-beebee,
html.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main .beebee-content,
html.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main .beebee-content {
    background-color: #fafafa !important;
}

html.aixzd-work-archive .work-single-overlay.open .post-main-content-wrapper.bg-white,
html.aixzd-work-archive .work-single-overlay.opened .post-main-content-wrapper.bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: #fafafa !important;
}

html.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main h2,
html.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main h2 {
    border-bottom-color: rgba(0, 0, 0, 0.06) !important;
}

html.aixzd-work-archive .work-single-overlay.open #main-content.scrollable-container::-webkit-scrollbar-track,
html.aixzd-work-archive .work-single-overlay.opened #main-content.scrollable-container::-webkit-scrollbar-track {
    background: #fafafa !important;
}

html.dark.aixzd-work-archive .work-single-overlay.open #main-content.scrollable-container,
html.dark.aixzd-work-archive .work-single-overlay.opened #main-content.scrollable-container,
html.dark.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main,
html.dark.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main,
html.dark.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main #blog-content,
html.dark.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main #blog-content,
html.dark.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main #scrollspy-beebee,
html.dark.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main #scrollspy-beebee,
html.dark.aixzd-work-archive .work-single-overlay.open #contain-content.post-content-main .beebee-content,
html.dark.aixzd-work-archive .work-single-overlay.opened #contain-content.post-content-main .beebee-content {
    background-color: #111111 !important;
}

/* ========================================
   /work 弹窗小红书风格交互 - 2026-04-22（去箭头 + FLIP 版）
   - 打开/关闭曲线收紧，贴近小红书的 ease-out 感
   - 不再保留左右箭头按钮，严格对齐小红书「无切换按钮」的 PC 版
   - 右侧正文区用细滚动条代替之前的全隐藏
   - 实际打开动画由父主题 FLIP 补丁（AstroListGrid.C_G2yjf7.js 内联 IIFE）接管
   ======================================== */

/* 1. 动画曲线：transform + opacity 合成层动画，避免宽高回弹 */
html.aixzd-work-archive .work-single-overlay,
html.aixzd-work-archive .common-single-overlay {
    transition-property: transform, opacity !important;
    transition-duration: 0.34s !important;
    /* 小红书弹窗常见的 ease-out-quint 近似曲线 */
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1) !important;
    will-change: transform, opacity !important;
    backface-visibility: hidden;
    /* FLIP 要求 transform-origin 落在左上角，才能让 translate + scale 的数学精确落点 */
    transform-origin: 0 0 !important;
}

html.aixzd-work-archive #work-single-swup-contain-cover {
    transition-property: opacity !important;
    transition-duration: 0.28s !important;
    transition-timing-function: cubic-bezier(0.32, 0.72, 0, 1) !important;
    /* 让遮罩稍微偏暗 + 轻微模糊，更接近 XHS 的背景观感 */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

html.aixzd-work-archive .work-single-overlay.open,
html.aixzd-work-archive .work-single-overlay.opened,
html.aixzd-work-archive .work-single-overlay.open #contain-right,
html.aixzd-work-archive .work-single-overlay.opened #contain-right,
html.aixzd-work-archive .work-single-overlay.open #comments-scroll-inner,
html.aixzd-work-archive .work-single-overlay.opened #comments-scroll-inner {
    overscroll-behavior: contain;
}

/* 2. 右侧正文滚动样式细化（取消之前的全隐藏，使用细滚动条） */
@media (min-width: 960px) {
    html.aixzd-work-archive #contain-right,
    html.aixzd-work-archive #contain-right .post-main-content-wrapper,
    html.aixzd-work-archive #contain-right .fixedcommentsscroll,
    html.aixzd-work-archive .work-single-overlay #contain-right {
        scrollbar-width: thin !important;
        scrollbar-color: rgba(0, 0, 0, 0.18) transparent !important;
        -ms-overflow-style: auto !important;
        scroll-behavior: smooth;
        overscroll-behavior: contain;
    }

    html.aixzd-work-archive #contain-right::-webkit-scrollbar,
    html.aixzd-work-archive #contain-right *::-webkit-scrollbar,
    html.aixzd-work-archive .work-single-overlay #contain-right::-webkit-scrollbar,
    html.aixzd-work-archive .work-single-overlay #contain-right *::-webkit-scrollbar {
        display: block !important;
        width: 6px !important;
        height: 6px !important;
        background: transparent !important;
    }

    html.aixzd-work-archive #contain-right::-webkit-scrollbar-thumb,
    html.aixzd-work-archive #contain-right *::-webkit-scrollbar-thumb,
    html.aixzd-work-archive .work-single-overlay #contain-right::-webkit-scrollbar-thumb,
    html.aixzd-work-archive .work-single-overlay #contain-right *::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.18) !important;
        border-radius: 9999px !important;
        transition: background 0.18s ease-out;
    }

    html.aixzd-work-archive #contain-right::-webkit-scrollbar-thumb:hover,
    html.aixzd-work-archive #contain-right *::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.32) !important;
    }

    html.aixzd-work-archive #contain-right::-webkit-scrollbar-track,
    html.aixzd-work-archive #contain-right *::-webkit-scrollbar-track {
        background: transparent !important;
    }

    /* 暗黑模式滚动条 */
    html.dark.aixzd-work-archive #contain-right,
    html.dark.aixzd-work-archive #contain-right .post-main-content-wrapper,
    html.dark.aixzd-work-archive .work-single-overlay #contain-right {
        scrollbar-color: rgba(255, 255, 255, 0.22) transparent !important;
    }

    html.dark.aixzd-work-archive #contain-right::-webkit-scrollbar-thumb,
    html.dark.aixzd-work-archive #contain-right *::-webkit-scrollbar-thumb,
    html.dark.aixzd-work-archive .work-single-overlay #contain-right::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.22) !important;
    }

    html.dark.aixzd-work-archive #contain-right::-webkit-scrollbar-thumb:hover,
    html.dark.aixzd-work-archive #contain-right *::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.4) !important;
    }
}




/* ========================================
   /work 弹窗体验增强 - 2026-04-25
   - 右侧面板加载 spinner
   - 遮罩毛玻璃增强
   - 关闭按钮交互动效
   - 内容淡入动画
   - 左侧图片区 shimmer 占位
   ======================================== */

/* --- Keyframes --- */
@keyframes aixzd-spin {
    to { transform: rotate(360deg); }
}

@keyframes aixzd-fade-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@keyframes aixzd-shimmer {
    to { background-position: -200% 0; }
}

/* --- 1. 右侧面板加载 Spinner --- */
@media (min-width: 960px) {
    html.aixzd-work-archive .post-main-content-wrapper.skeleton-loading #contain-right {
        position: relative;
    }

    html.aixzd-work-archive .post-main-content-wrapper.skeleton-loading #contain-right::before {
        content: '';
        position: absolute;
        inset: 0;
        background: inherit;
        z-index: 10;
    }

    html.aixzd-work-archive .post-main-content-wrapper.skeleton-loading #contain-right::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 28px;
        height: 28px;
        margin: -14px 0 0 -14px;
        border: 2.5px solid rgba(0, 0, 0, 0.08);
        border-top-color: rgba(0, 0, 0, 0.45);
        border-radius: 50%;
        animation: aixzd-spin 0.7s linear infinite;
        z-index: 11;
    }

    html.dark.aixzd-work-archive .post-main-content-wrapper.skeleton-loading #contain-right::after {
        border-color: rgba(255, 255, 255, 0.1);
        border-top-color: rgba(255, 255, 255, 0.5);
    }
}

/* --- 2. 遮罩毛玻璃增强 --- */
html.aixzd-work-archive #work-single-swup-contain-cover {
    backdrop-filter: blur(12px) saturate(1.2) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
    background: rgba(0, 0, 0, 0.45) !important;
    opacity: 1 !important;
    transition: opacity 0.32s cubic-bezier(0.32, 0.72, 0, 1) !important;
}

/* --- 3. 关闭按钮交互 --- */
html.aixzd-work-archive #work-backdrop-closebtn {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

html.aixzd-work-archive #work-backdrop-closebtn:hover {
    transform: scale(1.1);
    background-color: rgba(0, 0, 0, 0.25) !important;
}

html.aixzd-work-archive #work-backdrop-closebtn:active {
    transform: scale(0.95);
}

/* --- 4. 内容淡入 --- */
@media (min-width: 960px) {
    html.aixzd-work-archive .post-main-content-wrapper.skeleton-loaded {
        animation: aixzd-fade-in 0.35s ease-out both;
    }
}

/* --- 5. 左侧图片区 shimmer 占位 --- */
@media (min-width: 960px) {
    html.aixzd-work-archive .skeleton-loading #contain-left {
        background: linear-gradient(110deg, #f0f0f0 8%, #e8e8e8 18%, #f0f0f0 33%) !important;
        background-size: 200% 100% !important;
        animation: aixzd-shimmer 1.5s linear infinite;
    }

    html.dark.aixzd-work-archive .skeleton-loading #contain-left {
        background: linear-gradient(110deg, var(--bb-raised) 8%, #1a1a1a 18%, var(--bb-raised) 33%) !important;
        background-size: 200% 100% !important;
    }
}


/* ========================================
   /work 弹窗左侧图片/视频垂直居中修复 - 2026-04-25
   确保 #contain-left 内高度链完整，内容垂直居中
   ======================================== */

/* 图片轮播高度链修复：f-carousel 及其内部容器全部 h-full */
.work-single-overlay.open #contain-left .f-carousel,
.work-single-overlay.opened #contain-left .f-carousel,
.work-single-overlay.open .pre-contain-left .f-carousel,
.work-single-overlay.opened .pre-contain-left .f-carousel {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

.work-single-overlay.open #contain-left .f-carousel__viewport,
.work-single-overlay.opened #contain-left .f-carousel__viewport,
.work-single-overlay.open #contain-left .f-carousel__track,
.work-single-overlay.opened #contain-left .f-carousel__track,
.work-single-overlay.open .pre-contain-left .f-carousel__viewport,
.work-single-overlay.opened .pre-contain-left .f-carousel__viewport,
.work-single-overlay.open .pre-contain-left .f-carousel__track,
.work-single-overlay.opened .pre-contain-left .f-carousel__track {
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
}

.work-single-overlay.open #contain-left .f-carousel__slide,
.work-single-overlay.opened #contain-left .f-carousel__slide,
.work-single-overlay.open .pre-contain-left .f-carousel__slide,
.work-single-overlay.opened .pre-contain-left .f-carousel__slide {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 视频工作区高度链修复：内部 group/item div 全部铺满 */
.work-single-overlay.open #contain-left > div,
.work-single-overlay.opened #contain-left > div,
.work-single-overlay.open .pre-contain-left > div,
.work-single-overlay.opened .pre-contain-left > div {
    width: 100% !important;
    height: 100% !important;
}

/* astro-island 组件需要明确 display 才能撑满父容器 */
.work-single-overlay.open #contain-left astro-island,
.work-single-overlay.opened #contain-left astro-island,
.work-single-overlay.open .pre-contain-left astro-island,
.work-single-overlay.opened .pre-contain-left astro-island {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* 图片：保持 object-fit:contain 居中显示，不强制 100% 高度（防止破坏播放器布局）*/
.work-single-overlay.open #contain-left img.galleryimg,
.work-single-overlay.opened #contain-left img.galleryimg,
.work-single-overlay.open .pre-contain-left img.galleryimg,
.work-single-overlay.opened .pre-contain-left img.galleryimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: auto !important;
}

/* ========================================
   AI快讯页 (page-template-page-ai-brief) 横向溢出约束
   与 aixzd-work-archive 同模式：对整条容器链加 min-width:0 + max-width:100%
   外层 wrapper 加 overflow-x:clip，防止内部横向滚动区块把页面撑宽
   ======================================== */
html.page-template-page-ai-brief,
body.page-template-page-ai-brief {
    max-width: 100%;
    overflow-x: hidden;
}

body.page-template-page-ai-brief .beebee-theme-wrapper,
body.page-template-page-ai-brief .swup-body,
body.page-template-page-ai-brief astro-create-new,
body.page-template-page-ai-brief #swup-container,
body.page-template-page-ai-brief .aixzd-shell,
body.page-template-page-ai-brief .aixzd-content-panel {
    min-width: 0;
    max-width: 100%;
}

body.page-template-page-ai-brief .beebee-theme-wrapper,
body.page-template-page-ai-brief .swup-body {
    overflow-x: clip;
}

/* ═══════════════════════════════════════════════
   文章阅读体验优化
   注意：file.3nz-UKMT.css 在 single.php 里晚于子主题 CSS 加载，
         同权重规则以编译 CSS 为准；需要覆盖的属性加 !important。
         字体沿用主题全局设置，不单独覆盖。
   ═══════════════════════════════════════════════ */

/* 1. 正文行高与字间距 */
.beebee-content {
    line-height: 1.75 !important;   /* 编译 CSS 为 1.65 */
    letter-spacing: 0.01em;
}

/* 2. 段落间距 */
.beebee-content p {
    margin-bottom: 1.2rem;
}

/* 4. h2：加底部分隔线增强层级感 */
.beebee-content h2 {
    margin-top: 2.2rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.45rem;
    border-bottom: 1px solid hsl(var(--border));
}

/* 5. h3：左侧小色条增强层级感；字号用 !important 覆盖编译 CSS 的 1.125rem */
.beebee-content h3 {
    font-size: 1.25rem !important;  /* 编译 CSS 为 1.125rem */
    margin-top: 1.8rem;
    margin-bottom: 0.6rem;
    padding-left: 0.7rem;
    border-left: 3px solid hsl(var(--primary) / 0.6);
}

/* 5b. 简介分块：首个小标题紧贴「简介」标题，避免开头空一大块 */
.aixzd-product-intro .beebee-content > h3:first-child {
    margin-top: 0.9rem;
}

/* 5c. 简介分块：小标题写成「标签：内容」，标签不加任何视觉样式，
       与冒号后的文字同字体、同字号、同颜色、同粗细，读起来就是一句完整标题；
       详情页同时去掉标题左侧的竖色条，标题前不留任何装饰 */
.aixzd-product-intro .beebee-content h3 {
    padding-left: 0 !important;
    border-left: 0 !important;
    color: #404040;
}

.aixzd-product-intro .beebee-content h3 .intro-label,
.aixzd-preview-dialog .aixzd-preview-article h3 .intro-label {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    vertical-align: baseline;
}

/* 5d. 导航卡片弹窗（.aixzd-preview-dialog）：视觉与详情页同一套（加粗、颜色、无装饰），
       但弹窗面积小，标题和正文统一按 0.85 左右缩小一档，避免比例失调。
       详情页 h3 20px / 正文 15px → 弹窗 h3 17px / 正文 13.5px。
       作品（Work）弹窗不在此列，保持原样。 */
.aixzd-preview-dialog .aixzd-preview-article h3 {
    font-size: 1.0625rem !important;   /* 17px */
    font-weight: 500;
    line-height: 1.42;
    color: #404040;
    margin-top: 1.35rem;
    margin-bottom: 0.45rem;
    padding-left: 0 !important;
    border-left: 0 !important;
}

/* 弹窗里第一个小标题紧贴内容区顶部，不要留一截空白 */
.aixzd-preview-dialog .aixzd-preview-article > h3:first-child {
    margin-top: 0;
}

/* 5e. 简介正文比全局正文小一号（16px → 15px），列表项同步 */
.aixzd-product-intro .beebee-content p,
.aixzd-product-intro .beebee-content li {
    font-size: 0.9375rem;
    line-height: 1.75;
}

.aixzd-preview-dialog .aixzd-preview-content-panel .aixzd-preview-article p,
.aixzd-preview-dialog .aixzd-preview-content-panel .aixzd-preview-article li {
    font-size: 13.5px;
    line-height: 1.72;
}

/* 7. 引用块：圆角 + 浅背景（font-style 用 !important 覆盖编译 CSS italic） */
.beebee-content blockquote {
    background: hsl(var(--muted) / 0.5);
    padding: 0.9rem 1.2rem !important;
    border-radius: 0 8px 8px 0;
    margin: 1.4rem 0;
    font-style: normal !important;
}
html.dark .beebee-content blockquote,
body.dark .beebee-content blockquote {
    background: hsl(var(--muted) / 0.25);
}

/* 8. 链接：虚线下划线，悬停实线（在编译 CSS transition 基础上叠加） */
.beebee-content a {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    text-decoration-color: hsl(var(--primary) / 0.5);
}
.beebee-content a:hover {
    text-decoration-style: solid;
    text-decoration-color: hsl(var(--primary));
}

/* 9. 列表行间距 */
.beebee-content li {
    margin-bottom: 0.45rem;
    line-height: 1.7;
}

/* 10. 代码块 */
.beebee-content pre {
    margin: 0 !important;
    border-radius: 0 0 0.3125rem 0.3125rem !important;
    height: clamp(240px, 32vw, 360px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.5 !important;
}

/* 11. 行内代码 */
.beebee-content code {
    padding: 0.16em 0.4em !important;
    border-radius: 4px !important;
}

/* 12. 图片说明 */
.beebee-content figcaption {
    opacity: 0.6;
    margin-top: 0.45rem;
    text-align: center;
}

/* 13. 移动端微调 */
@media (max-width: 768px) {
    .beebee-content {
        line-height: 1.7 !important;
    }
    .beebee-content p {
        margin-bottom: 1rem;
    }
    .beebee-content h2 {
        font-size: 1.25rem !important;
        margin-top: 1.8rem;
    }
    .beebee-content h3 {
        font-size: 1.125rem !important;
        margin-top: 1.5rem;
    }
}

/* Navigation cards: enlarged icon on the left, title and description on the right. */
.aixzd-card > .low-muted-btn {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr);
    column-gap: 11px;
    align-items: center !important;
}
.aixzd-card > .low-muted-btn > .size-8 {
    grid-column: 1;
    grid-row: 1;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px;
    min-height: 38px;
}
.aixzd-card > .low-muted-btn > .grow {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-width: 0;
    text-align: left;
}
.aixzd-card > .low-muted-btn > .grow > h4 {
    width: 100%;
    text-align: left;
}
.aixzd-card > .low-muted-btn > .grow > p {
    width: 100%;
    text-align: left;
}

/* Homepage compact cards: icon/title header with a full-width description below. */
.aixzd-card > .low-muted-btn.aixzd-compact-card {
    display: flex !important;
    min-height: 82px;
    padding: 10px 11px !important;
    flex-direction: column;
    align-items: stretch !important;
    justify-content: flex-start;
    gap: 6px;
}

.aixzd-compact-card-heading {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.aixzd-card > .low-muted-btn.aixzd-compact-card .aixzd-compact-card-heading > .size-8 {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    min-height: 32px;
}

.aixzd-compact-card-heading h4 {
    min-width: 0;
    flex: 1;
    font-size: 14px !important;
    line-height: 20px !important;
}

.aixzd-card .aixzd-compact-card-description {
    width: 100%;
    min-height: 32px;
    text-align: left;
    -webkit-line-clamp: 2;
}

/* Keep the navigation archive cards identical to the homepage navigation cards. */
.aixzd-link-archive-main .aixzd-archive-card-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}
.aixzd-link-archive-main .aixzd-card > .low-muted-btn {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    column-gap: 11px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(17, 24, 39, .04) !important;
    transform: none !important;
}
.aixzd-link-archive-main .aixzd-card > .low-muted-btn > .size-8 {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    border-radius: 8px !important;
}
.aixzd-link-archive-main .aixzd-card > .low-muted-btn > .grow { margin-left: 0 !important; }
.aixzd-link-archive-main .aixzd-card h4 { margin: 0 !important; font-size: 14px !important; line-height: 1.25rem !important; }
.aixzd-link-archive-main .aixzd-card p { margin: 0 !important; font-size: 12px !important; line-height: 1rem !important; color: #737373 !important; }
.dark .aixzd-link-archive-main .aixzd-card > .low-muted-btn { background: var(--bb-surface) !important; }
@media (max-width: 1279px) { .aixzd-link-archive-main .aixzd-archive-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .aixzd-link-archive-main .aixzd-archive-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 479px) { .aixzd-link-archive-main .aixzd-archive-card-grid { grid-template-columns: 1fr; } }

.aixzd-card .aixzd-nav-actions,
.aixzd-homeboard-item .aixzd-nav-actions {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: inherit;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .97) 45%, rgba(255, 255, 255, .78) 100%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease, visibility .15s ease;
}
.aixzd-card:hover .aixzd-nav-actions,
.aixzd-card:focus-within .aixzd-nav-actions,
.aixzd-homeboard-item:hover .aixzd-nav-actions,
.aixzd-homeboard-item:focus-within .aixzd-nav-actions { opacity: 1; visibility: visible; }
.aixzd-nav-actions a, .aixzd-nav-actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: rgba(255, 255, 255, .9);
    color: #525252;
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}
.aixzd-nav-actions a, .aixzd-nav-actions button { width: 34px; padding: 0; }
.aixzd-nav-actions svg { flex-shrink: 0; }
.aixzd-nav-actions a:hover, .aixzd-nav-actions button:hover { background: #f0f0f0; }
.dark .aixzd-card .aixzd-nav-actions,
.dark .aixzd-homeboard-item .aixzd-nav-actions { background: linear-gradient(to top, rgba(23, 23, 23, 1) 0%, rgba(23, 23, 23, .97) 45%, rgba(23, 23, 23, .78) 100%); }
.dark .aixzd-nav-actions a, .dark .aixzd-nav-actions button { background: var(--bb-raised); border-color: var(--bb-border); color: var(--bb-text); }
.aixzd-mobile-dialog {
    position: fixed;
    inset: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(320px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 28px;
    border: 0;
    border-radius: 16px;
    background: #fff;
    color: #262626;
    text-align: center;
    overflow: auto;
}
.aixzd-mobile-dialog::backdrop { background: rgba(0,0,0,.45); }
.aixzd-mobile-close { position: absolute; right: 10px; top: 6px; padding: 4px 8px; background: transparent; border: 0; font-size: 24px; cursor: pointer; }
.aixzd-mobile-dialog h3 { margin: 0 0 16px; font-size: 15px; }
.aixzd-mobile-code img { width: 220px; max-width: 100%; height: auto; display: block; margin: auto; }
.aixzd-mobile-status { margin: 12px 0 0; font-size: 12px; color: #737373; }
@media (hover: none) {
    .aixzd-card > .low-muted-btn > .aixzd-nav-actions { position: relative; inset: auto; grid-column: 1 / -1; grid-row: 3; opacity: 1; visibility: visible; background: transparent; justify-content: flex-start; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { .aixzd-card .aixzd-nav-actions { transition: none; } }

.aixzd-nav-actions [data-aixzd-tip] { position: relative; }
.aixzd-nav-actions [data-aixzd-tip]::after {
    content: attr(data-aixzd-tip);
    position: absolute;
    top: calc(100% + 7px);
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 7px;
    border-radius: 5px;
    background: #262626;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
.aixzd-nav-actions [data-aixzd-tip]:hover::after,
.aixzd-nav-actions [data-aixzd-tip]:focus-visible::after { opacity: 1; visibility: visible; }

.aixzd-nav-actions:has(.aixzd-nav-direct) { cursor: pointer; }
.aixzd-card:hover .aixzd-nav-actions:not([data-aixzd-active]) .aixzd-nav-direct::after { opacity: 1; visibility: visible; }
.aixzd-homeboard-item:hover .aixzd-nav-actions:not([data-aixzd-active]) .aixzd-nav-direct::after { opacity: 1; visibility: visible; }
.aixzd-nav-actions:has(.aixzd-nav-detail:hover, button[data-aixzd-mobile-url]:hover, .aixzd-nav-detail:focus-visible, button[data-aixzd-mobile-url]:focus-visible) .aixzd-nav-direct::after { opacity: 0; visibility: hidden; }
.aixzd-nav-actions a:hover, .aixzd-nav-actions button:hover,
.aixzd-nav-actions a:focus-visible, .aixzd-nav-actions button:focus-visible {
    background: #f0f0f0;
    border-color: #c7c7c7;
    color: #262626;
}

/* Navigation action order: QR, details, official website. */
.aixzd-nav-actions > button[data-aixzd-mobile-url] { order: 0; }
.aixzd-nav-actions > .aixzd-nav-detail { order: 1; }
.aixzd-nav-actions > .aixzd-nav-direct { order: 2; }

/* Default action stays visually selected; tooltip text remains unboxed. */
.aixzd-card:hover .aixzd-nav-actions:not([data-aixzd-active]) .aixzd-nav-direct {
    background: #262626;
    border-color: #262626;
    color: #fff;
}
.aixzd-homeboard-item:hover .aixzd-nav-actions:not([data-aixzd-active]) .aixzd-nav-direct {
    background: #262626;
    border-color: #262626;
    color: #fff;
}
.aixzd-nav-actions [data-aixzd-tip]::after {
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #525252;
}
.dark .aixzd-nav-actions [data-aixzd-tip]::after {
    color: var(--bb-text-secondary);
}

/* Switch the dark selection to whichever action is currently targeted. */
.aixzd-nav-actions a:hover,
.aixzd-nav-actions button:hover,
.aixzd-nav-actions a:focus-visible,
.aixzd-nav-actions button:focus-visible {
    background: #262626;
    border-color: #262626;
    color: #fff;
}
.aixzd-nav-actions:has(.aixzd-nav-detail:hover, button[data-aixzd-mobile-url]:hover, .aixzd-nav-detail:focus-visible, button[data-aixzd-mobile-url]:focus-visible) .aixzd-nav-direct {
    background: rgba(255, 255, 255, .9);
    border-color: #dedede;
    color: #525252;
}
.dark .aixzd-nav-actions:has(.aixzd-nav-detail:hover, button[data-aixzd-mobile-url]:hover, .aixzd-nav-detail:focus-visible, button[data-aixzd-mobile-url]:focus-visible) .aixzd-nav-direct {
    background: var(--bb-raised);
    border-color: var(--bb-border);
    color: var(--bb-text);
}
.dark .aixzd-nav-actions a:hover,
.dark .aixzd-nav-actions button:hover,
.dark .aixzd-nav-actions a:focus-visible,
.dark .aixzd-nav-actions button:focus-visible {
    background: #000;
    border-color: #000;
    color: var(--bb-text);
}

/* The whole card is split into three horizontal pointer zones. */
.aixzd-nav-actions a,
.aixzd-nav-actions button {
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}
.aixzd-nav-actions[data-aixzd-active] a,
.aixzd-nav-actions[data-aixzd-active] button {
    background: rgba(255, 255, 255, .9);
    border-color: #dedede;
    color: #525252;
    transform: translateY(0);
}
.aixzd-nav-actions[data-aixzd-active="qr"] button[data-aixzd-mobile-url],
.aixzd-nav-actions[data-aixzd-active="detail"] .aixzd-nav-detail,
.aixzd-nav-actions[data-aixzd-active="direct"] .aixzd-nav-direct {
    background: #262626;
    border-color: #262626;
    color: #fff;
    transform: translateY(-1px);
}
.aixzd-nav-actions[data-aixzd-active] [data-aixzd-tip]::after {
    opacity: 0;
    visibility: hidden;
}
.aixzd-nav-actions[data-aixzd-active="qr"] button[data-aixzd-mobile-url]::after,
.aixzd-nav-actions[data-aixzd-active="detail"] .aixzd-nav-detail::after,
.aixzd-nav-actions[data-aixzd-active="direct"] .aixzd-nav-direct::after {
    opacity: 1;
    visibility: visible;
}
.dark .aixzd-nav-actions[data-aixzd-active] a,
.dark .aixzd-nav-actions[data-aixzd-active] button {
    background: var(--bb-raised);
    border-color: var(--bb-border);
    color: var(--bb-text);
}
.dark .aixzd-nav-actions[data-aixzd-active="qr"] button[data-aixzd-mobile-url],
.dark .aixzd-nav-actions[data-aixzd-active="detail"] .aixzd-nav-detail,
.dark .aixzd-nav-actions[data-aixzd-active="direct"] .aixzd-nav-direct {
    background: #000;
    border-color: #000;
}

/* Keep rank-card labels fully visible outside the compact row height. */
.aixzd-homeboard-item {
    overflow: visible;
}
.aixzd-homeboard-item:hover,
.aixzd-homeboard-item:focus-within {
    z-index: 10;
}
.aixzd-homeboard-item .aixzd-nav-actions [data-aixzd-tip]::after {
    z-index: 2;
}

/* Rank rows keep their content visible on the left and expose two actions on the right. */
.aixzd-homeboard-item .aixzd-nav-actions {
    justify-content: flex-end;
    gap: 10px;
    padding-right: 14px;
    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, .98) 34%, rgba(255, 255, 255, .68) 66%, rgba(255, 255, 255, 0) 100%);
}
.dark .aixzd-homeboard-item .aixzd-nav-actions {
    background: linear-gradient(to left, var(--bb-surface) 0%, rgba(23, 23, 23, .98) 34%, rgba(23, 23, 23, .68) 66%, rgba(23, 23, 23, 0) 100%);
}

/* The score column is empty; let rank titles and descriptions use its space. */
.aixzd-homeboards .aixzd-homeboard-link {
    grid-template-columns: 18px 32px minmax(0, 1fr) !important;
}
.aixzd-homeboards .aixzd-homeboard-meta,
body .aixzd-homeboards .aixzd-homeboard-meta {
    display: none !important;
}
.aixzd-homeboards .aixzd-homeboard-name,
.aixzd-homeboards .aixzd-homeboard-desc {
    padding-right: 2px;
}

/* Compact software detail preview. */
html.aixzd-preview-open,
html.aixzd-preview-open body {
    overflow: hidden !important;
    overscroll-behavior: none;
}
.aixzd-preview-dialog {
    position: fixed;
    inset: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(760px, calc(100vw - 32px));
    height: 80vh;
    height: 80dvh;
    max-height: 80vh;
    max-height: 80dvh;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: #fff;
    color: #262626;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .22);
    overflow: hidden;
    overscroll-behavior: contain;
}
.aixzd-preview-dialog::backdrop { background: rgba(15, 23, 42, .46); backdrop-filter: blur(3px); }
.aixzd-preview-close {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    z-index: 5;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    margin: 0;
    border: 0;
    border-radius: 50%;
    background: #f5f5f5;
    color: #525252;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.aixzd-preview-content {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    padding: 26px;
    overflow: hidden;
    box-sizing: border-box;
}
.aixzd-preview-header { display: flex; align-items: center; gap: 12px; padding-right: 42px; margin-bottom: 16px; }
.aixzd-preview-logo { width: 48px; height: 48px; border-radius: 10px; object-fit: contain; background: #f5f5f5; }
.aixzd-preview-title { margin: 0; font-size: 20px; line-height: 1.3; font-weight: 700; color: #171717; }
.aixzd-preview-layout {
    display: block;
    min-height: 120px;
    flex: 1 0 120px;
    margin-right: -22px;
    padding-right: 18px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #b8b8b8 transparent;
    scrollbar-width: thin;
}
.aixzd-preview-layout::-webkit-scrollbar { width: 5px; }
.aixzd-preview-layout::-webkit-scrollbar-track { background: transparent; }
.aixzd-preview-layout::-webkit-scrollbar-thumb {
    min-height: 42px;
    border-radius: 999px;
    background: #b8b8b8;
}
.aixzd-preview-layout::-webkit-scrollbar-thumb:hover { background: #969696; }
.aixzd-preview-layout::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.aixzd-preview-layout.has-downloads { display: flex; flex-direction: column; gap: 20px; }
.aixzd-preview-label { margin: 0 0 10px; font-size: 13px; line-height: 1.2; font-weight: 600; color: #737373; }
.aixzd-preview-summary { display: -webkit-box; margin: 0; overflow: hidden; color: #525252; font-size: 14px; line-height: 1.8; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.aixzd-preview-intro { min-width: 0; }
.aixzd-preview-content-tabs { display: flex; align-items: center; gap: 20px; margin: 0 0 14px; border-bottom: 1px solid #ececec; }
.aixzd-preview-content-tabs button { position: relative; min-height: 34px; padding: 0 0 10px; border: 0; background: none; color: #8a8a8a; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.aixzd-preview-content-tabs button::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: transparent; content: ''; }
.aixzd-preview-content-tabs button:hover { color: #404040; }
.aixzd-preview-content-tabs button.is-active { color: #171717; }
.aixzd-preview-content-tabs button.is-active::after { background: #171717; }
.aixzd-preview-content-panel[hidden] { display: none; }
.aixzd-preview-cases-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.aixzd-preview-cases-grid .aixzd-preview-case-item { display: block; overflow: hidden; border-radius: 10px; border: 1px solid #ececec; background: #f7f7f7; }
.aixzd-preview-cases-grid .aixzd-preview-case-item img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .25s ease; }
.aixzd-preview-cases-grid .aixzd-preview-case-item:hover img { transform: scale(1.03); }
@media (max-width: 560px) { .aixzd-preview-cases-grid { grid-template-columns: 1fr; } }
.aixzd-preview-update-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 14px; padding: 12px 14px; border-radius: 8px; background: #f7f7f7; }
.aixzd-preview-update-meta span { display: inline-flex; gap: 8px; align-items: baseline; }
.aixzd-preview-update-meta strong { color: #737373; font-size: 12px; font-weight: 500; }
.aixzd-preview-update-source { margin-top: 18px !important; }
.aixzd-preview-update-source a { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border: 1px solid #dedede; border-radius: 7px; text-decoration: none; }
.aixzd-preview-article { color: #525252; font-size: 14px; line-height: 1.8; overflow-x: auto; overflow-y: hidden; overflow-wrap: anywhere; }
.aixzd-preview-article > :first-child { margin-top: 0; }
.aixzd-preview-article > :last-child { margin-bottom: 0; }
.aixzd-preview-article p, .aixzd-preview-article ul, .aixzd-preview-article ol { margin: 0 0 14px; }
.aixzd-preview-article h1, .aixzd-preview-article h2, .aixzd-preview-article h3, .aixzd-preview-article h4 { margin: 20px 0 10px; color: #262626; font-size: 16px; line-height: 1.5; }
.aixzd-preview-article ul { padding-left: 22px; list-style: disc; }
.aixzd-preview-article ol { padding-left: 22px; list-style: decimal; }
.aixzd-preview-article li { margin: 0 0 8px; }
.aixzd-preview-article li > ul, .aixzd-preview-article li > ol { margin: 8px 0 0; }
.aixzd-preview-article img { display: block; max-width: 100%; height: auto; margin: 14px 0; border-radius: 8px; }
.aixzd-preview-article a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.aixzd-preview-article .wp-block-table { width: 100%; margin: 16px 0; overflow-x: auto; }
.aixzd-preview-article table {
    display: table;
    width: 100%;
    min-width: 560px;
    margin: 16px 0;
    border: 1px solid #dedede;
    border-collapse: collapse;
    border-spacing: 0;
    background: #fff;
    color: #404040;
    font-size: 13px;
    line-height: 1.65;
}
.aixzd-preview-article th,
.aixzd-preview-article td {
    box-sizing: border-box;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #dedede;
    vertical-align: middle;
    text-align: left;
}
.aixzd-preview-article th {
    background: #f5f5f5;
    color: #262626;
    font-weight: 600;
}
.aixzd-preview-article td img {
    width: auto;
    max-width: 100%;
    margin: 0;
    border-radius: 6px;
}

.aixzd-preview-article table:has(td:first-child img) td:first-child {
    overflow: hidden;
}
.aixzd-preview-article tbody tr:nth-child(even) { background: #fafafa; }
.aixzd-preview-download-list { display: flex; flex-direction: column; gap: 8px; }
.aixzd-preview-downloads { align-self: start; padding: 16px; border: 1px solid #ececec; border-radius: 14px; background: #fafafa; }
.aixzd-preview-layout.has-downloads .aixzd-preview-downloads { width: 100%; box-sizing: border-box; }
.aixzd-preview-downloads-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.aixzd-preview-downloads-header .aixzd-preview-label { margin: 0; }
.aixzd-source-application-trigger { display: inline-grid; width: 30px; height: 30px; flex: 0 0 30px; padding: 0; place-items: center; border: 1px solid #dedede; border-radius: 7px; background: #fff; color: #525252; cursor: pointer; }
.aixzd-source-application-trigger:hover { border-color: #a3a3a3; color: #171717; }
.aixzd-preview-download-tabs { display: flex; gap: 6px; padding-bottom: 10px; overflow-x: auto; scrollbar-width: none; }
.aixzd-preview-download-tabs::-webkit-scrollbar { display: none; }
.aixzd-preview-download-tabs button { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; color: #737373; font: inherit; font-size: 11px; cursor: pointer; }
.aixzd-preview-download-tabs .aixzd-source-application-trigger { display: inline-grid; width: 26px; height: 26px; min-height: 26px; flex-basis: 26px; padding: 0; place-items: center; align-self: center; border-radius: 6px; }
.aixzd-preview-download-tabs button.is-active { border-color: #171717; background: #171717; color: #fff; }
.aixzd-preview-download-tabs img { width: 18px; height: 18px; border-radius: 4px; object-fit: contain; }
.aixzd-preview-version-panel { padding-top: 2px; }
.aixzd-preview-version-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.aixzd-preview-version-heading strong { font-size: 13px; }
.aixzd-preview-version-heading small { color: #8a8a8a; font-size: 10px; }
.aixzd-preview-version-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 7px; }
.aixzd-preview-version-list > a { display: grid; grid-template-columns: minmax(0, 1fr) auto 15px; align-items: center; gap: 8px; min-height: 38px; padding: 0 10px; border: 1px solid #ececec; border-radius: 8px; background: #fff; color: #262626; text-decoration: none; }
.aixzd-preview-version-list > a:hover { border-color: #bdbdbd; }
.aixzd-preview-version-list > a span { font-size: 12px; font-weight: 600; }
.aixzd-preview-version-list > a small { grid-column: 2; justify-self: end; color: #8a8a8a; font-size: 10px; white-space: nowrap; }
.aixzd-preview-version-list > a > span[aria-hidden="true"],
.aixzd-preview-version-list > a > svg { grid-column: 3; justify-self: end; }
.aixzd-preview-all-versions { display: flex; align-items: center; justify-content: center; min-height: 32px; margin-top: 8px; border-radius: 8px; background: #f0f0f0; color: #525252; font-size: 11px; font-weight: 500; text-decoration: none; }
.aixzd-preview-all-versions:hover { background: #e5e5e5; }
.aixzd-preview-download {
    padding: 10px;
    border: 1px solid #ececec;
    border-radius: 10px;
    background: #fff;
    color: #262626;
    transition: border-color .16s ease, transform .16s ease;
}
.aixzd-preview-download:hover { border-color: #d4d4d4; transform: translateY(-1px); }
.aixzd-preview-download-heading { display: grid; grid-template-columns: 32px minmax(0, 1fr); align-items: center; gap: 10px; }
.aixzd-preview-download img { width: 32px; height: 32px; border-radius: 7px; object-fit: contain; }
.aixzd-preview-download span { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.aixzd-preview-download strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.aixzd-preview-download small { overflow: hidden; color: #737373; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.aixzd-preview-download-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-top: 10px; }
.aixzd-preview-download-actions a { display: flex; align-items: center; justify-content: center; min-height: 30px; padding: 0 8px; border: 1px solid #e5e5e5; border-radius: 7px; color: #525252; font-size: 11px; font-weight: 500; text-decoration: none; }
.aixzd-preview-download-actions a:only-child { grid-column: 1 / -1; }
.aixzd-preview-download-actions a:hover { border-color: #bdbdbd; background: #f5f5f5; }
.aixzd-preview-download-actions a.is-primary { border-color: #171717; background: #171717; color: #fff; }
.aixzd-preview-empty, .aixzd-preview-loading { padding: 28px 10px; color: #8a8a8a; font-size: 13px; text-align: center; }
.aixzd-preview-official {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 22px;
    padding: 0 16px;
    border-radius: 9px;
    background: #171717;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.aixzd-preview-header > .aixzd-preview-official { flex: 0 0 auto; margin: 0; }
.aixzd-preview-edit {
    display: inline-grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 9px;
    background: #fff;
    color: #525252;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease;
}
.aixzd-preview-edit:hover { border-color: #a3a3a3; background: #f5f5f5; color: #171717; }
.aixzd-preview-edit:focus-visible { outline: 2px solid #737373; outline-offset: 2px; }
.aixzd-preview-gallery { display: flex; min-height: 0; flex: 0 1 auto; flex-direction: column; margin: 0 -26px 22px; overflow: hidden; }
.aixzd-preview-gallery-stage { position: relative; width: 100%; min-height: 130px; flex: 1 1 auto; aspect-ratio: 16 / 7.2; overflow: hidden; border: 0; border-radius: 0; background: #f5f5f5; cursor: grab; touch-action: pan-y; user-select: none; }
.aixzd-preview-gallery-stage.is-dragging { cursor: grabbing; }
.aixzd-preview-gallery-track { display: flex; width: 100%; height: 100%; transition: transform .28s cubic-bezier(.22,.72,.28,1); will-change: transform; }
.aixzd-preview-gallery-stage.is-dragging .aixzd-preview-gallery-track { transition: none; }
.aixzd-preview-gallery-slide { flex: 0 0 100%; width: 100%; height: 100%; }
.aixzd-preview-gallery-image { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.aixzd-preview-gallery-arrow { position: absolute; top: 50%; display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(23,23,23,.64); color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.18); cursor: pointer; transform: translateY(-50%); }
.aixzd-product-gallery .aixzd-preview-gallery-arrow svg,
.aixzd-product-lightbox .aixzd-preview-gallery-arrow svg { display:block;width:24px;height:24px;flex-shrink:0; }
.aixzd-product-gallery .aixzd-preview-gallery-arrow,
.aixzd-product-lightbox .aixzd-preview-gallery-arrow { display:flex;align-items:center;justify-content:center;line-height:1;font-size:0;z-index:2; }
.aixzd-preview-gallery-arrow:hover { background: rgba(23,23,23,.82); }
.aixzd-preview-gallery-arrow.is-previous { left: 12px; }
.aixzd-preview-gallery-arrow.is-next { right: 12px; }
.aixzd-preview-gallery-thumbs { display: flex; gap: 7px; padding: 8px 26px 0; overflow-x: auto; scrollbar-width: none; }
.aixzd-preview-gallery-thumbs::-webkit-scrollbar { display: none; }
.aixzd-preview-gallery-thumbs button { flex: 0 0 58px; width: 58px; height: 38px; padding: 2px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 5px; background: #fff; cursor: pointer; opacity: .62; }
.aixzd-preview-gallery-thumbs button.is-active { border-color: #404040; opacity: 1; }
.aixzd-preview-gallery-thumbs img { display: block; width: 100%; height: 100%; border-radius: 3px; object-fit: cover; }
.dark .aixzd-preview-dialog { background: var(--bb-surface); color: var(--bb-text); }
.dark .aixzd-preview-close, .dark .aixzd-preview-download, .dark .aixzd-preview-downloads { background: var(--bb-raised); border-color: var(--bb-border); color: var(--bb-text); }
.dark .aixzd-preview-download-actions a { border-color: var(--bb-border); color: var(--bb-text-secondary); }
.dark .aixzd-preview-download-actions a:hover { background: var(--bb-border); }
.dark .aixzd-preview-download-actions a.is-primary { border-color: var(--bb-text); background: var(--bb-text); color: var(--bb-surface); }
.dark .aixzd-preview-download-tabs button, .dark .aixzd-preview-version-list > a { border-color: var(--bb-border); background: var(--bb-raised); color: var(--bb-text); }
.dark .aixzd-preview-download-tabs button.is-active { border-color: var(--bb-text); background: var(--bb-text); color: var(--bb-surface); }
.dark .aixzd-preview-all-versions { background: var(--bb-border); color: var(--bb-text-secondary); }
.dark .aixzd-preview-title { color: var(--bb-text); }
.dark .aixzd-preview-gallery-stage, .dark .aixzd-preview-gallery-thumbs button { border-color: var(--bb-border); background: var(--bb-raised); }
.dark .aixzd-preview-gallery-thumbs button.is-active { border-color: var(--bb-text-secondary); }
.dark .aixzd-preview-summary, .dark .aixzd-preview-article, .dark .aixzd-preview-download small { color: var(--bb-text-muted); }
.dark .aixzd-preview-content-tabs { border-color: var(--bb-border); }
.dark .aixzd-preview-cases-grid .aixzd-preview-case-item { border-color: var(--bb-border); background: var(--bb-raised); }
.dark .aixzd-preview-content-tabs button { color: #8a8a8a; }
.dark .aixzd-preview-content-tabs button:hover, .dark .aixzd-preview-content-tabs button.is-active { color: var(--bb-text); }
.dark .aixzd-preview-content-tabs button.is-active::after { background: var(--bb-text); }
.dark .aixzd-preview-update-meta { background: var(--bb-raised); }
.dark .aixzd-preview-update-source a { border-color: var(--bb-border); }
.dark .aixzd-preview-article h1, .dark .aixzd-preview-article h2, .dark .aixzd-preview-article h3, .dark .aixzd-preview-article h4 { color: var(--bb-text); }
.dark .aixzd-preview-article table { border-color: var(--bb-border); background: var(--bb-surface); color: var(--bb-text-secondary); }
.dark .aixzd-preview-article th, .dark .aixzd-preview-article td { border-color: var(--bb-border); }
.dark .aixzd-preview-article th { background: var(--bb-raised); color: var(--bb-text); }
.dark .aixzd-preview-article tbody tr:nth-child(even) { background: #242424; }
.dark .aixzd-preview-layout { scrollbar-color: #5f5f5f transparent; }
.dark .aixzd-preview-layout::-webkit-scrollbar-thumb { background: #5f5f5f; }
.dark .aixzd-preview-layout::-webkit-scrollbar-thumb:hover { background: #737373; }

.aixzd-source-application-dialog {
    position: fixed;
    inset: auto;
    top: 50%;
    left: 50%;
    width: min(430px, calc(100vw - 32px));
    margin: 0;
    padding: 24px;
    border: 0;
    border-radius: 14px;
    background: #fff;
    color: #262626;
    box-shadow: 0 24px 72px rgba(15, 23, 42, .28);
    transform: translate(-50%, -50%);
}
.aixzd-source-application-dialog::backdrop { background: rgba(15, 23, 42, .34); backdrop-filter: blur(2px); }
.aixzd-source-application-close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #f5f5f5; color: #525252; font-size: 22px; line-height: 1; cursor: pointer; }
.aixzd-source-application-head { padding-right: 32px; }
.aixzd-source-application-head h3 { margin: 0 0 7px; font-size: 18px; line-height: 1.35; }
.aixzd-source-application-head p { margin: 0; color: #737373; font-size: 12px; line-height: 1.6; }
.aixzd-source-application-form { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.aixzd-source-application-form label { display: flex; flex-direction: column; gap: 7px; color: #404040; font-size: 12px; font-weight: 600; }
.aixzd-source-application-form input { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #dedede; border-radius: 8px; background: #fff; color: #262626; font: inherit; font-size: 13px; outline: none; }
.aixzd-source-application-form input:focus { border-color: #525252; box-shadow: 0 0 0 2px rgba(23, 23, 23, .08); }
.aixzd-source-application-trap { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; }
.aixzd-source-application-status { min-height: 18px; margin: -2px 0 0; color: #b91c1c; font-size: 12px; line-height: 18px; }
.aixzd-source-application-status.is-success { color: #15803d; }
.aixzd-source-application-submit { height: 42px; border: 0; border-radius: 8px; background: #171717; color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.aixzd-source-application-submit:hover { background: #303030; }
.aixzd-source-application-submit:disabled { cursor: wait; opacity: .62; }
.dark .aixzd-source-application-trigger { border-color: var(--bb-border); background: var(--bb-raised); color: var(--bb-text-secondary); }
.dark .aixzd-source-application-dialog { background: var(--bb-surface); color: var(--bb-text); }
.dark .aixzd-source-application-close { background: var(--bb-raised); color: var(--bb-text-secondary); }
.dark .aixzd-source-application-head p { color: var(--bb-text-muted); }
.dark .aixzd-source-application-form label { color: var(--bb-text-secondary); }
.dark .aixzd-source-application-form input { border-color: var(--bb-border); background: var(--bb-raised); color: var(--bb-text); }
@media (max-width: 640px) {
    .aixzd-preview-content { padding: 20px; }
    .aixzd-preview-gallery { margin: 0 -20px 20px; }
    .aixzd-preview-gallery-thumbs { padding-right: 20px; padding-left: 20px; }
    .aixzd-preview-layout { grid-template-columns: 1fr; gap: 20px; margin-right: -16px; padding-right: 12px; }
}

/* Navigation view controls: preserve the configured default until a visitor chooses. */
.aixzd-view-switch { display: inline-flex; flex-shrink: 0; margin-left: auto; }
.aixzd-view-switch button {
    position: relative;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.aixzd-view-switch button:hover { background: transparent; color: #0f172a; border-color: #cbd5e1; }
.aixzd-view-switch button:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
.aixzd-view-icon { position: absolute; transition: opacity .2s ease, transform .25s ease; }
.aixzd-view-switch .is-list { opacity: 0; transform: scale(.85); }
[data-aixzd-nav-view="large"] .aixzd-view-switch .is-grid { opacity: 0; transform: scale(.85); }
[data-aixzd-nav-view="large"] .aixzd-view-switch .is-list { opacity: 1; transform: scale(1); }
@media (prefers-reduced-motion: reduce) { .aixzd-view-icon { transition: none; } }
.aixzd-nav-compact-view { display: none; width: 100%; }
[data-aixzd-nav-view="compact"] .aixzd-nav-compact-view { display: block; }
[data-aixzd-nav-view="compact"] .aixzd-feature-card > .aixzd-feature-inner,
[data-aixzd-nav-view="compact"] .aixzd-feature-card > .aixzd-feature-detail-link { display: none; }
[data-aixzd-nav-view="compact"] .aixzd-feature-card {
    background: transparent;
    border-radius: 12px;
    box-shadow: none;
}
[data-aixzd-nav-view="compact"] .aixzd-feature-card:hover { transform: none; box-shadow: none; }
[data-aixzd-nav-view="compact"] .aixzd-nav-compact-view > .aixzd-compact-card { height: 100%; }
.dark .aixzd-view-switch button { background: transparent; border-color: var(--bb-border); color: var(--bb-text-muted); }
.dark .aixzd-view-switch button:hover { background: transparent; color: var(--bb-text); }
@media (max-width: 640px) {
    [data-aixzd-nav-view] .aixzd-section-head { flex-wrap: wrap; }
    [data-aixzd-nav-view] .aixzd-section-head-main { flex-basis: 100%; }
    .aixzd-view-switch { margin-left: 0; }
}

/* Product introduction gallery inside large navigation cards. */
.aixzd-feature-card .aixzd-feature-inner { padding: 0; }
.aixzd-feature-card .aixzd-feature-body { padding: 16px; }
.aixzd-feature-card .aixzd-feature-logo { width:40px;height:40px;border-radius:8px; }
.aixzd-card-gallery { position: relative; overflow: hidden; margin:16px 16px 0;border-radius:14px; }
.aixzd-card-gallery .aixzd-feature-cover { border-radius: 0; aspect-ratio:16 / 9; }
.aixzd-card-gallery .aixzd-feature-cover img { position: absolute; inset: 0; object-fit: cover; }
.aixzd-card-gallery [data-aixzd-gallery-slide][hidden] { display: none !important; }
.aixzd-card-gallery-empty { display: flex; height: 100%; align-items: center; justify-content: center; color: #94a3b8; font-size: 12px; }
.aixzd-card-gallery-dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0; padding: 0 3px; pointer-events: auto; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); z-index: 3; background: transparent; flex-wrap: nowrap; }
.aixzd-card-gallery-dots button { display: flex; align-items: center; justify-content: center; width: 14px; height: 24px; cursor: pointer; border-radius: 50%; }
.aixzd-card-gallery-dots button::before { content: ''; width: 4px; height: 4px; border-radius: 50%; box-shadow: 0 1px 3px rgb(0 0 0 / 45%); background: rgb(255 255 255 / 50%); }
.aixzd-card-gallery-dots button[aria-pressed="true"]::before { background: #fff; }
.aixzd-card-gallery-dots button:focus-visible { outline: 2px solid #0ea5e9; outline-offset: -2px; }
.dark .aixzd-card-gallery-dots button::before { background: rgb(255 255 255 / 50%); }
.dark .aixzd-card-gallery-dots button[aria-pressed="true"]::before { background: var(--bb-text); }

/* Expanded leaderboard uses the same ranked rows as the homepage. */
.aixzd-rankings-heading { margin-bottom: 24px; }
.aixzd-rankings-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.aixzd-rankings-tabs .aixzd-filter { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 18px; font-size: 15px; line-height: 22px; font-weight: 600; }
@media (max-width: 480px) {
    .aixzd-rankings-tabs { gap: 8px; }
    .aixzd-rankings-tabs .aixzd-filter { padding: 8px 12px; font-size: 14px; }
}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboards-grid { grid-template-columns: minmax(0, 1fr); }
.aixzd-rankings-page .aixzd-homeboard-list { max-height: none; overflow: visible; }
.aixzd-rankings-page .aixzd-homeboard-head { display: none; }

/* Ranking content fills the shared 1728px site frame, regardless of text length. */
.aixzd-rankings-layout { width: 100%; max-width: 1728px; margin: 0 auto; }
.aixzd-rankings-layout .aixzd-home-nav-content { min-width: 0; align-items: stretch; }
.aixzd-rankings-layout .aixzd-shell { width: 100%; max-width: 1728px; margin: 0; box-sizing: border-box; }
.aixzd-rankings-layout .aixzd-content-panel,
.aixzd-rankings-layout .aixzd-homeboards,
.aixzd-rankings-layout .aixzd-homeboard-panel { width: 100%; min-width: 0; }
/* Product modal and canonical detail page share data and visual elements. */
.aixzd-preview-expand { position:absolute;top:10px;right:50px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f5f5f5;color:#525252;z-index:5; }
.aixzd-preview-expand[hidden] { display:none; }
.aixzd-preview-expand:hover { background:#e5e5e5;color:#171717; }
.aixzd-preview-dialog .aixzd-preview-header { padding-right:78px; }
.aixzd-product-detail { width:100%;min-width:0; }
.aixzd-product-detail .aixzd-preview-header { padding-right:0;flex-wrap:wrap; }
.aixzd-product-detail h1.aixzd-preview-title { font-size:26px; }
.aixzd-product-gallery { margin:20px 0 28px; }
.aixzd-product-gallery-stage { width:100%;height:clamp(240px,32vw,480px);position:relative;background:#f5f5f5;border-radius:12px;overflow:hidden; }
.aixzd-product-gallery-stage figure { margin:0;width:100%;height:100%; }
.aixzd-product-gallery-stage figure[hidden],.aixzd-product-detail [data-product-source-panel][hidden] { display:none; }
.aixzd-product-gallery-stage [data-product-zoom] { display:block;width:100%;height:100%;cursor:zoom-in;border:0;padding:0;background:transparent; }
.aixzd-product-gallery-stage img { width:100%;height:100%;object-fit:contain; }
.aixzd-product-information { display:grid;grid-template-columns:minmax(0,1fr);gap:32px; }
.aixzd-product-information.has-update { grid-template-columns:minmax(0,1fr); }
.aixzd-product-intro,.aixzd-product-updates,.aixzd-product-cases { min-width:0; }
.aixzd-product-detail .aixzd-preview-article { width:100%; }
.aixzd-product-detail .aixzd-preview-article > p,
.aixzd-product-detail .aixzd-preview-article > ul,
.aixzd-product-detail .aixzd-preview-article > ol { max-width:none; }
.aixzd-product-detail .aixzd-preview-gallery-thumbs { padding-left:0;padding-right:0; }
.aixzd-product-detail .aixzd-preview-article table { min-width:min(560px,100%); }
.aixzd-product-detail .aixzd-preview-article th,
.aixzd-product-detail .aixzd-preview-article td { overflow-wrap:anywhere; }
.aixzd-product-updates { padding-top:28px;border-top:1px solid #e5e5e5; }
.dark .aixzd-product-updates { border-color:var(--bb-border); }
.aixzd-product-detail h2 { margin:0 0 18px;font-size:18px;font-weight:650; }
.aixzd-product-downloads { margin-top:32px; }
.aixzd-product-lightbox { position:fixed;inset:0;margin:auto;box-sizing:border-box;max-height:90vh; width:min(1400px,96vw);max-width:96vw;height:90vh;border:0;border-radius:12px;padding:40px 64px;background:#111; }
.aixzd-product-lightbox::backdrop { background:rgba(0,0,0,.8); }
.aixzd-product-lightbox-viewport { position:relative;width:100%;height:100%;overflow:hidden; }
.aixzd-product-lightbox-viewport>img { width:100%;height:100%;object-fit:contain; }
.dark .aixzd-preview-expand { background:var(--bb-raised);color:var(--bb-text); }
.dark .aixzd-product-gallery-stage { background:var(--bb-surface); }
@media(max-width:767px) { .aixzd-product-information.has-update { grid-template-columns:minmax(0,1fr); } .aixzd-product-gallery-stage { height:auto;aspect-ratio:16 / 9; } .aixzd-product-detail h1.aixzd-preview-title { font-size:22px; } }

.aixzd-product-meta { display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:12px;color:#737373; }

.aixzd-preview-close svg, .aixzd-preview-expand svg { display: block; flex-shrink: 0; }

/* Top 3D AI source rankings; scoped so other homepage boards retain their layout. */
.aixzd-top3d-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.aixzd-top3d-tabs .is-active{background:var(--color-primary,#18181b);color:#fff}.aixzd-top3d-summary{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#888;margin-bottom:14px}.aixzd-top3d .aixzd-homeboard-link{display:flex!important;align-items:center;gap:12px!important}.aixzd-top3d .aixzd-homeboard-info{flex:1;min-width:0}.aixzd-top3d .aixzd-homeboard-name{white-space:normal!important}.aixzd-top3d-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;font-variant-numeric:tabular-nums}.aixzd-top3d-score strong{font-size:18px;color:inherit}.aixzd-top3d-score small{font-size:10px;color:#888}.aixzd-top3d-settings{font-size:12px;color:#888;margin:6px 0 0}.aixzd-top3d-stats{display:flex;flex-wrap:wrap;gap:10px 24px;padding:0 20px 16px 60px;font-size:12px;color:#888}.aixzd-top3d-stats b{font-weight:500;color:inherit}.aixzd-top3d-source{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px;padding:12px 8px 2px;font-size:11px;color:#888}.aixzd-top3d-source a:hover{text-decoration:underline}.aixzd-top3d.is-full .aixzd-homeboard-list{max-height:none!important;overflow:visible!important}.aixzd-top3d.is-full .aixzd-homeboard-item{height:auto!important;min-height:80px}.aixzd-top3d.is-full .aixzd-homeboard-link{padding:16px 20px!important}.aixzd-top3d.is-compact .aixzd-homeboard-link{padding-right:8px!important}.aixzd-top3d.is-compact .aixzd-homeboard-name{font-size:13px!important}.aixzd-top3d.is-compact .aixzd-top3d-score strong{font-size:15px}@media(max-width:600px){.aixzd-top3d-summary{flex-direction:column}.aixzd-top3d-stats{padding-left:20px;gap:8px 14px}.aixzd-top3d.is-full .aixzd-homeboard-link{padding:14px 12px!important}}

/* Retain the original logo / title / introduction grid, adding only a score column. */
body .aixzd-homeboards .aixzd-top3d .aixzd-homeboard-link{display:grid!important;grid-template-columns:18px 32px minmax(0,1fr) 44px!important;grid-template-rows:auto auto;column-gap:10px!important;row-gap:2px!important;align-items:center}
.aixzd-top3d .aixzd-homeboard-rank{grid-column:1;grid-row:1 / span 2}
.aixzd-top3d .aixzd-homeboard-icon{grid-column:2;grid-row:1 / span 2;object-fit:contain}
body .aixzd-homeboards .aixzd-top3d .aixzd-homeboard-name{white-space:nowrap!important;font-size:14px!important}
.aixzd-top3d .aixzd-top3d-score{grid-column:4;grid-row:1 / span 2}
.aixzd-top3d.is-full .aixzd-top3d-stats{padding-left:100px}
@media(max-width:600px){.aixzd-top3d.is-full .aixzd-top3d-stats{padding-left:12px}}

/* All ranking logos use a contrasting background in both color modes. */
body .aixzd-home-shell .aixzd-homeboards .aixzd-homeboard-icon,
body .aixzd-homeboards .aixzd-homeboard-icon {
    background-color: #202020 !important;
}
.dark body .aixzd-home-shell .aixzd-homeboards .aixzd-homeboard-icon,
body.dark .aixzd-home-shell .aixzd-homeboards .aixzd-homeboard-icon,
.dark .aixzd-homeboards .aixzd-homeboard-icon {
    background-color: #f2f2f2 !important;
}

.aixzd-top3d-features{gap:8px!important}
.aixzd-top3d-feature{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #e5e5e5;border-radius:6px;color:#606060;background:#f7f7f7;font-size:11px;line-height:1.4}
.dark .aixzd-top3d-feature{border-color:var(--bb-border);color:var(--bb-text-secondary);background:var(--bb-raised)}
.aixzd-top3d-price{font-weight:500;color:#303030;background:#eeeeee}.aixzd-top3d-price:hover{text-decoration:underline}.dark .aixzd-top3d-price{color:#eeeeee;background:#363636}

/* Podium emphasis: gold, silver and bronze, with progressively softer fills. */
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+3){border-radius:8px}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(1){--aixzd-rank-fill:linear-gradient(270deg,rgba(222,169,57,.20),rgba(222,169,57,.035));box-shadow:none}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(2){--aixzd-rank-fill:linear-gradient(270deg,rgba(174,121,78,.12),rgba(174,121,78,.02));box-shadow:none}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(3){--aixzd-rank-fill:linear-gradient(270deg,rgba(145,145,145,.10),rgba(145,145,145,.015));box-shadow:none}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-1{color:#a87918}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-2{color:#a47550}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-3{color:#777777}
.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(1){--aixzd-rank-fill:linear-gradient(270deg,rgba(222,169,57,.18),rgba(222,169,57,.03))}
.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(2){--aixzd-rank-fill:linear-gradient(270deg,rgba(194,144,102,.11),rgba(194,144,102,.02))}
.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(3){--aixzd-rank-fill:linear-gradient(270deg,rgba(185,185,185,.095),rgba(185,185,185,.015))}
.dark body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-1,body.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-1{color:#e3bd6c}
.dark body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-2,body.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-2{color:#c39773}
.dark body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-3,body.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-rank.rank-3{color:#bcbcbc}

/* Subtle continuation below the podium. */
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(4){border-radius:8px;--aixzd-rank-fill:linear-gradient(270deg,rgba(145,145,145,.05),rgba(145,145,145,.005))}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(5){border-radius:8px;--aixzd-rank-fill:linear-gradient(270deg,rgba(145,145,145,.02),rgba(145,145,145,0))}
.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(4){--aixzd-rank-fill:linear-gradient(270deg,rgba(185,185,185,.05),rgba(185,185,185,.005))}
.dark .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(5){--aixzd-rank-fill:linear-gradient(270deg,rgba(185,185,185,.02),rgba(185,185,185,0))}

/* Extend the rank fills through the container gutters without moving row content. */
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5){background:none!important;border-radius:0;isolation:isolate}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5)::before{content:"";position:absolute;inset:0 -16px;z-index:-1;pointer-events:none;background:var(--aixzd-rank-fill)}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:first-child::before{top:-8px;border-radius:14px 14px 0 0}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5):last-child::before{bottom:-8px;border-radius:0 0 14px 14px}

/* A站作者完整列表：复用首页卡片，作品模式以原始比例铺满正文。 */
.aixzd-author-modes a { padding: 9px 16px; border-radius: 8px; font-size: 14px; }
.aixzd-author-archive .aixzd-author-grid { align-items: start; }
.aixzd-author-archive .aixzd-author-expand { opacity: 1; visibility: visible; pointer-events: auto; min-height: 32px; }
.aixzd-author-card:focus-within .aixzd-author-expand { opacity: 1; visibility: visible; pointer-events: auto; }
.aixzd-author-masonry { --author-columns: 5; display: flex; align-items: flex-start; gap: 0; }
.aixzd-author-image { display: block; break-inside: avoid; margin: 0; border-radius: 0; overflow: hidden; background: #e5e7eb; }
.aixzd-author-image img { display: block; width: 100%; height: auto; }
.aixzd-author-feed-more { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 28px 0; color: #64748b; font-size: 14px; }
.aixzd-author-feed-more a { padding: 10px 18px; border-radius: 8px; }
.aixzd-author-feed-more a[hidden] { display: none; }
@media (max-width: 1535px) { .aixzd-author-masonry { --author-columns: 4; } }
@media (max-width: 1279px) { .aixzd-author-masonry { --author-columns: 3; } }
@media (max-width: 767px) { .aixzd-author-masonry { --author-columns: 2; } }

/* Empty software introduction galleries display the logo at icon scale. */
.aixzd-product-gallery.is-logo-fallback .aixzd-product-gallery-stage { height:220px;aspect-ratio:auto; }
.aixzd-product-gallery.is-logo-fallback [data-product-zoom],
.aixzd-preview-gallery.is-logo-fallback .aixzd-preview-gallery-slide { display:flex;align-items:center;justify-content:center; }
.aixzd-product-gallery.is-logo-fallback .aixzd-product-gallery-stage img,
.aixzd-preview-gallery.is-logo-fallback .aixzd-preview-gallery-image { width:128px;height:128px;max-width:50%;max-height:70%;object-fit:contain; }

/* Canonical software detail: reading content on the left, download card on the right. */
.aixzd-product-columns { display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start; }
.aixzd-product-main,.aixzd-product-sidebar { min-width:0; }
.aixzd-product-main .aixzd-product-gallery { margin-top:0; }
.aixzd-product-sidebar { display:flex;flex-direction:column;gap:0; }
.aixzd-product-download-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px; }
.aixzd-product-download-heading > h2 { margin:0; }
.aixzd-product-download-heading > .aixzd-source-application-trigger { flex:0 0 30px; }
.aixzd-product-sidebar .aixzd-product-downloads { width:100%;margin-top:0;box-sizing:border-box;border:0;background:#f5f5f5; }
.dark .aixzd-product-sidebar .aixzd-product-downloads { background:var(--bb-raised); }
.aixzd-product-sidebar .aixzd-preview-version-list { grid-template-columns:minmax(0,1fr); }
.aixzd-product-sidebar .aixzd-preview-version-list > a { padding-top:8px;padding-bottom:8px; }
.aixzd-product-sidebar .aixzd-preview-version-list > a span:first-child { overflow-wrap:anywhere; }
.aixzd-product-sidebar .aixzd-preview-version-heading { flex-wrap:wrap; }
@media(min-width:1024px) {
  .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr) 320px; }
  .aixzd-product-main .aixzd-product-gallery-stage { height:auto;aspect-ratio:16 / 9; }
  .aixzd-product-main .is-logo-fallback .aixzd-product-gallery-stage { height:220px;aspect-ratio:auto; }
}
@media(min-width:1440px) {
  .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr) 360px;gap:36px; }
}

/* Product case images retain their composition and carry factual source captions. */
.aixzd-preview-case-note { margin: 0 0 8px; color: #737373; font-size: 13px; line-height: 1.7; }
.aixzd-preview-case-source { display: inline-block; margin-bottom: 14px; font-size: 13px; text-decoration: underline; }
.aixzd-preview-case-caption { display: block; padding: 10px 12px; font-size: 12px; line-height: 1.6; color: #525252; }
.aixzd-preview-cases-grid .aixzd-preview-case-item img { object-fit: contain; }
.dark .aixzd-preview-case-note, .dark .aixzd-preview-case-caption { color: var(--bb-text-muted); }

/* Archive compact cards share the logo/title header used by navigation cards. */
.aixzd-link-archive-main .aixzd-card > .low-muted-btn.aixzd-compact-card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 6px;
}
.aixzd-link-archive-main .aixzd-compact-card-heading {
    width: 100%;
    min-width: 0;
}
.aixzd-link-archive-main .aixzd-compact-card-heading h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Swipe galleries keep vertical touch scrolling and suppress native image dragging. */
.aixzd-product-gallery-stage.has-swipe,
.aixzd-product-lightbox.has-swipe { touch-action:pan-y; }
.aixzd-product-gallery-stage.has-swipe [data-product-zoom],
.aixzd-product-lightbox.has-swipe .aixzd-product-lightbox-viewport > img { cursor:grab;user-select:none;-webkit-user-drag:none; }
.aixzd-product-gallery-stage.is-dragging [data-product-zoom],
.aixzd-product-lightbox.is-dragging .aixzd-product-lightbox-viewport > img { cursor:grabbing; }

.aixzd-product-gallery-stage .aixzd-gallery-outgoing,
.aixzd-product-lightbox-viewport .aixzd-gallery-outgoing { position:absolute;inset:0;width:100%;height:100%;margin:0;pointer-events:none; }

/* Lightbox navigation sits in side gutters, outside the image viewport. */
.aixzd-product-lightbox .aixzd-preview-gallery-arrow.is-previous { left:15px; }
.aixzd-product-lightbox .aixzd-preview-gallery-arrow.is-next { right:15px; }
@media (max-width:600px) {
    .aixzd-product-lightbox { padding:40px 52px; }
    .aixzd-product-lightbox .aixzd-preview-gallery-arrow.is-previous { left:9px; }
    .aixzd-product-lightbox .aixzd-preview-gallery-arrow.is-next { right:9px; }
}

/* Fade the complete podium fill, including its gutters, while actions are visible. */
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5)::before {
    transition: opacity .15s ease;
}
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5):has(.aixzd-nav-actions):hover::before,
body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5):has(.aixzd-nav-actions):focus-within::before {
    opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
    body .aixzd-homeboards.aixzd-rankings-page .aixzd-homeboard-list > .aixzd-homeboard-item:nth-child(-n+5)::before { transition: none; }
}

.aixzd-author-column { flex: 1 1 0; min-width: 0; }
.aixzd-author-masonry.is-preparing { visibility: hidden; max-height: 0; overflow: hidden; }
.aixzd-author-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.aixzd-author-feed-more { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 72px; padding: 20px 0; }
.aixzd-author-loader { width: 20px; height: 20px; border: 2px solid #d6d6d6; border-top-color: #202020; border-radius: 50%; animation: aixzd-author-spin .8s linear infinite; }
.aixzd-author-loader[hidden], .aixzd-author-image[hidden] { display: none; }
@keyframes aixzd-author-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .aixzd-author-loader { animation: none; } }

/* Compact author category pills, including the floating filter bar. */
.aixzd-author-filter-slot { margin-bottom: 16px; }
.aixzd-author-filters { gap: 6px; margin: 0; padding: 10px 0; background: var(--beebeework-site-bg, #f5f6f7); }
.aixzd-author-filters.is-fixed { position: fixed; z-index: 49; margin: 0; }
.aixzd-author-filters a { display: inline-flex; align-items: center; justify-content: center; min-height: 30px; padding: 5px 13px; border: 1px solid #e5e5e5 !important; border-radius: 999px !important; background: #fff !important; color: #404040 !important; font-size: 12px !important; line-height: 18px; font-weight: 500; text-decoration: none; }
.aixzd-author-filters a:hover { background: #fafafa !important; border-color: #bfbfbf !important; }
.aixzd-author-filters a[aria-current="page"], .aixzd-author-filters a.border-accent-btn-active { background: #171717 !important; border-color: #171717 !important; color: #fff !important; font-weight: 600; box-shadow: none; }
.aixzd-author-filters a:focus-visible { outline: 2px solid #737373; outline-offset: 3px; }
html[data-theme="dark"] .aixzd-author-filters, .dark .aixzd-author-filters { background: var(--bb-bg); }

/* Categories and display modes share one sticky row. */
.aixzd-author-filters { flex-wrap: nowrap; align-items: center; }
.aixzd-author-filters > a { flex-shrink: 0; }
.aixzd-author-modes { display: flex; align-items: center; gap: 6px; margin: 0 0 0 auto; padding-left: 16px; flex-shrink: 0; }
.aixzd-author-filters .aixzd-author-modes a { white-space: nowrap; }
.aixzd-author-category-options { display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.aixzd-author-category-options a { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 767px) {
  .aixzd-author-modes { padding-left: 6px; gap: 4px; }
  .aixzd-author-filters .aixzd-author-modes a { padding-left: 9px; padding-right: 9px; }
}

/* One continuous, draggable two-position display switch. */
.aixzd-author-modes { position: relative; isolation: isolate; gap: 0; width: 132px; height: 36px; padding: 3px; margin-left: 10px; border: 1px solid #e5e5e5; border-radius: 999px; background: #fff; box-sizing: border-box; touch-action: pan-y; user-select: none; }
.aixzd-author-mode-thumb { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border-radius: 999px; background: #171717; transform: translateX(var(--mode-offset, 0%)); transition: transform .16s ease; pointer-events: none; z-index: -1; }
.aixzd-author-modes[data-selected="images"] .aixzd-author-mode-thumb { transform: translateX(var(--mode-offset, 100%)); }
.aixzd-author-modes.is-dragging .aixzd-author-mode-thumb { transition: none; }
.aixzd-author-filters .aixzd-author-modes a, .aixzd-author-filters .aixzd-author-modes a:hover, .aixzd-author-filters .aixzd-author-modes a[aria-current="page"] { flex: 1; height: 28px; min-height: 0; padding: 0 !important; border: 0 !important; background: transparent !important; color: #525252 !important; font-weight: 500; box-shadow: none; }
.aixzd-author-modes[data-selected="authors"] a[data-author-mode="authors"], .aixzd-author-modes[data-selected="images"] a[data-author-mode="images"] { color: #fff !important; font-weight: 600 !important; }
@media (max-width: 767px) { .aixzd-author-modes { width: 116px; padding: 3px; } }
@media (prefers-reduced-motion: reduce) { .aixzd-author-mode-thumb { transition: none; } }

/* Footer More menu: a single scroll owner, no visible scrollbar chrome. */
.aixzd-footer-menu-popover {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
}
.aixzd-footer-menu-popover::-webkit-scrollbar,
.aixzd-footer-menu-popover .simplebar-track { display: none !important; }
.aixzd-footer-menu-popover > .aixzd-footer-menu-content {
    height: auto;
    min-width: 0;
    overflow: visible;
}
.aixzd-footer-menu-content astro-menu-box { display: block; }
.aixzd-footer-menu-content img[alt="Built with Astro"] {
    display: block;
    width: 112px;
    height: 20px;
    max-width: 100%;
}
/* Parent dropdown hover bridges extend 16px outside the scroll box.
 * This click-open menu does not need them. */
.aixzd-footer-menu-popover::before,
.aixzd-footer-menu-popover::after { display: none; }

/* Mobile primary navigation shares WordPress top-menu with desktop. */
.aixzd-mobile-top-menu { display:none; }
@media(max-width:767px) {
 .aixzd-mobile-top-menu { display:block;position:fixed;bottom:0;left:0;width:100%;z-index:40;background:#f5f5f5;border-top:1px solid #dedede;padding-bottom:env(safe-area-inset-bottom); }
 .aixzd-mobile-top-menu ul { display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none; }
 .aixzd-mobile-top-menu ul::-webkit-scrollbar { display:none; }
 .aixzd-mobile-top-menu li { flex:1 0 64px; }
 .aixzd-mobile-top-menu a { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;color:#686868;font-size:11px;line-height:1.2;text-decoration:none; }
 .aixzd-mobile-top-menu a[aria-current="page"] { color:#202020;font-weight:700; }
 .aixzd-mobile-top-menu img { object-fit:contain; }
 .dark .aixzd-mobile-top-menu { background:var(--bb-surface);border-color:var(--bb-border); }
 .dark .aixzd-mobile-top-menu a { color:var(--bb-text-muted); }
 .dark .aixzd-mobile-top-menu a[aria-current="page"] { color:var(--bb-text); }
}

/* Classification labels are hidden unless the administrator enables the tool. */
.author-managed-categories{display:none;flex-wrap:wrap;gap:6px;padding:4px 0 6px;line-height:18px}
.author-category-badge{font-size:11px;color:#555;border:1px solid #ddd;border-radius:999px;padding:0 7px;background:transparent}
.author-category-remove{display:none}
.dark .author-category-badge{color:var(--bb-text-muted);border-color:var(--bb-border)}

.dark .aixzd-author-loader { border-color: var(--bb-border); border-top-color: var(--bb-text); }

/* File detail content follows the actual collapsed sidebar, rather than a 17–25vw placeholder. */
@media(min-width:768px){html.hs-overlay-minified .aixzd-source-detail-layout .aixzd-source-detail-main,body.hs-overlay-minified .aixzd-source-detail-layout .aixzd-source-detail-main{margin-left:72px!important;min-width:0}}
@media(max-width:767px){.aixzd-source-detail-layout .aixzd-source-detail-main{margin-left:0!important;min-width:0}}

/* Reserve reading space in navigation previews on narrow or short screens. */
@media (max-width: 1023px), (max-height: 800px) {
    .aixzd-preview-dialog .aixzd-preview-gallery {
        flex: 0 1 42%;
        max-height: 42%;
        margin-bottom: 14px;
    }
    .aixzd-preview-dialog .aixzd-preview-gallery-stage {
        min-height: 0;
        aspect-ratio: auto;
    }
    .aixzd-preview-dialog .aixzd-preview-gallery-thumbs { flex: 0 0 auto; }
    .aixzd-preview-dialog .aixzd-preview-layout {
        min-height: 0;
        flex: 1 1 0;
    }
    .aixzd-preview-dialog .aixzd-preview-header { flex: 0 0 auto; flex-wrap: wrap; }
}
@media (max-width: 767px) {
    .aixzd-preview-dialog {
        height: 92vh;
        height: 92dvh;
        max-height: calc(100vh - 24px);
        max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
}

/* Shared sidebar rail: small rounded glyph beside a persistent caption. */
#hs-sidebar-content-push > div {
    padding-right: 0;
}
#hs-sidebar-content-push > div > div:first-child {
    margin-left: -16px;
    min-height: 0;
    flex: 1 1 auto;
    margin-bottom: 18px;
    transform: none;
}
#hs-sidebar-content-push .main-navigation {
    padding-left: 16px;
    transform: none;
}
#hs-sidebar-content-push .main-navigation > ul {
    gap: 8px;
}
#hs-sidebar-content-push .main-menu-a,
#hs-sidebar-content-push #hs-dropdown-menu-foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 134px;
    min-width: 0;
    height: auto;
    min-height: 44px;
    margin-left: -16px;
    padding: 4px 6px !important;
    border-radius: 14px;
    background: transparent;
    color: #595959;
    cursor: pointer;
}
#hs-sidebar-content-push .main-menu-a .main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 32px;
    flex: 0 0 30px;
    border-radius: 14px;
    color: inherit;
    transition: background-color .18s ease, color .18s ease;
}
#hs-sidebar-content-push .main-menu-a .main-menu > :is(img, svg, i),
#hs-sidebar-content-push .main-menu-a .aixzd-sidebar-svg-fallback svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
}
#hs-sidebar-content-push .main-menu-span {
    display: block;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .02em;
    color: inherit;
}
#hs-sidebar-content-push .main-menu-a:hover .main-menu,
#hs-sidebar-content-push .main-menu-a.is-active .main-menu,
#hs-sidebar-content-push .main-menu-a[aria-current="page"] .main-menu {
    background-color: #ededed;
    color: #303030;
}
#hs-sidebar-content-push .main-menu-a.is-active,
#hs-sidebar-content-push .main-menu-a[aria-current="page"] {
    color: #303030;
}
#hs-sidebar-content-push .main-menu-a:focus-visible,
#hs-sidebar-content-push #hs-dropdown-menu-foot:focus-visible {
    outline: 2px solid var(--bb-focus, #757575);
    outline-offset: 2px;
}
#hs-sidebar-content-push #hs-dropdown-menu-foot:hover {
    color: #303030;
}
#hs-sidebar-content-push .main-menu-a + .aixzd-sidebar-nav-tip,
#hs-sidebar-content-push #hs-dropdown-menu-foot .more-tip {
    display: none;
}
.dark #hs-sidebar-content-push .main-menu-a,
.dark #hs-sidebar-content-push #hs-dropdown-menu-foot {
    color: var(--bb-text-secondary);
}
.dark #hs-sidebar-content-push .main-menu-a:hover .main-menu,
.dark #hs-sidebar-content-push .main-menu-a.is-active .main-menu,
.dark #hs-sidebar-content-push .main-menu-a[aria-current="page"] .main-menu {
    background-color: var(--bb-hover);
    color: var(--bb-text);
}
.dark #hs-sidebar-content-push .main-menu-a.is-active,
.dark #hs-sidebar-content-push .main-menu-a[aria-current="page"] {
    color: var(--bb-text);
}
/* The mobile drawer keeps its width; the shared top-menu bottom bar is unchanged. */
@media (max-width: 767px) {
    #hs-sidebar-content-push .main-navigation {
        padding-left: 24px;
    }
    #hs-sidebar-content-push .main-navigation > ul {
        grid-template-columns: repeat(auto-fit, minmax(134px, 1fr));
    }
    #hs-sidebar-content-push .main-menu-a {
        margin-left: 0;
    }
    #hs-sidebar-content-push #hs-dropdown-menu-foot {
        margin-left: 24px;
    }
}

/* One rounded glyph family; currentColor follows the existing light/dark theme. */
#hs-sidebar-content-push .aixzd-friendly-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.05;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#hs-sidebar-content-push #hs-dropdown-menu-foot .aixzd-more-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 32px;
    flex: 0 0 30px;
    border-radius: 14px;
}
#hs-sidebar-content-push #hs-dropdown-menu-foot:hover .aixzd-more-icon {
    background-color: #ededed;
}
.dark #hs-sidebar-content-push #hs-dropdown-menu-foot:hover .aixzd-more-icon {
    background-color: var(--bb-hover);
    color: var(--bb-text);
}
#hs-sidebar-content-push #hs-dropdown-menu-foot .aixzd-friendly-icon {
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) {
    .aixzd-home-nav-shell { --aixzd-sidebar-width: 128px; --aixzd-sidebar-width-minified: 72px; }
    #hs-sidebar-content-push { width: 128px !important; min-width: 0; transition: width .26s cubic-bezier(.22,.61,.36,1) !important; }
    body:has(#hs-sidebar-content-push) .container-minified,
    body:has(#hs-sidebar-content-push) .aixzd-source-detail-main { margin-left: 128px !important; transition: margin-left .26s cubic-bezier(.22,.61,.36,1) !important; }
    #hs-sidebar-content-push .minified-btn-ctl { right: 16px; z-index: 80; }
    #hs-sidebar-content-push:hover .minified-btn-ctl,
    #hs-sidebar-content-push:focus-within .minified-btn-ctl { display: flex !important; }
    html.hs-overlay-minified #hs-sidebar-content-push,
    body.hs-overlay-minified #hs-sidebar-content-push { width: 72px !important; }
    html.hs-overlay-minified:has(#hs-sidebar-content-push) .container-minified,
    body.hs-overlay-minified:has(#hs-sidebar-content-push) .container-minified,
    html.hs-overlay-minified:has(#hs-sidebar-content-push) .aixzd-source-detail-main,
    body.hs-overlay-minified:has(#hs-sidebar-content-push) .aixzd-source-detail-main { margin-left: 72px !important; }
    /* Fixed row geometry prevents the icon and row height snapping at toggle time. */
    #hs-sidebar-content-push .main-menu-a,
    #hs-sidebar-content-push #hs-dropdown-menu-foot,
    .hs-overlay-minified #hs-sidebar-content-push .main-menu-a,
    .hs-overlay-minified #hs-sidebar-content-push #hs-dropdown-menu-foot {
        width: 128px; min-width: 128px;
        padding: 4px 12px !important;
        gap: 8px !important; justify-content: flex-start !important;
    }
    #hs-sidebar-content-push .main-menu-span {
        display: block !important;
        flex: 0 0 64px; width: 64px; max-width: 64px;
        opacity: 1; visibility: visible;
        clip-path: inset(0);
        transition: clip-path .26s cubic-bezier(.22,.61,.36,1), opacity .18s ease;
        will-change: auto;
    }
    .hs-overlay-minified #hs-sidebar-content-push .main-menu-span {
        opacity: 0; clip-path: inset(0 100% 0 0);
        pointer-events: none;
    }
}
.aixzd-view-switch .aixzd-view-icon { width: 18px; height: 18px; }
.aixzd-view-switch button { color: #595959; border-color: #e5e5e5; }
.aixzd-view-switch button:hover { background: transparent; color: #303030; border-color: #cccccc; }
.aixzd-view-switch button:focus-visible { outline-color: var(--bb-focus, #757575); }
.dark .aixzd-view-switch button { color: var(--bb-text-secondary); border-color: var(--bb-border); }
.dark .aixzd-view-switch button:hover { background: transparent; color: var(--bb-text); border-color: var(--bb-border); }

@media (prefers-reduced-motion: reduce) {
    #hs-sidebar-content-push,
    #hs-sidebar-content-push .main-menu-span,
    body:has(#hs-sidebar-content-push) .container-minified,
    body:has(#hs-sidebar-content-push) .aixzd-source-detail-main { transition: none !important; }
}

/* Shared sidebar interaction: one gradient for hover and current across pages. */
@media (min-width: 768px) {
    body #hs-sidebar-content-push {
        --home-nav-ink: #303030;
        --home-nav-muted: #737373;
    }
    html.dark body #hs-sidebar-content-push {
        --home-nav-ink: var(--bb-text);
        --home-nav-muted: var(--bb-text-muted);
    }
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot) {
        position: relative;
        color: var(--home-nav-muted);
        background-color: transparent !important;
        transition: color 160ms ease;
    }
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot)::after {
        content: '';
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(to right, color-mix(in srgb, var(--home-nav-ink) 7%, transparent), color-mix(in srgb, var(--home-nav-ink) 3%, transparent) 45%, transparent 100%);
        opacity: 0;
        transition: opacity 160ms ease;
        pointer-events: none;
    }
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot):is(:hover, .is-active, .accent-btn-active, [aria-current="page"])::after {
        opacity: 1;
    }
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot) .main-menu {
        position: relative;
        background-color: transparent !important;
        color: inherit;
    }
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot):is(:hover, .is-active, .accent-btn-active, [aria-current="page"]) {
        color: var(--home-nav-ink);
    }

}
@media (prefers-reduced-motion: reduce) {
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot),
    body #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot)::after {
        transition: none;
    }
}

/* Shared rail geometry also governs the footer, compact highlight and menu layers. */
@media (min-width: 768px) {
    body:has(#hs-sidebar-content-push) .foot-minified {
        margin-left: 128px !important;
        min-width: 0;
        max-width: none;
        width: auto;
        box-sizing: border-box;
        padding-inline: 48px;
        transition: margin-left .26s cubic-bezier(.22,.61,.36,1);
    }
    html.hs-overlay-minified body:has(#hs-sidebar-content-push) .foot-minified,
    body.hs-overlay-minified:has(#hs-sidebar-content-push) .foot-minified {
        margin-left: 72px !important;
    }
    .hs-overlay-minified #hs-sidebar-content-push :is(.main-menu-a, #hs-dropdown-menu-foot)::after {
        right: auto;
        width: 54px;
    }
    #hs-sidebar-content-push .minified-btn-ctl { z-index: 20; }
    #hs-sidebar-content-push:has(.aixzd-footer-menu-popover:not(.hidden)) .minified-btn-ctl {
        visibility: hidden;
        pointer-events: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    body:has(#hs-sidebar-content-push) .foot-minified { transition: none; }
}

/* Suppress hover expansion in the reserved navigation/search area. */
@media (hover: hover) {
    body .aixzd-hover-header-blocked .aixzd-nav-actions {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: none !important;
    }
    body .aixzd-hover-header-blocked::before,
    body .aixzd-hover-header-blocked > .low-muted-btn::before {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}

/* Full product lists keep all items in both views; only home uses the two-row clamp. */
.aixzd-archive-view-toolbar { display:flex; align-items:flex-start; gap:16px; min-width:0; }
.aixzd-archive-view-toolbar > :first-child { min-width:0; flex:1; }
.aixzd-archive-view-toolbar > .aixzd-view-switch { flex:0 0 auto; margin-left:auto; padding-top:5px; }
[data-aixzd-archive-view][data-aixzd-nav-view="large"] .aixzd-archive-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:1279px){ [data-aixzd-archive-view][data-aixzd-nav-view="large"] .aixzd-archive-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:1023px){ [data-aixzd-archive-view][data-aixzd-nav-view="large"] .aixzd-archive-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px){ [data-aixzd-archive-view][data-aixzd-nav-view="large"] .aixzd-archive-card-grid { grid-template-columns:minmax(0,1fr); } }
/* Detail preview skeleton reserves gallery, copy and interaction areas immediately. */
.aixzd-preview-skeleton{height:100%;min-height:0;display:flex;flex-direction:column;gap:16px;}
.aixzd-skeleton-block{display:block;background:#ededed;border-radius:6px;animation:aixzd-skeleton-breathe 1.6s ease-in-out infinite;}
.dark .aixzd-skeleton-block{background:var(--bb-raised);}
.aixzd-skeleton-header{display:flex;align-items:center;gap:12px;padding-right:76px;min-height:34px;flex:0 0 auto;}
.aixzd-skeleton-title{width:42%;height:23px;}
.aixzd-skeleton-pill{width:54px;height:32px;border-radius:9px;}
.aixzd-skeleton-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:22px;overflow:hidden;}
.aixzd-skeleton-gallery{flex:0 1 55%;min-height:90px;border-radius:12px;}
.aixzd-skeleton-copy{display:grid;gap:12px;padding:2px 0;}
.aixzd-skeleton-copy span{height:13px;}
.aixzd-skeleton-copy span:nth-child(2){width:90%;}
.aixzd-skeleton-copy span:last-child{width:65%;}
.aixzd-skeleton-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:0 0 auto;padding-top:12px;border-top:1px solid #e8e8e8;color:#888;font-size:13px;}
.aixzd-skeleton-actions>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;}
.aixzd-skeleton-actions i{width:20px;height:20px;border-radius:50%;}
.dark .aixzd-skeleton-actions{border-color:var(--bb-border);color:var(--bb-text-muted);}
@keyframes aixzd-skeleton-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:767px){.aixzd-skeleton-gallery{flex-basis:42%;}.aixzd-skeleton-actions{font-size:12px;gap:2px;}.aixzd-skeleton-header{padding-right:64px;}.aixzd-skeleton-actions>span{gap:5px;}}
@media(prefers-reduced-motion:reduce){.aixzd-skeleton-block{animation:none;}}
/* More breathing room around previews on laptop-sized viewports. */
@media(min-width:768px) and (max-width:1535px){.aixzd-preview-dialog{width:min(453px,calc(100vw - 64px));}}

@media(min-width:768px) and (max-width:1535px){.aixzd-preview-dialog .aixzd-preview-header{flex-wrap:wrap;}.aixzd-preview-dialog .aixzd-preview-title{min-width:0;max-width:100%;overflow-wrap:anywhere;}}
/* Landscape laptops: equal gallery and reading columns, independent reading scroll. */
@media(min-width:1024px) and (max-width:1535px){
 .aixzd-preview-dialog{width:min(960px,calc(100vw - 128px));}
 .aixzd-preview-dialog .aixzd-preview-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:26px;row-gap:16px;}
 .aixzd-preview-dialog .aixzd-preview-header{grid-column:2;grid-row:1;margin:0;min-width:0;}
 .aixzd-preview-dialog .aixzd-preview-gallery,.aixzd-preview-dialog.is-social-reading .aixzd-preview-gallery{display:flex;grid-column:1;grid-row:1 / 4;margin:0;max-height:none;min-height:0;border-radius:12px;}
 .aixzd-preview-dialog .aixzd-preview-gallery-stage{min-height:0;aspect-ratio:auto;}
 .aixzd-preview-dialog .aixzd-preview-gallery-thumbs{padding:12px 0 0;}
 .aixzd-preview-dialog .aixzd-preview-layout{grid-column:2;grid-row:2;min-width:0;min-height:0;margin:0;padding-right:8px;}
 .aixzd-preview-dialog .aixzd-preview-social{grid-column:2;grid-row:3;margin:0;}
 .aixzd-preview-content:not(:has(>.aixzd-preview-gallery)):not(:has(>.aixzd-preview-skeleton)){grid-template-columns:minmax(0,1fr);}
 .aixzd-preview-content:not(:has(>.aixzd-preview-gallery)):not(:has(>.aixzd-preview-skeleton))>:is(.aixzd-preview-header,.aixzd-preview-layout,.aixzd-preview-social){grid-column:1;}
 .aixzd-preview-dialog .aixzd-preview-skeleton{grid-column:1 / -1;grid-row:1 / -1;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px 26px;}
 .aixzd-preview-skeleton .aixzd-skeleton-header{grid-column:2;grid-row:1;}
 .aixzd-preview-skeleton .aixzd-skeleton-body{display:contents;}
 .aixzd-preview-skeleton .aixzd-skeleton-gallery{grid-column:1;grid-row:1 / 4;min-height:0;}
 .aixzd-preview-skeleton .aixzd-skeleton-copy{grid-column:2;grid-row:2;align-content:start;}
 .aixzd-preview-skeleton .aixzd-loading-actions{grid-column:2;grid-row:3;}
}
@media(min-width:1024px) and (max-width:1535px){.aixzd-preview-dialog.is-social-reading .aixzd-preview-gallery{display:flex!important;}}
.aixzd-compact-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:5px 6px;min-width:0;}
.aixzd-compact-card-tags>span{display:inline-flex;align-items:center;max-width:100%;font-size:10px;font-weight:500;line-height:16px;letter-spacing:.02em;padding:1px 7px;border:1px solid #dedede;border-radius:4px;background:transparent;color:#454545;white-space:normal;overflow-wrap:anywhere;}
.dark .aixzd-compact-card-tags>span{background:transparent;border-color:var(--bb-border);color:var(--bb-text-secondary);}

.aixzd-feature-tags{margin-top:5px;min-height:20px;}

/* Large cards: direct official site, preview elsewhere, approval uses ranking data. */
.aixzd-feature-title-row{display:flex;align-items:center;gap:8px;min-width:0;height:22px}
.aixzd-feature-title-row .aixzd-feature-title{flex:1;min-width:0}
.aixzd-feature-official{pointer-events:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:10px;line-height:16px;border-radius:4px;color:#737373;background:#f3f3f3}
.aixzd-feature-official:hover{background:#e8e8e8;color:#252525}
.dark .aixzd-feature-official{background:var(--bb-raised);color:var(--bb-text-muted)}
.dark .aixzd-feature-official:hover{color:var(--bb-text)}
.aixzd-feature-recommend{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#737373;cursor:pointer;font:inherit;font-size:12px;line-height:20px}
.aixzd-feature-recommend svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aixzd-feature-recommend small{font-size:12px;min-width:2ch;font-variant-numeric:tabular-nums}
.aixzd-feature-recommend[aria-pressed=true]{color:#e5484d}
.aixzd-feature-recommend[aria-pressed=true] svg{fill:currentColor;fill-opacity:.24}
.dark .aixzd-feature-recommend{color:var(--bb-text-muted)}
.dark .aixzd-feature-recommend[aria-pressed=true]{color:#f07882}
.aixzd-feature-official:focus-visible,.aixzd-feature-recommend:focus-visible{outline:1px solid currentColor;outline-offset:3px}
/* Larger official-site action, aligned with the single-line card title. */
.aixzd-feature-title-row{height:28px}
.aixzd-feature-official{min-height:28px;padding:4px 10px;font-size:12px;line-height:20px;border-radius:6px;background:#171717;color:#fff;font-weight:500}
.aixzd-feature-official:hover{background:#333;color:#fff}
.dark .aixzd-feature-official{background:#292929;color:var(--bb-text)}
.dark .aixzd-feature-official:hover{background:#383838;color:var(--bb-text)}
@media(max-width:767px){.aixzd-feature-official{position:relative}.aixzd-feature-official::after{content:"";position:absolute;inset:-4px 0}}
/* Compact large-card actions: icon and count only, with an even four-pixel gap. */
.aixzd-feature-card .aixzd-feature-recommend-label{display:none}
.aixzd-feature-card .aixzd-feature-recommend,.aixzd-feature-card .aixzd-feature-fav button{gap:4px}
.aixzd-feature-card .aixzd-feature-fav button span,.aixzd-feature-card .aixzd-feature-fav button#like-button span,.aixzd-feature-card .aixzd-feature-recommend small{min-width:0;text-align:left;font-variant-numeric:tabular-nums}
/* Preview header and window controls share the same 36px vertical centerline. */
.aixzd-preview-dialog .aixzd-preview-header{min-height:36px;flex-wrap:nowrap;padding-right:88px}
.aixzd-preview-dialog .aixzd-preview-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aixzd-preview-dialog .aixzd-preview-close,.aixzd-preview-dialog .aixzd-preview-expand{top:28px}
.aixzd-preview-dialog .aixzd-preview-close{right:26px}
.aixzd-preview-dialog .aixzd-preview-expand{right:66px}
.aixzd-preview-dialog .aixzd-skeleton-header{min-height:36px}
@media(max-width:640px){
 .aixzd-preview-dialog .aixzd-preview-close,.aixzd-preview-dialog .aixzd-preview-expand{top:22px}
 .aixzd-preview-dialog .aixzd-preview-close{right:20px}
 .aixzd-preview-dialog .aixzd-preview-expand{right:60px}
}

/* Stable, neutral deferred section space; follows the existing theme. */
.aixzd-deferred-section { min-height:420px; scroll-margin-top:90px; }
.aixzd-section-placeholder { height:340px; margin-top:20px; border-radius:12px; background:linear-gradient(110deg,transparent,rgba(128,128,128,.06),transparent); }
.aixzd-deferred-section [data-aixzd-retry] { margin-top:12px; color:inherit; }
@media(max-width:767px){.aixzd-deferred-section{min-height:560px}.aixzd-section-placeholder{height:480px}}

/* Mobile-only footer and text label; desktop keeps the original icon control. */
.aixzd-mobile-section-footer { display: none; }
.aixzd-view-switch button.aixzd-view-label { display: none; }
@media (max-width: 767px) {
/* Separate click targets share one visual state and a compact icon/text rhythm. */
body .aixzd-view-switch {
    align-items: center;
    gap: 3px;
    --aixzd-view-ink: #262626;
    color: var(--aixzd-view-ink);
}
body .aixzd-view-switch:hover,
body .aixzd-view-switch:focus-within { --aixzd-view-ink: #555; }
.dark body .aixzd-view-switch { --aixzd-view-ink: var(--bb-text); }
.dark body .aixzd-view-switch:hover,
.dark body .aixzd-view-switch:focus-within { --aixzd-view-ink: var(--bb-text-secondary); }
body .aixzd-view-switch button,
body .aixzd-view-switch button:hover,
body .aixzd-view-switch button:focus-visible {
    color: var(--aixzd-view-ink) !important;
    transition: none;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    height: 30px;
}
body .aixzd-view-switch button:not(.aixzd-view-label) { width: 18px; min-width: 18px; }
body .aixzd-view-switch .aixzd-view-icon { width: 16px !important; height: 16px !important; color: inherit; }
body .aixzd-view-switch button.aixzd-view-label {
    display: inline-flex;
    align-items: center;
    width: auto;
    min-height: 30px;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}
body .aixzd-view-switch button.aixzd-view-label::after { display: none; }
body .aixzd-view-switch button:focus-visible { outline: 1px dotted currentColor; outline-offset: 2px; }

}

@media (max-width: 767px) {
  body .aixzd-mobile-top-menu {
    left: 12px;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    width: auto;
    padding: 3px 8px;
    border: 0;
    border-radius: 999px;
    background: rgb(245 245 245 / 74%);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 4px 18px rgb(0 0 0 / 9%);
    overflow: hidden;
  }
  .dark body .aixzd-mobile-top-menu {
    border: 0;
    background: color-mix(in srgb, var(--bb-surface) 74%, transparent);
  }
  body .aixzd-mobile-top-menu a { min-height: 52px; }
}

/* Mobile menu uses the same rounded glyph renderer as the sidebar. */
.aixzd-mobile-top-menu .aixzd-mobile-nav-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    color: inherit;
}

/* Emphasize the mobile navigation glyphs over their labels. */
@media (max-width: 767px) {
  body .aixzd-mobile-top-menu .aixzd-mobile-nav-icon,
  body .aixzd-mobile-top-menu a > img {
    width: 26px;
    height: 26px;
  }
  body .aixzd-mobile-top-menu a {
    font-size: 10px;
    gap: 3px;
  }
}

@media (max-width: 767px) {
  body .aixzd-mobile-top-menu .aixzd-mobile-nav-icon { stroke-width: 1.65; }
}

/* Optical balance within the unchanged 26px mobile icon slots. */
@media (max-width: 767px) {
  body .aixzd-mobile-top-menu .aixzd-mobile-nav-icon[data-sidebar-icon="nav"] {
    transform: scale(.94);
    transform-origin: center;
  }
  body .aixzd-mobile-top-menu .aixzd-mobile-nav-icon[data-sidebar-icon="news"] {
    transform: scale(1.08);
    transform-origin: center;
  }
}
/* Marvelous Designer keeps its original product mark on a white icon surface. */
.aixzd-compact-card-heading img[alt="Marvelous Designer"],
.low-muted-btn img[alt="Marvelous Designer"] { background-color:#fff; }

/* No invented stand-in when a dedicated official product mark is unavailable. */
.aixzd-no-product-icon .aixzd-feature-logo,
.aixzd-no-product-icon .aixzd-compact-card-heading > div:first-child,
.low-muted-btn.aixzd-no-product-icon > .size-8 { display:none; }
.aixzd-no-product-icon .aixzd-compact-card-heading { min-height:2rem; }

/* Optional real website recording: first gallery slide, native aspect ratio. */
.aixzd-preview-dialog .aixzd-preview-gallery.has-walkthrough .aixzd-preview-gallery-stage{flex:0 0 auto;min-height:0;aspect-ratio:var(--aixzd-walkthrough-ratio,1280 / 714);cursor:default;}
.aixzd-preview-gallery-slide.is-walkthrough{position:relative;background:#f5f5f5;}
.aixzd-preview-walkthrough{display:block;width:100%;height:100%;object-fit:contain;background:transparent;}
.aixzd-walkthrough-source{position:absolute;top:auto;left:auto;right:12px;bottom:12px;padding:5px 8px;border-radius:6px;font-size:10px;line-height:1.3;color:#e6e6e6;background:rgb(20 20 20 / 78%);pointer-events:none;}
.aixzd-preview-gallery-thumbs .is-walkthrough-thumb{position:relative;}
.aixzd-preview-gallery-thumbs .is-walkthrough-thumb::after{content:'▶';position:absolute;inset:0;display:grid;place-items:center;color:#e6e6e6;background:rgb(20 20 20 / 25%);font-size:14px;text-shadow:0 1px 4px #141414;}
.dark .aixzd-preview-gallery-slide.is-walkthrough{background:var(--bb-raised);}
@media(max-width:1023px){.aixzd-preview-dialog .aixzd-preview-gallery.has-walkthrough{flex:0 0 auto;max-height:none;}}
@media(min-width:1024px) and (max-width:1535px){.aixzd-preview-dialog .aixzd-preview-gallery.has-walkthrough{align-self:center;}}

.aixzd-card-walkthrough{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#f5f5f5;pointer-events:none;}
.dark .aixzd-card-walkthrough{background:var(--bb-raised);}
.aixzd-walkthrough-tools{display:none;}
.aixzd-walkthrough-tools button{display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:50%;background:rgb(20 20 20 / 65%);color:#e6e6e6;cursor:pointer;}
.aixzd-walkthrough-tools button:hover{background:rgb(20 20 20 / 85%);}
.aixzd-walkthrough-tools button:focus-visible{outline:2px solid #bdbdbd;outline-offset:2px;}
.aixzd-walkthrough-tools svg{display:block;width:100%;height:100%;}

/* Full navigation detail: quiet, functional related-tool rail. */
.aixzd-product-related { margin-top:32px;min-width:0; }
.aixzd-product-sidebar > .aixzd-product-related:first-child { margin-top:0; }
.aixzd-product-related > h2 { margin:0 0 16px;font-size:18px;font-weight:650;line-height:1.5;color:#202020; }
.aixzd-product-related-list { display:flex;flex-direction:column;gap:6px; }
.aixzd-product-related-item { display:flex;align-items:flex-start;gap:12px;padding:12px 8px;border-radius:10px;text-decoration:none;color:#202020;transition:background-color .18s;min-width:0; }
.aixzd-product-related-item:hover { background:#f5f5f5; }
.aixzd-product-related-item:focus-visible { outline:1px solid #aaa;outline-offset:2px; }
.aixzd-product-related-icon { display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:9px;overflow:hidden;background:var(--bb-icon-bg,#202020);color:#eee; }
.aixzd-product-related-icon img { display:block;width:100%;height:100%;object-fit:contain; }
.aixzd-product-related-copy { display:flex;flex:1;min-width:0;flex-direction:column;gap:5px; }
.aixzd-product-related-copy strong { font-size:14px;line-height:1.5;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.aixzd-product-related-summary { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12px;line-height:1.7;color:#666; }
.aixzd-product-related-tags { font-size:11px;line-height:1.6;color:#777;overflow-wrap:anywhere; }
.dark .aixzd-product-related > h2,
.dark .aixzd-product-related-item { color:var(--bb-text); }
.dark .aixzd-product-related-item:hover { background:var(--bb-hover); }
.dark .aixzd-product-related-summary { color:var(--bb-text-secondary); }
.dark .aixzd-product-related-tags { color:var(--bb-text-muted); }
.dark .aixzd-product-related-item:focus-visible { outline-color:var(--bb-focus); }
@media(min-width:1024px) {
 .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr) 280px; }
}
@media(min-width:1440px) {
 .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr) 300px; }
}
@media(max-width:1023px) {
 .aixzd-product-related-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
}
@media(max-width:639px) {
 .aixzd-product-related-list { grid-template-columns:minmax(0,1fr); }
 .aixzd-product-related-item { padding:10px 0; }
}

/* Related tools and the shared recommendation action on the full detail page. */
.aixzd-product-recommend-box { display:grid;grid-template-columns:minmax(0,1fr) 64px;column-gap:18px;align-items:center;padding:18px;background:#f3f3f3;border-radius:12px;margin:0 0 28px; }
.aixzd-product-recommend-box h2 { grid-column:1;margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.5;color:#202020; }
.aixzd-product-recommend-box p { grid-column:1;margin:0;font-size:12px;line-height:1.8;letter-spacing:.5px;color:#666; }
.aixzd-product-recommend-button { grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:64px;height:64px;padding:0;border:0;border-radius:16px;background:#fff;color:#333;cursor:pointer;transition:background-color .18s ease; }
.aixzd-product-recommend-button > span { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.aixzd-product-recommend-button svg { width:23px;height:23px; }
.aixzd-product-recommend-button small { font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums; }
.aixzd-product-recommend-button:hover,.aixzd-product-recommend-button:active { background:#e8e8e8;color:#333; }
.aixzd-product-recommend-button[aria-pressed=true] svg { fill:#e5484d;fill-opacity:.24; }
.aixzd-product-recommend-button:focus-visible { outline:1px solid #888;outline-offset:3px; }
.aixzd-product-related-item { background:#f3f3f3;padding:14px;border-radius:10px; }
.aixzd-product-related-list { gap:10px; }
.aixzd-product-related-item:hover { background:#eaeaea; }
.aixzd-product-downloads + .aixzd-product-recommend-box { margin-top:28px; }
.aixzd-product-recommend-box + .aixzd-product-related { margin-top:0; }
.dark .aixzd-product-recommend-box,.dark .aixzd-product-related-item { background:var(--bb-raised); }
.dark .aixzd-product-recommend-box h2 { color:var(--bb-text); }
.dark .aixzd-product-recommend-box p { color:var(--bb-text-muted); }
.dark .aixzd-product-recommend-button { background:var(--bb-bg);color:var(--bb-text); }
.dark .aixzd-product-recommend-button:hover,.dark .aixzd-product-recommend-button:active { background:var(--bb-hover);color:var(--bb-text); }
.dark .aixzd-product-related-item:hover { background:var(--bb-hover); }
.aixzd-product-gallery.has-walkthrough .aixzd-product-gallery-stage { height:auto;aspect-ratio:var(--aixzd-walkthrough-ratio); }
.aixzd-product-gallery-stage .is-walkthrough { position:relative; }
.aixzd-product-walkthrough { width:100%;height:100%;object-fit:contain;display:block; }


/* Tool details use the same 352px rail and 80px reading-column gap as /blog. */
@media (min-width:1024px) and (max-width:1439px) {
 .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr);gap:32px; }
 .aixzd-product-related-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1440px) {
 .aixzd-product-columns.has-sidebar { grid-template-columns:minmax(0,1fr) 352px;gap:80px;min-height:max(260px,calc(100dvh - 134px)); }
 .fixedcommentsscroll.aixzd-product-comment-aligned {
   left:var(--aixzd-product-comment-left) !important;
   right:auto !important;
   width:var(--aixzd-product-comment-width) !important;
   max-width:var(--aixzd-product-comment-width) !important;
   bottom:var(--aixzd-product-comment-bottom,24px) !important;
   max-height:calc(100dvh - 134px) !important;
   transition-property:height,max-height,background-color,border-color,box-shadow !important;
 }
 .aixzd-product-sidebar.has-comment-dock {
   position:sticky;top:var(--aixzd-product-rail-top,110px);max-height:none;
   overflow:visible;align-self:start;
 }
}

/* Give the saved footer whitespace back to the preview's reading area. */
.aixzd-preview-dialog > .aixzd-preview-content { padding-bottom:12px; }
@media (min-width:1536px) and (min-height:801px) {
 .aixzd-preview-dialog .aixzd-preview-layout { flex-basis:134px; }
}


/* Taller detail preview; only the reading area receives the added height. */
.aixzd-preview-dialog { height:92vh;height:92dvh;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px); }
.aixzd-preview-dialog.is-measuring-original-height { height:80vh;height:80dvh;max-height:80vh;max-height:80dvh; }
@media(max-width:767px) {
 .aixzd-preview-dialog { height:96vh;height:96dvh;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
 .aixzd-preview-dialog.is-measuring-original-height { height:92vh;height:92dvh;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }
}
@media(min-width:1024px) and (max-width:1535px) {
 .aixzd-preview-dialog .aixzd-preview-gallery { align-self:center; }
}
@media(min-width:1024px) and (max-width:1535px) {
 .aixzd-preview-dialog.is-measuring-original-height .aixzd-preview-gallery:not(.has-walkthrough) { align-self:stretch; }
}

@media(min-width:960px) {
 .fixedcommentsscroll.aixzd-product-comment-bounded {
  bottom:var(--aixzd-product-comment-bottom,30px) !important;
  transition-property:height,max-height,background-color,border-color,box-shadow !important;
 }
}

/* Modal title reuses the product logo already supplied by the preview data. */
.aixzd-preview-dialog .aixzd-preview-header > .aixzd-preview-logo { width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:transparent; }
@media(max-width:767px) {
 .aixzd-preview-dialog .aixzd-preview-header > .aixzd-preview-logo { width:28px;height:28px;flex-basis:28px;border-radius:6px; }
}

/* 关于 AI3D.WORK：正文引言块与分节小标题不显示左侧竖条。
   通过 Gutenberg 块的 className="no-left-bar" 精准作用，不影响其它页面。
   引言块保留浅灰底与内边距，只去竖线并改为四角圆角。 */
.beebee-content blockquote.no-left-bar {
 border-left: 0 !important;
 border-radius: 8px !important;
}
.beebee-content h3.no-left-bar {
 border-left: 0 !important;
 padding-left: 0 !important;
}

/* Pinterest 官方图标是「透明四角 + 红色圆标」的 PNG。
   assets/dark-mode.css 给精简卡片的 .size-8 图标容器铺了 --bb-icon-bg(#202020)，
   透明区域会透出黑底；大图模式的 .aixzd-feature-logo 是透明底叠在白卡片上，
   所以看起来是白的。这里只针对 Pinterest 把容器与图片本身统一为白底，
   两种视图一致，也不影响 MPFB 等「白色图形 + 透明底」仍需深底的图标。 */
body .aixzd-card > .low-muted-btn.aixzd-compact-card .aixzd-compact-card-heading > .size-8:has(img[alt="Pinterest"]),
body .aixzd-card > .low-muted-btn > .size-8:has(img[alt="Pinterest"]),
body .low-muted-btn > .size-8:has(img[alt="Pinterest"]),
body .aixzd-preview-logo:has(img[alt="Pinterest"]) {
 background-color: #fff !important;
}
.aixzd-compact-card-heading img[alt="Pinterest"],
.low-muted-btn img[alt="Pinterest"],
.aixzd-feature-logo img[alt="Pinterest"],
.aixzd-preview-logo img[alt="Pinterest"],
img[src*="0e5f0e8efd928b125f043343fc5e9e3b"] {
 background-color: #fff !important;
}
/* 详情页/预览弹窗里 logo 本身就是 <img class="aixzd-preview-logo">，
   dark-mode.css 以 body :is(...) !important 给它铺了深底，需更高特异性覆盖。 */
body :is(.aixzd-product-detail, .aixzd-preview-dialog) .aixzd-preview-header img.aixzd-preview-logo[src*="0e5f0e8efd928b125f043343fc5e9e3b"] {
 background-color: #fff !important;
}