.catalog-page{--ink:#f7f8ff;--blue:#5965f5;--paper:#050816;background:var(--paper);color:var(--text);min-height:100vh;}
.catalog-page *{box-sizing:border-box;}
.catalog-hero{min-height:430px;display:flex;align-items:center;background:radial-gradient(circle at 70% 50%,#253078,#0a0e2d 42%,#07091c 75%);color:#fff;position:relative;overflow:hidden;}
.catalog-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:70px;padding-bottom:60px;}
.catalog-kicker,.catalog-result-head p,.catalog-custom>p,.catalog-aside-title p{font-size:var(--type-caption);font-weight:700;letter-spacing:.22em;color:#3b82f6;margin:0 0 14px;}
.catalog-hero h1{font-size:var(--type-display);letter-spacing:-.055em;line-height:1;margin:0 0 24px;color:#fff;}
.catalog-hero p:not(.catalog-kicker){max-width:620px;font-size:var(--type-body);line-height:1.85;color:#afb8d9;margin:0;}
.catalog-hero-art{height:290px;position:relative;}
.catalog-hero-art:before,.catalog-hero-art:after,.catalog-hero-art span,.catalog-hero-art i,.catalog-hero-art b{content:"";position:absolute;border-radius:50%;}
.catalog-hero-art:before{width:270px;height:270px;right:10%;top:10px;border:1px solid rgba(59,130,246,.4);box-shadow:0 0 80px rgba(94,96,255,.4),inset 0 0 50px rgba(59,130,246,.12);}
.catalog-hero-art:after{width:170px;height:170px;right:20%;top:60px;border:1px solid rgba(196,111,255,.58);}
.catalog-hero-art span,.catalog-hero-art i,.catalog-hero-art b{width:12px;height:12px;background:#3b82f6;box-shadow:0 0 24px #3b82f6;}
.catalog-hero-art span{right:18%;top:25px}.catalog-hero-art i{right:8%;top:55%;background:#9e68ff}.catalog-hero-art b{right:46%;bottom:30px;width:7px;height:7px;}
.catalog-breadcrumb,.product-breadcrumb{display:flex;gap:12px;align-items:center;padding-top:22px;padding-bottom:22px;font-size:var(--type-caption);color:#838ba5;}
.catalog-breadcrumb a{color:#565e79}.catalog-breadcrumb strong{font-weight:600;color:#161a31;}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding-bottom:110px;align-items:start;}
.catalog-filter{background:rgba(16,24,58,.82);border-radius:var(--radius-ui);padding:8px 28px;margin-bottom:52px;box-shadow:0 14px 45px rgba(0,0,0,.18);}
.filter-group{position:relative;display:grid;grid-template-columns:130px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid #eaedf5;align-items:start;}
.filter-group:last-child{border:0}.filter-title{display:flex;align-items:center;gap:12px;padding-top:6px;}.filter-title strong{font-size:var(--type-body);}
.filter-options{display:flex;flex-wrap:wrap;gap:7px;max-height:38px;overflow:hidden;}.filter-group.is-expanded .filter-options{max-height:none;}
.filter-options a{padding:7px 12px;border-radius:var(--radius-ui);color:var(--text-soft);text-decoration:none!important;font-size:var(--type-caption);transition:.2s;}.filter-options a:hover{background:rgba(59,130,246,.16);color:var(--primary)}.filter-options a.is-active{background:#101538;color:#fff;}
.filter-more{border:0;background:none;color:#68708c;font-size:var(--type-caption);padding:8px 0;cursor:pointer;white-space:nowrap;}
.catalog-result-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;}.catalog-result-head h2{font-size:var(--type-heading);letter-spacing:-.03em;margin:0}.catalog-result-head>span{font-size:var(--type-caption);color:#7c849c;}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.catalog-card{color:var(--text);text-decoration:none!important;min-width:0;}.catalog-card-media{height:225px;border-radius:var(--radius-ui);overflow:hidden;position:relative;background:#0c1431;}.catalog-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s;}.catalog-card:hover img{transform:scale(1.06)}
.catalog-card-copy{display:flex;align-items:center;justify-content:space-between;padding:14px 3px 18px;gap:12px;}.catalog-card h3{font-size:var(--type-body);line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.catalog-card i{font-style:normal;color:#6370ed;}
.catalog-empty{padding:70px 24px;background:rgba(16,24,58,.82);border-radius:var(--radius-ui);text-align:center;color:var(--text-soft);}.catalog-empty strong{font-size:var(--type-title);color:var(--text)}.catalog-empty p{margin:12px 0 24px}.catalog-empty a{display:inline-block;padding:10px 16px;background:#5965f5;color:#fff;border-radius:var(--radius-ui);text-decoration:none;}
.catalog-pages{display:flex;align-items:center;justify-content:space-between;margin-top:48px;padding-top:25px;border-top:1px solid #dce1ee;}.catalog-pages>div{display:flex;gap:6px;align-items:center}.catalog-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-ui);color:#555e7a;text-decoration:none!important;font-size:var(--type-caption);}.catalog-pages a.is-active{background:#111638;color:#fff}.catalog-pages .is-disabled{opacity:.35;pointer-events:none}.page-edge{border:1px solid #d6dbea;}
.catalog-aside{position:relative}.catalog-custom{padding:30px 26px;border-radius:var(--radius-ui);color:#fff;background:radial-gradient(circle at 90% 0,#765cf5,#2d37ae 50%,#13194d);box-shadow:0 20px 50px rgba(55,62,170,.25);}.catalog-custom h2{font-size:var(--type-title);line-height:1.2;margin:0 0 18px;color:#fff}.catalog-custom>span{display:block;color:#c5caf0;font-size:var(--type-body);line-height:1.8}.catalog-custom>a{display:inline-flex;margin-top:26px;background:rgba(5,8,22,.42);color:#fff;padding:11px 17px;border-radius:var(--radius-ui);font-size:var(--type-caption);font-weight:700;text-decoration:none!important;}
.catalog-hot{background:rgba(16,24,58,.82);border-radius:var(--radius-ui);margin-top:18px;padding:24px 20px;}.catalog-aside-title{margin-bottom:16px}.catalog-aside-title h2{font-size:var(--type-title);margin:0}.catalog-hot>a{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(126,148,225,.14);text-decoration:none!important;color:var(--text);}.catalog-hot img{width:82px;height:62px;border-radius:var(--radius-ui);object-fit:cover}.catalog-hot a span{min-width:0}.catalog-hot strong{display:block;font-size:var(--type-body);line-height:1.4;}
@media(max-width:1199px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-hero-inner{grid-template-columns:1fr 340px}}
@media(max-width:991px){.catalog-layout{grid-template-columns:1fr}.catalog-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.catalog-hot{margin:0}.catalog-hero-inner{grid-template-columns:1fr}.catalog-hero-art{position:absolute;right:0;width:45%;opacity:.5}.catalog-hero-inner>div:first-child{position:relative;z-index:2}}
@media(max-width:767px){.catalog-hero{min-height:370px}.catalog-hero-inner{padding-top:90px}.catalog-hero h1{font-size:var(--type-display)}.catalog-hero-art{display:none}.catalog-layout{padding-bottom:70px}.catalog-breadcrumb{padding-left:16px;padding-right:16px}.catalog-filter{padding:4px 16px;margin-bottom:38px}.filter-group{grid-template-columns:1fr;gap:8px;padding:17px 0}.filter-title{padding:0}.filter-more{position:absolute;right:0;top:12px}.filter-options{max-height:72px}.catalog-grid{gap:12px}.catalog-card-media{height:42vw}.catalog-card h3{font-size:var(--type-body)}.catalog-card-copy{padding-top:10px}.catalog-aside{display:block}.catalog-hot{margin-top:16px}.catalog-pages .page-edge{font-size:var(--type-caption);text-indent:-9999px;position:relative;overflow:hidden}.catalog-pages .page-edge:first-child:before{content:'←';font-size:var(--type-body);position:absolute;inset:0;display:grid;place-items:center;text-indent:0}.catalog-pages .page-edge:last-child:before{content:'→';font-size:var(--type-body);position:absolute;inset:0;display:grid;place-items:center;text-indent:0}.catalog-pages>div a:nth-of-type(n+6){display:none}}
@media(prefers-reduced-motion:reduce){.catalog-page *{transition-duration:.01ms!important;animation:none!important}}

@media (min-width:1440px){
	.catalog-grid{
		grid-template-columns:repeat(4,minmax(0,1fr));
	}
}

/* 列表内容区延续首屏的蓝黑 Aurora 材质。 */
.catalog-page{
	background:
		radial-gradient(circle at 8% 30%,rgba(59,130,246,.14),transparent 30rem),
		radial-gradient(circle at 94% 62%,rgba(168,85,247,.13),transparent 34rem),
		#050816;
	color:var(--text);
}

.catalog-hero{
	background:
		radial-gradient(circle at 70% 50%,rgba(59,130,246,.36),transparent 26rem),
		radial-gradient(circle at 86% 26%,rgba(168,85,247,.24),transparent 22rem),
		linear-gradient(135deg,#050816,#08102a 58%,#10103a);
}

.catalog-breadcrumb{
	color:var(--text-muted);
}

.catalog-breadcrumb a{
	color:var(--text-soft);
}

.catalog-breadcrumb strong,
.filter-title strong,
.catalog-result-head h2,
.catalog-aside-title h2{
	color:var(--text);
}

.catalog-filter,
.catalog-empty,
.catalog-hot{
	border:1px solid rgba(126,148,225,.16);
	background:linear-gradient(145deg,rgba(16,24,58,.9),rgba(8,14,35,.78));
	box-shadow:0 18px 52px rgba(0,0,0,.18);
	backdrop-filter:blur(16px);
}

.filter-group{
	border-bottom-color:rgba(126,148,225,.14);
}

.catalog-card i{
	color:var(--primary);
}

.filter-options a,
.filter-more,
.catalog-result-head>span,
.catalog-empty,
.catalog-pages a{
	color:var(--text-soft);
}

.filter-options a:hover,
.filter-more:hover{
	background:rgba(59,130,246,.16);
	color:var(--primary);
}

.filter-options a.is-active,
.catalog-pages a.is-active{
	background:linear-gradient(105deg,rgba(59,130,246,.92),rgba(168,85,247,.84));
	box-shadow:0 8px 24px rgba(59,130,246,.22);
	color:#fff;
}

.catalog-card{
	color:var(--text);
}

.catalog-card-media{
	border:1px solid rgba(126,148,225,.14);
	background:#0c1431;
	box-shadow:0 16px 38px rgba(0,0,0,.2);
}

.catalog-card-media::after{
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(160deg,transparent 54%,rgba(59,130,246,.18));
	pointer-events:none;
}

.catalog-card-copy{
	color:var(--text);
}

.catalog-card:hover .catalog-card-media{
	border-color:rgba(59,130,246,.28);
	box-shadow:var(--shadow-glow);
}

.catalog-empty strong{
	color:var(--text);
}

.catalog-empty a,
.catalog-custom>a{
	border:1px solid rgba(59,130,246,.24);
	background:rgba(5,8,22,.42);
	color:#fff;
}

.catalog-empty a:hover,
.catalog-custom>a:hover{
	background:rgba(59,130,246,.28);
	color:var(--primary);
}

.catalog-pages{
	border-top-color:rgba(126,148,225,.16);
}

.page-edge{
	border-color:rgba(126,148,225,.22);
}

.catalog-custom{
	border:1px solid rgba(126,148,225,.18);
	background:
		radial-gradient(circle at 90% 0,rgba(168,85,247,.46),transparent 17rem),
		linear-gradient(145deg,rgba(20,31,75,.96),rgba(9,15,39,.92));
	box-shadow:var(--shadow-glow);
}

.catalog-custom>span{
	color:var(--text-soft);
}

.catalog-hot>a{
	border-top-color:rgba(126,148,225,.14);
	color:var(--text);
}

.catalog-hot>a:hover{
	color:var(--primary);
}