.zibll-child-ai-summary {
    --zibll-child-ai-summary-accent: var(--theme-color, #0ea5e9);
    background: linear-gradient(180deg, var(--main-bg-color, #fff), #f4faff) padding-box, linear-gradient(135deg, #34d399, var(--zibll-child-ai-summary-accent, #0ea5e9) 55%, #818cf8) border-box;
    border: 1.5px solid transparent;
    border-radius: 16px;
    box-shadow: 0 10px 26px -20px rgba(14, 165, 233, .65);
    color: var(--main-color, #2c3f50);
    font-size: 14px;
    line-height: 1.95;
    margin: 22px 0;
    padding: 15px 18px 14px;
    position: relative;
    text-align: left;
}

/* 开关启用时分类与标签固定在正文上方；有摘要时自然排列在摘要下方。 */
.zibll-child-article-terms-relocated .article-content > .article-tags {
    display: none;
}

.zibll-child-article-taxonomy {
    color: var(--muted-color, #777);
    font-size: 13.5px;
    line-height: 1.8;
    margin: 0 0 22px;
    text-align: left;
}

.zibll-child-article-taxonomy-row {
    align-items: flex-start;
    display: flex;
    gap: 4px;
}

.zibll-child-article-taxonomy-row + .zibll-child-article-taxonomy-row {
    margin-top: 3px;
}

.zibll-child-article-taxonomy-label {
    align-items: center;
    color: var(--muted-2-color, #999);
    display: inline-flex;
    flex: 0 0 auto;
    gap: 5px;
}

.zibll-child-article-taxonomy-icon,
.zibll-child-article-taxonomy-label > .fa {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    height: 1em;
    justify-content: center;
    width: 1em;
}

.zibll-child-article-taxonomy-icon svg {
    display: block;
    height: 1em;
    width: 1em;
}

.zibll-child-article-taxonomy-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    min-width: 0;
}

.zibll-child-article-taxonomy-links a {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: var(--main-color, #4e5358);
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    transition: color .2s ease;
}

.zibll-child-article-taxonomy-links a:hover,
.zibll-child-article-taxonomy-links a:focus-visible {
    color: var(--focus-color, var(--theme-color, #0ea5e9));
}

.zibll-child-ai-summary-head {
    align-items: center;
    display: flex;
    gap: 9px;
    margin-bottom: 7px;
}

.zibll-child-ai-summary-icon {
    align-items: center;
    background: linear-gradient(135deg, var(--zibll-child-ai-summary-accent, #0ea5e9), #34d399);
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    flex: none;
    height: 25px;
    justify-content: center;
    width: 25px;
}

.zibll-child-ai-summary-icon svg {
    display: block;
    height: 16px;
    width: 16px;
}

.zibll-child-ai-summary-head strong {
    color: var(--main-color, #0b2533);
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: .3px;
}

.zibll-child-ai-summary-demo-label {
    background: rgba(14, 165, 233, .1);
    border-radius: 999px;
    color: var(--zibll-child-ai-summary-accent, #0ea5e9);
    font-size: 11px;
    line-height: 1;
    padding: 4px 7px;
}

.zibll-child-ai-summary-model {
    background: rgba(14, 165, 233, .08);
    border: 1px solid rgba(14, 165, 233, .16);
    border-radius: 999px;
    color: #0e7490;
    font-size: 11px;
    line-height: 1;
    margin-left: auto;
    padding: 4px 8px;
}

.zibll-child-ai-summary-model + .zibll-child-ai-summary-demo-label {
    margin-left: -3px;
}

.zibll-child-ai-summary-body p {
    margin: .42em 0;
    min-height: 1.6em;
}

.zibll-child-ai-summary-body p:first-child {
    margin-top: 0;
}

.zibll-child-ai-summary-body p:last-child {
    margin-bottom: 0;
}

.zibll-child-ai-summary-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
    transition: opacity .45s ease, transform .45s ease;
}

.zibll-child-ai-summary-tag {
    background: rgba(14, 165, 233, .09);
    border: 1px solid rgba(14, 165, 233, .18);
    border-radius: 999px;
    color: #0e7490;
    font-size: 11.5px;
    line-height: 1.25;
    padding: 3px 9px;
}

.zibll-child-ai-summary-foot {
    align-items: center;
    border-top: 1px dashed rgba(14, 165, 233, .28);
    color: #8aa0b5;
    display: flex;
    font-size: 11px;
    gap: 8px;
    margin-top: 10px;
    padding-top: 7px;
    transition: opacity .45s ease, transform .45s ease;
}

.zibll-child-ai-summary-replay {
    appearance: none;
    background: transparent;
    border: 1px solid rgba(14, 165, 233, .3);
    border-radius: 999px;
    color: #0e7490;
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    line-height: 1.3;
    margin-left: auto;
    padding: 2px 10px;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.zibll-child-ai-summary-replay:hover,
.zibll-child-ai-summary-replay:focus-visible {
    background: rgba(14, 165, 233, .1);
    border-color: rgba(14, 165, 233, .5);
    color: var(--zibll-child-ai-summary-accent, #0ea5e9);
    outline: 0;
}

.zibll-child-ai-summary-replay:disabled {
    cursor: default;
    pointer-events: none;
}

.zibll-child-ai-summary.is-busy .zibll-child-ai-summary-tags,
.zibll-child-ai-summary.is-busy .zibll-child-ai-summary-foot {
    opacity: 0;
    transform: translateY(5px);
}

.zibll-child-ai-summary-caret {
    animation: zibll-child-ai-summary-blink .8s steps(2, start) infinite;
    background: currentColor;
    border-radius: 2px;
    display: inline-block;
    height: 1.08em;
    margin-left: 2px;
    vertical-align: -.16em;
    width: 2px;
}

@keyframes zibll-child-ai-summary-blink {
    to {
        visibility: hidden;
    }
}

body.dark-theme .zibll-child-ai-summary {
    background: #292A2D;
    border-color: rgba(255, 255, 255, .1);
    box-shadow: 0 10px 24px -21px rgba(0, 0, 0, .82);
    color: #c9d1d9;
}

body.dark-theme .zibll-child-ai-summary-icon {
    background: linear-gradient(135deg, var(--zibll-child-ai-summary-accent, #58a6ff), #3fb950);
}

body.dark-theme .zibll-child-ai-summary-demo-label {
    background: rgba(88, 166, 255, .15);
}

body.dark-theme .zibll-child-ai-summary-head strong {
    color: #f0f6fc;
}

body.dark-theme .zibll-child-ai-summary-model,
body.dark-theme .zibll-child-ai-summary-tag {
    background: rgba(88, 166, 255, .1);
    border-color: rgba(88, 166, 255, .25);
    color: #79c0ff;
}

body.dark-theme .zibll-child-ai-summary-foot {
    border-top-color: rgba(255, 255, 255, .1);
    color: #8b949e;
}

body.dark-theme .zibll-child-ai-summary-replay {
    border-color: rgba(121, 192, 255, .32);
    color: #79c0ff;
}

body.dark-theme .zibll-child-ai-summary-replay:hover,
body.dark-theme .zibll-child-ai-summary-replay:focus-visible {
    background: rgba(88, 166, 255, .1);
    border-color: rgba(121, 192, 255, .58);
}

@media (max-width: 576px) {
    .zibll-child-ai-summary {
        border-radius: 13px;
        font-size: 13px;
        margin: 18px 0;
        padding: 13px 14px;
    }

    .zibll-child-ai-summary-model {
        margin-left: auto;
    }

    .zibll-child-ai-summary-foot {
        align-items: flex-start;
    }

    .zibll-child-article-taxonomy {
        font-size: 13px;
        margin-bottom: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zibll-child-ai-summary-caret {
        animation: none;
    }
}