/* ============================================================
   install.css —— 安装 / 更新扩展页（docs 文档外壳内使用）
   ------------------------------------------------------------
   页面外壳（.wrap / 导航胶囊 / 页脚 / 提示条）由 docs.css 提供，
   本文件只负责安装卡片的专属布局；
   配色 / 圆角 / 字体统一走 ui/css/base.css + css/theme.css 设计令牌，
   深色模式与主题色自动跟随。
   ============================================================ */

/* 主卡片：与其他文档页的 .card 同规格 */
.install-card {
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 14px;
}

/* 主操作按钮纵向排列，整行宽度 */
.install-card .btn-block {
    display: flex;
    width: 100%;
}

.install-card .btn-block + .btn-block {
    margin-top: 10px;
}

/* 检查更新 / 状态 / 环境自检 一行 */
.install-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

/* install.js 会把状态 span 置为 ext-status ok|warn */
.ext-status {
    font-size: 13px;
    line-height: 1.5;
}

.ext-status.ok   { color: var(--success); }
.ext-status.warn { color: var(--warn); }

/* 版本 / 来源信息清单（与 docs.css 的 .facts 同规格） */
.info {
    margin-top: 14px;
    border-top: 1px dashed var(--border);
}

.info .row {
    display: flex;
    gap: 12px;
    padding: 6px 0;
    border-bottom: 1px dashed var(--border);
    font-size: 14px;
}

.info .row:last-child { border-bottom: 0; }

.info .k { flex: 0 0 132px; color: var(--text-secondary); }
.info .v { flex: 1; word-break: break-all; }

@media (max-width: 560px) {
    .info .k { flex: 0 0 96px; }
}

/* 生成扩展包时的进度提示 */
#loadingExtension {
    margin-top: 12px;
    font-size: 13px;
    color: var(--text-secondary);
}

#loadingExtension[hidden] { display: none; }