:root { --primary: #0f172a; --accent: #2563eb; --bg: #f4f7fa; --card: #ffffff; }

	.card { background: var(--card); width: 100%; max-width: 850px; padding: 40px; border-radius: 24px; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15); border: 1px solid #e2e8f0; margin: 0 auto;}
	
	/* 品牌核心样式 */
	.brand-header { text-align: center; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f1f5f9; }
	.brand-name { 
		font-size: 52px; font-weight: 900; margin: 0; letter-spacing: 3px;
		background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%);
		-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	}
	.sub-h { color: #64748b; font-size: 16px; font-weight: 600; margin-top: 5px; letter-spacing: 1px; }

	/* 功能介绍区 */
	.intro-section { background: #f8fafc; border-radius: 15px; padding: 20px; margin-bottom: 30px; border-left: 5px solid #cbd5e1; line-height: 1.6; }
	.intro-title { font-size: 15px; font-weight: 800; color: #1e293b; margin-bottom: 5px; }
	.intro-p { font-size: 13px; color: #475569; margin: 0; }

	/* 产品选型网格样式 */
	.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; margin-bottom: 30px; }
	.product-item { 
		background: #fff; border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 12px 8px; 
		text-align: center; cursor: pointer; transition: 0.2s; position: relative;
	}
	.product-item:hover { border-color: var(--accent); background: #f0f7ff; transform: translateY(-2px); }
	.model-name { font-size: 12px; font-weight: 800; color: #64748b; display: block; margin-bottom: 4px; }
	.cv-val { font-size: 16px; font-weight: 900; color: var(--accent); }
	.cv-label { font-size: 10px; color: #94a3b8; font-weight: 600; margin-left: 2px; }

	.section-tag { font-size: 12px; font-weight: 800; color: var(--accent); text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 18px; display: block; border-left: 5px solid var(--accent); padding-left: 10px; }
	.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }
	label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; color: #475569; }
	select, input { width: 100%; padding: 13px; border: 1.5px solid #cbd5e1; border-radius: 12px; font-size: 14px; box-sizing: border-box; outline: none; transition: 0.2s; }
	input:focus { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1); }
	.u-box { display: flex; }
	.u-box input { border-radius: 12px 0 0 12px; border-right: none; }
	.u-box select { width: 110px; border-radius: 0 12px 12px 0; background: #f8fafc; font-weight: 600; }
	
	button.main-btn { width: 100%; background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); color: white; border: none; padding: 20px; border-radius: 15px; font-size: 18px; font-weight: 800; cursor: pointer; transition: 0.3s; margin-top: 10px; }
	button.main-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(15,23,42,0.3); }
	
	#resPanel { margin-top: 35px; padding: 30px; border-radius: 20px; background: #f0f9ff; border: 1px solid #bae6fd; display: none; }
	.res-v { font-size: 48px; font-weight: 900; color: #0369a1; }
	.report { font-size: 13px; color: #475569; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; border-top: 1.5px solid #bae6fd; padding-top: 20px; margin-top: 15px;}
	.choked-warn { grid-column: span 2; background: #fee2e2; color: #b91c1c; padding: 12px; border-radius: 10px; text-align: center; font-weight: 800; }