/* ============================================================
   AI不眠 — 创作者店铺页 (Dokan store)

   覆盖模板：theme/dokan/store.php + theme/dokan/store-header.php
   仅在 dokan_is_store_page() 时 enqueue（见 inc/enqueue.php）。
   作品网格 / 卡片复用全局 components.css 的 .b-works-grid / .b-card，
   本文件只负责店铺头部（头像 / 简介 / 等级 / 勋章 / 统计，紧凑无横幅）与页面骨架。
   全部走设计令牌（tokens.css），自动适配 light / dark。
   〔2026-07-03 站长选定方案A 横带分层·百分百还原预览稿〕身份行→经营带→自述件→信誉档案带
   （三格交易评分+事实两列）；PC 与移动端同等（手机=章钮第二行/事实一列）。
   ============================================================ */

.b-store {
	min-height: 60vh;
}

/* ---------- 头部容器（contained frame，不做全屏大卡片） ---------- */

.b-store-hero__frame {
	margin-top: var(--s-6);
	background: var(--bg-0);
	border: 1px solid var(--line);
	border-radius: var(--r-4);
	box-shadow: var(--sh-1);
	overflow: hidden;
}

/* ---------- 店铺头 · 方案A 横带分层〔站长 2026-07-03 选定·百分百还原预览稿 不眠AI_店铺头3布局预览.html〕：
   行1 身份行（头像56 + 店名20/800 + Lv章 + 认证章 ｜ 关注·联系TA 右端·<768 章+钮自成第二行）
   行2 经营带（擅长chips ｜ 统计内联 · ★评分 ｜ 勋章·细线下隔）
   自述件（定位/简介/工具/外链·预览外功能件按原样式保留）
   行3 信誉档案带（无外框：hd + 三格交易评分 .b-dsr3 + 事实两列 .b-rep-facts + 自视角）。 ---------- */

.b-store-hero__main {
	padding: 22px;
	text-align: left;
}

/* 行1 身份行 */
.b-store-hero__aline {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}

.b-store-hero__avatar { flex-shrink: 0; }

.b-store-hero__avatar img {
	display: block;
	width: 56px;
	height: 56px;
	border-radius: var(--r-pill);
	background: var(--bg-2);
	object-fit: cover;
}
/* 老内核钉高（0.4.747·X112·机制见 components.css .b-avatar 处注释）：与上条 width 同值；
   ≤767 的 48px 变体在下方媒体查询块内有同款镜像。 */
.woocommerce .b-store-hero__avatar img, .woocommerce-page .b-store-hero__avatar img { height: 56px; }

.b-store-hero__name {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--ink-0);
	letter-spacing: -0.01em;
}

.b-store-hero__level {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: var(--r-pill);
	background: var(--brand-solid);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
}

/* aline2（认证章+动作钮）：手机优先=自成第二行整宽（预览手机式）；≥768 display:contents 融进行1。 */
.b-store-hero__aline2 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	width: 100%;
}

.b-store-hero__certs {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.b-store-hero__actions {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-left: auto;
}

/* 「联系 TA」钮（.b-btn 基样只作用域在 .b-detail / .b-acct-actions，店铺头两不沾 → 曾裸成 71×25 文字链，
   触控高低于 44px 红线；Codex UI-02 / 体检 2026-07-04 N2）。与同排关注钮（components.css .b-follow-btn）
   同款 ghost 家族：透明底、中性字、hover 才浮 --bg-2、min-height 44（DESIGN-LOCKED §9）。作用域圈死
   hero 动作区，不外溢其它页的 .b-btn。 */
.b-store-hero__actions .b-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-height: 44px;
	padding: 0 var(--s-4);
	border: 1px solid transparent;
	border-radius: var(--r-2);
	background: transparent;
	color: var(--ink-2);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	transition: background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}
.b-store-hero__actions .b-btn:hover { background: var(--bg-2); color: var(--ink-0); }

/* 认证章（预览稿式样：✓ + 文字·success 系·店铺头名字行 + 卖家中心共用） */
.b-cert-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 9px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	color: var(--success-strong);
	background: var(--success-50);
	white-space: nowrap;
}
.b-cert-chip svg { flex-shrink: 0; }

/* 行2 经营带 */
.b-store-hero__ameta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--line);
}

.b-store-hero__sep { color: var(--line-strong); }

.b-store-hero__stat { display: inline-flex; align-items: baseline; gap: 4px; min-width: 0; }
.b-store-hero__stat-num { font-size: 15px; font-weight: 700; color: var(--ink-0); line-height: 1.3; }
.b-store-hero__stat-label { font-size: 12.5px; color: var(--ink-2); }

