/* ====== 微草工具箱 统一入口 /jx ====== */
@keyframes wct-spin { to { transform: rotate(360deg); } }
.wct-container { max-width: 1000px; margin: 0 auto; padding: 28px 20px; }

/* ====== 头部 ====== */
.wct-header { text-align: center; margin-bottom: 24px; }
.wct-title { font-size: 26px; font-weight: 700; margin: 0 0 6px 0; color: #1d1d1f; }
.wct-subtitle { font-size: 15px; color: #9a9a9e; margin: 0; }

/* ====== Tab栏 ====== */
.wct-tabs {
    display: flex;
    gap: 0;
    padding: 0;
    background: #fff;
    border: 2px solid #eaeaec;
    border-radius: 4px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
}
.wct-tab {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    border: none;
    border-right: 2px solid #eaeaec;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #5a5a5e;
    transition: all 0.15s;
    white-space: nowrap;
}
.wct-tab:last-child { border-right: none; }
.wct-tab:hover {
    background: #e8f5ee;
    color: #18a058;
}
.wct-tab-active {
    background: #18a058 !important;
    color: #fff !important;
}
.wct-tab-icon { font-size: 18px; display: inline-flex; align-items: center; justify-content: center; }
.wct-tab-icon svg { display: block; }
.wct-tab-name { font-size: 16px; }

/* ====== Panel ====== */
.wct-panel { display: none; }
.wct-panel-active { display: block; }
.wct-panel-info { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 16px; padding: 12px 16px; background: #f0faf4; border: 2px solid #e8f5ee; border-radius: 4px; }
.wct-panel-info-icon { color: #18a058; font-size: 20px; flex-shrink: 0; line-height: 1.6; }
.wct-panel-info-text { font-size: 15px; color: #555; line-height: 1.7; }
.wct-panel-header {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: #fff;
    border: 2px solid #eaeaec;
    border-left: 4px solid #18a058;
    border-radius: 4px;
}
.wct-panel-title { font-size: 18px; font-weight: 600; margin: 0 0 2px 0; color: #1d1d1f; }
.wct-panel-desc { font-size: 14px; color: #9a9a9e; margin: 0; }
.wct-panel-body { }

/* ====== 隐藏各工具的header（避免重复标题） ====== */
.wct-panel-body .sdi-header,
.wct-panel-body .dt-header,
.wct-panel-body .amv-header,
.wct-panel-body .pv-header,
.wct-panel-body .pd-header {
    display: none;
}

/* ====== 统一页面中各工具容器自适应 ====== */
.wct-panel-body .sdi-container,
.wct-panel-body .dt-container,
.wct-panel-body .amv-container,
.wct-panel-body .pv-container,
.wct-panel-body .pd-container {
    max-width: 100%;
    padding: 0;
}

/* ====== 各工具内部卡片/区域统一边框圆角 ====== */
.wct-panel-body .sdi-preview-box,
.wct-panel-body .dt-preview-box,
.wct-panel-body .amv-preview-box,
.wct-panel-body .pv-preview-box,
.wct-panel-body .pd-preview-box {
    border-radius: 4px !important;
    border: 2px solid #eaeaec !important;
}

.wct-panel-body .sdi-dropzone,
.wct-panel-body .dt-dropzone,
.wct-panel-body .amv-dropzone,
.wct-panel-body .pv-dropzone,
.wct-panel-body .pd-dropzone {
    border-radius: 4px !important;
    border: 2px dashed #18a058 !important;
}

.wct-panel-body .amv-card,
.wct-panel-body .sdi-result-card,
.wct-panel-body .dt-result-card,
.wct-panel-body .pv-card,
.wct-panel-body .pd-card {
    border-radius: 4px !important;
    border: 2px solid #eaeaec !important;
}

.wct-panel-body .amv-card-title,
.wct-panel-body .sdi-result-card-title,
.wct-panel-body .dt-result-card-title,
.wct-panel-body .pv-card-title,
.wct-panel-body .pd-card-title {
    border-bottom: 2px solid #eaeaec !important;
}

/* ====== 按钮统一 ====== */
.wct-panel-body .sdi-btn,
.wct-panel-body .dt-btn,
.wct-panel-body .amv-btn,
.wct-panel-body .pv-btn,
.wct-panel-body .pd-btn {
    border-radius: 4px !important;
}

/* ====== 响应式 ====== */
@media (max-width: 640px) {
    .wct-container { padding: 16px 12px; }
    .wct-tabs { gap: 0; padding: 0; flex-direction: column; }
    .wct-tab { padding: 10px 14px; font-size: 15px; border-right: none; border-bottom: 2px solid #eaeaec; justify-content: center; }
    .wct-tab:last-child { border-bottom: none; }
    .wct-tab-name { font-size: 15px; }
    .wct-title { font-size: 22px; }
}