
:root{--oil-blue:#075f8f;--oil-cyan:#0a91a9;--oil-deep:#123e57;--oil-orange:#f28a21;--oil-ink:#1e3442;--oil-muted:#617684;--oil-line:#dce8ee;--oil-soft:#f3f8fb}
html{scroll-behavior:smooth}body.oil-unified-page{background:#f6f9fb;color:var(--oil-ink)}
.oil-unified-page .header{background:#fff;box-shadow:0 2px 15px rgba(15,55,75,.08);position:relative;z-index:5}.oil-unified-page .header_top{height:32px;background:#f2f5f7;color:#657681}.oil-unified-page .header_top .container{height:32px;line-height:32px}.oil-unified-page .header_top p{color:#657681}.oil-unified-page .header_center{max-width:1180px;height:124px;margin:auto;display:flex;align-items:center;gap:26px}.oil-unified-page .header_center h2{float:none;margin:0}.oil-unified-page .header_center h2:nth-of-type(2){font-size:30px;color:#164a67;font-weight:700;letter-spacing:1px;flex:1}.oil-unified-page .header_center .phone{margin-left:auto;float:none}.oil-unified-page .header_center .phone span{color:#07941d}.oil-unified-page .header_nav{background:linear-gradient(90deg,#075d96,#0878a8)}.oil-unified-page .header_nav #nav{max-width:1180px}.oil-unified-page .header_nav #nav ul{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin:0;padding:0}.oil-unified-page .header_nav #nav li{float:none!important;width:auto!important;border:0}.oil-unified-page .header_nav #nav a{display:flex!important;align-items:center;justify-content:center;min-height:64px!important;padding:0 12px!important;color:#fff!important;font-size:17px;white-space:nowrap;transition:.2s}.oil-unified-page .header_nav #nav a:hover,.oil-unified-page .header_nav #nav .cur a{background:linear-gradient(180deg,#55c975,#35ad54)!important}
.oil-unified-page .seo-page-heading{max-width:1180px;margin:22px auto 0;padding:0 4px}.oil-unified-page .seo-page-heading h1,.oil-unified-page .seo-page-heading{color:#173e54}
.oil-unified-page .oil-seo{max-width:1180px;margin:22px auto 58px;padding:0;color:var(--oil-ink);font-size:16px;line-height:1.82}.oil-unified-page .oil-bread{display:inline-flex;align-items:center;gap:5px;margin:0 0 15px;padding:7px 12px;border:1px solid var(--oil-line);border-radius:999px;background:#fff;color:#738491;font-size:14px}.oil-unified-page .oil-bread a{color:var(--oil-blue)}
.oil-unified-page .oil-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:34px;align-items:center;padding:48px 50px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:radial-gradient(circle at 88% 18%,rgba(73,211,218,.32),transparent 34%),linear-gradient(135deg,#064d78 0%,#077fa4 58%,#0796a8 100%);box-shadow:0 18px 45px rgba(7,82,118,.2);color:#fff}.oil-unified-page .oil-hero:after{content:'';position:absolute;right:-75px;bottom:-95px;width:250px;height:250px;border:42px solid rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.oil-unified-page .oil-hero h1,.oil-unified-page .oil-hero h2{position:relative;margin:0 0 15px;color:#fff!important;font-size:34px;line-height:1.35;text-shadow:0 2px 8px rgba(0,0,0,.12)}.oil-unified-page .oil-hero h1:before,.oil-unified-page .oil-hero h2:before{content:'油品储运 VOCs 回收解决方案';display:block;margin-bottom:9px;color:#bff5ff;font-size:13px;line-height:1;letter-spacing:2px;font-weight:600;text-transform:uppercase}.oil-unified-page .oil-hero p{position:relative;margin:0 0 22px;color:#edfaff;font-size:17px}.oil-unified-page .oil-hero img{position:relative;z-index:1;width:100%;height:250px;object-fit:cover;border:6px solid rgba(255,255,255,.17);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.oil-unified-page .oil-actions{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap}.oil-unified-page .oil-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:1px solid transparent;border-radius:7px;background:var(--oil-orange);color:#fff!important;font-weight:700;box-shadow:0 8px 18px rgba(213,105,10,.25);transition:transform .2s,box-shadow .2s}.oil-unified-page .oil-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(213,105,10,.3)}.oil-unified-page .oil-actions a.alt{border-color:rgba(255,255,255,.7);background:#fff;color:var(--oil-blue)!important;box-shadow:none}
.oil-unified-page .oil-section{padding:44px 0;border-bottom:1px solid var(--oil-line)}.oil-unified-page .oil-section:last-child{border-bottom:0}.oil-unified-page .oil-section>h2{position:relative;margin:0 0 24px;padding-left:16px;text-align:left;color:var(--oil-deep);font-size:28px;line-height:1.35}.oil-unified-page .oil-section>h2:before{content:'';position:absolute;left:0;top:5px;width:5px;height:29px;border-radius:4px;background:linear-gradient(var(--oil-cyan),var(--oil-blue))}.oil-unified-page .oil-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.oil-unified-page .oil-card{height:100%;padding:24px;border:1px solid var(--oil-line);border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(21,72,98,.055);transition:transform .2s,border-color .2s,box-shadow .2s}.oil-unified-page .oil-card:hover{transform:translateY(-3px);border-color:#acd3df;box-shadow:0 12px 28px rgba(21,72,98,.11)}.oil-unified-page .oil-card h3{margin:0 0 9px;color:var(--oil-blue);font-size:20px}.oil-unified-page .oil-card p{margin:0;color:#526873}
.oil-unified-page .oil-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:step}.oil-unified-page .oil-step{min-height:92px;padding:20px;border:1px solid #dbe8ed;border-left:5px solid var(--oil-cyan);border-radius:9px;background:linear-gradient(135deg,#fff,#f2f9fb)}.oil-unified-page .oil-step:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:29px;height:29px;margin-right:9px;border-radius:50%;background:linear-gradient(135deg,var(--oil-blue),var(--oil-cyan));color:#fff;font-weight:700;box-shadow:0 4px 10px rgba(4,111,145,.22)}
.oil-unified-page .oil-table{width:100%;overflow:hidden;border-collapse:separate;border-spacing:0;border:1px solid var(--oil-line);border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(21,72,98,.05)}.oil-unified-page .oil-table th,.oil-unified-page .oil-table td{padding:14px 16px;border:0;border-right:1px solid var(--oil-line);border-bottom:1px solid var(--oil-line);vertical-align:top}.oil-unified-page .oil-table th:last-child,.oil-unified-page .oil-table td:last-child{border-right:0}.oil-unified-page .oil-table tr:last-child td{border-bottom:0}.oil-unified-page .oil-table th{background:linear-gradient(180deg,#eaf6f9,#e3f1f5);color:#16465d;font-weight:700}.oil-unified-page .oil-table tbody tr:nth-child(even){background:#f9fbfc}
.oil-unified-page .oil-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;padding:0;list-style:none}.oil-unified-page .oil-list li{position:relative;padding:13px 15px 13px 40px;border:1px solid #e0eaf0;border-radius:8px;background:#fff}.oil-unified-page .oil-list li:before{content:'✓';position:absolute;left:14px;color:var(--oil-cyan);font-weight:800}.oil-unified-page .oil-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.oil-unified-page .oil-links a{display:flex;flex-direction:column;min-height:92px;padding:18px 20px;border:1px solid #cfe1e8;border-radius:10px;background:linear-gradient(135deg,#fff,#f2f9fb);color:var(--oil-blue)!important;transition:.2s}.oil-unified-page .oil-links a:hover{transform:translateY(-2px);border-color:#8fc6d4;box-shadow:0 8px 20px rgba(19,91,120,.09)}.oil-unified-page .oil-links strong{font-size:17px}.oil-unified-page .oil-links span{margin-top:4px;color:#667984;font-size:14px;font-weight:400}.oil-unified-page .oil-note{padding:22px 24px;border:1px solid #f3d9aa;border-left:5px solid var(--oil-orange);border-radius:10px;background:linear-gradient(135deg,#fffaf0,#fff5df);color:#59472f}.oil-unified-page .oil-source{padding:18px 20px;border-radius:9px;background:#edf6f8;color:#536873}.oil-unified-page .oil-source a{color:var(--oil-blue)!important;text-decoration:underline;text-underline-offset:3px}.oil-unified-page .oil-cta{padding:38px;border-radius:16px;background:radial-gradient(circle at 85% 20%,rgba(55,183,199,.25),transparent 32%),linear-gradient(135deg,#123b54,#075d82);box-shadow:0 14px 34px rgba(15,59,81,.18);text-align:center;color:#fff}.oil-unified-page .oil-cta h2{margin:0 0 10px;color:#fff;text-align:center;font-size:28px}.oil-unified-page .oil-cta p{margin:0 0 20px;color:#e9f6fa}.oil-unified-page .topadcs,.oil-unified-page .cpMain{max-width:1180px;margin-left:auto!important;margin-right:auto!important;overflow:hidden;border-radius:12px}.oil-unified-page .topadcs{margin-top:30px}.oil-unified-page .cpMain{margin-top:24px;padding:22px;background:#fff;box-shadow:0 7px 22px rgba(21,72,98,.05)}
.oil-unified-page .footer{margin-top:60px}.oil-unified-page .f_nav{background:#075f8f}.oil-unified-page .f_nav #f_nav ul{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;margin:0;padding:0}.oil-unified-page .f_nav #f_nav li{float:none!important;width:auto!important}.oil-unified-page .f_nav #f_nav a{display:flex!important;align-items:center;justify-content:center;min-height:54px!important;padding:0 10px!important;color:#fff!important;white-space:nowrap}
@media(max-width:900px){.oil-unified-page .header_center{height:auto;min-height:98px;padding:12px 18px}.oil-unified-page .header_center h2:nth-of-type(2){font-size:24px}.oil-unified-page .header_nav #nav ul{display:flex!important;overflow-x:auto;scrollbar-width:none}.oil-unified-page .header_nav #nav ul::-webkit-scrollbar{display:none}.oil-unified-page .header_nav #nav li{min-width:128px}.oil-unified-page .oil-seo{margin:14px 14px 38px}.oil-unified-page .oil-hero{grid-template-columns:1fr;padding:31px 25px}.oil-unified-page .oil-hero h1,.oil-unified-page .oil-hero h2{font-size:28px}.oil-unified-page .oil-hero img{height:220px}.oil-unified-page .oil-grid,.oil-unified-page .oil-steps,.oil-unified-page .oil-links{grid-template-columns:repeat(2,minmax(0,1fr))}.oil-unified-page .seo-page-heading{margin:15px 14px 0}.oil-unified-page .topadcs,.oil-unified-page .cpMain{margin-left:14px!important;margin-right:14px!important}}
@media(max-width:600px){.oil-unified-page .header_top{display:none}.oil-unified-page .header_center{justify-content:space-between;min-height:82px;padding:8px 14px}.oil-unified-page .header_center h2:first-child img{width:150px;height:auto}.oil-unified-page .header_center h2:nth-of-type(2){display:none}.oil-unified-page .header_center .phone{transform:scale(.82);transform-origin:right center}.oil-unified-page .header_nav #nav a{min-height:50px!important;font-size:15px}.oil-unified-page .oil-bread{display:flex;overflow:hidden;white-space:nowrap}.oil-unified-page .oil-hero{padding:27px 21px;border-radius:14px}.oil-unified-page .oil-hero h1,.oil-unified-page .oil-hero h2{font-size:25px}.oil-unified-page .oil-hero p{font-size:15px}.oil-unified-page .oil-hero img{height:195px}.oil-unified-page .oil-grid,.oil-unified-page .oil-steps,.oil-unified-page .oil-list,.oil-unified-page .oil-links{grid-template-columns:1fr}.oil-unified-page .oil-section{padding:34px 0}.oil-unified-page .oil-section>h2{font-size:24px}.oil-unified-page .oil-table{display:block;overflow-x:auto;white-space:normal}.oil-unified-page .oil-table th,.oil-unified-page .oil-table td{min-width:145px}.oil-unified-page .oil-actions a{width:100%}.oil-unified-page .f_nav{display:none}.oil-unified-page .footer{margin-top:40px}}
