/* SafOil 中文站 — layered on top of safoil.css.
   No Google Fonts here: they are blocked in mainland China, so we use
   the Chinese fonts already installed on Mac, Windows, iOS and Android. */

html[lang="zh-Hans"] body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",system-ui,sans-serif;
  line-height:1.75;
}
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] .brand,
html[lang="zh-Hans"] .rel-card h4,
html[lang="zh-Hans"] .stat .n{
  font-family:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","SimSun",serif;
  letter-spacing:0;
  font-weight:700;
}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{line-height:1.3}
html[lang="zh-Hans"] .mono,
html[lang="zh-Hans"] .spec-table th,
html[lang="zh-Hans"] .rel-card .rk{
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,"PingFang SC","Microsoft YaHei",monospace;
  letter-spacing:.08em;
}
html[lang="zh-Hans"] .btn{font-family:inherit}
html[lang="zh-Hans"] .prose p,html[lang="zh-Hans"] .prose li{line-height:1.9}

/* language switch in the nav */
.lang-sw{font-size:14px;font-weight:600;color:var(--leaf);text-decoration:none;border:1px solid var(--line);padding:6px 12px;border-radius:6px;margin-right:12px}
.lang-sw:hover{border-color:var(--leaf)}
.nav-right{display:flex;align-items:center}

/* ---------- 首页 ---------- */
.zh-hero{padding:150px 0 64px}
.zh-hero .kicker{color:var(--leaf);margin-bottom:22px;display:block}
.zh-hero h1{font-size:clamp(36px,5.6vw,68px);max-width:900px}
.zh-hero .hero-sub{max-width:760px;margin:26px 0 44px}

.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.role{border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:18px}
.role.buy{background:var(--ink);color:var(--paper)}
.role.sup{background:#fff;border:1px solid var(--line)}
.role .rtop{display:flex;justify-content:space-between;align-items:center}
.role.buy .rtop .mono{color:var(--brand-soft)}
.role.sup .rtop .mono{color:var(--leaf)}
.role .rtop .en{opacity:.6}
.role h2{font-size:30px}
.role ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.role.buy ul{color:rgba(241,246,245,.82)}
.role.sup ul{color:#2c3d3a}
.role li::before{content:"—";margin-right:10px;opacity:.5}
.role .rfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px}
.role.buy .rfoot{border-top:1px solid var(--line-d)}
.role.sup .rfoot{border-top:1px solid var(--line)}
.role .rfoot small{font-size:13px;opacity:.75}
.role.buy .btn{background:var(--brand-soft);color:var(--ink)}

.facts{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:30px;padding-bottom:30px}
.facts .n{font-family:"Songti SC","STSong","Noto Serif SC",serif;font-weight:700;font-size:28px}
.facts .l{font-size:14px;color:var(--mute)}

.zh-sec{padding:96px 0 40px}
.zh-sec .sec-head{margin-bottom:36px}
.zh-sec .sec-head h2{font-size:clamp(28px,3.6vw,44px)}
.zh-sec .eyebrow{background:none;color:var(--leaf);padding:0;margin-bottom:10px}

.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px}
.tbl-wrap .spec-table{margin:0;min-width:760px}
.spec-table td a{color:var(--ink);font-weight:600}
.spec-table td a:hover{color:var(--leaf)}

.steps5{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.steps5 > div{background:#fff;border-top:3px solid var(--ink);padding:20px}
.steps5 > div:last-child{background:var(--paper-2);border-top-color:var(--leaf)}
.steps5 .mono{color:var(--mute)}
.steps5 b{display:block;font-size:18px;margin:4px 0}
.steps5 p{font-size:14px;color:#2c3d3a}

.sup-band{background:var(--ink);color:var(--paper);margin-top:72px}
.sup-band .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;padding-top:96px;padding-bottom:96px}
.sup-band .eyebrow{color:var(--brand-soft)}
.sup-band h2{font-size:clamp(28px,3.6vw,44px);margin-bottom:18px}
.sup-band p{color:rgba(241,246,245,.78);margin-bottom:28px}
.sup-band .btn{background:var(--brand-soft);color:var(--ink)}
.sup-steps > div{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line-d)}
.sup-steps > div:last-child{border-bottom:1px solid var(--line-d)}
.sup-steps .mono{color:var(--brand-soft);width:40px;flex-shrink:0;padding-top:4px}
.sup-steps small{display:block;font-size:14px;color:rgba(241,246,245,.62)}

.chain{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.chain > div{padding:28px;border-right:1px solid var(--line)}
.chain > div:last-child{border-right:none}
.chain .mono{color:var(--mute)}
.chain b{display:block;font-size:18px;margin:8px 0}
.chain p{font-size:14px;color:#2c3d3a}

.about-zh{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px}
.about-zh p{color:#2c3d3a}
.facts-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 28px;font-size:15px}
.facts-card > div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts-card > div:last-child{border-bottom:none}
.facts-card span:first-child{color:var(--mute);flex-shrink:0}
.facts-card span:last-child{text-align:right;font-weight:500}

/* 询盘 */
.enq{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.enq-form{padding:40px}
.enq-form h2{font-size:32px;margin:6px 0 20px}
.role-tabs{display:flex;gap:8px;margin-bottom:22px}
.role-tabs button{font:inherit;font-size:15px;min-height:44px;padding:10px 18px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.role-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600}
.enq-form .field label{font-size:13px}
.send-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.send-row .btn{flex:1 1 180px;justify-content:center;min-height:48px}
.copy-ok{font-size:13px;color:var(--leaf);margin-top:10px;display:none}
.enq-side{background:var(--paper-2);padding:40px;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding-top:72px}
.wechat{display:none;gap:22px;align-items:center;flex-wrap:wrap}
.wechat.on{display:flex}
.wechat img{width:150px;height:150px;background:#fff;border:1px solid var(--line);border-radius:8px}
.wechat b{display:block;font-size:20px;margin-bottom:4px}
.wechat small{font-size:14px;color:#2c3d3a}
.contact-list{display:flex;flex-direction:column;gap:12px;font-size:15px}
.contact-list > div{display:flex;gap:12px}
.contact-list span:first-child{color:var(--mute);width:80px;flex-shrink:0}
.contact-list a{color:var(--ink)}

/* 产品页 FAQ */
.faq-item{border-bottom:1px solid var(--line);padding:22px 0}
.faq-item h3{font-size:20px;margin:0 0 8px}
.faq-item p{margin:0;color:#2c3d3a;font-size:16px}

@media(max-width:640px){
  .row2{grid-template-columns:1fr}
  .enq-form,.enq-side,.role{padding:26px}
  .lang-sw{margin-right:8px}
  .nav-right .btn{padding:11px 14px}
}