@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Long+Cang&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Noto+Serif+SC:wght@400;700&display=swap'); 

/* ============================================================ 
   NEWSPIRIT // 美式复古·黑白报纸·暗黑风 (纯净版，无武侠风渗透)
   ============================================================ */ 

.chat-container div.shrink-0.w-10.h-10.rounded-full { 
    display: none !important; 
} 

[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] { 
    display: none !important; 
} 

/* ═══════════════════════════════════════
   输入气泡 —— 纯白硬边，獠牙装饰 (替换为日历类名)
   ═══════════════════════════════════════ */ 
.is-user > div { 
    border-radius: 0 !important; 
    padding: 14px 18px !important; 
    margin: 10px 0 !important; 
    position: relative !important; 
    isolation: isolate !important; 
    line-height: 1.65 !important; 
    background: #625342 !important; 
    border: 3px solid #000000 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
    transition: box-shadow 0.15s ease, transform 0.15s ease; 
} 

.is-user > div:hover { 
    box-shadow: 6px 6px 0px #000000 !important; 
    transform: translateY(-2px) !important; 
} 

.is-user > div .markdown-body > p,
.is-user > div .rili-markdown-renderer > p { 
    font-size: 16px; 
    color: #BCB5A3; 
    font-weight: 700; 
} 

/* ═══════════════════════════════════════
   输出气泡 —— #D3D3D3 纯色，硬边，爪印装饰 (替换为日历类名)
   ═══════════════════════════════════════ */ 
.is-assistant > div { 
    border-radius: 0 !important; 
    padding: 14px 18px 12px !important; 
    margin: 8px 0 !important; 
    position: relative !important; 
    overflow: hidden !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    isolation: isolate !important; 
    background: #D3D3D3 !important; 
    border: 3px solid #000000 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
    transition: box-shadow 0.15s ease, transform 0.15s ease; 
} 

.is-assistant > div:hover { 
    box-shadow: 6px 6px 0px #000000 !important; 
} 

/* 爪印图案 */ 
.is-assistant > div::before { 
    content: "" !important; 
    position: absolute !important; 
    top: 11px !important; 
    right: 17px !important; 
    width: 110px !important; 
    height: 60px !important; 
    background-image: url("https://tupian.li/images/2026/04/25/69ec5869a4cf5.png") !important; 
    background-repeat: no-repeat !important; 
    background-size: contain !important; 
    opacity: 0.7 !important; 
    pointer-events: none !important; 
    z-index: 0 !important; 
} 

/* ═══════════════════════════════════════
   底部操作按钮 —— 黑白旧报纸风格 (针对日历HTML结构)
   ═══════════════════════════════════════ */ 
.is-user > div button,
.is-assistant > div button { 
    background: #ffffff !important; 
    color: #000000 !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    padding: 3px 9px !important; 
    margin: 1px 2px !important; 
    font-size: 11px !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.3px !important; 
    text-transform: none !important; 
    box-shadow: 3px 3px 0px #000000 !important; 
    transition: all 0.12s ease !important; 
} 

.is-user > div button:hover,
.is-assistant > div button:hover { 
    background: #000000 !important; 
    color: #ffffff !important; 
    box-shadow: none !important; 
    transform: translateY(2px) !important; 
} 

.is-user > div button:active,
.is-assistant > div button:active { 
    background: #000000 !important; 
    color: #ffffff !important; 
    box-shadow: inset 3px 3px 0px #444 !important; 
    transform: translateY(2px) !important; 
} 

/* 针对日历底部圆形按钮组容器的旧报纸覆盖 */
.is-assistant > div .bg-muted.rounded {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    gap: 2px !important;
}

.is-assistant > div .bg-muted.rounded button {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.is-assistant > div .bg-muted.rounded button svg {
    stroke: currentColor !important;
    width: 14px !important;
    height: 14px !important;
}

/* ═══════════════════════════════════════
   顶部栏 —— 纯黑硬边 
   ═══════════════════════════════════════ */ 
.sticky.w-full.top-0.flex.items-center { 
    background: #1a1a1a !important; 
    backdrop-filter: none !important; 
    -webkit-backdrop-filter: none !important; 
    border-bottom: 4px solid #000000 !important; 
    box-shadow: 0 4px 0px #000000 !important; 
    outline: 2px solid #000 !important; 
} 

#ai-model-selector .group.flex.items-center { 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
    padding: 4px 10px !important; 
    transition: all 0.12s ease !important; 
} 

#ai-model-selector .group.flex.items-center:hover { 
    box-shadow: 2px 2px 0px #000000 !important; 
    transform: translateY(2px); 
} 

#ai-model-selector .truncate.text-\[13px\] { 
    color: #000000 !important; 
    font-weight: 700 !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
} 

#ai-model-selector .shrink-0.flex.items-center svg { 
    color: #000000 !important; 
} 

#header-setting-button { 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
    transition: all 0.12s ease !important; 
} 

#header-setting-button:hover { 
    background: #000000 !important; 
    box-shadow: none !important; 
    transform: translateY(2px); 
} 

#header-setting-button svg { 
    color: #000000 !important; 
} 

#header-setting-button:hover svg { 
    color: #ffffff !important; 
    transform: rotate(90deg); 
} 

/* ═══════════════════════════════════════
   分页栏 
   ═══════════════════════════════════════ */ 
.MuiPaginationItem-root { 
    color: #000000 !important; 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    font-size: 12px !important; 
    font-weight: 700 !important; 
    transition: all 0.1s ease !important; 
    box-shadow: 2px 2px 0px #000000; 
} 

.MuiPaginationItem-root:hover { 
    background: #000000 !important; 
    color: #ffffff !important; 
    box-shadow: none; 
    transform: translateY(2px); 
} 

