/* Lexin-tech 西语版 — 视觉体系按伍建站规范：#0F2233 / #E8792B / #1E4E79 / #F5F7F9 / #1A2B3C */
:root{
  --navy:#0F2233;--copper:#E8792B;--steel:#1E4E79;--ink:#1A2B3C;
  --bg-soft:#F5F7F9;--line:#E2E8F0;--white:#FFFFFF;
  --amber:#C77F2E;--violet:#7C5CBF;--cu-orange:#D2691E;--co-blue:#2E6FA3;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:var(--white)}
h1,h2,h3,h4{font-family:Montserrat,Inter,Arial,sans-serif;line-height:1.25;color:var(--navy)}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
a{color:var(--steel);text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- Header ---------- */
.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;gap:20px;height:64px}
.logo{font-family:Montserrat,sans-serif;font-weight:700;font-size:22px;color:#fff}
.logo span{color:var(--copper)}
.main-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.main-nav a{color:#D9E2EA;font-size:14px;padding:8px 10px;border-radius:6px}
.main-nav a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.btn-cta{display:inline-block;background:var(--copper);color:#fff!important;font-weight:600;font-size:14px;letter-spacing:.5px;padding:10px 18px;border-radius:8px;text-transform:uppercase}
.btn-cta:hover{background:#c9651c;text-decoration:none}
.lang-switch{font-size:13px;color:#9FB2C2}
.lang-switch a{color:#D9E2EA}
.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:18px;padding:6px 12px;border-radius:6px;cursor:pointer}

/* ---------- Hero ---------- */
.hero{color:#fff;padding:72px 0}
.hero h1{color:#fff;font-size:clamp(28px,4vw,44px);margin-bottom:16px;max-width:760px}
.hero p{font-size:18px;max-width:680px;color:#E3EAF0}
.hero .btn-cta{margin-top:24px;margin-right:12px}
.btn-ghost{display:inline-block;border:1px solid rgba(255,255,255,.5);color:#fff!important;padding:10px 18px;border-radius:8px;font-size:14px;margin-top:24px}
.hero-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.hero-text{flex:1 1 480px}
.hero-visual{flex:1 1 320px;min-height:220px;border-radius:12px;position:relative;overflow:hidden}
.hero-visual .bar{position:absolute;left:0;right:0;height:20%}

/* liquor spectrum palette per section */
.sp-amber{background:linear-gradient(135deg,#0F2233 0%,#3a2c14 100%)}
.sp-clear{background:linear-gradient(135deg,#0F2233 0%,#2c4a5e 100%)}
.sp-blue{background:linear-gradient(135deg,#0F2233 0%,#1E4E79 100%)}
.sp-violet{background:linear-gradient(135deg,#0F2233 0%,#3d2e5e 100%)}
.sp-orange{background:linear-gradient(135deg,#0F2233 0%,#5e3414 100%)}
.liquor-tag{position:absolute;bottom:16px;left:16px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.85)}

/* ---------- Sections ---------- */
section{padding:56px 0}
.sec-soft{background:var(--bg-soft)}
.eyebrow{color:var(--copper);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
h2.sec-title{font-size:clamp(22px,3vw,32px);margin-bottom:12px}
.sec-intro{max-width:760px;color:#41566B;margin-bottom:28px}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}

/* cards */
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;transition:box-shadow .2s}
.card:hover{box-shadow:0 6px 18px rgba(15,34,51,.10)}
.card h3{font-size:18px;margin-bottom:8px}
.card .meta{font-size:13px;color:#5B7186;margin-bottom:12px}
.card .accent{height:4px;border-radius:2px;margin-bottom:14px}
.card p{font-size:14px;color:#41566B;margin-bottom:12px}
.card a.more{font-size:14px;font-weight:600}

/* trust bar */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.trust .num{font-family:Montserrat,sans-serif;font-size:34px;font-weight:700;color:var(--copper)}
.trust .lbl{font-size:13px;color:#5B7186}

/* process segment nav cards on home */
.seg-card{border-top:4px solid var(--copper)}
.seg-card h3 a{color:var(--navy)}

/*卖点*/
.sell{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sell .item{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}
.sell .item strong{display:block;color:var(--navy);margin-bottom:6px;font-size:15px}
.sell .item span{font-size:13px;color:#5B7186}

/* industries table */
table.industries{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
table.industries th,table.industries td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}
table.industries th{background:var(--navy);color:#fff;font-family:Montserrat,sans-serif;font-weight:600}
table.industries tr:last-child td{border-bottom:none}

/* RFQ banner */
.rfq-banner{background:var(--navy);color:#fff;text-align:center;padding:56px 24px}
.rfq-banner h2{color:#fff;margin-bottom:10px}
.rfq-banner p{color:#C6D3DD;margin-bottom:24px}

/* breadcrumb */
.breadcrumb{font-size:13px;color:#5B7186;padding:16px 0}
.breadcrumb a{color:var(--steel)}

/* FAQ */
.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 20px;margin-bottom:12px}
.faq summary{font-weight:600;color:var(--navy);cursor:pointer}

/* footer */
.site-footer{background:var(--navy);color:#AEBFCD;padding:48px 0 24px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;margin-bottom:32px}
.site-footer h4{color:#fff;font-size:15px;margin-bottom:12px}
.site-footer a{color:#C6D3DD}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:8px}
.footer-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:#8AA0B3}

/* responsive */
@media(max-width:1199px){.grid-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.trust,.sell{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}
@media(max-width:767px){
  .main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--navy);flex-direction:column;padding:16px 24px}
  .main-nav.open{display:flex}
  .menu-toggle{display:block;margin-left:auto}
  .lang-switch{margin-left:auto}
  .btn-cta{padding:12px 16px}
  .grid-5{grid-template-columns:1fr}
}