@charset "utf-8";
/* SAP Cloud ERP 战略场景模块 */
.st-sec{
  --st-blue:var(--blue,#0b70a1);
  --st-blue-3:var(--blue-3,#0a4f72);
  --st-ink:var(--ink-2,#1c2b36);
  --st-body:var(--body,#5b6b77);
  --st-line:var(--line,#e8f0f6);
  padding:clamp(64px,7.2vw,112px) 0;
  background:var(--bg-soft,#f6fafd);
  font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;
  color:var(--st-body);line-height:1.78;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.st-sec *,.st-sec *::before,.st-sec *::after{box-sizing:border-box}
.st-sec h2,.st-sec h3,.st-sec p,.st-sec ul{margin:0;padding:0}
.st-sec ul{list-style:none}
.st-wrap{width:14rem;margin:0 auto}

.st-head{
  display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(24px,4vw,68px);align-items:start;
}
.st-h2{
  font-size:clamp(25px,calc(42 * 100vw / 1920),42px);
  font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--st-ink);
  text-wrap:balance;
}
.st-lead strong,.st-card p strong{font-weight:700;color:var(--st-ink)}
.st-lead{
  font-size:clamp(15px,calc(18 * 100vw / 1920),18px);
  line-height:1.78;color:var(--st-body);
  text-align:justify;text-justify:inter-ideograph;
  padding-bottom:6px;
}

.st-grid{
  display:grid;grid-template-columns:1.34fr 1fr;
  margin-top:clamp(32px,4vw,52px);
  background:#fff;border:1px solid var(--st-line);border-radius:22px;
  box-shadow:0 14px 38px rgba(16,40,64,.05);
  overflow:hidden;
}
.st-card{
  position:relative;display:flex;flex-direction:column;
  background:#fff;overflow:hidden;isolation:isolate;
  padding:32px 34px 28px;
}
.st-card:not(.teaser){transition:background .3s}
.st-card.teaser:nth-child(1){transition-delay:0s}
.st-card.teaser:nth-child(2){transition-delay:.12s}
.st-card.teaser:nth-child(3){transition-delay:.24s}
.st-card.teaser:nth-child(4){transition-delay:.36s}
.st-card > *{position:relative;z-index:1}
.st-card::before{
  content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;
  background:
    radial-gradient(38% 42% at 18% 24%,rgba(79,179,224,.09),rgba(79,179,224,0) 70%),
    radial-gradient(36% 40% at 82% 72%,rgba(0,125,184,.045),rgba(0,125,184,0) 72%),
    radial-gradient(30% 34% at 64% 18%,rgba(190,236,255,.11),rgba(190,236,255,0) 72%);
  animation:st-aurora 26s ease-in-out infinite alternate;
}
.st-card::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,0) 38%,rgba(140,215,255,.07) 49%,rgba(255,255,255,.17) 53%,rgba(255,255,255,0) 63%);
  transform:translateX(-130%);
  animation:st-sheen 10s cubic-bezier(.4,0,.2,1) infinite;
}
.st-card:nth-child(2)::before{animation-delay:-7s}
.st-card:nth-child(3)::before{animation-delay:-13s}
.st-card:nth-child(4)::before{animation-delay:-19s}
.st-card:nth-child(2)::after{animation-delay:-2.5s}
.st-card:nth-child(3)::after{animation-delay:-5s}
.st-card:nth-child(4)::after{animation-delay:-7.5s}
@keyframes st-aurora{
  0%{transform:translate3d(-3%,-2%,0) scale(1)}
  50%{transform:translate3d(2%,2%,0) scale(1.06)}
  100%{transform:translate3d(4%,-1%,0) scale(1.03)}
}
@keyframes st-sheen{
  0%,55%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
.st-card:nth-child(1),.st-card:nth-child(2){border-bottom:1px solid var(--st-line)}
.st-card:nth-child(1),.st-card:nth-child(3){border-right:1px solid var(--st-line)}
.st-card:hover{background:#fbfdff}
.st-card h3{
  font-size:clamp(17px,calc(19.5 * 100vw / 1920),19.5px);
  font-weight:700;line-height:1.45;color:var(--st-blue);letter-spacing:-.005em;
  margin-bottom:10px;
}
.st-card p{
  font-size:14.5px;line-height:1.8;color:var(--st-body);
  text-align:justify;text-justify:inter-ideograph;
  margin-bottom:22px;
}
.st-tags{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;
  margin-top:auto;padding-top:16px;
  border-top:1px solid #edf3f8;
}
.st-tag-label{
  flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--st-blue);
}
.st-tag-label::after{
  content:"：";letter-spacing:0;margin-left:1px;
}
.st-tag-list{
  display:flex;flex-wrap:wrap;align-items:baseline;
}
.st-tag-list li{
  font-size:12.5px;line-height:1.5;color:#3f5b6d;letter-spacing:.01em;
}
.st-tag-list li + li::before{
  content:"·";color:#b9cbd8;margin:0 7px;
}

@media (max-width:1024px){
  .st-head{grid-template-columns:1fr;gap:22px}
  .st-lead{padding-bottom:0}
  .st-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .st-wrap{width:100%;max-width:none;padding:0 20px}
}
@media (max-width:750px){
  .st-h2{font-size:23px;text-wrap:wrap}
  .st-grid{grid-template-columns:1fr;margin-top:30px;border-radius:18px}
  .st-card{padding:22px 20px 20px}
  .st-card:nth-child(1),.st-card:nth-child(2),.st-card:nth-child(3){border-bottom:1px solid var(--st-line)}
  .st-card:nth-child(1),.st-card:nth-child(3){border-right:0}
  .st-card h3{font-size:16.5px;margin-bottom:8px}
  .st-card p{font-size:13.5px;line-height:1.75;margin-bottom:20px}
  .st-tags{margin-top:18px;padding-top:13px;gap:8px}
  .st-tag-list li{font-size:12px}
  .st-tag-list li + li::before{margin:0 6px}
}
@media (prefers-reduced-motion:reduce){
  .st-card{transition:none}
  .st-card::before,.st-card::after{animation:none}
  .st-card::after{opacity:0}
}