/* 三产品总览页与各产品页共用的版式。token 全部沿用 aievisa.css，这里不新造颜色和圆角。 */
.pnav-cur,nav .nav-cur{color:var(--brand)!important}

/* Hero：左文右产品索引 */
.phero{padding:56px 0 8px}
.phero .wrap{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center}
.phero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;color:var(--ink)}
.phero p.lede{font-size:17px;line-height:1.8;color:var(--ink-2);margin:0 0 24px;max-width:560px}
.phero .p-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.phero .p-cta .btn{text-decoration:none}
.phero .p-cta a.txt{font-size:15px;color:var(--brand);text-decoration:none;font-weight:600}
.pindex{display:grid;gap:10px}
.pindex a{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);text-decoration:none}
.pindex a:hover{border-color:var(--brand)}
.pindex img{width:38px;height:38px;flex:none}
.pindex b{display:block;font-size:15px;color:var(--ink);letter-spacing:-.01em}
.pindex span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:2px;line-height:1.5}

/* 产品卡 */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);padding:24px 22px 22px;text-decoration:none}
.pcard:hover{border-color:var(--brand)}
.pcard>img{width:56px;height:56px;margin:0 0 14px}
.pname{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px}
.pname i{font-style:normal;color:var(--brand)}
.pchip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;margin:0 0 12px;align-self:flex-start}
.pchip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pchip.live{background:var(--ok-bg);color:var(--ok)}
.pchip.soon{background:var(--warn-bg);color:var(--warn)}
.pcard .one{font-size:14.5px;color:var(--ink-2);line-height:1.75;margin:0 0 14px}
.pcard ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:8px}
.pcard li{position:relative;padding-left:17px;font-size:13.5px;color:var(--ink-2);line-height:1.65}
.pcard li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.55}
.pcard .p-go{margin-top:auto;font-size:14px;font-weight:700;color:var(--brand)}

/* 三件事怎么串起来 */
.pflow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.pflow>div{position:relative;background:var(--bg-2);padding:20px 22px}
.pflow>div+div::before{content:"";position:absolute;left:-7px;top:24px;width:12px;height:12px;background:var(--bg-2);border-top:1.5px solid var(--brand);border-right:1.5px solid var(--brand);transform:rotate(45deg)}
.pflow h3{display:flex;align-items:center;gap:9px;margin:0 0 7px;font-size:15px;color:var(--ink)}
.pflow h3 i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.pflow p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.7}

/* 现在能做什么 */
.ptable{width:100%;border-collapse:collapse;font-size:14px}
.ptable th{background:var(--bg-2);color:var(--ink-3);font-weight:600;text-align:left;padding:12px 16px;font-size:13px}
.ptable td{padding:13px 16px;border-top:1px solid var(--line);color:var(--ink-2);vertical-align:top}
.ptable td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}
.ptable .y{color:var(--ok);font-weight:700}
.ptable .n{color:var(--ink-3)}
.pwrap-t{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--bg)}

/* 产品页头 */
.pdhero{padding:48px 0 0}
.pdhero .wrap{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:start}
.pdhero img.mk{width:72px;height:72px}
.pdhero h1{font-size:clamp(28px,4.4vw,42px);letter-spacing:-.02em;margin:0 0 10px;color:var(--ink)}
.pdhero h1 i{font-style:normal;color:var(--brand)}
.pdhero p.lede{font-size:17px;line-height:1.8;color:var(--ink-2);margin:12px 0 22px;max-width:620px}
.pdhero .p-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pdhero .p-cta .btn{text-decoration:none}
.pdhero .p-cta .p-hint{font-size:13px;color:var(--ink-3);line-height:1.6;display:grid;gap:1px}
.pdhero .p-cta .p-hint b{font-weight:400;color:inherit;font-variant-numeric:tabular-nums}
.pdhero .p-cta .p-hint a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}   /* <b> 只是构建脚本盖版本号的钩子，不是强调 */

/* 事实行：数字和官方口径不用状态胶囊，用一行弱字 */
.pfacts{margin:0 0 10px;font-size:14px;color:var(--ink-3);display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
.pfacts .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.pfacts .sep{margin:0 2px}

/* 两栏说明块 */
.psplit{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pbox{border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);padding:22px}
.pbox h3{margin:0 0 9px;font-size:16px;color:var(--ink)}
.pbox p{margin:0 0 10px;font-size:14px;color:var(--ink-2);line-height:1.8}
.pbox p:last-child{margin-bottom:0}
.pbox ol{margin:0;padding-left:20px;display:grid;gap:9px}
.pbox ol li{font-size:14px;color:var(--ink-2);line-height:1.7}
.pbox code{background:var(--bg-2);border-radius:6px;padding:1px 6px;font-size:13px;color:var(--ink)}
.pnote{margin:16px 0 0;font-size:13px;color:var(--ink-3);line-height:1.8;border-left:3px solid var(--line);padding-left:14px}

/* 这张表是全站诚信姿态的核心物料，手机上被挤成一行两三个字就白写了：560 以下改成卡片堆叠 */
@media(max-width:560px){
  .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:100%}
  .ptable thead{display:none}
  .ptable tr{border-top:1px solid var(--line);padding:13px 16px}
  .ptable tr:first-child{border-top:0}
  .ptable td{border:0;padding:0}
  .ptable td:first-child{font-size:15px;margin-bottom:2px;white-space:normal}
  .ptable td:nth-child(2){display:inline-block;font-size:12px;font-weight:700;margin:2px 0 7px}
  .ptable td:last-child{font-size:13.5px;line-height:1.7}
  .ptable td[data-h]:empty{display:none}   /* 没有说明就连标签一起不显示 */
  .ptable td:nth-child(n+3)[data-h]::before{content:attr(data-h);display:inline-block;min-width:3em;margin-right:8px;font-size:11.5px;color:var(--ink-3)}   /* 堆叠后第三列起带上表头名，免得只剩光秃秃的数字 */
}
@media(max-width:900px){
  .phero{padding:34px 0 0}
  .phero .wrap{grid-template-columns:1fr;gap:28px}
  .pcards,.psplit{grid-template-columns:1fr}
  .pflow{grid-template-columns:1fr}
  .pflow>div+div::before{left:30px;top:-7px;transform:rotate(135deg)}
  .pdhero .wrap{grid-template-columns:1fr;gap:14px}
  .pdhero img.mk{width:60px;height:60px}
}

/* 产品页：左文右图分栏，一段一个论点（DESIGN.md 第 0 节：特性用分栏 + 真实截图，不用图标卡片墙） */
.pfeat{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:36px 0}
.pfeat+.pfeat{border-top:1px solid var(--line)}
.pfeat.rev>div:first-child{order:2}
.pfeat img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:var(--r-card);background:#fff}
.pfeat h3{margin:0 0 10px;font-size:22px;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}
.pfeat p{margin:0 0 10px;font-size:15px;line-height:1.8;color:var(--ink-2)}
.pfeat p:last-child{margin-bottom:0}
.pfeat .k{display:block;margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--brand)}
.puse{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.puse>div{background:var(--bg);padding:20px 22px}
.puse b{display:block;font-size:15.5px;color:var(--ink);margin:0 0 6px}
.puse p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-2)}
@media(max-width:900px){
  .pfeat{grid-template-columns:1fr;gap:18px;padding:26px 0}
  .pfeat.rev>div:first-child{order:0}
  .puse{grid-template-columns:1fr}
}