.MuiPaginationItem-root.Mui-selected { 
    background: #000000 !important; 
    color: #ffffff !important; 
    border-color: #000000 !important; 
    box-shadow: none !important; 
    font-weight: 800 !important; 
} 

.MuiPaginationItem-root.Mui-selected:hover { 
    background: #333333 !important; 
} 

.MuiPaginationItem-root.Mui-disabled { 
    color: #999 !important; 
    background: #f5f5f5 !important; 
    border-color: #ccc !important; 
    box-shadow: none !important; 
    opacity: 0.5 !important; 
} 

.MuiPaginationItem-icon { 
    color: inherit !important; 
    font-size: 16px !important; 
} 

.MuiStack-root.css-1uwir8f { 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    box-shadow: 2px 2px 0px #000000; 
} 

.MuiStack-root.css-1uwir8f .MuiBox-root { 
    color: #000000 !important; 
    font-size: 12px !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
} 

.MuiInputBase-input { 
    color: #000000 !important; 
    font-size: 12px !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    background: transparent !important; 
} 

/* ═══════════════════════════════════════
   评分 & 排序 
   ═══════════════════════════════════════ */ 
span.MuiRating-root { 
    filter: none !important; 
} 

span.MuiRating-iconEmpty svg { 
    color: #aaaaaa !important; 
    stroke: #000000 !important; 
    stroke-width: 0.8px !important; 
} 

span.MuiRating-iconFilled svg { 
    color: #73a642 !important; 
    stroke: #000000 !important; 
    stroke-width: 1.5px !important; 
    filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.8)) !important; 
    transition: transform 0.1s; 
} 

span.MuiRating-iconFilled:hover svg { 
    transform: scale(1.1); 
    filter: drop-shadow(3px 3px 0px #000) !important; 
} 

span.text-orange-500 { 
    background: transparent !important; 
    box-shadow: none !important; 
    border: none !important; 
    padding: 0 !important; 
    margin: 0 2px !important; 
    color: #C94E44 !important; 
    font-weight: 800 !important; 
    font-size: 15px !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
} 

.MuiStack-root.css-1dmzxoz { 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    padding: 3px !important; 
    gap: 3px !important; 
    box-shadow: 4px 4px 0px #000000; 
} 

button.MuiButton-containedPrimary, 
button.MuiButton-outlinedPrimary { 
    border-radius: 0 !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    font-size: 12px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.2px !important; 
    text-transform: none !important; 
    transition: all 0.12s ease !important; 
    padding: 3px 12px !important; 
} 

button.MuiButton-containedPrimary { 
    background: #000000 !important; 
    color: #ffffff !important; 
    border: 2px solid #000000 !important; 
    box-shadow: 3px 3px 0px #555 !important; 
} 

button.MuiButton-containedPrimary:hover { 
    background: #333333 !important; 
    box-shadow: none; 
    transform: translateY(2px); 
} 

button.MuiButton-outlinedPrimary { 
    background: #ffffff !important; 
    color: #000000 !important; 
    border: 2px solid #000000 !important; 
    box-shadow: 3px 3px 0px #000000 !important; 
} 

button.MuiButton-outlinedPrimary:hover { 
    background: #000000 !important; 
    color: #ffffff !important; 
    box-shadow: none !important; 
    transform: translateY(2px); 
} 

button.MuiButton-outlinedPrimary:active { 
    background: #000000 !important; 
    box-shadow: inset 3px 3px 0px #444 !important; 
} 

/* ═══════════════════════════════════════
   评论区卡片 —— 黑白旧报纸 
   ═══════════════════════════════════════ */ 
.group.ml-0 > .flex.items-start.gap-2 { 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    background-color: #ffffff !important; 
    border-radius: 0 !important; 
    padding: 16px 20px !important; 
    width: 100% !important; 
    box-shadow: 6px 6px 0px #000000 !important; 
    border: 3px solid #000000 !important; 
    transition: all 0.15s ease !important; 
} 

.group.ml-0 > .flex.items-start.gap-2:hover { 
    transform: translateY(-3px); 
    box-shadow: 8px 8px 0px #000000 !important; 
} 

.group.ml-0 .break-all { 
    line-height: 1.6 !important; 
    color: #111111 !important; 
    font-weight: 500; 
} 

.group.ml-0 > .flex.items-start.gap-2 .text-grey-600 { 
    color: #222 !important; 
    font-weight: 700; 
    font-family: "Playfair Display", "Songti SC", "SimSun", serif !important; 
    letter-spacing: 0.5px; 
} 

.group.ml-0 > .flex.items-start.gap-2 .text-gray-500 { 
    color: #444 !important; 
} 

.group.ml-0 > .flex.items-start.gap-2 .text-gray-400 { 
    color: #666 !important; 
} 

.group.ml-0 > .flex.items-start.gap-2 .font-bold { 
    color: #000000 !important; 
    font-family: "Playfair Display", "Songti SC", "SimSun", serif !important; 
    font-size: 1.1em; 
} 

div.style_divider__mW0YX.style_horizontal__UvaHt { 
    margin-top: 6px !important; 
    margin-bottom: 6px !important; 
    border-top: 2px dashed #000000 !important; 
    background: none !important; 
} 

/* ═══════════════════════════════════════
   底部栏与输入框 (替换为日历类名)
   ═══════════════════════════════════════ */ 
.bg-gradient-to-t { 
    background: #1a1a1a !important; 
    border-top: 4px solid #000000 !important; 
} 

div[data-slot="input-group"] { 
    background: #ffffff !important; 
    border-radius: 0 !important; 
    border: 3px solid #000000 !important; 
    box-shadow: inset 3px 3px 0px #888 !important; 
    transition: box-shadow 0.15s ease; 
} 

div[data-slot="input-group"]:focus-within { 
    box-shadow: inset 3px 3px 0px #000000 !important; 
    border-color: #000000 !important; 
} 

#prompt-input textarea { 
    background: transparent !important; 
    border: none !important; 
    border-radius: 0 !important; 
    color: #000000 !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    padding-left: 10px !important; 
    padding-top: 8px !important; 
    font-size: 15px; 
} 