.b-store-hero__rate { display: inline-flex; align-items: baseline; gap: 4px; font-size: 12.5px; color: var(--ink-2); }
.b-store-hero__rate b { color: var(--ink-0); }
.b-store-hero__star { color: var(--gold); transform: translateY(2px); }

/* ---------- 行3 信誉档案带（方案A·无外框卡内裸排=预览式；渲染器 bumian_theme_rep_panel_html：
   hd(⚖+标题+档位章) → 三格交易评分 .b-dsr3 → 事实行 .b-rep-facts（手机1列/≥768 两列）→ 自视角。 ---------- */
.b-store-hero__rep { margin-top: 14px; }

.b-rep-panel { margin: 0; text-align: left; }

.b-rep-panel__hd {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 700;
	color: var(--ink-0);
}
.b-rep-panel__hd svg { color: var(--brand); flex-shrink: 0; }
.b-rep-panel__newtag { font-size: 12px; font-weight: 600; color: var(--ink-3); }

/* 三格交易评分（预览 a-dsr：三格并排细线隔·格=标签/星/值竖叠居中·格底浅一档） */
.b-dsr3 {
	display: flex;
	margin-top: 12px;
	border: 1px solid var(--line);
	border-radius: 10px;
	overflow: hidden;
}
.b-dsr3__cell {
	flex: 1;
	min-width: 0;
	padding: 10px 6px;
	text-align: center;
	background: var(--bg-1);
}
.b-dsr3__cell + .b-dsr3__cell { border-left: 1px solid var(--line); }
.b-dsr3__lb { font-size: 12.5px; color: var(--ink-2); margin-bottom: 3px; }
.b-dsr3__val { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 21px; }
.b-dsr3__stars { position: relative; display: inline-block; font-size: 14px; letter-spacing: 1px; line-height: 1.5; white-space: nowrap; }
/* 星条填充/灰底/数值/「暂无」/对比箭头 复用 components.css 的 .b-dsr__fill/__base/__num/__num--na/__cmp（详情页卖家卡同源） */

.b-dsr__note { margin: 8px 0 0; font-size: 12px; color: var(--ink-3); }

/* 事实行（预览 a-facts：无图标·标签 6.5em·「暂无」淡灰小一号） */
.b-rep-facts {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2px 32px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}
.b-rep-facts__row { display: flex; align-items: baseline; gap: 8px; padding: 3px 0; font-size: 13px; min-width: 0; }
.b-rep-facts__lb { flex: 0 0 6.5em; color: var(--ink-2); }
.b-rep-facts__vl { color: var(--ink-0); min-width: 0; }
.b-rep-facts__vl--na { color: var(--ink-3); font-size: 12.5px; }

/* 自视角提示（功能件·预览外保留） */
.b-rep-panel__next { margin: 12px 0 0; padding: var(--s-2) var(--s-3); border-radius: var(--r-2); font-size: 12.5px; color: var(--brand); background: var(--brand-50); }
.b-rep-panel__next-note { color: var(--ink-3); margin-left: 4px; }

.b-store-hero__tagline {
	margin: var(--s-2) 0 0;
	max-width: 60ch;
	color: var(--ink-1);
	font-size: 15.5px;
	font-weight: 600;
	line-height: 1.5;
}

.b-store-hero__exp {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 12px;
	border-radius: var(--r-pill);
	background: var(--brand-50);
	color: var(--brand-700); /* 预览稿为 --brand·此处深一档保 12.5px 文字 AA（a11y 批口径）·视觉几不可辨 */
	font-size: 12.5px;
	font-weight: 600;
}
/* 暗色：brand-700 文字在 brand-50 暗底对比不足（同勋章问题），改用随主题变亮的 --brand-400。 */
[data-theme="dark"] .b-store-hero__exp { color: var(--brand-400); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .b-store-hero__exp { color: var(--brand-400); } }

.b-store-hero__toolkit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--s-2);
	margin: var(--s-2) 0 0;
	max-width: 64ch;
}

.b-store-hero__toolkit-label {
	font-size: 12.5px;
	color: var(--ink-3);
}

.b-store-hero__tools {
	display: inline-flex;
	flex-wrap: wrap;
	gap: var(--s-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.b-store-hero__tool {
	padding: 2px 10px;
	border: 1px solid var(--line-strong);
	border-radius: var(--r-pill);
	background: var(--bg-0);
	color: var(--ink-2);
	font-size: 12px;
}

.b-store-hero__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-2);
	margin: var(--s-2) 0 0;
}

.b-store-hero__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 6px 14px;
	border: 1px solid var(--line-strong);
	border-radius: var(--r-2);
	color: var(--ink-1);
	font-size: 13px;
	text-decoration: none;
	transition: border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);
}

