/* ============================================================
   solution.css — 行业解决方案总览页
   吊灯轻奢风 · 卡片错位滑轨 + 深色四栏做法 + 本地落地图文 + 菱形 CTA
   ============================================================ */

/* ---------- Hero 微调 ---------- */
.sol-hero{padding-bottom:110px}
.sol-hero .hero-sub{max-width:820px}

/* ---------- 九大行业卡片滑轨（3 列错位） ---------- */
.sol-grid-sec{background:var(--white);position:relative}
.sol-card-rail{
  display:grid;grid-template-columns:repeat(3,1fr);gap:30px 28px;
  align-items:start;
}
.sol-card{
  position:relative;display:block;
  background:var(--white);border:1px solid var(--line);
  border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;
}
.sol-card-lift{transform:translateY(34px)}
.sol-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.sol-card-lift:hover{transform:translateY(28px)}
.sol-card-num{
  position:absolute;top:14px;left:18px;z-index:2;
  font-family:var(--font-serif);font-size:40px;font-weight:700;
  color:transparent;-webkit-text-stroke:1px rgba(217,190,133,.9);
  letter-spacing:2px;line-height:1;
}
.sol-card-media{overflow:hidden}
.sol-card-media img{
  width:100%;height:208px;object-fit:cover;opacity:.94;
  transition:transform .7s ease,opacity .4s ease;
}
.sol-card:hover .sol-card-media img{transform:scale(1.05);opacity:1}
.sol-card-body{padding:22px 24px 24px;border-top:2px solid transparent;transition:border-color .35s ease}
.sol-card:hover .sol-card-body{border-top-color:var(--gold)}
.sol-card-body h3{font-size:21px;margin-bottom:10px}
.sol-card-body p{font-size:14px;color:var(--gray);line-height:1.85;margin-bottom:14px}
.sol-card-link{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:600;letter-spacing:1px;color:var(--gold-3);
}
.sol-card-link svg{transition:transform .3s ease}
.sol-card:hover .sol-card-link svg{transform:translateX(5px)}

/* ---------- 深色四栏做法 ---------- */
.sol-why{position:relative;overflow:hidden}
.sol-why-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sol-why-item{
  position:relative;padding:34px 26px 30px;
  border:1px solid rgba(217,190,133,.22);border-radius:14px;
  background:rgba(255,255,255,.03);
  transition:border-color .35s ease,background .35s ease,transform .35s ease;
}
.sol-why-item:hover{border-color:var(--gold-2);background:rgba(217,190,133,.07);transform:translateY(-6px)}
.sol-why-step{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  border:1px solid var(--gold-2);color:var(--gold-2);
  font-family:var(--font-serif);font-size:19px;margin-bottom:18px;
}
.sol-why-item h3{color:#fff;font-size:19px;margin-bottom:12px}
.sol-why-item p{font-size:13.5px;line-height:1.9;color:#B7B3A8}

/* ---------- 本地产业落地图文 ---------- */
.sol-local-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.sol-local-copy h2{font-size:32px;margin-bottom:24px;letter-spacing:2px}
.sol-local-copy p{font-size:15px;line-height:2;margin-bottom:18px}
.sol-local-copy a{color:var(--gold-3);font-weight:600;border-bottom:1px dashed var(--gold)}
.sol-local-copy a:hover{color:var(--gold-3)}
.sol-local-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.sol-local-media{position:relative}
.sol-local-media img{border-radius:16px;box-shadow:var(--shadow)}
.sol-local-media figcaption{
  margin-top:14px;font-size:12.5px;color:var(--gray);letter-spacing:1px;
  padding-left:14px;border-left:2px solid var(--gold);
}

/* ---------- 开放行业 CTA ---------- */
.sol-open{background:var(--white);position:relative;overflow:hidden}
.sol-open-box{
  position:relative;text-align:center;
  padding:70px 40px;border:1px solid var(--line);border-radius:22px;
  background:linear-gradient(180deg,#fff,var(--mist));
  box-shadow:var(--shadow-soft);
}
.sol-open-diamond{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(45deg);
  width:26px;height:26px;background:var(--gold);
  box-shadow:0 0 0 6px #fff,0 0 24px rgba(195,164,104,.5);
}
.sol-open-box h2{font-size:30px;margin-bottom:18px}
.sol-open-box p{max-width:720px;margin:0 auto;font-size:15px;line-height:2}
.sol-open-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:30px 0 16px}
.sol-open-note{font-size:13.5px;color:var(--gray)}
.sol-open-note a{color:var(--gold-3);border-bottom:1px dashed var(--gold)}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .sol-card-rail{grid-template-columns:repeat(2,1fr);gap:24px}
  .sol-card-lift{transform:none}
  .sol-card-lift:hover{transform:translateY(-6px)}
  .sol-why-cols{grid-template-columns:repeat(2,1fr)}
  .sol-local-inner{grid-template-columns:1fr;gap:36px}
  .sol-local-media{order:-1}
}
@media (max-width:640px){
  .sol-card-rail{grid-template-columns:1fr}
  .sol-card-media img{height:190px}
  .sol-why-cols{grid-template-columns:1fr}
  .sol-open-box{padding:48px 22px}
  .sol-open-box h2{font-size:23px}
}