#prompt-input textarea::placeholder { 
    color: #666 !important; 
} 

#prompt-input textarea::selection { 
    background: #000000 !important; 
    color: #ffffff !important; 
} 

/* ═══════════════════════════════════════
   按钮栏 
   ═══════════════════════════════════════ */ 
#ai-mod-button2 { 
    background: #ffffff !important; 
    border-top: 3px solid #000000 !important; 
    border-bottom: 3px solid #000000 !important; 
    box-shadow: none !important; 
    padding: 5px 8px !important; 
    border-radius: 0 !important; 
    overflow-x: auto !important; 
    overflow-y: visible !important; 
} 

#ai-mod-button2::-webkit-scrollbar { 
    height: 4px; 
} 

#ai-mod-button2::-webkit-scrollbar-track { 
    background: #ccc; 
} 

#ai-mod-button2::-webkit-scrollbar-thumb { 
    background: #000; 
    border-radius: 0; 
} 

#ai-mod-button2::before, 
#ai-mod-button2::after { 
    display: none !important; 
} 

/* ═══════════════════════════════════════
   发送按钮 (替换为日历类名)
   ═══════════════════════════════════════ */ 
#prompt-input-footer button[type="submit"] { 
    background: #ffffff !important; 
    border: 3px solid #000000 !important; 
    border-radius: 0 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
    transition: all 0.12s ease !important; 
    overflow: hidden !important; 
    cursor: pointer; 
} 

#prompt-input-footer button[type="submit"]:hover { 
    background: #000000 !important; 
    box-shadow: none !important; 
    transform: translateY(3px) !important; 
} 

#prompt-input-footer button[type="submit"]:active { 
    box-shadow: inset 4px 4px 0px #444 !important; 
    transform: translateY(3px) !important; 
} 

#prompt-input-footer button[type="submit"] svg { 
    color: #000000 !important; 
    transition: all 0.12s ease; 
    filter: none !important; 
} 

#prompt-input-footer button[type="submit"]:hover svg { 
    color: #ffffff !important; 
    transform: rotate(-45deg) translateX(2px); 
} 

#prompt-input-footer button[type="submit"]:active svg { 
    color: #ffffff !important; 
    transform: rotate(-30deg) translateX(1px); 
} 

/* ═══════════════════════════════════════
   动物爪印光标 (替换为日历类名)
   ═══════════════════════════════════════ */ 
.is-assistant, 
.is-assistant > div { 
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cellipse cx='16' cy='21' rx='7' ry='6' fill='%23000' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='13' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='16' cy='10' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='22' cy='13' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 16 16, crosshair !important; 
} 

.is-assistant button, 
.is-assistant a, 
.is-assistant [role="button"] { 
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cellipse cx='16' cy='21' rx='7' ry='6' fill='%23000' stroke='%23fff' stroke-width='1.5'/%3E%3Ccircle cx='10' cy='13' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='16' cy='10' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3Ccircle cx='22' cy='13' r='4' fill='%23000' stroke='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") 16 16, pointer !important; 
} 

@media (max-width: 768px) { 
    .is-assistant, 
    .is-assistant > div { 
        cursor: auto !important; 
    } 
    .is-assistant button, 
    .is-assistant a, 
    .is-assistant [role="button"] { 
        cursor: pointer !important; 
    } 
} 

/* ═══════════════════════════════════════
   模型消耗+提示条 (适配日历HTML结构)
   ═══════════════════════════════════════ */ 
.is-assistant > div .flex.w-full.items-center.justify-between.gap-2.px-2 { 
    display: flex !important; 
    flex-direction: row !important; 
    flex-wrap: wrap !important; 
    align-items: center !important; 
    gap: 6px !important; 
    margin-top: 6px !important; 
    background: #ffffff !important; 
    border: 2px solid #000000 !important; 
    padding: 4px 8px !important;
    border-radius: 0 !important; 
    box-shadow: 4px 4px 0px #000000 !important; 
} 

.is-assistant > div .flex.w-full .flex.items-center.gap-1 { 
    display: inline-flex !important; 
    align-items: center !important; 
    flex-shrink: 0 !important; 
    background: #000000 !important; 
    border: 2px solid #000000 !important; 
    border-radius: 0 !important; 
    padding: 2px 8px !important; 
    font-family: "Songti SC", "SimSun", "STSong", "Noto Serif CJK SC", serif !important; 
    font-size: 11px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.5px !important; 
    color: #ffffff !important; 
    white-space: nowrap !important; 
} 

.is-assistant > div .flex.w-full .w-1.h-1.rounded-full {
    border-radius: 0 !important;
    width: 6px !important;
    height: 6px !important;
}

.is-assistant > div .flex.w-full .bg-blue-500\/60,
.is-assistant > div .flex.w-full .bg-green-500\/60 {
    background: #ffffff !important;
}

/* ═══════════════════════════════════════
   HR & 列表 —— 锐利分隔 (替换为日历渲染器类名)
   ═══════════════════════════════════════ */ 
hr { 
    display: block; 
    border: none; 
    height: 2px; 
    margin: 10px 0; 
    position: relative; 
    background: none; 
    overflow: visible; 
} 

