/* 侧边分类页 - UI 重构，仅样式调整 */
	.cc-side-hero.card { background: var(--cc-blue); border: none; }
	.cc-side-hero .card-body { background: transparent; color: #fff; }
	.cc-side-hero .search-box .form-control {
		background: linear-gradient(135deg, #f8faff 0%, #e6f0ff 100%);
		border: 1px solid rgba(226,232,240,.65) !important;
		color: var(--cc-text);
	}
	.cc-side-hero .search-box .form-control::placeholder { color: #64748b; }
	.cc-side-hero .search-icon { color: #2563eb; }

	.prolist ul { padding-left: 0; margin: 0; }
	.prolist li { list-style: none; text-align: left; }

	/* 卡片统一视觉 */
	.card.cc-card { border: 1px solid var(--cc-border); }

	/* === 一级分类导航列表 === */
	.cc-nav-list { padding-left: 0; margin: 0; }
	.cc-nav-list > li { list-style: none; margin-bottom: 2px; }
	.cc-nav-list > li.active { margin-bottom: 4px; }

	.cc-nav-link {
		color: var(--cc-muted);
		display: flex;
		align-items: center;
		padding: 10px 12px;
		border-radius: 10px;
		transition: all .2s ease;
		position: relative;
		text-decoration: none;
	}
	.cc-nav-link::before {
		content: "";
		width: 4px;
		height: 0;
		border-radius: 2px;
		background: var(--cc-blue);
		margin-right: 8px;
		flex-shrink: 0;
		transition: height .2s ease;
	}
	.cc-nav-list > li.active > .cc-nav-link::before,
	.cc-nav-link:hover::before { height: 18px; }
	.cc-nav-list > li.active > .cc-nav-link,
	.cc-nav-link:hover {
		background: linear-gradient(135deg, #eff6ff, #dbeafe);
		color: var(--cc-blue) !important;
		font-weight: 600;
	}
	.cc-nav-list > li.cc-has-children > .cc-nav-link::after {
		content: "\25B8";
		position: absolute;
		right: 12px;
		color: var(--cc-blue);
		font-size: 14px;
		font-weight: 700;
		transition: transform .2s ease;
	}
	.cc-nav-list > li.cc-has-children.active > .cc-nav-link::after { transform: rotate(90deg); }

	/* === 二级子列表（手风琴展开） === */
	.prolist .cc-nav-list > li > .cc-sub-list {
		display: none !important;
		list-style: none;
		padding: 6px 6px 4px 16px;
		margin: 6px 0 0;
		background: linear-gradient(135deg, #f8faff 0%, #f0f4ff 100%);
		border-radius: 10px;
		border-left: 3px solid var(--cc-blue);
		overflow: hidden;
	}
	.prolist .cc-nav-list > li.active > .cc-sub-list {
		display: block !important;
		animation: ccSubExpand .25s ease;
	}
	@keyframes ccSubExpand {
		from { opacity: 0; transform: translateY(-6px); }
		to   { opacity: 1; transform: translateY(0); }
	}

	.cc-sub-list > li { list-style: none; margin-bottom: 1px; }
	.cc-sub-list > li:last-child { margin-bottom: 0; }
	.cc-sub-list a {
		color: var(--cc-muted);
		display: flex;
		align-items: center;
		padding: 7px 10px;
		border-radius: 8px;
		transition: all .2s ease;
		position: relative;
		border: 2px solid transparent;
		font-size: 13px;
		line-height: 1.4;
		text-decoration: none;
	}
	.cc-sub-list a::before {
		content: "";
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #cbd5e1;
		margin-right: 8px;
		flex-shrink: 0;
		transition: all .2s ease;
	}
	.cc-sub-list > li.active a::before {
		background: var(--cc-blue);
		box-shadow: 0 0 0 3px rgba(37, 99, 235, .2);
	}
	.cc-sub-list a:hover {
		background: #fff;
		border-color: rgba(37, 99, 235, .15);
	}
	.cc-sub-list > li.active a {
		color: var(--cc-blue) !important;
		background: #fff;
		border-color: var(--cc-blue);
		font-weight: 600;
		box-shadow: 0 2px 8px rgba(37, 99, 235, .12);
	}

	/* 搜索块微调（沿用 demo 结构） */
	.pro-search-box .rounded { border-radius: 2rem !important; }
	.pro-search-box .bg-light, .pro-search-box .form-control { background-color: transparent !important; }

	/* 分类标题样式（符合设计规范，字体更大） */
	.cc-side-title {
		font-size: 20px; /* card-title */
		font-weight: 700;
		color: var(--cc-text);
		margin-bottom: 12px;
		display: flex; align-items: center;
	}
	.cc-side-title::before {
		content: "";
		display: inline-block;
		width: 6px; height: 18px;
		border-radius: 4px;
		margin-right: 8px;
		background: linear-gradient(135deg, var(--cc-blue), var(--cc-blue-600));
	}

	/* 新手引导问卷样式 */
	.cc-guide h5 { font-weight: 700; }
	.cc-guide .cc-q { margin-bottom: 16px; text-align: center; }
	.cc-guide .cc-options { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
	.cc-guide .cc-opt { border: 1px solid var(--cc-border); border-radius: 10px; padding: 8px 14px; cursor: pointer; background: #fff; color: var(--cc-text); }
	.cc-guide .cc-opt.active, .cc-guide .cc-opt:hover { background: linear-gradient(135deg, var(--cc-blue), var(--cc-blue-600)); color: #fff; }
	/* 放大问题与答案字号 */
	.cc-guide .cc-q .mb-2 { font-size: 18px; }
	.cc-guide .cc-opt { font-size: 16px; padding: 10px 16px; }
	.cc-guide .cc-footer { display: flex; justify-content: space-between; width: 100%; }
	.cc-guide .cc-step { display: none; }
	.cc-guide .cc-step.active { display: block; }
	.cc-guide .cc-steps { color: var(--cc-muted); font-size: 12px; }
	.cc-guide .cc-result-box { text-align: center; padding: 8px 0; }
	/* 推荐结果视觉强化 */
	.cc-result-badge { display:inline-block; padding:6px 16px; border-radius:999px; color:#fff; font-size:18px; font-weight:700; background: linear-gradient(135deg, var(--cc-blue), var(--cc-blue-600)); box-shadow: 0 8px 20px rgba(37,99,235,.25); }
	.cc-result-card { background:#f8faff; border:1px solid var(--cc-border); border-radius:12px; padding:12px 16px; margin-top:10px; color:#64748b; }
	.cc-desc-text { margin-bottom:8px; }
	.cc-learn-btn { display:inline-block; margin-top:6px; }
	/* 动效：结果出现时的轻微弹入与辉光 */
	.cc-animate-in { animation: ccFadeUp .45s ease forwards; }
	/* 持续脉冲效果 */
	.cc-pulse { animation: ccPulse 1.6s ease-in-out infinite; }
	@keyframes ccFadeUp {
		0% { opacity: 0; transform: translateY(8px) scale(.96); }
		100% { opacity: 1; transform: translateY(0) scale(1); }
	}
	@keyframes ccPulse {
		0% { box-shadow: 0 0 0 0 rgba(37,99,235,.45); }
		70% { box-shadow: 0 0 0 14px rgba(37,99,235,0); }
		100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
	}
	/* 顶部步骤条 */
	.cc-steps-bar { display:flex; align-items:center; justify-content:center; gap:16px; margin-bottom:16px; }
	.cc-step-dot { width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color: var(--cc-muted); background:#fff; border:1px solid var(--cc-border); cursor: pointer; }
	.cc-step-dot.active { color:#fff; background: linear-gradient(135deg, var(--cc-blue), var(--cc-blue-600)); border-color: var(--cc-blue-600); }
	.cc-step-line { width:48px; height:2px; background: var(--cc-border); }
	.cc-step-dot.done { color:#fff; background: var(--cc-blue); border-color: var(--cc-blue); }
	.cc-step-dot.disabled { cursor: not-allowed; opacity: .6; }

	/* 引导关闭按钮右下角 */
	.cc-guide { position: relative; }
	.cc-close-btn { position: absolute; right: 16px; bottom: 16px; }

	@media screen and (max-width: 768px) {
		.cc-nav-list > li.active > .cc-sub-list { padding-left: 8px; }
	}