@charset "utf-8";
/* ============================================================
   水产养殖行业专题页 样式
   配色：蓝色系，与全站主色 / 共享头尾（common.css #164a7c）保持一致
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
.page-banner{position:relative;background:linear-gradient(100deg,rgba(5,28,44,.88) 0%,rgba(8,42,64,.66) 55%,rgba(12,64,96,.38) 100%),url('/static/images/front/aquaculture.png') center/cover no-repeat;padding:78px 0;border-bottom:1px solid #0a2233;margin-bottom:34px}
.page-banner .pb-in{max-width:1200px;margin:0 auto;padding:0 24px}
.page-banner h2{font-size:34px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3;text-shadow:0 2px 10px rgba(0,20,35,.45)}
.page-banner p{font-size:16px;color:rgba(255,255,255,.9);max-width:780px;line-height:1.7;text-shadow:0 1px 6px rgba(0,20,35,.4)}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#333c47;background:#f5f8fb;line-height:1.75}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px 60px;position:relative;z-index:2}
/* 塘口监测网格（仪表盘小卡） */
.ponds{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.pd{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 3px 14px rgba(22,74,124,.08)}
.pd .hd5{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#66707c;margin-bottom:10px}
.pd .hd5 b{color:#164a7c}
.pd .val{font-size:26px;font-weight:800;color:#14293f;font-family:Arial;line-height:1}
.pd .val small{font-size:12px;color:#98a4b3;font-weight:400;margin-left:3px}
.pd .bar{height:5px;border-radius:3px;background:#e6eef7;margin-top:10px;overflow:hidden}
.pd .bar i{display:block;height:100%;border-radius:3px}
.b-ok i{background:#164a7c}.b-warn i{background:#e8a23c}.b-hot i{background:#d95d4e}
.pd .st{font-size:11px;margin-top:8px}
.st-ok{color:#164a7c}.st-warn{color:#e8a23c}.st-hot{color:#d95d4e}
/* 分隔标题 */
h2.wt{text-align:center;font-size:21px;color:#123a5e;margin:46px 0 6px;position:relative;padding-bottom:14px}
h2.wt::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:56px;height:3px;border-radius:2px;background:#164a7c}
h2.wt+ .wd{text-align:center;font-size:13px;color:#8a94a3;margin-bottom:26px}
/* 双列：左对比表右联动说明 */
.duo{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:start}
.tblbox{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 14px rgba(22,74,124,.08)}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:#164a7c;color:#fff;padding:12px 14px;text-align:left;font-weight:600}
td{padding:11px 14px;border-bottom:1px solid #eef3f9;color:#4a5866}
tr:nth-child(even) td{background:#f9fbfe}
td b{color:#164a7c}
.rg-ok{color:#164a7c;font-weight:700}.rg-warn{color:#e8a23c;font-weight:700}.rg-hot{color:#d95d4e;font-weight:700}
.linkcard{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(22,74,124,.08);padding:24px 24px}
.linkcard h4{font-size:16px;color:#123a5e;margin-bottom:14px}
.lg-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed #eef3f9}
.lg-item:last-child{border:none}
.lg-item .ic{flex:0 0 40px;height:40px;border-radius:8px;background:#eaf1f8;color:#164a7c;display:flex;align-items:center;justify-content:center;font-size:18px}
.lg-item h5{font-size:14px;color:#14293f;margin-bottom:3px}
.lg-item p{font-size:12.5px;color:#8a94a3}
/* 横向周期轴 */
.cycle{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(22,74,124,.08);padding:30px 26px 34px;margin-top:14px}
.axis{display:flex;overflow-x:auto;padding:10px 4px 4px}
.ax{flex:1;min-width:190px;position:relative;text-align:center;padding-top:26px}
.ax::before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:#d3e2f0}
.ax:first-child::before{left:50%}.ax:last-child::before{right:50%}
.ax .dot{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#164a7c;border:3px solid #dbe8f5;box-sizing:content-box}
.ax h5{font-size:14.5px;color:#123a5e;margin-bottom:5px}
.ax p{font-size:12.5px;color:#8a94a3}
.ax .eq{display:inline-block;margin-top:8px;font-size:11px;color:#164a7c;background:#eaf1f8;border-radius:3px;padding:2px 8px}
/* 底部号召 */
.end{margin-top:46px;background:linear-gradient(110deg,#123f6b,#2b7fc4);border-radius:12px;color:#fff;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.end h3{font-size:19px;margin-bottom:5px}
.end p{font-size:13px;opacity:.9}
.end a{background:#fff;color:#164a7c;padding:11px 30px;border-radius:4px;font-weight:700;font-size:14px}
.ft{text-align:center;font-size:12px;color:#98a4b3;padding:20px}
/* 典型案例 */
.cases,.prods,.pilot{margin-top:46px}
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case{background:#fff;border-radius:10px;box-shadow:0 3px 14px rgba(22,74,124,.08);padding:22px;display:flex;flex-direction:column;transition:.2s}
.case:hover{box-shadow:0 8px 22px rgba(22,74,124,.14);transform:translateY(-3px)}
.case h4{font-size:15px;color:#123a5e;margin-bottom:10px;line-height:1.5}
.case .y{font-size:11.5px;color:#164a7c;background:#eaf1f8;border-radius:3px;padding:2px 8px;margin-left:6px;vertical-align:2px;white-space:nowrap}
.case p{font-size:13px;color:#66707c;margin-bottom:12px;flex:1}
.case .re{font-size:12.5px;color:#164a7c;font-weight:600;display:block;margin-bottom:12px}
.case .lk{font-size:12.5px;color:#164a7c;margin-right:14px;border-bottom:1px dashed #a9c8ef}
.case .lk:hover{border-bottom-style:solid}
/* 相关产品推荐 */
.pgrp{margin-bottom:26px}
.pgrp>h4{font-size:14px;color:#123a5e;margin-bottom:12px;padding-left:10px;border-left:3px solid #164a7c;letter-spacing:.5px}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pc{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 14px rgba(22,74,124,.08);transition:.2s;display:flex;flex-direction:column}
.pc:hover{box-shadow:0 8px 22px rgba(22,74,124,.14);transform:translateY(-3px)}
.pc .th{height:168px;display:flex;align-items:center;justify-content:center;background:#f8fbfe;overflow:hidden}
.pc .th img{max-width:86%;max-height:86%;object-fit:contain}
.pc .tt{padding:11px 14px 6px;font-size:13px;color:#4a5866;line-height:1.55;height:62px;overflow:hidden}
.pc .pr{padding:0 14px 14px;font-size:15px;color:#d9603f;font-weight:700}
.pc .pr .ask{color:#164a7c;font-size:12.5px;font-weight:400}
/* 正文里的产品链接（指标表 / 周期轴 / 试点表） */
table td a b{border-bottom:1px dashed #a9c8ef}
table td a:hover b{border-bottom-style:solid;color:#123f6b}
.ax a.eq{border-bottom:1px dashed #a9c8ef;transition:.2s}
.ax a.eq:hover{background:#164a7c;color:#fff;border-bottom-color:transparent}
@media(max-width:900px){.ponds{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr}.casegrid,.pgrid{grid-template-columns:1fr}}