hr::after { 
    content: ''; 
    position: absolute; 
    top: 50%; 
    left: 0; 
    right: 0; 
    transform: translateY(-50%); 
    height: 2px; 
    border: none; 
    background: repeating-linear-gradient( 
        90deg, 
        #000 0px, 
        #000 6px, 
        transparent 6px, 
        transparent 10px 
    ); 
    background-size: 10px 2px; 
    border-radius: 0; 
    display: block; 
} 

.is-assistant .rili-markdown-renderer ul li:not(details li) { 
    list-style: none; 
    position: relative; 
    padding: 5px 0 5px 20px; 
    margin: 1px 0; 
    font-size: 15px; 
    line-height: 1.65; 
    color: #111; 
    border-bottom: 1px solid #000; 
    transition: padding-left 0.2s; 
} 

.is-assistant .rili-markdown-renderer ul li:not(details li):last-child { 
    border-bottom: none; 
} 

.is-assistant .rili-markdown-renderer ul li:not(details li)::before { 
    content: ''; 
    position: absolute; 
    left: 0; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 6px; 
    height: 6px; 
    background: #000; 
} 

.is-assistant .rili-markdown-renderer ul li:not(details li):hover { 
    padding-left: 24px; 
    color: #000; 
} 

.is-assistant .rili-markdown-renderer ol { 
    counter-reset: op-list; 
    padding-left: 0; 
} 

.is-assistant .rili-markdown-renderer ol li:not(details li) { 
    list-style: none; 
    position: relative; 
    padding: 5px 0 5px 28px; 
    margin: 1px 0; 
    font-size: 15px; 
    line-height: 1.65; 
    color: #111; 
    border-bottom: 1px solid #000; 
    counter-increment: op-list; 
} 

.is-assistant .rili-markdown-renderer ol li:not(details li):last-child { 
    border-bottom: none; 
} 

.is-assistant .rili-markdown-renderer ol li:not(details li)::before { 
    content: counter(op-list, decimal-leading-zero); 
    position: absolute; 
    left: 0; 
    top: 50%; 
    transform: translateY(-50%); 
    font-size: 11px; 
    font-family: 'Courier New', monospace; 
    font-weight: 700; 
    color: #000; 
} 

.is-assistant .rili-markdown-renderer ol li:not(details li):hover { 
    padding-left: 32px; 
    color: #000; 
} 

/* ============================================================ 
   旧报纸折叠栏 (z标签内，精准区分，原汁原味保留)
   ============================================================ */ 
z { 
    display:block; 
    position:relative; 
    width:100%; 
    margin:10px 0; 
    padding:2px 0; 
    color:#111; 
    font:14px/1.58 "Songti SC","SimSun","STSong","Noto Serif CJK SC",serif; 
    background: 
        linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px), 
        linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px), 
        #e7e6e1; 
    background-size:18px 18px; 
    border:2px dashed #111; 
    box-shadow:4px 4px 0 #000; 
    overflow:visible; 
} 

z::before, z::after { 
    content:""; 
    position:absolute; 
    width:10px; 
    height:10px; 
    pointer-events:none; 
} 

z::before { 
    top:-2px; 
    left:-2px; 
    border-top:2px solid #111; 
    border-left:2px solid #111; 
} 

z::after { 
    right:-2px; 
    bottom:-2px; 
    border-right:2px solid #111; 
    border-bottom:2px solid #111; 
} 

z>details { 
    margin:0; 
    background:rgba(255,255,255,.14); 
    border-bottom:1px dashed rgba(0,0,0,.6); 
    box-shadow:inset 0 -1px 0 rgba(255,255,255,.75); 
} 

z>details:last-child { 
    border-bottom:none; 
    box-shadow:none; 
} 

z summary { 
    list-style:none; 
    cursor:pointer; 
    display:flex; 
    align-items:center; 
    justify-content:space-between; 
    gap:10px; 
    width:100%; 
    padding:10px 12px; 
    background:rgba(0,0,0,.08); 
    font-family:"Share Tech Mono","Courier New",monospace; 
    color:#111; 
    font-size:16px; 
    line-height:1.45; 
    font-weight:bold; 
    letter-spacing:.03em; 
    text-transform:uppercase; 
    outline:none; 
    transition:background .18s ease,color .18s ease; 
} 

z summary:hover { 
    background:rgba(0,0,0,.13); 
} 

z summary::-webkit-details-marker { 
    display:none; 
} 

z>details>summary::after { 
    content:"[+]"; 
    font:700 12px/1 "Courier New",monospace; 
    opacity:.75; 
    flex:0 0 auto; 
} 

z>details[open]>summary::after { 
    content:"[-]"; 
} 

z>details>*:not(summary) { 
    padding-left:10px; 
    padding-right:10px; 
} 

z>details>p, z>details>ul, z>details>hr, z>details>details, z>details>div { 
    margin:0; 
    padding-top:6px; 
    padding-bottom:6px; 
} 

