/* AI 副业案例库 —— 筛选器与信息卡
 *
 * 全部使用 rgba + color:inherit，不写死任何前景/背景色，
 * 这样在深色主题和浅色主题下都能正常显示。
 * 想换主色调只改 --aisn-accent 一个变量。
 */

.aisn-biz-app,
.aisn-biz-card {
	--aisn-line:   rgba(128, 128, 128, .28);
	--aisn-fill:   rgba(128, 128, 128, .10);
	--aisn-fill2:  rgba(128, 128, 128, .16);
	--aisn-accent: #2f6fd0;
	color: inherit;
}

.aisn-biz-app { font-size: 15px; line-height: 1.6; }

.aisn-biz-loading,
.aisn-biz-empty { opacity: .65; padding: 24px 0; }

/* ---------- 筛选面板 ---------- */

.aisn-biz-panel {
	background: var(--aisn-fill);
	border: 1px solid var(--aisn-line);
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 20px;
}

.aisn-biz-search input {
	width: 100%;
	padding: 10px 14px;
	background: var(--aisn-fill);
	border: 1px solid var(--aisn-line);
	border-radius: 8px;
	color: inherit;              /* 关键：不写就会白底白字 */
	font-size: 15px;
	margin-bottom: 14px;
	box-sizing: border-box;
}
.aisn-biz-search input::placeholder { color: inherit; opacity: .45; }
.aisn-biz-search input:focus { outline: none; border-color: var(--aisn-accent); }

.aisn-biz-facet {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.aisn-biz-facet-label { flex: 0 0 84px; font-size: 13px; opacity: .6; }

.aisn-biz-chip {
	background: transparent;
	border: 1px solid var(--aisn-line);
	border-radius: 999px;
	padding: 5px 13px;
	color: inherit;
	font-size: 13px;
	cursor: pointer;
	transition: all .15s;
}
.aisn-biz-chip:hover { background: var(--aisn-fill2); }
.aisn-biz-chip.is-on {
	background: var(--aisn-accent);
	border-color: var(--aisn-accent);
	color: #fff;
}

.aisn-biz-reset {
	background: none;
	border: none;
	color: inherit;
	opacity: .55;
	font-size: 13px;
	cursor: pointer;
	padding: 4px 0;
	text-decoration: underline;
}
.aisn-biz-reset:hover { opacity: .9; }

.aisn-biz-count { font-size: 13px; opacity: .55; margin: 0 0 12px; }

/* ---------- 结果列表 ---------- */

.aisn-biz-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.aisn-biz-item {
	display: block;
	border: 1px solid var(--aisn-line);
	border-radius: 10px;
	padding: 16px;
	text-decoration: none;
	color: inherit;
	background: var(--aisn-fill);
	transition: border-color .15s, transform .15s;
}
.aisn-biz-item:hover { border-color: var(--aisn-accent); transform: translateY(-2px); }
.aisn-biz-item h3 { font-size: 16px; margin: 0 0 10px; line-height: 1.4; color: inherit; }
.aisn-biz-item p  { font-size: 13px; margin: 8px 0 0; opacity: .7; }

.aisn-biz-badges { display: flex; flex-wrap: wrap; gap: 6px; }

.aisn-biz-badge {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 4px;
	background: var(--aisn-fill2);
	color: inherit;
	opacity: .85;
}
/* 验证状态用半透明色块，深浅底都读得清 */
.aisn-biz-badge.v-self      { background: rgba( 26, 160,  84, .20); color: #3fbf72; opacity: 1; }
.aisn-biz-badge.v-verified  { background: rgba( 47, 111, 208, .20); color: #6ba3f0; opacity: 1; }
.aisn-biz-badge.v-collected { background: rgba(190, 150,  30, .20); color: #d6b44a; opacity: 1; }
.aisn-biz-badge.v-expired   { background: rgba(200,  60,  60, .20); color: #e88888; opacity: 1; }
.aisn-biz-badge.is-stale    { background: rgba(220, 170,  20, .20); color: #e0b83a; opacity: 1; }

.aisn-biz-checked { display: block; margin-top: 10px; font-size: 12px; opacity: .45; }

/* ---------- 正文信息卡 ---------- */

.aisn-biz-card {
	border: 1px solid var(--aisn-line);
	border-radius: 10px;
	padding: 4px 18px 14px;
	margin: 24px 0;
	background: var(--aisn-fill);
}
.aisn-biz-card table {
	width: 100%;
	border-collapse: collapse;
	background: none;
	margin: 0;
}
.aisn-biz-card th,
.aisn-biz-card td {
	text-align: left;
	padding: 9px 0;
	border-bottom: 1px solid var(--aisn-line);
	font-size: 14px;
	background: none;
	color: inherit;              /* 关键：td 之前漏写，深色主题下变成隐形 */
}
.aisn-biz-card th { width: 110px; font-weight: 500; opacity: .6; }
.aisn-biz-card td { opacity: 1; }
.aisn-biz-card tr:last-child th,
.aisn-biz-card tr:last-child td { border-bottom: none; }

.aisn-biz-stale {
	background: rgba(220, 170, 20, .15);
	border-left: 3px solid rgba(220, 170, 20, .6);
	color: inherit;
	padding: 10px 12px;
	border-radius: 6px;
	font-size: 13px;
	margin: 12px 0 0;
}
.aisn-biz-disclaimer {
	color: inherit;
	opacity: .5;
	font-size: 12px;
	margin: 12px 0 0;
	line-height: 1.6;
}

@media (max-width: 600px) {
	.aisn-biz-facet-label { flex-basis: 100%; margin-bottom: 2px; }
	.aisn-biz-list { grid-template-columns: 1fr; }
	.aisn-biz-card th { width: 88px; }
}