.business-showcase{padding:40px clamp(24px,2.7vw,88px) 80px;background:#fff;color:#0d0f0e;font-family:var(--font-body,var(--body));scroll-margin-top:80px}
.showcase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;max-width:1600px;margin:0 auto 36px}
.showcase-arrow{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;mask:var(--circle-arrow-mask,var(--arrow)) center/contain no-repeat;-webkit-mask:var(--circle-arrow-mask,var(--arrow)) center/contain no-repeat;rotate:-45deg;transition:translate .25s}
.business-showcase+.case-voices{padding-top:160px}
/* 全尺寸共享六张动态业务卡片。 */
.business-showcase [hidden]{display:none!important}
.showcase-title-line{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.business-showcase[data-showcase-theme="2"]{position:relative;background:#fff;color:#0d0f0e;padding:68px clamp(24px,3.5vw,72px) 86px;overflow:clip}
[data-showcase-theme="2"] .showcase-heading{display:block;position:relative;text-align:center;margin-bottom:clamp(60px,8vw,154px)}
[data-showcase-theme="2"] .showcase-title-line{justify-content:center}
[data-showcase-theme] .showcase-heading h2{font:600 calc(clamp(38px,4.3vw,54px) * .88)/1.2 var(--font-display);letter-spacing:-.012em}
[data-showcase-theme="2"] :focus-visible{outline-color:#153f2d}
.craft-stage{position:relative;max-width:1600px;margin:0 auto;padding:68px 12px 70px}
.craft-deck{display:flex;align-items:center;gap:14px}
.craft-card{position:relative;display:block;flex:1;min-width:0;aspect-ratio:295/442;border-radius:20px;background:var(--card-bg);color:var(--card-ink);isolation:isolate;text-decoration:none;transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-angle)) scale(1.08);transition:transform .45s cubic-bezier(.22,.8,.22,1),box-shadow .3s ease;will-change:transform;box-shadow:0 8px 20px #0000000f}
.craft-card canvas{position:absolute;top:6%;left:8%;width:84%;height:auto;aspect-ratio:240/190;pointer-events:none}
.craft-stage[data-entered] .craft-card{animation:craft-enter .85s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--enter-index,0)*85ms)}
.craft-card:nth-child(2){--enter-index:1}
.craft-card:nth-child(3){--enter-index:2}
.craft-card:nth-child(4){--enter-index:3}
.craft-card:nth-child(5){--enter-index:4}
.craft-card:nth-child(6){--enter-index:5}
.craft-stage:focus-within .craft-card{animation:none}
@keyframes craft-enter{
  from{opacity:0;translate:0 76px;scale:.94;rotate:-4deg}
  to{opacity:1;translate:0 0;scale:1;rotate:0deg}
}
.craft-card h3{position:absolute;left:9%;right:5%;bottom:7%;margin:0;font:400 clamp(19px,2vw,36px)/1.3 var(--font-body);letter-spacing:-.025em;pointer-events:none}
.craft-card[data-pattern=website]{--card-bg:#ee5108;--card-ink:#fff0d4;--scatter-x:15%;--scatter-y:-12px;--scatter-angle:-9deg;z-index:1}
.craft-card[data-pattern=global]{--card-bg:#f5ebd8;--card-ink:#4c4436;--scatter-x:9%;--scatter-y:27px;--scatter-angle:4deg;z-index:2}
.craft-card[data-pattern=system]{--card-bg:#0796c7;--card-ink:#ddf5f7;--scatter-x:3%;--scatter-y:-38px;--scatter-angle:-3deg;z-index:3}
.craft-card[data-pattern=brand]{--card-bg:#45eb91;--card-ink:#104c28;--scatter-x:-3%;--scatter-y:35px;--scatter-angle:2deg;z-index:4}
.craft-card[data-pattern=app]{--card-bg:#252320;--card-ink:#f5ebd8;--scatter-x:-9%;--scatter-y:0px;--scatter-angle:6deg;z-index:5}
.craft-card[data-pattern=ai]{--card-bg:#c8c8e3;--card-ink:#28283f;--scatter-x:-15%;--scatter-y:24px;--scatter-angle:-5deg;z-index:6}
.craft-stage:has(.craft-card:focus-visible) .craft-card{transform:translate(0,0) rotate(0) scale(1)}
.craft-card:focus-visible{outline:2px solid #153f2d;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
  .craft-stage:hover .craft-card{transform:translate(0,0) rotate(0) scale(1)}
  .craft-stage:hover .craft-card:hover{transform:translate(0,-16px) rotate(0) scale(1.04);box-shadow:0 22px 36px #00000026;z-index:10}
}
.craft-stage:focus-within .craft-card:focus-visible{transform:translate(0,-16px) rotate(0) scale(1.04);box-shadow:0 22px 36px #00000026;z-index:10}
@media(max-width:1100px){
  .showcase-title-line{gap:16px}
  .craft-card{border-radius:14px}
  .craft-deck{gap:10px}
}

.showcase-all{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px auto 0;padding:10px 16px;min-height:44px;border:0;background:transparent;color:var(--text-primary);font:600 20px/1.5 var(--font-body);text-decoration:none;transition:color .2s ease;cursor:pointer}
.showcase-all:hover{color:var(--brand-green)}