/* AI 原力 · 给老板的数字名片 — 极简高级灰 · 组件层
   痛点 / 交付物 / 流程 / 价格档 / 资产 / 价值 / FAQ / 报价器 / 关于我 */

/* 痛点列表 */
.pains{list-style:none}
.pains li{font-size:14px;color:var(--tx-2);padding:13px 0 13px 24px;position:relative;border-bottom:1px solid var(--line)}
.pains li:last-child{border-bottom:0}
.pains li::before{content:"✕";position:absolute;left:0;top:13px;color:var(--tx-3);font-size:12px;font-weight:700}

/* 交付物（编号行） */
.deliv{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.deliv .row{display:flex;gap:13px;padding:15px 16px;background:var(--bg-2)}
.deliv .row .n{flex:none;font-family:var(--mono);font-size:13px;color:var(--lime);font-weight:700;width:22px}
.deliv .row .t{font-size:13.5px;color:var(--tx-2)}
.deliv .row .t b{color:var(--tx);font-weight:600}

/* 两栏（学完得到） */
.cols{display:flex;flex-direction:column;gap:12px}
.col-card{border:1px solid var(--line);border-radius:12px;padding:16px 17px;background:var(--bg-2)}
.col-card h4{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime);margin-bottom:11px}
.col-card ul{list-style:none}
.col-card li{font-size:13.5px;color:var(--tx-2);padding:6px 0 6px 20px;position:relative}
.col-card li::before{content:"→";position:absolute;left:0;color:var(--tx-3)}

/* 流程 / 课程模块 */
.steps{position:relative;padding-left:6px}
.steps .st{font-size:14px;color:var(--tx-2);padding:11px 0 11px 24px;position:relative}
.steps .st::before{content:"";position:absolute;left:0;top:18px;width:9px;height:9px;border-radius:50%;
  background:var(--bg);border:2px solid var(--lime)}
.steps .st:not(:last-child)::after{content:"";position:absolute;left:4px;top:25px;bottom:-2px;width:1px;background:var(--line-2)}
.steps .st b{color:var(--tx);font-weight:600}
.steps .st.hot b{color:var(--lime)}
.steps .st .tag{font-family:var(--mono);font-size:10px;color:var(--lime);letter-spacing:1px;margin-left:8px}

/* 价格档 */
.tiers{display:flex;flex-direction:column;gap:10px}
.tier{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;padding:15px 17px;background:var(--bg-2);position:relative}
.tier.hot{border-color:var(--lime-line);background:linear-gradient(100deg,var(--lime-dim),transparent 60%)}
.tier .tn{flex:1}
.tier .tn .nm{font-size:14.5px;font-weight:700;color:var(--tx)}
.tier .tn .ds{font-size:12px;color:var(--tx-3);margin-top:3px}
.tier .pr{font-size:21px;font-weight:900;letter-spacing:-.5px;white-space:nowrap}
.tier.hot .pr{color:var(--lime)}
.tier .flag{position:absolute;top:-9px;right:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:1px;
  background:var(--lime);color:#0f0f10;font-weight:700;padding:2px 8px;border-radius:10px}
.payline{font-size:12.5px;color:var(--tx-2);margin-top:14px;padding:11px 14px;border:1px dashed var(--line-2);border-radius:9px}
.payline b{color:var(--lime);font-weight:700}

/* 资产 chips */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:12px;color:var(--tx-2);background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:7px 12px}

/* infobox / 价值 / 案例 */
.infobox{font-size:12.5px;color:var(--tx-2);background:var(--bg-2);border:1px solid var(--line);
  border-radius:10px;padding:13px 15px;margin-top:12px;line-height:1.75}
.infobox b{color:var(--tx)}
.worth{font-size:14px;color:var(--tx-2);line-height:1.85;padding:18px;border:1px solid var(--lime-line);
  border-radius:12px;background:var(--lime-dim)}
