.cases-hero{position:relative;overflow:hidden;padding:82px 0 76px;background:var(--bg-deep);color:var(--ink-on-dark)}
.cases-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.98) 0%,rgba(8,17,31,.88) 52%,rgba(8,17,31,.3) 100%),url("/assets/img/v4/yantai-workshop-hero-v2.webp") center/cover no-repeat}
.cases-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(105,210,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(105,210,255,.07) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,#000,transparent 84%)}
.cases-hero .wrap{position:relative;z-index:1}.cases-hero .crumb,.cases-hero .crumb a{color:rgba(247,249,252,.55)}
.cases-hero-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end}.cases-hero h1{color:#fff;max-width:9em}.cases-hero .lead{color:var(--ink-on-dark-muted);font-size:18px;max-width:660px}
.cases-jump{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-on-dark)}.cases-jump a{padding:18px 16px 18px 0;border-bottom:1px solid var(--line-on-dark);color:#fff}.cases-jump a+a{padding-left:16px;border-left:1px solid var(--line-on-dark)}.cases-jump small{display:block;color:var(--cyan);font-size:10px;letter-spacing:.1em;margin-bottom:8px}.cases-jump span{font-size:13px}
.truth-banner{position:relative;margin:-1px 0 0;background:#fff;border-bottom:1px solid var(--line);padding:22px 0}.truth-banner .wrap{display:grid;grid-template-columns:180px 1fr;gap:24px;font-size:14px;color:var(--ink-muted)}.truth-banner strong{color:var(--ink)}

.industry-library{position:relative;overflow:hidden;padding:116px 0 128px;background:#edf2f7;scroll-margin-top:var(--header-h)}
.industry-library::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,75,135,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,75,135,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}
.industry-library .wrap{position:relative}.industry-library__head{display:grid;grid-template-columns:1fr .72fr;gap:88px;align-items:end;margin-bottom:54px}.industry-library__head h2{max-width:12em;margin:0}.industry-library__head>p{max-width:570px;margin:0 0 6px;color:var(--ink-2);font-size:17px;line-height:1.8}
.solution-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:10px;background:rgba(255,255,255,.84);border:1px solid rgba(15,75,135,.13);box-shadow:0 12px 34px rgba(8,31,58,.07);backdrop-filter:blur(14px)}
.solution-filters{display:flex;flex-wrap:wrap;gap:6px}.solution-filters button{min-height:44px;padding:0 15px;border:1px solid transparent;background:transparent;color:var(--ink-2);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:color var(--dur-ui) var(--ease),background var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease),transform var(--dur-ui) var(--ease)}
.solution-filters button span{display:inline-grid;place-items:center;min-width:24px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:rgba(14,68,120,.08);color:var(--ink-muted);font-size:10px;font-variant-numeric:tabular-nums}
.solution-filters button[aria-pressed=true]{background:var(--bg-deep);border-color:var(--bg-deep);color:#fff}.solution-filters button[aria-pressed=true] span{background:rgba(105,210,255,.16);color:var(--cyan)}
@media(hover:hover){.solution-filters button:hover{color:var(--brand);border-color:rgba(15,75,135,.2);transform:translateY(-1px)}.solution-filters button[aria-pressed=true]:hover{color:#fff}}
.solution-status{flex:0 0 auto;margin:0 10px 0 0;color:var(--ink-muted);font-size:12px;white-space:nowrap}
.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.solution-card{--solution-accent:#1977d2;overflow:hidden;background:#fff;border:1px solid rgba(12,46,82,.12);box-shadow:0 8px 24px rgba(8,31,58,.055);content-visibility:auto;contain-intrinsic-size:760px;transition:transform 420ms var(--ease),box-shadow 420ms var(--ease),border-color 420ms var(--ease)}
.solution-card[data-solution-category=store]{--solution-accent:#e8793a}.solution-card[data-solution-category=project]{--solution-accent:#2b6fda}.solution-card[data-solution-category=service]{--solution-accent:#009a8c}.solution-card[data-solution-category=local]{--solution-accent:#8b5fc7}.solution-card[data-solution-category=member]{--solution-accent:#cf4e69}.solution-card[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.solution-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--solution-accent) 35%,transparent);box-shadow:0 24px 58px rgba(8,31,58,.13)}}
.solution-card__visual{position:relative;overflow:hidden;background:#081526;border-bottom:3px solid var(--solution-accent);isolation:isolate}
.solution-gallery__stage{position:relative;display:grid;place-items:center;height:332px;overflow:hidden;background:#081526;isolation:isolate}
.solution-gallery__stage::before{content:"";position:absolute;inset:-28px;background-image:linear-gradient(rgba(7,18,32,.5),rgba(7,18,32,.5)),var(--solution-backdrop);background-position:center;background-size:cover;filter:blur(18px) saturate(.8);opacity:.64;transform:scale(1.06);z-index:-2}
.solution-gallery__stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,27,.38),transparent 20% 80%,rgba(5,15,27,.38)),linear-gradient(0deg,rgba(5,15,27,.2),transparent 34%);pointer-events:none;z-index:1}
.solution-gallery__main{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity 160ms var(--ease),transform 260ms var(--ease);filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))}.solution-gallery__main.is-switching{opacity:.18;transform:scale(.985)}
.solution-gallery__badge,.solution-gallery__count{position:absolute;z-index:2;display:inline-flex;align-items:center;height:28px;padding:0 10px;background:rgba(5,15,27,.82);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:9px;letter-spacing:.09em;backdrop-filter:blur(8px)}.solution-gallery__badge{left:14px;top:14px}.solution-gallery__badge::before{content:"";width:5px;height:5px;margin-right:7px;background:var(--solution-accent);box-shadow:0 0 10px var(--solution-accent)}.solution-gallery__count{right:14px;bottom:14px;font-variant-numeric:tabular-nums}
.solution-gallery__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.14)}.solution-gallery__thumbs button{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:9px;min-height:66px;padding:8px;border:0;border-bottom:3px solid transparent;background:#0d2035;color:rgba(255,255,255,.62);font:inherit;font-size:10px;text-align:left;cursor:pointer;transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}.solution-gallery__thumbs button+button{border-left:1px solid rgba(255,255,255,.1)}.solution-gallery__thumbs button[aria-pressed=true]{background:#132d49;border-bottom-color:var(--solution-accent);color:#fff}.solution-gallery__thumbs img{display:block;width:66px;height:44px;object-fit:cover;object-position:top;background:#fff;border:1px solid rgba(255,255,255,.18)}
@media(hover:hover) and (pointer:fine){.solution-gallery__thumbs button:hover{background:#173754;color:#fff}}
.solution-card__body{padding:28px 28px 0}.solution-card__meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px;color:var(--solution-accent);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.solution-card__meta span:last-child{color:var(--ink-muted);font-variant-numeric:tabular-nums}.solution-card h3{margin:0 0 13px;font-size:26px;line-height:1.25}.solution-card__body>p{min-height:74px;margin:0;color:var(--ink-2);font-size:14px;line-height:1.78}
.solution-tags{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 24px;padding:0;list-style:none}.solution-tags li{padding:7px 10px;background:color-mix(in srgb,var(--solution-accent) 7%,#fff);border:1px solid color-mix(in srgb,var(--solution-accent) 16%,transparent);color:var(--ink-2);font-size:11px}
.solution-card__detail-link{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;margin:0 -28px;padding:0 28px;border-top:1px solid color-mix(in srgb,var(--solution-accent) 24%,transparent);background:color-mix(in srgb,var(--solution-accent) 6%,#fff);color:var(--ink);transition:background-color var(--dur-ui) var(--ease),color var(--dur-ui) var(--ease),padding-right var(--dur-ui) var(--ease)}.solution-card__detail-link span{color:var(--ink-muted);font-size:11px}.solution-card__detail-link strong{white-space:nowrap;color:var(--solution-accent);font-size:12px}.solution-card__detail-link b{display:inline-block;margin-left:6px;font-size:16px;transition:transform var(--dur-ui) var(--ease)}
@media(hover:hover){.solution-card__detail-link:hover{padding-right:22px;background:var(--solution-accent);color:#fff}.solution-card__detail-link:hover span,.solution-card__detail-link:hover strong{color:#fff}.solution-card__detail-link:hover b{transform:translateX(4px)}}
.solution-card details{margin:0 -28px;border-top:1px solid var(--line)}.solution-card summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 28px;color:var(--ink-2);font-size:12px;font-weight:750;cursor:pointer;list-style:none}.solution-card summary::-webkit-details-marker{display:none}.solution-card summary span{color:var(--solution-accent);font-size:19px;transition:transform var(--dur-ui) var(--ease)}.solution-card details[open] summary span{transform:rotate(45deg)}.solution-card details>div{padding:0 28px 28px;border-top:1px solid var(--line);background:#fbfcfe}.solution-card details p{margin:16px 0 0;color:var(--ink-2);font-size:13px;line-height:1.72}.solution-card details strong{display:block;margin-bottom:4px;color:var(--ink);font-size:11px;letter-spacing:.04em}.solution-card details a{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:var(--brand);font-size:12px;font-weight:800}
.solution-detail__audience{margin-top:22px;padding:15px 16px;border-left:3px solid var(--solution-accent);background:#fff}.solution-detail__audience p{margin:5px 0 0!important}.solution-detail__modules{margin-top:18px}.solution-detail__modules ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0 2px;padding:0;list-style:none}.solution-detail__modules li{padding:8px 7px;background:color-mix(in srgb,var(--solution-accent) 6%,#fff);border:1px solid color-mix(in srgb,var(--solution-accent) 14%,transparent);color:var(--ink-2);font-size:10px;text-align:center}
.solution-gallery__thumbs button:focus-visible,.solution-card summary:focus-visible,.solution-card__detail-link:focus-visible{position:relative;z-index:3;outline:3px solid var(--cyan);outline-offset:-3px}
.visual-studies__head{display:grid;grid-template-columns:1fr .8fr;gap:64px;align-items:end;padding:104px 0 18px;border-bottom:1px solid var(--line)}.visual-studies__head h2{margin:0;max-width:12em}.visual-studies__head>p:last-child{margin:0;color:var(--ink-2);line-height:1.8}

.case-gallery{padding:0 0 120px;background:var(--bg);scroll-margin-top:var(--header-h)}.sample-list{display:flex;flex-direction:column}.sample{display:grid;grid-template-columns:1.28fr .72fr;gap:72px;align-items:start;padding:104px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--header-h) + 8px)}
.sample:nth-child(even){grid-template-columns:.72fr 1.28fr}.sample:nth-child(even) .sample-media{grid-column:2;grid-row:1}.sample:nth-child(even) .sample-body{grid-column:1;grid-row:1}
.sample-media{position:sticky;top:calc(var(--header-h) + 28px)}
.sample-stage{position:relative;overflow:hidden;aspect-ratio:16/10;background:#0D1A2B;border-radius:4px 4px var(--radius) var(--radius);box-shadow:var(--shadow-lift)}
.sample-stage::before{content:"方案界面 · 可切换查看";display:flex;align-items:center;height:32px;padding-left:58px;color:rgba(247,249,252,.42);font-size:9px;letter-spacing:.1em;border-bottom:1px solid var(--line-on-dark)}
.sample-stage::after{content:"";position:absolute;top:13px;left:15px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:13px 0 0 var(--accent),26px 0 0 rgba(247,249,252,.3)}
.sample-stage>img{width:100%;height:calc(100% - 32px);object-fit:cover;object-position:top;transition:opacity 180ms ease,transform 700ms var(--ease)}.sample-stage>img.is-switching{opacity:.25;transform:scale(.99)}
.thumbs{display:flex;gap:10px;margin-top:14px}.sample-thumb{appearance:none;border:2px solid transparent;padding:0;border-radius:7px;background:transparent;cursor:pointer;opacity:.58;transition:opacity var(--dur-ui) var(--ease),border-color var(--dur-ui) var(--ease),transform var(--dur-ui) var(--ease)}.sample-thumb img{width:82px;height:52px;object-fit:cover;border-radius:4px}.sample-thumb[aria-current=true]{opacity:1;border-color:var(--brand)}
@media(hover:hover){.sample-thumb:hover{opacity:1;transform:translateY(-2px)}}
.sample-body{padding-top:10px}.case-number{display:flex;align-items:center;gap:12px;color:var(--brand);font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:34px}.case-number::after{content:"";height:1px;width:48px;background:var(--brand)}
.sample-body .pill{margin-bottom:16px}.sample-body h2{font-size:clamp(1.8rem,3.2vw,3.05rem);margin-bottom:30px}.sample-body .block{display:grid;grid-template-columns:70px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.sample-body .block:last-child{border-bottom:1px solid var(--line)}.sample-body .block h3{font-size:11px;letter-spacing:.1em;color:var(--brand);padding-top:4px}.sample-body .block p{margin:0;color:var(--ink-2);font-size:15px}

.cases-cta{position:relative;overflow:hidden;padding:112px 0;background:var(--bg-deep);color:var(--ink-on-dark)}.cases-cta::before{content:"";position:absolute;inset:0;background:url("/assets/img/v4/yantai-operations-v2.webp") center/cover no-repeat;opacity:.18}.cases-cta .wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:end}.cases-cta h2{color:#fff;max-width:10em}.cases-cta p{color:var(--ink-on-dark-muted);max-width:620px}.cases-cta__action{text-align:right}
@media(max-width:1080px){.solution-toolbar{align-items:flex-start;flex-direction:column}.solution-status{margin:0 6px 4px}}
@media(max-width:900px){.cases-hero-grid,.industry-library__head,.visual-studies__head,.cases-cta .wrap{grid-template-columns:1fr;gap:40px}.industry-library{padding:86px 0 96px}.solution-grid{grid-template-columns:1fr}.solution-gallery__stage{height:410px}.sample,.sample:nth-child(even){grid-template-columns:1fr;gap:42px;padding:76px 0}.sample:nth-child(even) .sample-media,.sample:nth-child(even) .sample-body{grid-column:auto;grid-row:auto}.sample-media{position:static}.cases-cta__action{text-align:left}}
@media(max-width:680px){.solution-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.solution-filters button{text-align:left}.solution-card__body>p{min-height:0}.solution-gallery__stage{height:280px}.solution-gallery__thumbs button{grid-template-columns:1fr;justify-items:center;gap:5px;text-align:center}.solution-gallery__thumbs img{width:76px;height:48px}.solution-detail__modules ul{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-studies__head{padding-top:78px}}
@media(max-width:620px){.cases-hero{padding:58px 0}.cases-jump{grid-template-columns:1fr}.cases-jump a+a{padding-left:0;border-left:0}.truth-banner .wrap{grid-template-columns:1fr;gap:6px}.industry-library{padding:72px 0 82px}.industry-library__head{margin-bottom:38px}.solution-toolbar{padding:8px}.solution-filters button{padding:0 10px;font-size:12px}.solution-card__body{padding:24px 22px 0}.solution-card__detail-link{margin:0 -22px;padding:0 22px}.solution-card details{margin:0 -22px}.solution-card summary{padding:0 22px}.solution-card details>div{padding:0 22px 24px}.sample-body .block{grid-template-columns:54px 1fr}.sample-thumb img{width:68px;height:44px}}
@media(prefers-reduced-motion:reduce){.solution-card,.solution-filters button,.solution-card summary span,.solution-card__detail-link,.solution-card__detail-link b,.solution-gallery__main,.solution-gallery__thumbs button{transition:none}}