.case-page{--ink:#080a20;--blue:#5965f5;background:#080a20;color:#fff;min-height:100vh;padding-bottom:100px;overflow:hidden}.case-page *{box-sizing:border-box}.case-page img{display:block;max-width:100%}.case-hero{min-height:440px;display:flex;align-items:center;position:relative;background:radial-gradient(circle at 70% 30%,#323082,#15133f 35%,#080a20 70%)}.case-hero-lines{position:absolute;inset:0;background:linear-gradient(110deg,transparent 52%,rgba(59,130,246,.12) 52.2%,transparent 52.4%),linear-gradient(72deg,transparent 68%,rgba(145,94,255,.15) 68.2%,transparent 68.4%)}.case-hero-lines:before,.case-hero-lines:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(59,130,246,.28)}.case-hero-lines:before{width:420px;height:420px;right:8%;top:20px}.case-hero-lines:after{width:230px;height:230px;right:16%;top:115px;border-color:rgba(162,99,255,.45);box-shadow:0 0 60px rgba(83,86,245,.25)}.case-hero-inner{position:relative;z-index:2;padding-top:50px}.case-hero p,.case-heading p{font-size:var(--type-caption);font-weight:700;letter-spacing:.22em;color:#3b82f6;margin:0 0 13px}.case-hero h1{font-size:var(--type-display);line-height:1;letter-spacing:-.06em;margin:0 0 25px;color:#fff}.case-hero span{color:#aeb7d3;font-size:var(--type-body)}.case-breadcrumb{display:flex;gap:11px;align-items:center;padding-top:23px;padding-bottom:23px;color:#747c9c;font-size:var(--type-caption)}.case-breadcrumb a{color:#a6aec7}.case-breadcrumb strong{color:#fff}.case-heading{display:flex;align-items:end;justify-content:space-between;margin:40px 0 35px}.case-heading h2{font-size:var(--type-heading);letter-spacing:-.04em;margin:0;color:#fff}.case-heading>span{font-size:var(--type-caption);color:#7f89a9}.case-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.case-card{display:block;color:#fff;text-decoration:none!important;min-width:0;margin-bottom:34px}.case-card-0,.case-card-3{grid-column:span 7}.case-card-1,.case-card-2{grid-column:span 5}.case-card-2{margin-top:70px}.case-media{height:390px;border-radius:var(--radius-ui);overflow:hidden;position:relative;background:#171c48}.case-card-1 .case-media,.case-card-2 .case-media{height:330px}.case-media>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.case-card:hover .case-media>img{transform:scale(1.05)}.case-media>span{position:absolute;left:17px;top:17px;padding:7px 9px;border-radius:var(--radius-ui);background:rgba(6,9,27,.58);font-size:var(--type-caption);letter-spacing:.17em;backdrop-filter:blur(8px)}.case-media>i{position:absolute;right:17px;bottom:17px;width:105px;height:58px;padding:9px;border-radius:var(--radius-ui);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2)}.case-media>i img{width:100%;height:100%;object-fit:contain}.case-card h3{font-size:var(--type-title);margin:17px 0 6px;color:#fff}.case-card>b{font-size:var(--type-caption);color:#7486ff}.case-empty{padding:80px 20px;text-align:center;border:1px dashed rgba(255,255,255,.18);border-radius:var(--radius-ui);color:#8d96b5}.case-pages{display:flex;align-items:center;justify-content:space-between;padding-top:25px;margin-top:35px;border-top:1px solid rgba(255,255,255,.14)}.case-pages>div{display:flex;gap:5px;align-items:center}.case-pages a{min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-ui);display:inline-flex;align-items:center;justify-content:center;color:#9da7c7;font-size:var(--type-caption);text-decoration:none!important}.case-pages>div a.is-active{background:#6873f7;color:#fff}.case-pages>a{border:1px solid rgba(255,255,255,.17)}.case-pages a.is-disabled{opacity:.32;pointer-events:none}
@media(max-width:767px){.case-page{padding-bottom:65px}.case-hero{min-height:390px}.case-hero h1{font-size:var(--type-display)}.case-hero-lines:before{width:280px;height:280px;right:-100px;top:50px}.case-hero-lines:after{width:150px;height:150px;right:-35px;top:115px}.case-breadcrumb{padding-left:16px;padding-right:16px}.case-heading{display:block;margin-top:20px}.case-heading>span{display:block;margin-top:12px}.case-wall{display:block}.case-card,.case-card-2{margin:0 0 34px}.case-media,.case-card-1 .case-media,.case-card-2 .case-media{height:62vw;border-radius:var(--radius-ui)}.case-card h3{font-size:var(--type-title)}.case-pages>a{font-size:var(--type-caption);text-indent:-9999px;position:relative;overflow:hidden}.case-pages>a:first-child:before{content:'←';font-size:var(--type-body);position:absolute;inset:0;display:grid;place-items:center;text-indent:0}.case-pages>a:last-child:before{content:'→';font-size:var(--type-body);position:absolute;inset:0;display:grid;place-items:center;text-indent:0}}
@media(prefers-reduced-motion:reduce){.case-page *{transition-duration:.01ms!important;animation:none!important}}

/* 客户标识承载区使用深色玻璃，避免图片墙中出现突兀白块。 */
.case-media>i{
	border:1px solid rgba(126,148,225,.2);
	background:rgba(8,14,35,.88);
	box-shadow:0 12px 30px rgba(0,0,0,.28);
	backdrop-filter:blur(12px);
}

/* 案例列表统一双列超宽屏封面，取消原有错落排列。 */
.case-wall{
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:32px 20px;
}

.case-card{
	grid-column:auto;
	margin:0;
}

.case-media,
.case-card-1 .case-media,
.case-card-2 .case-media{
	width:100%;
	height:auto;
	aspect-ratio:21/9;
}

.case-card-copy{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-width:0;
	gap:18px;
	padding-top:17px;
}

.case-card-copy h3{
	min-width:0;
	margin:0;
	overflow:hidden;
	color:#fff;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:color .25s ease;
}

.case-card-copy b{
	display:inline-flex;
	align-items:center;
	flex:0 0 auto;
	gap:5px;
	color:#fff;
	font-size:var(--type-caption);
	white-space:nowrap;
	transition:color .25s ease;
}

.case-card-copy .ui-arrow{
	transition:transform .25s ease;
}

.case-card:hover .case-card-copy h3{
	color:#3b82f6;
}

.case-card:hover .case-card-copy b{
	color:var(--violet);
}

.case-card:hover .case-card-copy .ui-arrow{
	transform:translate(3px,-3px) rotate(-45deg);
}

@media(max-width:767px){
	.case-wall{
		display:grid;
		grid-template-columns:1fr;
		gap:30px;
	}

	.case-card,
	.case-card-2{
		margin:0;
	}

	.case-media,
	.case-card-1 .case-media,
	.case-card-2 .case-media{
		height:auto;
		aspect-ratio:21/9;
	}
}