.worth b{color:var(--tx);font-weight:700}.worth .hl{color:var(--lime);font-weight:900;font-size:18px}
.cases{list-style:none}
.cases li{font-size:13px;color:var(--tx-2);padding:9px 0 9px 22px;position:relative;border-bottom:1px solid var(--line)}
.cases li:last-child{border-bottom:0}
.cases li::before{content:"›";position:absolute;left:2px;top:8px;color:var(--lime);font-weight:700}
.cases em{font-style:normal;color:var(--tx);font-weight:700}

/* FAQ */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-size:14px;font-weight:600;color:var(--tx);padding:15px 28px 15px 0;cursor:pointer;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:2px;top:13px;color:var(--lime);font-size:18px;transition:.2s}
.faq details[open] summary::after{content:"–"}
.faq .a{font-size:13px;color:var(--tx-2);padding:0 0 16px;line-height:1.75}

/* ===== 报价器 ===== */
.calc{position:sticky;top:97px;z-index:20;display:grid;grid-template-columns:repeat(2,1fr);gap:9px;
  padding:14px 0;margin-bottom:6px;background:linear-gradient(180deg,var(--bg) 78%,transparent)}
.rc{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:var(--bg-2)}
.rc.hi{background:var(--lime);border-color:var(--lime)}
.rc .v{font-size:18px;font-weight:900;letter-spacing:-.5px;color:var(--tx)}
.rc.hi .v{color:#0f0f10}
.rc .l{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--tx-3);margin-top:3px}
.rc.hi .l{color:rgba(15,15,16,.6)}

.acc{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--bg-2)}
.acc>.hd{display:flex;align-items:center;padding:15px 15px;cursor:pointer;font-weight:800;font-size:15.5px;color:var(--tx)}
.acc>.hd .sn{flex:none;color:var(--lime);font-weight:800;margin-right:9px;font-style:normal}
.acc>.hd .role{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--tx-3)}
.acc>.hd .chev{color:var(--tx-3);transition:.18s;font-size:11px;margin-left:8px}
.acc.open>.hd .chev{transform:rotate(180deg);color:var(--lime)}
.acc>.bd{display:none;padding:0 15px 14px}
.acc.open>.bd{display:block}

.opt{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;
  padding:12px 13px;margin-top:8px;cursor:pointer;transition:border-color .12s,background .12s}
.opt input{width:18px;height:18px;flex:none;accent-color:var(--lime);cursor:pointer}
.opt:has(input:checked){border-color:var(--lime-line);background:var(--lime-dim)}
.opt .on{font-size:13.5px;font-weight:600;color:var(--tx)}
.opt .on em{font-style:normal;font-weight:400;color:var(--tx-3);font-size:11.5px;display:block;margin-top:2px}
.opt .op{margin-left:auto;font-size:14px;font-weight:800;color:var(--tx);white-space:nowrap}
.opt.none .op{color:var(--tx-3);font-weight:600}

/* 关于我 */
.about-lead{font-size:14px;color:var(--tx-2);line-height:1.85;padding:16px 17px;border:1px solid var(--line);
  border-radius:12px;background:var(--bg-2)}
.about-lead .ph{color:var(--lime)}
.meta{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.meta .r{display:flex;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.meta .r:last-child{border-bottom:0}
.meta .k{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--tx-3);flex:none;width:64px;padding-top:2px}
.meta .v{font-size:13.5px;color:var(--tx);font-weight:600}
.qrwrap{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:18px}
.qr-img{width:100%;max-width:300px;border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.45)}
.qr-hint{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--lime);font-weight:600;letter-spacing:.3px}
.qr-hint::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}

/* 占位标记（仅开发期可见，交付前替换真实信息） */
.ph{font-style:normal}

/* footer */
.foot{padding:30px var(--pad) 40px;border-top:1px solid var(--line);text-align:center}
.foot .m{font-size:12px;color:var(--tx-3);line-height:1.8}
.foot .b{font-weight:800;color:var(--tx);letter-spacing:2px;font-size:13px}