/* AI池子 · 统一产品详情页模板 */
body[data-page="product"]{background:var(--tl-surface,#f6f8fb)}
.pd-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}
.pd-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-2);padding:20px 0 0}
.pd-breadcrumb a{color:var(--text-2);text-decoration:none}
.pd-breadcrumb a:hover{color:var(--accent-deep)}
.pd-breadcrumb .sep{opacity:.55}
.pd-breadcrumb .current{color:var(--ink);font-weight:700}

.pd-hero{display:grid;grid-template-columns:1fr;gap:26px;align-items:stretch;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:26px;margin:18px 0 22px}
@media (min-width:860px){.pd-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;padding:34px}}
.pd-hero-main{display:flex;flex-direction:column;justify-content:center}
.pd-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-deep);font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.pd-kicker::before{content:"";width:24px;height:3px;border-radius:99px;background:var(--tl-orange,#f97316)}
.pd-hero h1{font-size:clamp(30px,4.6vw,46px);line-height:1.14;letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}
.pd-hero .pd-result{margin:0;font-size:17px;line-height:1.75;color:var(--text-2)}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.pd-tag{display:inline-flex;align-items:center;gap:5px;background:#f2f7fa;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:700;color:var(--text-2)}
.pd-tag.hot{background:var(--tl-orange-soft,#fff4ec);border-color:#fed7aa;color:#c2410c}
.pd-tag.blue{background:#eaf7fb;border-color:#b9e5f1;color:#0d7fa6}
.pd-tag.purple{background:#f1edfb;border-color:#ddd1f4;color:#6d4fd3}
.pd-tag.green{background:#e9f7ef;border-color:#bde7cd;color:#15803d}

.pd-visual{display:grid;place-items:center;min-height:240px;border-radius:18px;background:linear-gradient(145deg,#eef7fb,#f6f8fb);border:1px solid #dbeaf2;overflow:hidden}
.pd-visual img{width:100%;height:100%;object-fit:cover;display:block}

.pd-section{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:24px;margin:0 0 18px}
@media (min-width:760px){.pd-section{padding:28px}}
.pd-section-head{margin-bottom:16px}
.pd-section-head h2{font-size:22px;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}
.pd-section-head p{margin:0;font-size:14.5px;line-height:1.7;color:var(--text-2)}
.pd-two-col{display:grid;grid-template-columns:1fr;gap:18px}
@media (min-width:760px){.pd-two-col{grid-template-columns:1fr 1fr}}
.pd-list{list-style:none;margin:0;padding:0}
.pd-list li{position:relative;padding:0 0 0 22px;margin:0 0 11px;font-size:15px;line-height:1.65;color:var(--ink-2,#16364e)}
.pd-list li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent);opacity:.75}
.pd-steps{list-style:none;counter-reset:pd;margin:0;padding:0}
.pd-steps li{position:relative;counter-increment:pd;padding:0 0 0 44px;margin:0 0 16px;min-height:32px;font-size:15px;line-height:1.65;color:var(--ink-2,#16364e)}
.pd-steps li::before{content:counter(pd);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:14px}
.pd-steps li:last-child{margin-bottom:0}
.pd-review{background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #ffe1c4;border-radius:18px;padding:20px 22px}
.pd-review .pd-review-label{display:inline-flex;align-items:center;gap:6px;color:#c2410c;font-weight:800;font-size:13px;margin-bottom:8px}
.pd-review p{margin:0;font-size:15.5px;line-height:1.8;color:var(--ink)}
.pd-info-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.pd-info-grid{grid-template-columns:1fr 1fr}}
.pd-info-item{background:#f7fafb;border:1px solid #e6eef2;border-radius:14px;padding:13px 14px}
.pd-info-item dt{font-size:12px;font-weight:800;color:var(--text-2);letter-spacing:.04em;margin-bottom:5px}
.pd-info-item dd{margin:0;font-size:14.5px;color:var(--ink);line-height:1.5}
.pd-cta{background:var(--ink);border-radius:22px;padding:26px;color:#fff;box-shadow:0 18px 45px rgba(13,36,54,.18)}
@media (min-width:760px){.pd-cta{padding:30px}}
.pd-cta h2{margin:0 0 8px;font-size:24px;letter-spacing:-.01em}
.pd-cta p{margin:0 0 18px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.76)}
.pd-cta .tl-hero-ctas{margin:0}
.pd-related{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.pd-related{grid-template-columns:repeat(3,1fr)}}
.pd-related-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.pd-related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#b9dff0;text-decoration:none}
.pd-related-card b{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}
.pd-related-card span{display:block;color:var(--text-2);font-size:13px;line-height:1.55}
.pd-back{margin:4px 0 24px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--accent-deep);text-decoration:none}
.pd-back:hover{color:var(--tl-orange-deep,#ea580c)}