/* 首页页面级样式：由 template/pc/index.htm 内联 <style> 抽离。 */
/* === SeekClaw 首页 banner — Trust & Authority 风格 === */
	:root{--banner-card-pad:28px;}
	.banner{
		height:auto !important;min-height:560px !important;
		background-color:#eef5ff !important;
		background-image:url("/banner-bg.png") !important;
		background-image:image-set(url("/banner-bg-1920.webp") type("image/webp"), url("/banner-bg.png") type("image/png")) !important;
		background-position:center center !important;
		background-size:cover !important;
		background-repeat:no-repeat !important;
		margin-top:80px;position:relative;overflow:hidden;padding:70px 0 72px;
	}
	.banner > .w1200{
		display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:56px;align-items:start;
		position:relative;z-index:3;
	}
	.banner > .w1200> .banner_hero{margin-top:92px !important;}
	.banner > .w1200> .banner_l{height:auto !important;min-width:0;position:relative;display:block !important;margin-top:0 !important;}
	@media (max-width:1100px){.banner > .w1200{grid-template-columns:1fr;gap:40px;}}

	/* 极淡网格点阵 */
	.banner::before{
		display:none;content:"";position:absolute;inset:0;
		background-image:radial-gradient(circle at 1px 1px, rgba(42,111,255,.14) 1px, transparent 0);
		background-size:32px 32px;
		mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 30%, transparent 80%);
		-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%, #000 30%, transparent 80%);
		pointer-events:none;opacity:.6;
	}
	.banner::after{
		display:none;content:"";position:absolute;inset:0;pointer-events:none;
		background:
			linear-gradient(90deg,rgba(42,111,255,.08),transparent 42%,rgba(42,111,255,.05) 78%,transparent),
			radial-gradient(ellipse 38% 38% at 92% 8%, rgba(42,111,255,.14), transparent 68%),
			radial-gradient(ellipse 42% 36% at 4% 100%, rgba(42,111,255,.10), transparent 68%);
	}
	.banner-deco,.banner-floats{display:none !important;}

	/* === HERO 文案区（保留原文案样式） === */
	.banner_hero{padding:0;margin:0;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;max-width:none;}

	.banner_hero h1{font-size:42px;font-weight:800;color:#1a2b4a;line-height:1.22;margin:0 0 42px;letter-spacing:1px;}
	.banner_hero h1 .accent{background:linear-gradient(135deg,#2a6fff 0%,#4d8aff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

	.banner_hero .pts{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;}
	.banner_hero .pt{display:flex;align-items:center;gap:12px;padding:16px 28px;background:#fff;border:1px solid rgba(42,111,255,.12);border-left:3px solid #2a6fff;border-radius:10px;font-size:15.5px;color:#1a2b4a;font-weight:600;box-shadow:0 6px 14px -6px rgba(42,111,255,.1);cursor:default;}
	.banner_hero .pt::before{content:"";width:6px;height:6px;border-radius:50%;background:#2a6fff;flex-shrink:0;}

	.banner_hero .desc{padding:24px 28px;background:rgba(255,255,255,.66);border-left:3px solid #2a6fff;border-radius:0 12px 12px 0;font-size:14.5px;color:#3a4a6a;line-height:1.9;box-shadow:inset 0 1px 0 rgba(255,255,255,.78);}


	/* === 标准产品卡：紧凑两列 === */
	.banner_l .banner_b{
		background:rgba(255,255,255,.9) !important;
		border:1px solid rgba(42,111,255,.16) !important;
		border-radius:18px !important;
		max-width:none !important;width:100%;
		box-shadow:0 28px 64px -24px rgba(31,73,158,.28);
		padding:var(--banner-card-pad) var(--banner-card-pad) 26px !important;
		position:relative;z-index:2;overflow:hidden;
		backdrop-filter:blur(10px);
	}
	.banner_l .banner_b::before{
		display:block !important;content:"" !important;position:absolute !important;inset:0 !important;
		background:
			linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.44) 34%,transparent),
			radial-gradient(circle at 86% 12%,rgba(42,111,255,.10),transparent 28%),
			radial-gradient(circle at 12% 88%,rgba(42,111,255,.08),transparent 28%) !important;
		pointer-events:none !important;z-index:0 !important;
	}
	.banner_l .banner_b::after{
		display:block !important;content:"" !important;position:absolute !important;
		right:22px !important;top:26px !important;width:88px !important;height:88px !important;
		border:1px solid rgba(42,111,255,.12) !important;border-radius:50% !important;
		background:radial-gradient(circle,rgba(42,111,255,.08),transparent 62%) !important;
		pointer-events:none !important;z-index:0 !important;
	}
	.banner_l .banner_b .bn-title{color:#1a2b4a !important;font-size:24px !important;margin:0 0 24px !important;padding-left:16px !important;display:flex !important;align-items:center !important;font-weight:800 !important;position:relative !important;z-index:1 !important;line-height:1.22 !important;}
	.banner_l .banner_b .bn-title::before{
		display:block !important;content:"" !important;position:absolute !important;
		left:0 !important;top:50% !important;transform:translateY(-50%) !important;
		width:5px !important;height:22px !important;
		background:linear-gradient(180deg,#2a6fff,#5b9aff) !important;
		border-radius:4px !important;box-shadow:none !important;
	}
	.banner_l .banner_b .bn-title .accent{
		background:linear-gradient(135deg,#2a6fff 0%,#4d8aff 100%) !important;
		-webkit-background-clip:text !important;
		background-clip:text !important;
		-webkit-text-fill-color:transparent !important;
		color:transparent !important;
	}
	.banner_l .banner_b span.bn-product-list{grid-template-columns:1fr 1fr !important;gap:12px !important;margin-bottom:18px !important;position:relative !important;z-index:1 !important;}
	.banner_l .banner_b span.bn-product-list em{
		background:rgba(250,252,255,.86) !important;
		border:1px solid rgba(42,111,255,.13) !important;
		border-left:0 !important;
		border-radius:12px !important;
		color:#5a6a85 !important;
		padding:14px 16px !important;
		font-size:14px !important;
		display:flex !important;flex-direction:column !important;
		gap:4px !important;align-items:flex-start !important;
		transition:all .25s;min-height:82px;box-sizing:border-box;
	}
	.banner_l .banner_b span.bn-product-list em::before{
		display:block !important;content:"" !important;position:static !important;
		width:22px !important;height:3px !important;border-radius:3px !important;
		background:#2a6fff !important;margin-bottom:2px !important;
	}
	.banner_l .banner_b span.bn-product-list em:nth-child(7){grid-column:1 / -1;min-height:0;}
	.banner_l .banner_b span.bn-product-list em b::before{display:none !important;}
	.banner_l .banner_b span.bn-product-list em b{
		color:#1a2b4a !important;font-size:17px !important;
		min-width:auto !important;width:auto !important;
		padding:0 !important;background:transparent !important;
		line-height:1.25 !important;
	}
	.banner_l .banner_b span.bn-product-list em:hover{background:#fff !important;border-color:rgba(42,111,255,.35) !important;box-shadow:0 12px 22px -14px rgba(42,111,255,.38) !important;transform:translateY(-2px) !important;}
	.banner_l .banner_b .cta-group{position:relative !important;z-index:1 !important;padding-top:2px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;flex-wrap:nowrap !important;}
	.banner_l .banner_b .callout{
		display:inline-flex !important;align-items:center !important;gap:10px !important;
		min-width:0 !important;max-width:340px !important;
		padding:8px 12px !important;
		background:linear-gradient(90deg,rgba(42,111,255,.10),rgba(42,111,255,.05)) !important;
		border:1px solid rgba(42,111,255,.16) !important;
		border-radius:12px !important;box-shadow:none !important;
	}
	.banner_l .banner_b .callout-icon{
		width:28px !important;height:28px !important;line-height:28px !important;border-radius:50% !important;
		display:flex !important;align-items:center !important;justify-content:center !important;
		background:#2a6fff !important;color:#fff !important;font-size:13px !important;flex:0 0 auto !important;
	}
	.banner_l .banner_b .callout-text{display:flex !important;align-items:center !important;gap:8px !important;min-width:0 !important;line-height:1.2 !important;}
	.banner_l .banner_b .callout-text strong{font-size:14px !important;color:#1a2b4a !important;white-space:nowrap !important;}
	.banner_l .banner_b .callout-text span{
		display:inline-flex !important;align-items:center !important;
		font-size:12px !important;color:#2a6fff !important;background:#fff !important;
		border:1px solid rgba(42,111,255,.14) !important;border-radius:999px !important;
		padding:4px 10px !important;white-space:nowrap !important;
	}
	.banner_l .banner_b ul{margin:0 !important;}
	.banner_l .banner_b ul a{padding:0 24px !important;line-height:44px !important;font-size:12px !important;min-width:auto !important;background:#fff !important;color:#2a6fff !important;border:1px solid rgba(42,111,255,.14) !important;}
	.banner_l .banner_b ul a:hover{background:#2a6fff !important;color:#fff !important;border-color:#2a6fff !important;box-shadow:0 10px 22px -6px rgba(42,111,255,.5) !important;transform:translateY(-1px);}

	/* === 平板/移动端 === */
	@media (max-width:1100px){
		.banner{padding:48px 20px 52px;}
	}
	@media (max-width:768px){
		.banner{margin-top:50px !important;padding:32px 16px 36px !important;min-height:0 !important;background-image:url("/banner-bg.png") !important;background-image:image-set(url("/banner-bg-960.webp") type("image/webp"), url("/banner-bg.png") type("image/png")) !important;}
		.banner::before{background-size:24px 24px;opacity:.4;}
		.banner > .w1200{gap:20px !important;grid-template-columns:1fr !important;}

		/* HERO 文案紧凑化 */
		.banner_hero,
		.banner > .w1200> .banner_hero{padding:0;margin-top:0 !important;}
		.banner_hero h1{font-size:26px;line-height:1.3;margin-bottom:16px;letter-spacing:.5px;}
		.banner_hero .pts{gap:8px;margin-bottom:12px;}
		.banner_hero .pt{font-size:13.5px;padding:11px 14px;line-height:1.4;}
		.banner_hero .pt:hover{transform:none;}
		.banner_hero .desc{font-size:13px;line-height:1.75;padding:13px 16px;border-radius:0 10px 10px 0;}
		.banner_l .banner_b .cta-group{flex-direction:column !important;align-items:stretch !important;}
		.banner_l .banner_b .callout{max-width:none !important;width:100% !important;box-sizing:border-box !important;}
		.banner_l .banner_b .callout-text{flex-wrap:wrap !important;}
		.banner_l .banner_b ul,
		.banner_l .banner_b ul li,
		.banner_l .banner_b ul a{width:100% !important;box-sizing:border-box !important;}

		/* 移动端首屏保留核心文案，减少信息负担 */
		.banner_l{display:none !important;}
	}
	@media (max-width:480px){
		.banner{padding:24px 14px 30px !important;}
		.banner_hero h1{font-size:23px;}
		.banner_hero .pt{font-size:13px;padding:10px 12px;}
		.banner_hero .desc{font-size:12.5px;padding:12px 14px;line-height:1.7;}
	}

/* ------------------------------ */

/* 通用 mockup 容器 - 固定高度等高 */
	.fa-mock{position:relative;width:100%;height:560px;background:linear-gradient(135deg,#f0f5ff 0%,#fff 100%);border:1px solid rgba(42,111,255,.1);border-radius:18px;padding:28px;box-shadow:0 18px 40px -16px rgba(42,111,255,.18);overflow:hidden;display:flex;flex-direction:column;gap:14px;}
	.fa-mock::before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(42,111,255,.08),transparent 65%);}
	.fa-mock::after{content:"";position:absolute;left:-40px;bottom:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(123,97,255,.06),transparent 65%);}
	.fa-mock > *{position:relative;z-index:1;}
	.fa-h{display:flex;align-items:center;gap:10px;margin-bottom:18px;}
	.fa-h::before{content:"";width:5px;height:18px;background:linear-gradient(180deg,#2a6fff,#7b61ff);border-radius:5px;}
	.fa-h h4{margin:0;font-size:18px;color:#1a2b4a;font-weight:800;}
	.fa-h .pill{margin-left:auto;font-size:11px;color:#2a6fff;padding:3px 10px;background:rgba(42,111,255,.08);border-radius:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px;}
	.fa-h .pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#06c4a3;animation:faPulse 1.6s infinite;}
	@keyframes faPulse{0%,100%{opacity:1}50%{opacity:.4}}

	/* 数据 KPI 行 */
	.fa-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;}
	.fa-kpi .k{background:#fff;border:1px solid rgba(42,111,255,.1);border-radius:10px;padding:14px;}
	.fa-kpi .k b{display:block;font-size:22px;font-weight:800;line-height:1;background:linear-gradient(135deg,#2a6fff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;margin-bottom:4px;}
	.fa-kpi .k span{font-size:11px;color:#7a8aa5;}

	/* 列表 - 自动撑满 */
	.fa-list{display:flex;flex-direction:column;gap:8px;flex:1;}
	.fa-list-fixed{display:flex;flex-direction:column;gap:8px;}
	.fa-list .item{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border:1px solid rgba(42,111,255,.08);border-radius:10px;font-size:13px;color:#1a2b4a;}
	.fa-list .item .ic{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,rgba(42,111,255,.12),rgba(123,97,255,.08));color:#2a6fff;display:flex;align-items:center;justify-content:center;}
	.fa-list .item .ic svg{width:16px;height:16px;}
	.fa-list .item .ttl{flex:1;font-weight:600;}
	.fa-list .item .ttl span{display:block;font-size:11px;color:#7a8aa5;font-weight:400;margin-top:2px;}
	.fa-list .item .lvl{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;flex-shrink:0;}
	.fa-list .item .lvl.r{color:#e53935;background:rgba(229,57,53,.1);}
	.fa-list .item .lvl.y{color:#d97706;background:rgba(245,166,35,.12);}
	.fa-list .item .lvl.g{color:#00a878;background:rgba(0,168,120,.1);}

	/* 网格图标 */
	.fa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
	.fa-grid .g{background:#fff;border:1px solid rgba(42,111,255,.1);border-radius:10px;padding:14px 10px;text-align:center;}
	.fa-grid .g .ic{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#2a6fff,#7b61ff);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;}
	.fa-grid .g .ic svg{width:18px;height:18px;}
	.fa-grid .g b{display:block;font-size:12.5px;color:#1a2b4a;font-weight:700;margin-bottom:2px;}
	.fa-grid .g span{font-size:10.5px;color:#7a8aa5;}

	/* 柱状图 */
	.fa-bars{height:80px;display:flex;align-items:end;gap:6px;padding:8px;background:#fff;border-radius:8px;border:1px solid rgba(42,111,255,.08);margin-bottom:12px;}
	.fa-bars .b{flex:1;background:linear-gradient(180deg,#2a6fff,rgba(42,111,255,.2));border-radius:3px 3px 0 0;}
	.fa-bars .b.h{background:linear-gradient(180deg,#7b61ff,rgba(123,97,255,.2));}

	/* 流程链路 */
	.fa-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
	.fa-flow .step{background:#fff;border:1px solid rgba(42,111,255,.1);border-radius:8px;padding:10px 8px;text-align:center;font-size:11.5px;color:#1a2b4a;font-weight:600;position:relative;}
	.fa-flow .step:not(:last-child)::after{content:"→";position:absolute;right:-7px;top:50%;transform:translateY(-50%);color:rgba(42,111,255,.5);font-size:13px;font-weight:700;z-index:2;}
	.fa-flow .step span{display:block;font-size:18px;background:linear-gradient(135deg,#2a6fff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1;margin-bottom:4px;}

	/* 标签云 */
	.fa-tags{display:flex;flex-wrap:wrap;gap:8px;}
	.fa-tags span{font-size:12px;color:#2a6fff;background:#fff;padding:6px 12px;border:1px solid rgba(42,111,255,.18);border-radius:50px;font-weight:600;}

	/* 折线图 */
	.fa-line{height:90px;background:#fff;border-radius:8px;border:1px solid rgba(42,111,255,.08);padding:8px;}
	.fa-line svg{width:100%;height:100%;}

	/* 聊天气泡 */
	.fa-chat{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid rgba(42,111,255,.08);border-radius:10px;padding:12px;}
	.fa-chat .row{display:flex;gap:8px;align-items:flex-end;}
	.fa-chat .row.u{flex-direction:row-reverse;}
	.fa-chat .av{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2a6fff,#7b61ff);}
	.fa-chat .row.u .av{background:linear-gradient(135deg,#06c4a3,#2a6fff);}
	.fa-chat .bub{background:#f4f7ff;color:#1a2b4a;padding:7px 11px;border-radius:12px 12px 12px 4px;font-size:12px;line-height:1.4;max-width:78%;}
	.fa-chat .row.u .bub{background:linear-gradient(135deg,#2a6fff,#5b9aff);color:#fff;border-radius:12px 12px 4px 12px;}

/* ------------------------------ */

/* 引领者 4 卡 — 重新设计 */
	.ylz ul.leader-cards{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important;justify-content:initial !important;}
	@media (max-width:900px){.ylz ul.leader-cards{grid-template-columns:repeat(2,1fr) !important;}}
	.ylz ul.leader-cards li{
		width:auto !important;background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%) !important;
		border:1px solid rgba(91,154,255,.15) !important;
		padding:28px 24px !important;
		display:grid !important;
		grid-template-rows:auto auto 1fr;
		row-gap:14px;
		text-align:left !important;
		position:relative;overflow:hidden;
		align-self:stretch;
	}
	.ylz ul.leader-cards li::before{
		content:"";position:absolute;right:-30px;top:-30px;
		width:140px;height:140px;border-radius:50%;
		background:radial-gradient(circle,rgba(42,111,255,.08),transparent 65%);
		pointer-events:none;
	}
	.ylz ul.leader-cards li > *{position:relative;z-index:1;}
	.ylz ul.leader-cards li i{
		display:flex !important;align-items:center;justify-content:center;
		width:52px !important;height:52px !important;
		border-radius:14px;
		background:linear-gradient(135deg,#2a6fff,#7b61ff) !important;
		margin:0;
		box-shadow:0 10px 22px -6px rgba(42,111,255,.4);
	}
	.ylz ul.leader-cards li i svg{width:26px;height:26px;color:#fff;}
	.ylz ul.leader-cards li .title{
		font-size:20px !important;font-weight:800 !important;
		line-height:1.35 !important;margin:0 !important;
		background:linear-gradient(135deg,#2a6fff,#7b61ff);
		-webkit-background-clip:text;-webkit-text-fill-color:transparent;
		background-clip:text;letter-spacing:.3px;
	}
	.ylz ul.leader-cards li p{
		font-size:13.5px !important;color:#5a6a85 !important;
		line-height:1.85 !important;margin:0 !important;
		align-self:start;
	}
	.ylz ul.leader-cards li p.case-lines span{
		display:block !important;
		margin:0 0 6px !important;
		font-size:13.5px !important;
		font-weight:500 !important;
		line-height:1.85 !important;
		color:#5a6a85 !important;
		letter-spacing:0 !important;
	}
	.ylz ul.leader-cards li p.case-lines span:last-child{margin-bottom:0 !important;}
	.ylz ul.leader-cards li:hover{
		transform:translateY(-4px) !important;
		box-shadow:0 18px 36px -10px rgba(42,111,255,.25) !important;
		border-color:rgba(42,111,255,.3) !important;
	}