/* ============================================================
 * 产品总览页（PRD #6）
 * ============================================================ */
.filters { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-bottom: 32px; }

/* ============================================================
 * 产品详情页（PRD #7）
 * ============================================================ */
.pd-hero { padding: 168px 0 64px; }
.pd-hero .back { color: var(--text-tertiary); font-size: 14px; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 32px; transition: color var(--t-fast); }
.pd-hero .back:hover { color: var(--brand-cyan); }
.pd-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
.pd-claim { font-size: clamp(24px, 3.2vw, 36px); font-weight: 650; margin: 18px 0 12px; white-space: pre-line; }
.pd-one { color: var(--text-secondary); font-size: 15px; }
.pd-values { list-style: none; margin: 20px 0 26px; display: flex; flex-direction: column; gap: 9px; }
.pd-values li { display: flex; align-items: center; gap: 10px; color: var(--text-secondary); font-size: 14.5px; }
.pd-values li svg { color: var(--success); flex-shrink: 0; }
.pd-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.pd-visual { aspect-ratio: 4 / 3; border-radius: var(--radius-lg); border: 1px solid var(--border-default); background: radial-gradient(420px 280px at 30% 25%, color-mix(in srgb, var(--p-color) 16%, transparent), transparent 65%), rgba(8, 19, 33, 0.8); display: grid; place-items: center; color: var(--p-color); position: relative; overflow: hidden; }
.pd-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(150,190,230,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(150,190,230,.05) 1px, transparent 1px); background-size: 36px 36px; mask-image: radial-gradient(circle at 50% 50%, black, transparent 80%); }

/* 信念 / 价值观 */
.belief-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.belief-item { background: rgba(13, 27, 42, 0.6); border: 1px solid var(--border-default); border-radius: var(--radius-card); padding: 22px; }
.belief-item b { display: block; font-size: 15px; margin-bottom: 6px; color: var(--p-color); }
.belief-item span { color: var(--text-tertiary); font-size: 13.5px; }

/* 能力主张（PRD 7.3：一句话主张 → 用户场景 → 演示） */
.cap-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }
.cap-item { background: rgba(13, 27, 42, 0.6); border: 1px solid var(--border-default); border-radius: var(--radius-card); padding: 26px; transition: all var(--t-normal); }
.cap-item:hover { border-color: var(--border-active); transform: translateY(-4px); }
.cap-item .cap-num { font-size: 12px; font-weight: 700; color: var(--p-color); letter-spacing: 0.14em; }
.cap-item .cap-demo { font-size: 12px; color: var(--text-tertiary); margin-left: 10px; letter-spacing: 0.06em; }
.cap-item h3 { font-size: 18px; margin: 8px 0 10px; }
.cap-item p { color: var(--text-secondary); font-size: 14.5px; }
.cap-item .demo { margin-top: 14px; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--p-color); font-weight: 600; }

/* 场景 */
.scenario-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.scenario-item { background: rgba(13, 27, 42, 0.6); border: 1px solid var(--border-default); border-radius: var(--radius-card); padding: 22px; }
.scenario-item h4 { font-size: 15.5px; margin-bottom: 8px; }
.scenario-item p { color: var(--text-tertiary); font-size: 13.5px; }

/* 发行渠道 / 价格 */
.dist-box { background: rgba(13, 27, 42, 0.6); border: 1px solid var(--border-default); border-radius: var(--radius-card); padding: 28px; }
.dist-box p { color: var(--text-tertiary); font-size: 14px; margin-bottom: 16px; }
.dist-items { display: flex; flex-wrap: wrap; gap: 10px; }
.dist-items .chip { padding: 8px 14px; color: var(--text-secondary); }
.pricing-box { margin-top: 16px; border-top: 1px solid var(--border-default); padding-top: 18px; }
.pricing-box b { font-size: 14px; display: block; margin-bottom: 8px; }



/* 产品卡片 Product Visual（产品视觉人格） */
.p-visual { height: 150px; border-radius: var(--radius-card); display: grid; place-items: center; position: relative; overflow: hidden; border: 1px solid var(--border-default); background: linear-gradient(165deg, rgba(13, 27, 42, 0.85), rgba(5, 10, 18, 0.55)); margin-bottom: 18px; }
.p-visual svg { width: 62%; height: auto; }

/* 4) 产品卡：Visual 占高提高（30% → ~40%） */
.grid-cards .p-visual { height: 190px; }

/* ============================================================
 * 产品详情页：与首页语言统一（Hero 证据化 / 能力非对称 / Trust 大数字）
 * ============================================================ */
.pd-hero { padding: 168px 0 56px; }
.pd-grid { grid-template-columns: 1.08fr 0.92fr; gap: 56px; align-items: center; }
.pd-title { font-size: clamp(34px, 4.6vw, 52px); font-weight: 700; letter-spacing: -0.02em; margin: 10px 0 6px; }
.pd-tagline { font-size: clamp(22px, 2.6vw, 30px); font-weight: 650; white-space: pre-line; margin: 10px 0 6px; color: var(--text-primary); line-height: 1.3; }
.pd-one { color: var(--text-secondary); font-size: 15.5px; }

/* 证据面板：运行模式 + 发行渠道（让用户看到"怎么用、在哪拿"） */
.evid-panel { background: rgba(8, 19, 33, 0.92); border: 1px solid var(--border-default); border-radius: var(--radius-lg); padding: 24px; position: relative; overflow: hidden; }
.evid-panel::before { content: ''; position: absolute; inset: 0; background: radial-gradient(340px 200px at 20% 0%, rgba(32, 217, 255, 0.10), transparent 70%); pointer-events: none; }
.evid-visual { height: 190px; display: grid; place-items: center; border: 1px solid var(--border-default); border-radius: var(--radius-card); background: linear-gradient(165deg, rgba(13, 27, 42, 0.85), rgba(5, 10, 18, 0.55)); margin-bottom: 18px; position: relative; }
.evid-visual svg { width: 60%; height: auto; }
.evid-label { font-family: var(--font-mono); font-size: 12px; letter-spacing: 2px; color: var(--text-tertiary); margin-bottom: 8px; }
.evid-modes { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.evid-modes .chip { padding: 6px 12px; }

/* 能力卡：编号 + 左对齐（非对称 Editorial） */
.cap-item { text-align: left; }

/* 产品页详情通用：左对齐 Section Head */
.section-head.left { margin-inline: 0; text-align: left; }

/* 更新日志（Editorial 顶线） */
/* 评审 1-13 #16：Changelog 提高一档（标题/描述 +1px、行距、每项 padding +4px），告别 Settings 感 */
.log-item { display: flex; gap: 20px; padding: 20px 0; border-top: 1px solid var(--border-default); align-items: baseline; }
.log-item:last-child { border-bottom: 1px solid var(--border-default); }
.log-item time { font-family: var(--font-mono); font-size: 13px; color: var(--brand-cyan); white-space: nowrap; min-width: 76px; }
.log-item b { font-size: 16px; display: block; margin-bottom: 4px; line-height: 1.4; }
.log-item span { color: var(--text-tertiary); font-size: 14px; line-height: 1.7; }