/* solution-jixie.css · F2 斜切分屏 */
.sxj-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:var(--bamboo-900)}
.sxj-hero-img{position:absolute;inset:0;clip-path:polygon(0 0,62% 0,48% 100%,0 100%)}
.sxj-hero-img img{width:100%;height:100%;object-fit:cover}
.sxj-hero-mask{position:absolute;inset:0;background:linear-gradient(100deg,rgba(29,52,38,.78) 0%,rgba(29,52,38,.45) 50%,rgba(29,52,38,.15) 100%)}
.sxj-hero-inner{position:relative;z-index:2;margin-left:auto;max-width:640px;padding-block:80px}
.sxj-hero-inner .lead{margin:18px 0 28px}
.sxj-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.sxj-pain{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px 24px;position:relative;box-shadow:var(--shadow-soft)}
.sxj-pain-no{font-family:var(--serif);font-size:30px;color:var(--cinnabar-500);display:block;margin-bottom:10px;font-weight:700}
.sxj-pain h3{font-size:18px;margin-bottom:10px}
.sxj-pain p{font-size:14.5px;color:var(--ink-500);line-height:1.9}
.sxj-mod-bg{background:linear-gradient(180deg,var(--moon-100),var(--moon-200))}
.sxj-mods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.sxj-mod{background:#fff;padding:30px 26px;border-top:3px solid var(--bamboo-500);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-soft)}
.sxj-mod-ic{font-family:var(--serif);font-size:14px;color:var(--moon-100);background:var(--bamboo-600);display:inline-block;padding:4px 12px;border-radius:4px;margin-bottom:14px;letter-spacing:.1em}
.sxj-mod h3{font-size:18px;margin-bottom:10px}
.sxj-mod p{font-size:14.5px;color:var(--ink-500);line-height:1.9}
.sxj-tech{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.sxj-tech-text p{margin-top:14px;color:var(--ink-700)}
.sxj-tech-list{background:var(--bamboo-900);border-radius:var(--radius-lg);padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.sxj-tech-list li{display:flex;justify-content:space-between;align-items:center;color:rgba(247,245,238,.85);font-size:15px;border-bottom:1px dashed rgba(247,245,238,.18);padding-bottom:12px}
.sxj-tech-list li:last-child{border:none;padding:0}
.sxj-tech-list strong{color:var(--moon-100);font-family:var(--serif);font-size:17px}
.sxj-case-bg{background:var(--moon-200)}
.sxj-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.sxj-case{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3/2;box-shadow:var(--shadow-soft)}
.sxj-case img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.sxj-case:hover img{transform:scale(1.06)}
.sxj-case-mask{position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,52,38,.85),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.sxj-case-mask h3{color:#F7F5EE;font-size:18px}
.sxj-case-mask p{color:rgba(247,245,238,.8);font-size:13.5px;margin-top:4px}
.sxj-rel-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sxj-rel-links a{padding:9px 20px;border:1px solid var(--bamboo-500);color:var(--bamboo-600);border-radius:999px;font-size:14px}
.sxj-rel-links a:hover{background:var(--bamboo-500);color:#F7F5EE}
.sxj-promise-bg{background:linear-gradient(180deg,var(--moon-200),var(--moon-100))}
.sxj-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;text-align:center}
.sxj-stats li{padding:26px 10px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-soft)}
.sxj-stats span{font-family:var(--serif);font-size:40px;color:var(--cinnabar-500);font-weight:700}
.sxj-stats em{font-size:18px;font-style:normal;margin-left:2px}
.sxj-stats p{font-size:14px;color:var(--ink-500);margin-top:8px}
.sxj-cta{background:var(--bamboo-900);padding:56px 0}
.sxj-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.sxj-cta-inner h2{color:#F7F5EE;font-size:26px}
.sxj-cta-inner p{color:rgba(247,245,238,.7);margin-top:10px}
.sxj-cta-btns{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:920px){
  .sxj-hero-img{clip-path:none;opacity:.35}
  .sxj-hero-inner{margin:0;max-width:100%}
  .sxj-pains,.sxj-mods{grid-template-columns:1fr 1fr}
  .sxj-tech{grid-template-columns:1fr}
  .sxj-cases{grid-template-columns:1fr}
  .sxj-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .sxj-pains,.sxj-mods{grid-template-columns:1fr}
  .sxj-stats{grid-template-columns:1fr 1fr}
}