z p { margin:0; color:#202020; } 
z p+p { border-top:1px dotted rgba(0,0,0,.16); } 
z i { display:block; margin:4px 0; padding:7px 9px; font-style:normal; color:#f1f0eb; background:#1b1b1b; border-left:2px solid #8b1e1e; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06); letter-spacing:.01em; } 
z k { display:inline-block; min-width:4.8em; margin-right:.45em; color:#3f443b; font-size:12px; font-weight:700; letter-spacing:.06em; vertical-align:top; } 
z v { color:#111; font-weight:500; } 
z u { display:block; height:12px; margin:5px 0 1px; padding:1px; text-decoration:none; border:1px solid #111; box-sizing:border-box; background:#ecece8; } 
z u::before { content:""; display:block; height:100%; background:repeating-linear-gradient(45deg,#111 0 4px,transparent 4px 8px); } 

z u[w="0"]::before{width:0} z u[w="5"]::before{width:5%} z u[w="10"]::before{width:10%} z u[w="15"]::before{width:15%} z u[w="20"]::before{width:20%} z u[w="25"]::before{width:25%} z u[w="30"]::before{width:30%} z u[w="35"]::before{width:35%} z u[w="40"]::before{width:40%} z u[w="45"]::before{width:45%} z u[w="50"]::before{width:50%} z u[w="55"]::before{width:55%} z u[w="60"]::before{width:60%} z u[w="65"]::before{width:65%} z u[w="70"]::before{width:70%} z u[w="75"]::before{width:75%} z u[w="80"]::before{width:80%} z u[w="85"]::before{width:85%} z u[w="90"]::before{width:90%} z u[w="95"]::before{width:95%} z u[w="100"]::before{width:100%} 

z details details { margin:4px 0 0 10px; background:rgba(255,255,255,.1); border-bottom:none; border-left:1px dotted #111; box-shadow:none; } 
z details details summary { padding:5px 10px; font-size:13px; font-weight:700; text-transform:none; letter-spacing:.02em; background:rgba(0,0,0,.04); } 
z details details summary:hover { background:rgba(0,0,0,.08); } 
z details details summary::after { content:"›"; font-size:12px; opacity:.7; } 
z details details[open]>summary::after { content:"˅"; } 

z ul { margin:0; padding:1px 0 0 18px; } 
z li { margin:0 0 3px; color:#111; line-height:1.5; } 
z li:last-child { margin-bottom:0; } 
z small { display:block; font-size:13px; line-height:1.5; color:#333; } 
z>details>p[t]:first-of-type { margin-top:8px; } 

z b { font-weight:700; padding:0 3px; border-radius:1px; transition:background .2s ease,color .2s ease; } 
z p[t] b:nth-of-type(4n+1) { color:#7b231d; background:linear-gradient(180deg,transparent 58%,rgba(201,78,68,.18) 58%,rgba(201,78,68,.18) 100%); } 
z p[t] b:nth-of-type(4n+2) { color:#214949; background:linear-gradient(180deg,transparent 58%,rgba(62,104,104,.18) 58%,rgba(62,104,104,.18) 100%); } 
z p[t] b:nth-of-type(4n+3) { color:#24555b; background:linear-gradient(180deg,transparent 58%,rgba(75,132,138,.18) 58%,rgba(75,132,138,.18) 100%); } 
z p[t] b:nth-of-type(4n) { color:#4f7127; background:linear-gradient(180deg,transparent 58%,rgba(115,166,66,.2) 58%,rgba(115,166,66,.2) 100%); } 
z p[t] b:nth-of-type(4n+1):hover { color:#5f1914; background:linear-gradient(180deg,transparent 52%,rgba(201,78,68,.26) 52%,rgba(201,78,68,.26) 100%); } 
z p[t] b:nth-of-type(4n+2):hover { color:#173737; background:linear-gradient(180deg,transparent 52%,rgba(62,104,104,.26) 52%,rgba(62,104,104,.26) 100%); } 
z p[t] b:nth-of-type(4n+3):hover { color:#1b4348; background:linear-gradient(180deg,transparent 52%,rgba(75,132,138,.26) 52%,rgba(75,132,138,.26) 100%); } 
z p[t] b:nth-of-type(4n):hover { color:#39541a; background:linear-gradient(180deg,transparent 52%,rgba(115,166,66,.28) 52%,rgba(115,166,66,.28) 100%); } 

z p[t] { display:block; position:relative; margin:0 0 10px; padding:0 0 0 10px; line-height:1.55; color:#202020; font-size:14px; } 
z p[t]:last-child { margin-bottom:0; } 
z p[t]::before { content:attr(t); display:inline-block; margin-right:10px; margin-bottom:0; padding:3px 9px 3px 8px; background:#efeee8; color:#111; font-size:11px; font-weight:800; letter-spacing:.08em; line-height:1.35; vertical-align:middle; text-transform:uppercase; border:1px solid #111; border-left:4px solid #111; box-shadow:2px 2px 0 #000; white-space:nowrap; position:relative; top:-1px; } 
z p[t]:not(:has(d)) { display:flex; align-items:baseline; flex-wrap:wrap; gap:0; } 
z p[t]:has(d)::before { margin-bottom:6px; } 

z p[t] d { display:block; position:relative; margin:0; padding:3px 0 3px 28px; color:#202020; font-size:13.5px; line-height:1.55; text-align:left; border-radius:2px; transition:all .18s ease; cursor:default; } 
z p[t] d::before, z p[t] d::after { content:""; position:absolute; left:0; pointer-events:none; z-index:1; transition:border-color .18s ease,background .18s ease; } 
z p[t] d::before { top:0; width:0; border-left:2px solid #7b8370; } 
z p[t] d::after { top:.72em; width:14px; height:0; border-bottom:2px solid #7b8370; } 
z p[t] d:not(:last-child)::before { height:100%; } 
z p[t] d:last-child::before { height:.72em; } 
z p[t] d:first-child::before { top:2px; } 
z p[t] d:first-child:last-child::before { top:2px; height:.72em; } 
z p[t] d:first-child:last-child::after { top:.72em; } 

z p[t] d:hover { background:rgba(72,86,58,.08); transform:translateX(3px); border-radius:3px; box-shadow:inset 0 0 0 1px rgba(72,86,58,.12); } 
z p[t] d:hover::before, z p[t] d:hover::after { border-color:#4d5643; } 
z p[t] d:active { transform:scale(.985); background:rgba(72,86,58,.14); box-shadow:inset 0 0 4px rgba(0,0,0,.1); transition:all .08s ease; } 
z p[t] d:active::before, z p[t] d:active::after { border-color:#384030; } 

@media (max-width:768px) { 
    z { margin:8px 0; font-size:14px; line-height:1.54; background-size:16px 16px; } 
    z summary { padding:9px 10px; font-size:15px; } 
    z>details>*:not(summary) { padding-left:8px; padding-right:8px; } 
    z details details { margin-left:8px; } 
    z k { min-width:4.2em; font-size:12px; } 
    z i { padding:6px 8px; margin:3px 0; } 
    z p[t] { font-size:13.5px; margin-bottom:8px; padding-left:10px; line-height:1.5; } 
    z p[t]::before { font-size:10px; padding:3px 8px 3px 7px; margin-right:8px; letter-spacing:.06em; } 
    z p[t]:has(d)::before { margin-bottom:5px; } 
    z p[t] d { padding-left:22px; font-size:13px; line-height:1.48; } 
    z p[t] d::after { width:10px; } 
    z li, z small { line-height:1.46; } 
} 

@media (max-width:400px) { 
    z { background-size:15px 15px; } 
    z p[t] { font-size:12.5px; margin-bottom:7px; padding-left:8px; line-height:1.46; } 
    z p[t]::before { font-size:10px; padding:2px 7px 2px 6px; margin-right:6px; letter-spacing:.02em; border-left-width:3px; box-shadow:1px 1px 0 #000; } 
    z p[t] d { padding-left:18px; font-size:12.2px; line-height:1.42; } 
    z p[t] d::before { border-left-width:1.5px; } 
    z p[t] d::after { width:8px; border-bottom-width:1.5px; } 
    z summary { font-size:14px; } 
    z i { padding:6px 7px; } 
    z k { min-width:3.9em; font-size:11px; } 
    z li, z small { font-size:12.5px; line-height:1.42; } 
} 

/* ==== 兽书美化 ==== */ 
z ab { display:block; position:relative; margin:2px 0 0; padding:10px 10px 8px; background:#f1f1ed; border:1px solid rgba(0,0,0,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 1px 0 rgba(255,255,255,.55); color:#1a1a1a; overflow:hidden; } 
z ab::before { content:"NewsFeed"; display:block; margin:0 0 8px; padding:4px 8px 4px 10px; background: repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 2px,transparent 2px 5px), #d9d8d2; border-left:4px solid #111; border-bottom:1px solid rgba(0,0,0,.35); color:#111; font:800 11px/1.2 "Arial","Helvetica Neue",sans-serif; letter-spacing:.08em; text-transform:uppercase; } 
z ab::after { content:""; position:absolute; top:0; right:0; width:42px; height:42px; background:linear-gradient(135deg,rgba(0,0,0,.08) 0 50%,transparent 50% 100%); pointer-events:none; opacity:.7; } 
z ab h3 { display:block; margin:0; padding:0; font:700 14px/1.5 "Arial","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; color:#1a1a1a; border:none; } 
z ab h3 t { margin-left:6px; margin-right:6px; color:#666; font:400 11px/1.2 "Arial","Helvetica Neue",sans-serif; white-space:nowrap; } 
z ab q { display:block; position:relative; margin:6px 0 0; padding:8px 10px 8px 12px; font:400 13px/1.5 "Arial","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; color:#303030; background: linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)), repeating-linear-gradient(0deg,transparent 0 18px,rgba(0,0,0,.03) 18px 19px), #e6e5df; border:1px solid rgba(0,0,0,.14); border-left:3px solid rgba(0,0,0,.7); quotes:none; } 
z ab q::before { content:none; } 
z ab r { display:flex; align-items:center; gap:10px; margin:8px 0 0; padding:7px 2px 6px; border-top:1px solid rgba(255,255,255,.85); border-bottom:1px solid rgba(0,0,0,.14); color:#666; font:700 12px/1.2 "Arial","Helvetica Neue",sans-serif; white-space:nowrap; text-align:left; } 
z ab r::before { content:"回复 · "; display:inline-block; color:#4d4d4d; font:700 12px/1.2 "Arial","Helvetica Neue",sans-serif; letter-spacing:.01em; flex:0 0 auto; } 
z ab r::after { content:"♥ " attr(n); display:inline-block; margin-left:auto; color:#b25a52; font:700 12px/1.2 "Arial","Helvetica Neue",sans-serif; letter-spacing:.01em; transition:transform .12s ease,color .12s ease; flex:0 0 auto; } 
z ab r:hover::after { color:#c0675f; transform:scale(1.05); } 
z ab r:active::after { color:#95423c; transform:scale(.96); } 
z ab c { display:block; position:relative; margin:8px 0 0 18px; padding:8px 9px 8px 12px; background:#e8e7e1; border:1px solid rgba(0,0,0,.13); color:#242424; font:400 13px/1.46 "Arial","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; } 
z ab c::before { content:""; position:absolute; left:-10px; top:-10px; width:0; height:18px; border-left:1px solid rgba(0,0,0,.35); } 
z ab c::after { content:""; position:absolute; left:-13px; top:8px; width:6px; height:6px; background:#111; border-radius:999px; box-shadow:0 0 0 2px #f1f1ed; } 
z ab m { display:block; margin:6px 0 0; padding:8px 9px; background:#1b1b1b; border-left:2px solid #8b1e1e; color:#f1f0eb; font:400 12.5px/1.45 "Arial","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); } 

@media (max-width:768px) { 
    z ab { padding:9px 8px 7px; } 
    z ab::before { margin-bottom:7px; padding:4px 7px 4px 9px; font-size:10px; } 
    z ab h3 { font-size:13px; line-height:1.46; } 
    z ab h3 t { font-size:10px; margin-left:5px; margin-right:5px; } 
    z ab q { margin-top:5px; padding:8px 9px 8px 10px; font-size:12.5px; line-height:1.44; } 
    z ab r { margin-top:7px; padding:6px 1px 5px; font-size:11.5px; } 
    z ab r::after { font-size:11.5px; } 
    z ab c { margin:7px 0 0 14px; padding:7px 8px 7px 10px; font-size:12.5px; line-height:1.42; } 
    z ab c::before { left:-8px; top:-9px; height:16px; } 
    z ab c::after { left:-11px; top:7px; width:6px; height:6px; } 
    z ab m { margin-top:5px; padding:7px 8px; font-size:12px; line-height:1.42; } 
} 

@media (max-width:400px) { 
    z ab { padding:8px 7px 6px; } 
    z ab h3 { font-size:12.5px; line-height:1.42; } 
    z ab h3 t { font-size:10px; margin-left:4px; margin-right:4px; } 
    z ab q { font-size:12px; line-height:1.4; padding:7px 8px 7px 9px; } 
    z ab r { font-size:11px; } 
    z ab r::after { font-size:11px; } 
    z ab c { margin-left:12px; font-size:12px; line-height:1.38; } 
    z ab m { font-size:11.5px; line-height:1.38; } 
} 

top { 
    --bg:#e7e6e1; 
    --paper:#eeede6; 
    --ink:#000; 
    --line:#111; 
    --shadow:4px 4px 0 #000; 
    display:block; 
    width:100%; 
    margin:0 0 12px; 
    padding:10px 10px 12px; 
    box-sizing:border-box; 
    color:var(--ink); 
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E") 0 0/200px 200px, var(--bg); 
    border:3px solid var(--ink); 
    box-shadow:var(--shadow); 
    position:relative; 
    overflow:visible; 
    font-family:"Old Standard TT","Noto Serif SC","Songti SC","SimSun",serif; 
} 

top::before { content:"ANIMAL NEWS !!"; display:block; text-align:center; font-family:"Abril Fatface","Noto Serif SC","Songti SC",serif; font-weight:900; font-size:clamp(26px,6vw,42px); line-height:1; letter-spacing:1.8px; text-transform:uppercase; color:#000; padding:0 18px 9px; margin:0 0 7px; border-bottom:4px double #000; text-wrap:balance; } 
top::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(transparent 96%,rgba(0,0,0,.04) 100%) 0 0/100% 7px; opacity:.12; mix-blend-mode:multiply; } 
top d { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 10px; padding:4px 0 8px; border-bottom:2px dashed #000; font-size:11px; font-weight:700; letter-spacing:.2px; line-height:1.35; } 
top d t { display:block; min-width:0; color:#111; } 
top d t:first-child { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 
top d t:last-child { text-align:right; white-space:nowrap; } 
top t2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:10px; align-items:stretch; } 
top t2 r { display:flex; flex-direction:column; min-width:0; aspect-ratio:30/32; background: linear-gradient(180deg, rgba(255,255,255,0.4), rgba(0,0,0,0.02)), var(--paper); border:2px solid #000; padding:8px; box-sizing:border-box; overflow:hidden; position:relative; } 
top t2 r h3 { margin:0 0 6px; padding:0 0 4px; border-bottom:2px solid #000; font-family:"Abril Fatface","Noto Serif SC","Songti SC",serif; font-size:14px; line-height:1.1; font-weight:900; letter-spacing:.6px; text-transform:uppercase; color:#000; } 
top t2 r p { margin:0; font-size:12px; line-height:1.55; color:#111; overflow:auto; flex:1 1 auto; padding-right:2px; scrollbar-width:thin; scrollbar-color:#000 #d7d2c6; } 
top t2 r p::-webkit-scrollbar { width:5px; height:5px; } 
top t2 r p::-webkit-scrollbar-track { background:#d7d2c6; } 
top t2 r p::-webkit-scrollbar-thumb { background:#000; } 
top t2 r p::first-letter { float:left; font-family:"Abril Fatface","Noto Serif SC",serif; font-size:2.5em; line-height:.82; font-weight:900; margin:.08em .12em 0 0; color:#000; } 
top t2 r[m] { position:relative; overflow:visible; padding:0; background: linear-gradient(180deg,rgba(255,255,255,.16),rgba(0,0,0,.05)), #ece7dc; justify-content:flex-end; align-items:center; background-image: linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.04)), url("https://tupian.li/images/2026/04/25/69eccad2219c7.png"); background-size:cover; background-position:center; background-repeat:no-repeat; } 
top t2 r[m]::before, top t2 r[m]::after { content:""; position:absolute; inset:0; background-repeat:no-repeat; background-position:center bottom; background-size:cover; transition:opacity .35s ease, transform .35s ease, filter .35s ease; pointer-events:none; } 
top t2 r[m]::before { background-image:url("https://tupian.li/images/2026/04/25/69eccb46ae75b.png"); opacity:1; transform:scale(1); z-index:1; } 
top t2 r[m]::after { background-image:url("https://tupian.li/images/2026/04/25/69eccb45b34c0.png"); opacity:0; transform:scale(1); z-index:2; } 
top r[m]:hover::before, top r[m]:active::before, top r[m]:focus-within::before { opacity:0; } 
top r[m]:hover::after, top r[m]:active::after, top r[m]:focus-within::after { opacity:1; } 
top ks { position:absolute; left:50%; bottom:calc(100% - 12px); transform:translateX(-50%) translateY(8px); max-width:80%; width:auto; min-width:350px; padding:8px 10px; box-sizing:border-box; background:#000; color:#E55123; border:2px solid #b84242; box-shadow:none; font-family:"Old Standard TT","Noto Serif SC","Songti SC",serif; font-size:14px; line-height:1.45; font-weight:700; text-align:center; white-space:normal; word-wrap:break-word; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease,transform .25s ease,visibility .25s ease; z-index:10; } 
top ks::before { content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%); border:8px solid transparent; border-top-color:#b84242; } 
top ks::after { content:""; position:absolute; left:50%; top:100%; transform:translateX(-50%) translateY(-2px); border:6px solid transparent; border-top-color:#000; } 
top r[m]:hover ks, top r[m]:active ks, top r[m]:focus-within ks { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); } 

@media (max-width:680px) { top { padding:8px 8px 10px; } top::before { font-size:clamp(22px,7vw,32px); letter-spacing:1px; padding:0 10px 7px; margin:0 0 6px; } top d { font-size:9px; gap:4px 6px; padding:3px 0 7px; } top t2 { gap:5px; padding-top:8px; } top t2 r { padding:6px; } top t2 r h3 { font-size:11px; margin:0 0 4px; padding:0 0 3px; } top t2 r p { font-size:10px; line-height:1.45; } top t2 r p::first-letter { font-size:2.1em; margin:.06em .1em 0 0; } top ks { font-size:10px; line-height:1.35; padding:6px 7px; bottom:calc(100% - 8px); max-width:70%; width:auto; min-width:200px; } } 
@media (max-width:420px) { top d { font-size:8px; } top t2 { gap:4px; } top t2 r { padding:5px; } top t2 r h3 { font-size:10px; } top t2 r p { font-size:9px; } top ks { font-size:10px; max-width:70%; width:auto; min-width:150px; } } 
@media (min-width:681px) { top t2 { grid-template-columns:40fr 16fr 40fr; } top t2 r { aspect-ratio:auto; height:120px; } } 

/* ═══════════════════════════════════════
   外部首个折叠栏专属美化 (精准区分于z内的折叠栏，替换为日历渲染器类名)
   ═══════════════════════════════════════ */ 
.is-assistant .rili-markdown-renderer > details:first-of-type { 
    margin:8px 0 10px; 
    padding:0; 
    background:transparent; 
    border:none; 
    box-shadow:none; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary { 
    list-style:none; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary::-webkit-details-marker { 
    display:none; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary::marker { 
    content:""; 
    font-size:0; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary { 
    display:flex; 
    align-items:flex-end; 
    justify-content:space-between; 
    gap:0px; 
    padding:0 0 6px; 
    background:transparent; 
    border:none; 
    border-bottom:2px solid #000; 
    box-shadow:none; 
    cursor:pointer; 
    color:#111; 
    font-family:"Libre Baskerville","Cormorant Garamond","Noto Serif SC","Songti SC","SimSun",serif; 
    font-size:15px; 
    line-height:1.2; 
    font-weight:700; 
    letter-spacing:.08em; 
    text-transform:uppercase; 
    position:relative; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary::before { 
    content:"COT"; 
    display:inline-block; 
    margin-right:10px; 
    padding:1px 6px 2px; 
    border:1px solid #000; 
    border-bottom-width:2px; 
    background:transparent; 
    color:#000; 
    font-family:"Libre Baskerville","Times New Roman",serif; 
    font-size:10px; 
    line-height:1.1; 
    font-weight:700; 
    letter-spacing:.14em; 
    vertical-align:middle; 
    flex:0 0 auto; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary::after { 
    content:""; 
    display:inline-block; 
    margin-left:auto; 
    color:#333; 
    font-family:"Libre Baskerville","Times New Roman",serif; 
    font-size:10px; 
    line-height:1; 
    font-weight:700; 
    letter-spacing:.16em; 
    flex:0 0 auto; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary:hover { 
    color:#000; 
    border-bottom-color:#222; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > summary:hover::before { 
    background:#000; 
    color:#fff; 
} 

.is-assistant .rili-markdown-renderer > details:first-of-type > *:not(summary) { 
    margin-top:6px; 
} 

@media (max-width:680px) { 
    .is-assistant .rili-markdown-renderer > details:first-of-type > summary { font-size:13px; gap:6px; padding-bottom:5px; letter-spacing:.05em; } 
    .is-assistant .rili-markdown-renderer > details:first-of-type > summary::before { font-size:9px; padding:1px 5px 2px; margin-right:6px; } 
    .is-assistant .rili-markdown-renderer > details:first-of-type > summary::after { font-size:9px; letter-spacing:.12em; } 
} 

cot { display:block; position:relative; margin:8px 0; padding:10px 12px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28); box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.22); backdrop-filter:blur(10px) saturate(1.1); -webkit-backdrop-filter:blur(10px) saturate(1.1); border-radius:10px; overflow:hidden; } 
cot>summary { list-style:none; cursor:pointer; font-weight:700; } 
cot>summary::-webkit-details-marker { display:none; } 
cot:not([open])>*:not(summary) { filter:blur(8px); opacity:.45; pointer-events:none; user-select:none; transition:filter .25s ease,opacity .25s ease; } 
cot[open]>*:not(summary) { filter:none; opacity:1; pointer-events:auto; user-select:text; transition:filter .25s ease,opacity .25s ease; } 
cot>summary::after { content:"点击查看"; float:right; font-size:12px; opacity:.75; } 
cot[open]>summary::after { content:"已展开"; } 

l { display:inline; background:rgba(255,255,255,.35); color:#111; text-decoration:none; padding:3px 5px; margin:0 2px; border:1px solid rgba(0,0,0,.18); border-radius:2px; box-shadow:1px 1px 0 rgba(0,0,0,.1); -webkit-box-decoration-break:clone; box-decoration-break:clone; transition:background .2s ease,box-shadow .2s ease; cursor:default; } 

.flex.h-full.items-center.flex-col.gap-2.w-full { 
    background-color: #cfc9bc; 
    background-image: radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.18),rgba(0,0,0,.05)); 
    background-size: 5px 5px,100% 100%; 
}