@charset "utf-8";
/* 首页 · 企业核心业务场景（仅首页引用） */
.sc-main{position:relative;background:#fff;border-top:1px solid #e8f0f6;padding:calc(64 * 1rem / 100) 0 calc(70 * 1rem / 100)}
.sc-inner{width:14rem;max-width:calc(100% - 40px);margin:0 auto}
.sc-head{margin-bottom:calc(34 * 1rem / 100)}
h2.sc-tit{margin:0;color:#1c2b36;letter-spacing:-.01em;line-height:1.28}
.sc-nb{white-space:nowrap}
.sc-lead{margin:calc(16 * 1rem / 100) 0 0;color:#5b6b77;line-height:1.78;letter-spacing:.02em;text-align:left}

.sc-flow{position:relative}
.sc-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:calc(12 * 1rem / 100);align-items:stretch}
.sc-card{position:relative;display:flex;flex-direction:column;gap:calc(6 * 1rem / 100);min-height:calc(84 * 1rem / 100);padding:calc(14 * 1rem / 100);border:1px solid #e6edf2;border-radius:.16rem;background:#fff;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.sc-card h3{margin:0;color:#1c2b36;font-weight:700;line-height:1.4}
.sc-chain{margin-top:auto;color:#5f7484;letter-spacing:.02em;transition:color .2s ease}
.sc-card:hover{transform:translateY(-3px);border-color:#bfd8e8;box-shadow:0 .04rem .18rem rgba(16,40,64,.06)}
.sc-card.on{border-color:#0b70a1;background:linear-gradient(180deg,#f7fbfd 0%,#fff 70%);box-shadow:0 .06rem .2rem rgba(11,112,161,.12)}
.sc-card.on h3{color:#08587f}
.sc-card.on .sc-chain{color:#0b70a1}
.sc-card:focus-visible{outline:2px solid #8fd6f7;outline-offset:2px}

.sc-detail{margin-top:calc(32 * 1rem / 100);padding:calc(32 * 1rem / 100) calc(36 * 1rem / 100);display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:stretch;background:#f1f7fa;border:1px solid #e1edf4;border-radius:.2rem}
.sc-detail[hidden]{display:none}
.sc-detail.in{animation:scFade .32s cubic-bezier(.2,.7,.3,1)}
.sc-dlead{display:flex;flex-direction:column;justify-content:center;padding-right:calc(36 * 1rem / 100)}
.sc-kicker{margin:0 0 calc(10 * 1rem / 100);color:#5f7484;font-weight:600;letter-spacing:.12em}
.sc-kicker.is-answer{margin-bottom:0;color:#0b70a1}
.sc-q{margin:0;color:#1c2b36;font-weight:600;line-height:1.55;letter-spacing:-.01em;white-space:nowrap}
.sc-dbody{display:flex;flex-direction:column;gap:calc(12 * 1rem / 100);padding-left:calc(36 * 1rem / 100);border-left:1px solid #dceaf3}
.sc-dhead{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * 1rem / 100)}
.sc-tags{display:flex;flex-wrap:wrap;gap:calc(6 * 1rem / 100)}
.sc-tags span{padding:calc(5 * 1rem / 100) calc(13 * 1rem / 100);border:1px solid #cfe3ef;border-radius:999px;background:#fff;color:#08587f;font-weight:500;line-height:1.4;white-space:nowrap}
.sc-a{color:#5b6b77;line-height:1.75}
.sc-a p{margin:0}
@keyframes scFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(min-width:901px) and (max-width:1300px){
.sc-lead{font-size:13.5px;letter-spacing:0}
}

@media(max-width:1200px) and (min-width:901px){
.sc-track{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:1120px){
.sc-detail{grid-template-columns:1fr;padding:calc(26 * 1rem / 100) calc(24 * 1rem / 100)}
.sc-dlead{padding-right:0;padding-bottom:calc(20 * 1rem / 100)}
.sc-q{white-space:normal}
.sc-dbody{padding-left:0;padding-top:calc(20 * 1rem / 100);border-left:0;border-top:1px solid #dceaf3}
.sc-dhead{flex-direction:column;align-items:flex-start;gap:calc(10 * 1rem / 100)}
}

@media(max-width:900px){
.sc-main{padding:44px 0 48px}
.sc-inner{width:auto;max-width:none;padding:0 20px}
.sc-head{margin-bottom:22px}
.sc-lead{margin-top:10px;text-align:left;text-justify:auto}
.sc-track{display:flex;gap:12px;margin:0 -20px;padding:4px 44px 6px 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.sc-track::-webkit-scrollbar{display:none}
.sc-card{flex:0 0 clamp(150px,42vw,220px);min-height:76px;padding:12px 12px 10px;border-radius:12px;scroll-snap-align:start}
.sc-card:hover{transform:none}
.sc-detail{margin-top:16px;padding:20px 56px 20px 18px;border-radius:14px}
}

@media(max-width:750px){
.sc-tit br{display:none}
}

@media(max-width:340px){
.sc-tit br{display:inline}
}

@media(prefers-reduced-motion:reduce){
.sc-card,.sc-chain{transition:none}
.sc-detail.in{animation:none}
}
