/* @doc 页面级样式：仅放「布局微调」，类名必须带页面作用域前缀 .p-<端>-<页>__
   🔴 禁止在此重新定义按钮/卡片/表单/标签的外观（见 08-UI与H5规范 §7.0）

   示例：
   .p-guest-card__tips { margin-top: var(--sp-3); }
*/

/* 官网首页：Banner 与区块之间留白 */
.p-guest-site__banner {
    margin-bottom: var(--sp-4);
}

/* 后台概览的指标卡栅格已改用通用组件 .tk-grid--3（见 08-UI与H5规范 §7.5 / §11.4）；
   🔴 原后台私有类 .p-admin-index__grid 已删除 —— 后台不再持有任何页面私有类。 */

/* ------------------------------------------------------------------
   访客查卡页（/card）：极简一屏 —— 站名 → 网址 → 卡号/密码 → 客服热线
   🔴 仅做布局微调（宽度/间距/字号），不得重定义 .tk-card、.tk-btn 等组件外观（08 §7.0 第 3 条）
   ------------------------------------------------------------------ */
.p-guest-card {
    min-height: 100vh;
    /* 🔴 抵消 .tk-page__body 的 16px 内边距，让暖色底铺满首屏 */
    margin: calc(var(--sp-4) * -1);
    padding: 52px var(--sp-5);
    background: var(--c-bg-warm);
}

/* 内容统一限宽居中（不动 .tk-card 等组件本体，仅做布局约束） */
.p-guest-card__brand,
.p-guest-card__hotline,
.p-guest-card__icp,
.p-guest-card > .tk-card {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.p-guest-card__brand {
    margin-bottom: 36px;
    text-align: center;
}

.p-guest-card__name {
    font-size: 19px;
    font-weight: 600;
    color: var(--c-text);
    letter-spacing: .5px;
}

.p-guest-card__domain {
    margin-top: 7px;
    font-size: 14px;
    color: var(--c-text-sub);
}

.p-guest-card__hotline {
    display: block;
    margin-top: 32px;
    text-align: center;
    font-size: 14px;
    color: var(--c-brand);
}

.p-guest-card__icp {
    margin-top: var(--sp-8);
    text-align: center;
    font-size: 11px;
    color: var(--c-text-weak);
}

/* ------------------------------------------------------------------
   后台申请审核页（/admin/apply）：操作列「审核意见 + 通过/拒绝」行内布局
   🔴 仅布局微调；替代原内联 style（08 §7.0 禁内联样式）
   ------------------------------------------------------------------ */
.p-apply-review {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 260px;
}

.p-apply-review__input {
    flex: 1;
    min-width: 140px;
    min-height: 32px;
}

/* ------------------------------------------------------------------
   后台商品表单（/admin/sku/create）：图片上传组件 + 顶部两栏布局
   🔴 仅布局与尺寸，不重定义组件外观（08 §7.0）
   ------------------------------------------------------------------ */
.p-admin-sku__top {
    display: flex;
    gap: var(--sp-5);
    flex-wrap: wrap;
}

.p-admin-sku__fields {
    flex: 1;
    min-width: 280px;
    display: grid;
    gap: var(--sp-4);
}

.p-admin-sku__upload {
    width: 220px;
    flex-shrink: 0;
}

.p-admin-sku__pic {
    width: 220px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--c-border, #d1d5db);
    border-radius: var(--r-lg, 12px);
    background: #fafafa;
    cursor: pointer;
    overflow: hidden;
    margin-bottom: 8px;
}

.p-admin-sku__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.p-admin-sku__pic-tip {
    font-size: 13px;
    color: var(--c-text-weak, #9ca3af);
}

.p-admin-sku__pic-ops {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* 商品列表缩略图 */
.p-admin-sku__thumb {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid var(--c-border, #e5e7eb);
    display: block;
    background: #fafafa;
}

/* 行内 POST 表单（导出CSV 等）：与按钮混排时对齐 */
.p-inline-form {
    display: inline-flex;
    margin: 0;
}