.b-store-hero__link:hover {
	border-color: var(--brand);
	color: var(--brand);
}

/* ---------- 代表作置顶（D）：store.php 顶部「代表作」区 ---------- */

.b-store__featured {
	margin: 0 0 var(--s-6);   /* 批46:店铺代表作区外距 32→24 */
}

.b-store__featured-title {
	margin: 0 0 var(--s-4);
}

/* ---------- 勋章 ---------- */

.b-store-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 11px;
	border-radius: var(--r-pill);
	background: #f8f1e0;
	color: #826327; /* 〔美化 2026-07-04·站长选 B 暖金奖章〕勋章 chip 统一暖米金（原 brand-50 淡紫底+紫字与金圆撞色）。文字原 #8a6a2c 4.46:1 差一线 → 微加深 4.96 达 AA（与详情页 cbadge--medal 同步）。 */
	font-size: 12px;
	line-height: 1.5;
}
[data-theme="dark"] .b-store-hero__badge { background: rgba(201, 154, 63, .16); color: #d4a24a; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .b-store-hero__badge { background: rgba(201, 154, 63, .16); color: #d4a24a; } }

.b-store-hero__badge-icon {
	font-size: 14px;
	line-height: 1;
}

/* ---------- 店铺导航 tabs ---------- */

.b-store-hero__tabs {
	margin-top: var(--s-6);
	border-bottom: 1px solid var(--line);
}

.b-store-hero__tabs-inner {
	display: flex;
	flex-wrap: wrap;
	gap: var(--s-5);
}

.b-store-hero__tab {
	position: relative;
	padding: var(--s-3) 0;
	color: var(--ink-2);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);
}

.b-store-hero__tab:hover {
	color: var(--ink-0);
}

.b-store-hero__tab.is-active {
	color: var(--brand);
	border-bottom-color: var(--brand);
}

/* ---------- 作品区 ---------- */

.b-store__body {
	padding-top: var(--s-6);      /* 批46:店铺作品区上内距 40→24 */
	padding-bottom: var(--s-6);   /* 店铺作品区下内距 →24 (续: 32→24) */
}

.b-store__bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--s-3);
	margin-bottom: var(--s-5);
}

.b-store__bar-title {
	display: flex;
	align-items: center;
	gap: var(--s-3);
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--ink-0);
}

.b-store__bar-title::before {
	content: "";
	width: 4px;
	height: 1.05em;
	border-radius: var(--r-1);
	background: linear-gradient(180deg, var(--brand), var(--brand-600));
}

.b-store__bar-count {
	flex-shrink: 0;
	font-size: 13.5px;
	color: var(--ink-3);
}

/* ---------- 空态 ---------- */

.b-store__empty {
	margin: var(--s-8) auto;
}

.b-store__empty-cta {
	margin-top: var(--s-5);
}

/* 店铺分页复用 .woocommerce-pagination 样式（woocommerce.css），见 dokan/store.php。 */

/* ============================================================
   方案A 响应式（预览稿两端）：≥768 认证章+钮融进身份行、事实两列；
   <768 章+钮自成第二行、事实一列、无分态三格不放灰星（预览手机式）。
   〔旧 50/50 并排 / 名片式 / 面板内两栏 三档布局已随方案A 移除〕
   ============================================================ */

@media (min-width: 768px) {
	/* 认证章+动作钮融进行1（钮 margin-left:auto 钉右端）；老内核不识 contents → 退化为独立第二行（可接受·排布仍正确） */
	.b-store-hero__aline2 { display: contents; }

	.b-rep-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.b-store-hero__main { padding: 16px 14px; }
	.b-store-hero__aline { gap: 12px; }
	.b-store-hero__avatar img { width: 48px; height: 48px; }
	/* 老内核钉高（0.4.747·X112）：与上条 width 同值。 */
	.woocommerce .b-store-hero__avatar img, .woocommerce-page .b-store-hero__avatar img { height: 48px; }
	.b-store-hero__name { font-size: 18px; }

	/* 预览手机稿：无分态三格只放「标签+暂无」（窄格不塞灰星）；有分态数值照显 */
	.b-dsr3--empty .b-dsr3__stars { display: none; }
}

/* ≤480（核查批 2026-07-03·320/360 实测有分态格内星+数值同排放不下被裁）：
   有分态改竖叠=星一行、数值+箭头一行，星缩一号（68px < 320 时格内净宽 75px）。 */
@media (max-width: 480px) {
	.b-dsr3:not(.b-dsr3--empty) .b-dsr3__val { flex-direction: column; gap: 1px; }
	.b-dsr3:not(.b-dsr3--empty) .b-dsr3__stars { font-size: 13px; letter-spacing: 0.5px; }
}