/* ============================================================ 心猿社 Article Tabs · 前端样式 方案 E：经典方形（纯文字 · 零图标） 间距对齐 WP 正文默认 1.5em ============================================================ *//* --- 根容器 --- */.xys-article-tabs { position: relative; max-width: 100%; margin: 0; /* 分隔线由 PHP 输出 */}/* --- 导航容器 --- */.xys-article-tabs .xys-article-tab-list { position: relative; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 1.5em; padding: 0 0 22px; border: none !important; background: transparent;}/* 用伪元素画底部分隔线，避免被主题 border 覆盖 */.xys-article-tabs .xys-article-tab-list::after { content: '' !important; display: block !important; position: absolute; left: 0; right: 0; bottom: 0; height: 1px !important; background: var(--main-border-color) !important; z-index: 999;}/* --- 溢出模式：可横向滚动 --- */.xys-article-tabs .xys-article-tab-list.xys-tabs-scrollable { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; -webkit-overflow-scrolling: touch; padding-bottom: 4px;}.xys-article-tabs .xys-article-tab-list.xys-tabs-scrollable::-webkit-scrollbar { height: 4px; }.xys-article-tabs .xys-article-tab-list.xys-tabs-scrollable::-webkit-scrollbar-thumb { background: var(--main-border-color); border-radius: 2px;}/* --- Tab 按钮：方形 + 边框 --- */.xys-article-tabs .xys-article-tab-button { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; padding: 0 16px; border: 1.5px solid #e0e0e0; border-radius: var(--main-radius); background: transparent !important; color: #555; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; cursor: pointer; user-select: none; white-space: nowrap; transition: border-color .18s ease, border-width .18s ease, color .18s ease, background-color .18s ease, padding-left .18s ease;}.xys-article-tabs .xys-article-tab-button:hover { border-color: var(--xys-accent, var(--theme-color)); color: var(--xys-accent, var(--theme-color)); background: transparent;}.xys-article-tabs .xys-article-tab-button.xys-is-active { border-color: var(--xys-accent, var(--theme-color)); border-width: 2px; color: var(--xys-accent, var(--theme-color)); background: transparent; font-weight: 600; padding-left: 18px;}.xys-article-tabs .xys-article-tab-button.xys-is-active::before { content: ''; position: absolute; left: -2px; top: 8px; bottom: 8px; width: 3px; background: var(--xys-accent, var(--theme-color)); border-radius: 2px;}.xys-article-tabs .xys-article-tab-button:focus-visible { outline: 2px solid var(--xys-accent, var(--theme-color)); outline-offset: 2px;}/* --- 锁定按钮：虚线边框 --- */.xys-article-tabs .xys-article-tab-button.xys-is-locked { border-style: dashed; color: var(--muted-4-color); cursor: pointer; /* 可点击触发解锁流程 */}.xys-article-tabs .xys-article-tab-button.xys-is-locked:hover { border-color: var(--xys-accent, var(--theme-color)); color: var(--xys-accent, var(--theme-color));}.xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active { border-style: solid; color: var(--xys-accent, var(--theme-color)); background: transparent; border-color: var(--xys-accent, var(--theme-color));}.xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active::before { background: var(--xys-accent, var(--theme-color));}/* --- 面板 --- */.xys-article-tabs .xys-article-tab-panel { position: relative; margin: 0; padding: 0;}.xys-article-tabs .xys-article-tab-panel[hidden] { display: none; }.xys-article-tabs .xys-article-tab-panel.xys-is-active { animation: xysTabFadeIn .28s ease;}@keyframes xysTabFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); }}/* ============================================================ 锁定占位卡片（参考少数派订阅卡片风格） 左侧：渐变色块 + 锁图标 右侧：主标题 + 副标题 + 实心按钮 ============================================================ */ display: flex; align-items: stretch; gap: 0; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.06); background: var(--main-bg-color); border: 1px solid var(--muted-border-color); margin: 0;}/* --- 左侧视觉区：橙色渐变 + 几何装饰 --- */ flex: 0 0 120px; position: relative; background: linear-gradient(135deg, var(--theme-color) 0%, var(--focus-color) 50%, var(--focus-color) 100%); display: flex; align-items: center; justify-content: center; overflow: hidden;}/* 几何装饰：右上角半圆 */ content: ''; position: absolute; top: -30px; right: -30px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.15);}/* 几何装饰：底部条纹 */ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 30px; background: repeating-linear-gradient( -45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.08) 6px, rgba(255, 255, 255, 0.08) 12px );} position: relative; z-index: 1; width: 48px; height: 48px;}/* --- 锁图标：纯 CSS 绘制 --- */ position: relative; width: 40px; height: 34px; margin: 0 auto;}/* 锁身 */ content: ''; position: absolute; bottom: 0; left: 4px; right: 4px; height: 22px; background: var(--main-bg-color); border-radius: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.15);}/* 锁梁 */ content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 22px; height: 16px; border: 4px solid #fff; border-bottom: none; border-radius: 12px 12px 0 0;}/* 锁孔小圆 *//* 直接在 lock-icon 上画锁孔 */ background-image: radial-gradient(circle, var(--theme-color) 0 3px, transparent 3px); background-position: center 16px; background-repeat: no-repeat;}/* --- 右侧信息区 --- */ flex: 1; padding: 24px 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; text-align: center;} font-size: 15px; font-weight: 400; color: var(--key-color); margin: 0; line-height: 1.4; letter-spacing: 0.2px;} font-size: 13px; color: var(--muted-3-color); margin: 0; line-height: 1.6;}/* --- 按钮 --- */ display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 0 24px; margin-top: 4px; border: none; border-radius: var(--main-radius); background: linear-gradient(135deg, var(--theme-color), var(--focus-color)); color: #fff; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; box-shadow: 0 4px 12px rgba(255, 135, 0, 0.25); transition: transform .18s ease, box-shadow .18s ease, filter .18s;} transform: translateY(-1px); box-shadow: 0 6px 16px rgba(255, 135, 0, 0.35); filter: brightness(1.03);} transform: translateY(0); filter: brightness(0.97);} font-size: 11px; font-weight: 500; padding: 1px 8px; background: rgba(255, 255, 255, 0.25); color: #fff; border-radius: 10px; white-space: nowrap;}/* ===== miniprogram 模式卡片扩展 ===== */ font-size: 16px; font-weight: 600; color: var(--key-color); margin: 0 0 6px; text-align: center;} font-size: 13px; color: var(--muted-3-color); margin: 0 0 14px; text-align: center; line-height: 1.6;}/* 解锁码行 */ display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 14px; background: #f7f7f7; border-radius: var(--main-radius); margin-bottom: 14px; width: 100%;} font-size: 12px; color: var(--muted-3-color);} font-family: 'SFMono-Regular', Consolas, monospace; font-size: 20px; font-weight: 700; color: var(--theme-color); letter-spacing: 6px;} font-size: 12px; padding: 3px 10px; border: 1px solid var(--main-border-color); background: var(--main-bg-color); color: var(--muted-2-color); border-radius: 4px; cursor: pointer; transition: all 0.15s;} border-color: var(--theme-color); color: var(--theme-color);}/* 二维码区 */ display: flex; justify-content: center; gap: 16px; margin-bottom: 14px;} text-align: center;} width: 120px; height: 120px; border-radius: var(--main-radius); border: 1px solid var(--muted-border-color); display: block;} display: block; font-size: 11px; color: var(--muted-3-color); margin-top: 4px;}/* 状态提示 */ font-size: 12px; color: var(--muted-4-color); text-align: center; margin-top: 8px;}/* ===== 暗色 miniprogram 扩展 ===== *//* ============================================================ Modal 解锁弹窗（动态注入，不依赖 PHP 输出） ============================================================ */.xys-unlock-modal-backdrop { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); opacity: 0; transition: opacity .2s ease;}.xys-unlock-modal-backdrop.is-open { opacity: 1; }.xys-unlock-modal { position: relative; width: 320px; max-width: calc(100vw - 32px); background: var(--main-bg-color); border-radius: 14px; padding: 28px 24px 24px; box-shadow: 0 20px 60px rgba(0,0,0,0.25); transform: scale(0.9) translateY(10px); transition: transform .22s cubic-bezier(.22,1,.36,1); text-align: center;}.xys-unlock-modal-backdrop.is-open .xys-unlock-modal { transform: scale(1) translateY(0);}.xys-unlock-modal-close { position: absolute; top: 10px; right: 14px; width: 28px; height: 28px; border: none; background: transparent; color: #bbb; font-size: 22px; line-height: 1; cursor: pointer; border-radius: 50%; transition: color .15s, background .15s;}.xys-unlock-modal-close:hover { color: var(--muted-2-color); background: #f3f3f3; }.xys-unlock-modal-body { display: flex; flex-direction: column; align-items: center; gap: 16px; }.xys-unlock-modal-spinner { width: 48px; height: 48px; border: 3px solid var(--muted-border-color); border-top-color: var(--focus-color); border-radius: 50%; animation: xys-spin .9s linear infinite;}.xys-unlock-modal-spinner.is-small { width: 32px; height: 32px; border-width: 2px; }@keyframes xys-spin { to { transform: rotate(360deg); }}.xys-unlock-modal-title { font-size: 16px; font-weight: 500; color: var(--key-color); margin: 0; line-height: 1.4;}.xys-unlock-modal-ok { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 4px; border-radius: 50%; background: #4cc38a; color: #fff; font-size: 13px; font-weight: 700;}.xys-unlock-modal-sub { font-size: 13px; color: var(--muted-3-color); margin: 0;}.xys-unlock-modal-progress { width: 100%; height: 4px; background: var(--muted-border-color); border-radius: 4px; overflow: hidden;}.xys-unlock-modal-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--theme-color), var(--focus-color)); border-radius: 4px; transition: width .9s linear;}/* 暗色 */.theme-dark .xys-unlock-modal,.dark-mode .xys-unlock-modal,.zib-theme-dark .xys-unlock-modal { background: var(--key-color); box-shadow: 0 20px 60px rgba(0,0,0,0.5);}.theme-dark .xys-unlock-modal-title,.dark-mode .xys-unlock-modal-title,.zib-theme-dark .xys-unlock-modal-title { color: var(--muted-border-color); }.theme-dark .xys-unlock-modal-sub,.dark-mode .xys-unlock-modal-sub,.zib-theme-dark .xys-unlock-modal-sub { color: var(--muted-3-color); }.theme-dark .xys-unlock-modal-close,.dark-mode .xys-unlock-modal-close,.zib-theme-dark .xys-unlock-modal-close { color: var(--muted-3-color); }.theme-dark .xys-unlock-modal-close:hover,.dark-mode .xys-unlock-modal-close:hover,.zib-theme-dark .xys-unlock-modal-close:hover { color: var(--main-border-color); background: var(--key-color); }.theme-dark .xys-unlock-modal-spinner,.dark-mode .xys-unlock-modal-spinner,.zib-theme-dark .xys-unlock-modal-spinner { border-color: #444; border-top-color: var(--focus-color); }.theme-dark .xys-unlock-modal-progress,.dark-mode .xys-unlock-modal-progress,.zib-theme-dark .xys-unlock-modal-progress { background: var(--key-color); }/* 移动端 *//* ===== 子比主题 dark-theme 暗色覆盖（之前缺失！） ===== */ .dark-theme .xys-article-tabs .xys-article-tab-button { background: transparent !important; border-color: #444 !important; color: #c8c8c8 !important; } .dark-theme .xys-article-tabs .xys-article-tab-button:hover { border-color: var(--theme-color) !important; color: var(--theme-color) !important; background: transparent !important; } .dark-theme .xys-article-tabs .xys-article-tab-button.xys-is-active { border-color: var(--theme-color) !important; color: var(--theme-color) !important; background: transparent !important; } .dark-theme .xys-article-tabs .xys-article-tab-button.xys-is-active::before { background: var(--theme-color) !important; } .dark-theme .xys-article-tabs .xys-article-tab-button.xys-is-locked { color: #999 !important; border-color: #444 !important; } .dark-theme .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover { border-color: var(--theme-color) !important; color: var(--theme-color) !important; } .dark-theme .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active { color: var(--theme-color) !important; border-color: var(--theme-color) !important; } @media (max-width: 480px) { .xys-unlock-modal { width: calc(100vw - 40px); padding: 24px 20px 20px; }}/* ============================================================ Miniprogram 弹窗：解锁码 + 二维码 ============================================================ */.xys-mp-code-wrap { display: flex; align-items: center; gap: 14px; padding: 12px 16px; background: #fafafa; border: 1px solid var(--muted-border-color); border-radius: 10px; width: 100%;}.xys-mp-code-label { font-size: 12px; color: var(--muted-3-color); white-space: nowrap;}.xys-mp-code-value { font-size: 26px; font-weight: 700; font-family: 'SF Mono', Menlo, Consolas, monospace; letter-spacing: 6px; color: var(--theme-color); flex: 1; text-align: center;}.copy-code-btn { font-size: 12px; padding: 4px 12px; border: 1px solid var(--main-border-color); border-radius: var(--main-radius); background: var(--main-bg-color); color: var(--muted-2-color); cursor: pointer; transition: all .15s; flex-shrink: 0;}.copy-code-btn:hover { border-color: var(--focus-color); color: var(--theme-color); }.copy-code-btn.copied { border-color: #4cc38a; color: #4cc38a; }.xys-mp-qr-wrap { width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; padding: 8px; background: var(--main-bg-color); border: 1px solid var(--muted-border-color); border-radius: 10px; margin: 0 auto;}.xys-mp-qr-img { max-width: 100%; max-height: 100%; border-radius: var(--main-radius);}/* 暗色 miniprogram */.theme-dark .xys-mp-code-wrap,.dark-mode .xys-mp-code-wrap,.zib-theme-dark .xys-mp-code-wrap { background: #222; border-color: var(--key-color);}.theme-dark .xys-mp-code-label,.dark-mode .xys-mp-code-label,.zib-theme-dark .xys-mp-code-label { color: #777; }.theme-dark .copy-code-btn,.dark-mode .copy-code-btn,.zib-theme-dark .copy-code-btn { background: var(--key-color); border-color: #444; color: var(--muted-4-color);}.theme-dark .xys-mp-qr-wrap,.dark-mode .xys-mp-qr-wrap,.zib-theme-dark .xys-mp-qr-wrap { background: #222; border-color: var(--key-color);}/* ============================================================ 顶部通知条（替换 confirm() / alert()） ============================================================ */.xys-top-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 20px; background: var(--main-bg-color); border-bottom: 1px solid var(--main-border-color); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); transform: translateY(-100%); transition: transform .28s cubic-bezier(.22,1,.36,1); font-size: 14px; color: var(--key-color);}.xys-top-bar.xys-top-bar-show { transform: translateY(0);}.xys-top-bar .xys-top-bar-msg { flex: 1; max-width: 600px; text-align: center;}.xys-top-bar .xys-top-bar-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 16px; border: 1.5px solid var(--xys-accent, var(--theme-color)); border-radius: var(--main-radius); background: var(--main-bg-color); color: var(--xys-accent, var(--theme-color)); font-size: 13px; font-weight: 600; font-family: inherit; cursor: pointer; text-decoration: none; transition: background-color .18s;}.xys-top-bar .xys-top-bar-btn:hover { background: var(--muted-bg-color); color: var(--xys-accent-hover, #e67a00);}.xys-top-bar .xys-top-bar-close { background: none; border: none; font-size: 18px; color: var(--muted-3-color); cursor: pointer; padding: 0 4px; line-height: 1;}.xys-top-bar .xys-top-bar-close:hover { color: var(--key-color); }.xys-top-bar.xys-top-bar-autohide { animation: xysTopBarFadeOut .5s ease 2.5s forwards;}@keyframes xysTopBarFadeOut { to { transform: translateY(-100%); }}/* ============================================================ 暗色模式 ============================================================ *//* --- 整个 Tab 容器 --- */@media (prefers-color-scheme: dark) { .xys-article-tabs { background: transparent !important; border-radius: var(--main-radius); border: 1px solid var(--key-color); padding: 16px 20px; }}.theme-dark .xys-article-tabs,.dark-mode .xys-article-tabs,.zib-theme-dark .xys-article-tabs { background: transparent !important; border-radius: var(--main-radius); border: 1px solid var(--key-color); padding: 16px 20px;}/* --- 按钮 --- */@media (prefers-color-scheme: dark) { .xys-article-tabs .xys-article-tab-button { background: var(--key-color); border-color: #444; color: #bbb; } .xys-article-tabs .xys-article-tab-button:hover { border-color: var(--muted-2-color); color: var(--muted-2-color); background: transparent; } .xys-article-tabs .xys-article-tab-button.xys-is-active { border-color: var(--focus-color); color: var(--focus-color); background: transparent; } .xys-article-tabs .xys-article-tab-button.xys-is-active::before { background: var(--focus-color); } .xys-article-tabs .xys-article-tab-button.xys-is-locked { color: #777; border-color: #444; } .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover { border-color: var(--muted-3-color); color: var(--muted-3-color); } .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active { color: var(--focus-color); background: transparent; border-color: var(--focus-color); }}.theme-dark .xys-article-tabs .xys-article-tab-button,.dark-mode .xys-article-tabs .xys-article-tab-button,.zib-theme-dark .xys-article-tabs .xys-article-tab-button { background: var(--key-color); border-color: #444; color: #bbb; }.theme-dark .xys-article-tabs .xys-article-tab-button:hover,.dark-mode .xys-article-tabs .xys-article-tab-button:hover,.zib-theme-dark .xys-article-tabs .xys-article-tab-button:hover { border-color: var(--muted-2-color); color: var(--muted-2-color); background: transparent; }.theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-active,.dark-mode .xys-article-tabs .xys-article-tab-button.xys-is-active,.zib-theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-active { border-color: var(--focus-color); color: var(--focus-color); background: transparent; }.theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-active::before,.dark-mode .xys-article-tabs .xys-article-tab-button.xys-is-active::before,.zib-theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-active::before { background: var(--focus-color); }.theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked,.dark-mode .xys-article-tabs .xys-article-tab-button.xys-is-locked,.zib-theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked { color: #777; border-color: #444; }.theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover,.dark-mode .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover,.zib-theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover { border-color: var(--muted-3-color); color: var(--muted-3-color); }.theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active,.dark-mode .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active,.zib-theme-dark .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active { color: var(--focus-color); background: transparent; border-color: var(--focus-color); }/* --- 面板内正文：强制去掉任何主题的白色背景 --- */@media (prefers-color-scheme: dark) { .xys-article-tabs .xys-article-tab-panel, .xys-article-tabs .xys-article-tab-panel > *, .xys-article-tabs .xys-article-tab-panel .wp-block-group, .xys-article-tabs .xys-article-tab-panel .wp-block-columns, .xys-article-tabs .xys-article-tab-panel .wp-block-column { background: transparent !important; } .xys-article-tabs .xys-article-tab-panel { color: var(--main-border-color); } .xys-article-tabs .xys-article-tab-panel hr { border-color: var(--key-color); background: var(--key-color); } .xys-article-tabs .xys-article-tab-panel table { border-color: var(--key-color); } .xys-article-tabs .xys-article-tab-panel table th, .xys-article-tabs .xys-article-tab-panel table td { border-color: var(--key-color); background: transparent; } .xys-article-tabs .xys-article-tab-panel blockquote { border-left-color: var(--muted-3-color); background: rgba(255,255,255,0.03); color: #bbb; } .xys-article-tabs .xys-article-tab-panel code { background: #141414; border-color: var(--key-color); color: var(--muted-3-color); } .xys-article-tabs .xys-article-tab-panel pre { background: #141414; border-color: var(--key-color); color: var(--main-border-color); }}.theme-dark .xys-article-tabs .xys-article-tab-panel,.theme-dark .xys-article-tabs .xys-article-tab-panel > *,.theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-group,.theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-columns,.theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-column,.dark-mode .xys-article-tabs .xys-article-tab-panel,.dark-mode .xys-article-tabs .xys-article-tab-panel > *,.dark-mode .xys-article-tabs .xys-article-tab-panel .wp-block-group,.dark-mode .xys-article-tabs .xys-article-tab-panel .wp-block-columns,.dark-mode .xys-article-tabs .xys-article-tab-panel .wp-block-column,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel > *,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-group,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-columns,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel .wp-block-column { background: transparent !important; }.theme-dark .xys-article-tabs .xys-article-tab-panel,.dark-mode .xys-article-tabs .xys-article-tab-panel,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel { color: var(--main-border-color); }.theme-dark .xys-article-tabs .xys-article-tab-panel hr,.dark-mode .xys-article-tabs .xys-article-tab-panel hr,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel hr { border-color: var(--key-color); background: var(--key-color); }.theme-dark .xys-article-tabs .xys-article-tab-panel table,.dark-mode .xys-article-tabs .xys-article-tab-panel table,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel table { border-color: var(--key-color); }.theme-dark .xys-article-tabs .xys-article-tab-panel table th,.theme-dark .xys-article-tabs .xys-article-tab-panel table td,.dark-mode .xys-article-tabs .xys-article-tab-panel table th,.dark-mode .xys-article-tabs .xys-article-tab-panel table td,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel table th,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel table td { border-color: var(--key-color); background: transparent; }.theme-dark .xys-article-tabs .xys-article-tab-panel blockquote,.dark-mode .xys-article-tabs .xys-article-tab-panel blockquote,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel blockquote { border-left-color: var(--focus-color); background: rgba(255,255,255,0.03); color: #bbb; }.theme-dark .xys-article-tabs .xys-article-tab-panel code,.dark-mode .xys-article-tabs .xys-article-tab-panel code,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel code { background: #141414; border-color: var(--key-color); color: var(--focus-color); }.theme-dark .xys-article-tabs .xys-article-tab-panel pre,.dark-mode .xys-article-tabs .xys-article-tab-panel pre,.zib-theme-dark .xys-article-tabs .xys-article-tab-panel pre { background: #141414; border-color: var(--key-color); color: var(--main-border-color); }/* --- 占位卡片暗色 --- */@media (prefers-color-scheme: dark) {}/* --- 顶部通知条暗色 --- */@media (prefers-color-scheme: dark) { .xys-top-bar { background: #1e1e1e; border-bottom-color: var(--key-color); color: var(--main-border-color); box-shadow: 0 4px 16px rgba(0,0,0,.4); } .xys-top-bar .xys-top-bar-btn { background: var(--key-color); color: var(--muted-2-color); border-color: var(--muted-3-color); } .xys-top-bar .xys-top-bar-btn:hover { background: rgba(255,255,255,0.05); color: var(--muted-2-color); } .xys-top-bar .xys-top-bar-close { color: var(--muted-3-color); } .xys-top-bar .xys-top-bar-close:hover { color: var(--main-border-color); }}.theme-dark .xys-top-bar,.dark-mode .xys-top-bar,.zib-theme-dark .xys-top-bar { background: #1e1e1e; border-bottom-color: var(--key-color); color: var(--main-border-color); box-shadow: 0 4px 16px rgba(0,0,0,.4); }.theme-dark .xys-top-bar .xys-top-bar-btn,.dark-mode .xys-top-bar .xys-top-bar-btn,.zib-theme-dark .xys-top-bar .xys-top-bar-btn { background: var(--key-color); color: var(--focus-color); border-color: var(--focus-color); }.theme-dark .xys-top-bar .xys-top-bar-btn:hover,.dark-mode .xys-top-bar .xys-top-bar-btn:hover,.zib-theme-dark .xys-top-bar .xys-top-bar-btn:hover { background: transparent; color: var(--focus-color); }.theme-dark .xys-top-bar .xys-top-bar-close,.dark-mode .xys-top-bar .xys-top-bar-close,.zib-theme-dark .xys-top-bar .xys-top-bar-close { color: var(--muted-3-color); }.theme-dark .xys-top-bar .xys-top-bar-close:hover,.dark-mode .xys-top-bar .xys-top-bar-close:hover,.zib-theme-dark .xys-top-bar .xys-top-bar-close:hover { color: var(--main-border-color); }/* ============================================================ 响应式 ============================================================ */@media (max-width: 480px) { .xys-article-tabs .xys-article-tab-list { gap: 6px; margin-bottom: 1em; } .xys-article-tabs .xys-article-tab-button { flex: 1 1 calc(50% - 6px); padding: 0 12px; font-size: 13px; min-height: 34px; } /* 卡片改成上下结构 */ .xys-top-bar { flex-wrap: wrap; gap: 10px; padding: 10px 16px; font-size: 13px; } .xys-top-bar .xys-top-bar-btn { min-height: 30px; padding: 0 12px; }} /* 暗色模式下 Tab 面板文字增亮 */ body.dark-theme .xys-article-tabs, body.dark-theme .xys-article-tabs .xys-article-tab-panel { color: var(--key-color); } body.dark-theme .xys-article-tabs-tab { color: var(--muted-2-color); } body.dark-theme .xys-article-tabs-tab.active { color: var(--key-color); } /* 分隔线间距加大 */ .xys-article-tabs + .line-form-line { margin: 40px 0 16px !important; } /* 短代码模式下的分隔线 */ .xys-tabs-wrap + .line-form-line { margin: 40px 0 16px !important; } /* Tab 容器本身也加一点底部留白（防止 tab 栏紧贴分隔线） */ .xys-article-tabs { margin-bottom: 0; padding-bottom: 12px; } /* ====== 强制覆盖子比主题可能加的灰色背景 ====== */ .xys-article-tabs, .xys-tabs-wrap, .xys-article-tabs .xys-article-tab-list, .xys-article-tabs .xys-article-tab-button, .xys-article-tabs .xys-article-tab-button:hover, .xys-article-tabs .xys-article-tab-button.xys-is-active, .xys-article-tabs .xys-article-tab-button.xys-is-locked, .xys-article-tabs .xys-article-tab-button.xys-is-locked:hover, .xys-article-tabs .xys-article-tab-button.xys-is-locked.xys-is-active, .xys-article-tabs .xys-article-tab-panel { background: transparent !important; } /* ====== 分隔线间距（强覆盖子比主题 .line-form-line 默认 margin） ====== */ .xys-article-tabs + .line-form-line, .xys-tabs-wrap + .line-form-line, .xys-article-tabs > .line-form-line, .entry-content .xys-article-tabs + .line-form-line, .entry-content .xys-tabs-wrap + .line-form-line, body .xys-article-tabs + .line-form-line, body .xys-tabs-wrap + .line-form-line { margin-top: 40px !important; margin-bottom: 16px !important; margin-left: auto !important; margin-right: auto !important; } /* tab 容器本身加底部留白 */ .xys-article-tabs, .xys-tabs-wrap { padding-bottom: 12px !important; margin-bottom: 0 !important; background: transparent !important; }