/* ============================================================
 * all-plugins V2 · 侧栏 8-Tab 样式  v20260924a
 * 配色完全对齐系统左侧菜单（css/menu.css .nav-menu-item）：
 * 未选 #374151 灰字 + #6b7280 扁平单色图标；悬停 #ecfdf5/#059669；
 * 选中 浅绿渐变底 #d1fae5→#a7f3d0 + #047857 深绿字。无彩色色块。
 * 仅新增 .v2-* 命名空间，不改原 all-plugins.css 任何规则
 * ============================================================ */

/* ★ 2026-09-22 AI 写实生图按钮样式 */
.import-section .btn-prominent.btn-ai {
    background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
}
.import-section .btn-prominent.btn-ai:hover {
    background: linear-gradient(135deg, #db2777 0%, #e11d48 100%);
}

/* 旧 2-tab 隐藏锚点（yixin-carousel.js 初始化检测依赖，绝不显示） */
.v2-hidden-anchor { display: none !important; width: 0; height: 0; overflow: hidden; }

/* ---------- Tab 栏：置顶、两排自动换行；底色与系统左菜单一致 #f9fafb ---------- */
.v2-tab-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 8px 0 8px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 20;
}
.v2-tab-btn {
    flex: 1 1 calc(25% - 4px);
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 6px;
    font-size: 12.5px;
    font-weight: 400;
    text-align: center;
    color: #374151;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    user-select: none;
    transition: background .15s, color .15s, box-shadow .15s;
}
/* 扁平单色图标：默认 #6b7280（同系统菜单图标），随文字一起变色 */
.v2-tab-btn .v2-ticon {
    color: #6b7280;
    font-size: 15px;
    line-height: 1;
    flex-shrink: 0;
    transition: color .15s;
}
.v2-tab-btn:hover { background: #ecfdf5; color: #059669; }
.v2-tab-btn:hover .v2-ticon { color: #059669; }
.v2-tab-btn.active {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    border-color: transparent;
    color: #047857;
    font-weight: 600;
    box-shadow: 0 2px 12px rgba(16, 185, 129, .22);
}
.v2-tab-btn.active .v2-ticon { color: #047857; }

/* ---------- Tab 面板（复用 .sidebar-scroll：flex:1 + overflow-y:auto） ---------- */
.v2-tab-panel { display: none; }
.v2-tab-panel.active {
    display: block;
    flex: 1;
    min-height: 0;
    animation: v2Fade .18s ease;
}
@keyframes v2Fade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- 一键排版：导入区与系统完全同款（原 class 不动），下方板块入口 ---------- */
.v2-quick-entry {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px 0 2px 0;
}
.qe-btn {
    padding: 10px 8px;
    font-size: 13px;
    font-weight: 600;
    color: #5d4037;
    background: #fff;
    border: 1px solid #e0d0b0;
    border-radius: 7px;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}
.qe-btn:hover {
    background: #c01515;
    border-color: #c01515;
    color: #fff;
}
.v2-tip {
    margin: 8px 0 12px 0;
    padding: 9px 11px;
    font-size: 11.5px;
    line-height: 1.75;
    color: var(--text-light, #8a8a8a);
    background: var(--bg-soft, #f8faf9);
    border: 1px dashed var(--border-color, #e5e7eb);
    border-radius: 8px;
}

/* ---------- 子板块分组高亮 ---------- */
.v2-sub-panel { border-radius: 8px; transition: box-shadow .3s; }
.v2-sub-panel.highlight,
.plugin-group.highlight {
    animation: v2Pulse 1s ease 2;
    border-radius: 8px;
}
@keyframes v2Pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(192, 21, 21, 0); }
    50% { box-shadow: 0 0 0 4px rgba(192, 21, 21, .28); }
}
.v2-group-title {
    margin: 6px 0 8px 2px;
    font-size: 13.5px;
    font-weight: 700;
    color: #5d4037;
}

/* ---------- 山峦 / 异形波动卡片 ---------- */
.v2-effect-card {
    margin: 4px 0 12px 0;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .04);
}
.v2-ec-title { font-size: 14px; font-weight: 700; color: #3a2a20; margin-bottom: 8px; }
.v2-ec-desc { font-size: 11.5px; line-height: 1.75; color: var(--text-light, #8a8a8a); margin: 8px 0; }

/* ---------- 移动端：两排保持 4 列，文字略缩 ---------- */
@media (max-width: 768px) {
    .v2-tab-btn { font-size: 12px; padding: 7px 2px; }
    .v2-quick-entry { gap: 6px; }
    .qe-btn { padding: 9px 4px; font-size: 12.5px; }
    .v2-effect-card iframe { height: 560px !important; }
}

/* ★ 2026-09-24 去多层壳：侧栏面板只保留一层视觉容器。
   白卡 .plugin-group > 灰夹心 .plugin-body > iframe 内白页 = 2~3 层壳，
   统一去白底/边框/灰夹心，工具与表单直接落在侧栏底色上；分组条仅作小标题。 */
.v2-tab-panel .plugin-group {
    margin-bottom: 6px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.v2-tab-panel .plugin-group:hover { border-color: transparent; }
.v2-tab-panel .plugin-header {
    background: transparent;
    border-radius: 0;
    padding: 6px 10px;
}
.v2-tab-panel .plugin-group.expanded .plugin-header {
    position: static;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
}
.v2-tab-panel .plugin-header:hover { background: #ecfdf5; }
.v2-tab-panel .plugin-body {
    padding: 2px 2px 8px 2px;
    border-top: none;
    background: transparent;
}
.v2-tab-panel .v2-effect-card {
    margin: 4px 0 12px 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#waveIframe, #xbtIframe { border: none !important; background: transparent !important; }