/* shiyou-ranqi.css — 油气流线风：深绿管道感、横向流程、左下圆环 */

.container{max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:68px 0;position:relative}
.section-alt{background:#eef7f4}

.sec-head{margin-bottom:36px;position:relative}
.sec-head h2{font-size:29px;line-height:1.3;margin:0 0 10px;color:#1a5c4a;font-weight:700}
.sec-head h2 b{color:#2e8b6f}
.sec-head::before{content:'';display:inline-block;width:32px;height:32px;background:rgba(46,139,111,.1);border-radius:50%;vertical-align:middle;margin-right:12px}
.sec-sub{margin:0;font-size:14.5px;color:#5a7a6e;line-height:1.8}
.t-en{display:block;font-size:11px;letter-spacing:3px;color:#2e8b6f;font-weight:700;margin-bottom:8px}

.table-box{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px}
.tbl th{background:#1a5c4a;color:#fff;padding:12px 14px;text-align:left;font-weight:600}
.tbl td{padding:12px 14px;border-bottom:1px solid #d4ebe2;line-height:1.7}
.tbl tr:hover td{background:#f0f9f5}

.acc{border:1px solid #d4ebe2;border-radius:12px;overflow:hidden;background:#fff}
.acc-item{border-bottom:1px solid #e3f0ea}
.acc-item:last-child{border-bottom:none}
.acc-head{width:100%;padding:16px 22px;text-align:left;background:#fff;border:none;font-size:15px;font-weight:600;color:#1a5c4a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}
.acc-head:hover{background:#f0f9f5}
.acc-ic{width:20px;height:20px;position:relative;flex-shrink:0}
.acc-ic::before,.acc-ic::after{content:'';position:absolute;background:#2e8b6f;transition:transform .3s}
.acc-ic::before{left:0;right:0;top:9px;height:2px}
.acc-ic::after{left:9px;top:0;bottom:0;width:2px}
.acc-item.open .acc-ic::after{transform:scaleY(0)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.acc-item.open .acc-body{max-height:800px}
.acc-body-inner{padding:0 22px 16px;font-size:14.5px;line-height:1.9;color:#4a6a5e}

.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:20px;text-decoration:none;font-weight:600;font-size:15px}
.btn-solid{background:#2e8b6f;color:#fff}
.btn-white{background:#fff;color:#2e8b6f;border:1px solid #2e8b6f}
.btn-lg{padding:14px 36px;font-size:16px}

.ring{position:absolute;border-radius:50%;border:2px solid rgba(46,139,111,.06);pointer-events:none}
.ring-a{width:500px;height:500px;top:-200px;right:-150px}
.ring-b{width:400px;height:400px;bottom:-150px;left:-100px;border-color:rgba(46,139,111,.08)}
.ring-c{width:300px;height:300px;top:20%;left:5%}

.page-hero{padding:110px 0 75px;position:relative;overflow:hidden}
.hero-tag{display:inline-block;padding:6px 16px;background:rgba(46,139,111,.1);color:#2e8b6f;border-radius:4px;font-size:13px;font-weight:600;margin-bottom:20px;border-left:3px solid #2e8b6f}
.hero-crumbs{display:flex;justify-content:space-between;align-items:center;margin-top:28px;flex-wrap:wrap;gap:16px}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#5a7a6e}
.crumb a{color:#5a7a6e;text-decoration:none}
.crumb i{width:4px;height:4px;background:#9ec9b8;border-radius:50%}
.crumb span{color:#1a5c4a;font-weight:600}

.cta-strip{background:linear-gradient(135deg,#1a5c4a,#0f3d30);border-radius:12px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;color:#fff}
.cta-strip h2{margin:0 0 8px;font-size:23px;color:#fff}
.cta-strip p{margin:0;font-size:14px;color:rgba(255,255,255,.85)}

.relate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.relate-card{display:block;background:#fff;border:1px solid #d4ebe2;border-radius:10px;padding:20px;text-decoration:none;color:inherit;border-top:3px solid #2e8b6f}
.relate-card h4{margin:0 0 4px;color:#1a5c4a;font-size:14.5px}
.relate-card span{font-size:13px;color:#8aaa9e}

/* sy 专属：流程横向 */
.sy-process-flow .tbl th{background:#1a5c4a}
.sy-valve .tbl td:first-child{font-weight:600;color:#2e8b6f}
.sy-gas-detection .acc-head{font-weight:700}

/* ---------- 实拍图（迁移内联样式 + 修复拉伸） ---------- */
.sy-fig{width:100%;height:auto;display:block;border-radius:12px;margin-top:24px}