@charset "UTF-8";
/* industry-pharmacy.css · 医药药店网站建设页独有样式
   骨架：P 四小卡 / F 宽行 / I 左图 / C 案例图+文 /
        W 纵向时间轴 / T 合规对照表 / S 藏青数字 / Q 手风琴 / R 横排 */

.rv1{--d:.08s}.rv2{--d:.16s}.rv3{--d:.24s}

/* P 四小卡 */
.ph-pain-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  padding:28px 22px;transition:all var(--t-fast);
}
.ph-pain-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-top:4px solid var(--gold-500)}
.ph-pain-card h3{font-size:16px;margin-bottom:8px;color:var(--navy-800)}
.ph-pain-card p{font-size:13.5px;color:var(--ink-2);line-height:1.8}

/* F 宽行 */
.ph-row{
  background:var(--white);border-radius:var(--r-md);padding:24px 30px;margin-bottom:14px;
  display:flex;gap:28px;align-items:baseline;box-shadow:var(--shadow-sm);
}
.ph-row h3{flex:none;width:170px;font-size:16.5px;color:var(--navy-800)}
.ph-row p{font-size:14.5px;color:var(--ink-2);line-height:1.9}

/* I 左图 */
.ph-fig{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.ph-fig-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg)}
.ph-fig-img img{width:100%;height:420px;object-fit:cover}
.ph-check{margin-top:18px;display:grid;gap:11px}
.ph-check li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.8}
.ph-check svg{width:20px;height:20px;flex:none;color:var(--gold-500);margin-top:4px}

/* C 案例 */
.ph-case{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.ph-case-img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.ph-case-img img{width:100%;height:330px;object-fit:cover}
.ph-case-body p{font-size:15px;color:#D8DEEC;line-height:2;margin-bottom:26px}
.ph-case-data strong{display:block;font-family:var(--font-head);font-size:28px;font-weight:800;color:var(--gold-300)}
.ph-case-data p{font-size:12.5px;color:#9AA3BC;margin-top:4px;margin-bottom:0}

/* W 纵向时间轴 */
.ph-timeline{max-width:680px;margin:0 auto}
.ph-tl{display:flex;gap:22px;padding:0 0 28px 32px;position:relative}
.ph-tl::before{content:"";position:absolute;left:8px;top:22px;bottom:-4px;width:2px;background:var(--line)}
.ph-tl:last-child::before{display:none}
.ph-tl span{flex:none;width:16px;height:16px;border-radius:50%;background:var(--white);border:4px solid var(--gold-500);z-index:1}
.ph-tl h3{font-size:16px;margin-bottom:5px;color:var(--navy-800)}
.ph-tl p{font-size:14px;color:var(--ink-2);line-height:1.85}

/* T 合规表 */
.ph-table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.ph-table{width:100%;border-collapse:collapse;background:var(--white);min-width:640px}
.ph-table th,.ph-table td{padding:16px 20px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line);vertical-align:top}
.ph-table thead th{background:var(--navy-900);color:var(--white)}
.ph-table thead th:nth-child(3){color:#F0B8B8}
.ph-table tbody tr:last-child td{border-bottom:0}
.ph-table td:first-child{font-weight:700;color:var(--navy-800)}

/* S 数字条 */
.ph-stats{background:var(--navy-900)}
.ph-stats strong{display:block;font-family:var(--font-head);font-size:38px;font-weight:800;color:var(--gold-300)}
.ph-stats p{font-size:13px;color:#9AA3BC;margin-top:6px}
.ph-stats > div > div{text-align:center}

/* Q 手风琴 */
.faq-item{
  background:var(--white);border:1.5px solid var(--line);border-radius:var(--r-md);
  margin-bottom:13px;overflow:hidden;
}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:17px 24px;font-size:15.5px;font-weight:700;color:var(--navy-800);text-align:left;
}
.faq-q::after{
  content:"↓";flex:none;width:28px;height:28px;border-radius:var(--r-pill);
  background:var(--paper-deep);color:var(--navy-800);font-size:14px;
  display:inline-flex;align-items:center;justify-content:center;
  transition:transform var(--t-fast),background var(--t-fast);
}
.faq-item.open .faq-q::after{transform:rotate(180deg);background:var(--gold-500)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.faq-item.open .faq-a{max-height:320px}
.faq-a p{padding:0 24px 20px;font-size:14.5px;color:var(--ink-2);line-height:1.9}

/* R 横排 */
.ph-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ph-rel-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--white);border-radius:var(--r-md);padding:18px 24px;
  font-size:14.5px;font-weight:700;color:var(--navy-800);box-shadow:var(--shadow-sm);
  transition:all var(--t-fast);
}
.ph-rel-item svg{width:16px;height:16px;color:var(--gold-500)}
.ph-rel-item:hover{background:var(--navy-800);color:var(--white);transform:translateY(-3px)}

/* 响应式 */
@media (max-width:920px){
  .ph-fig{grid-template-columns:1fr;gap:34px}
  .ph-fig-img img{height:300px}
  .ph-case{grid-template-columns:1fr}
}
@media (max-width:640px){
  .ph-row{flex-direction:column;gap:6px}
  .ph-row h3{width:auto}
}

/* FAQ 容器收窄 */
.ph-faq-wrap{max-width:860px}