/* 五行货币动态预测面板样式 */
.wxc-dashboard {
	max-width: 900px;
	margin: 1.5em auto;
	padding: 1.2em;
	border: 1px solid rgba(128, 128, 128, .3);
	border-radius: 10px;
	font-size: 15px;
}

.wxc-title { margin: 0 0 .8em; }
.wxc-ver {
	font-size: .6em;
	vertical-align: middle;
	padding: 2px 8px;
	border-radius: 999px;
	background: rgba(128, 128, 128, .15);
}

.wxc-market {
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 6px;
	background: rgba(43, 108, 176, .08);
	margin-bottom: 1em;
}
.wxc-market-meta { display: block; font-size: 11px; opacity: .65; margin-top: 2px; }
.wxc-market-none { opacity: .7; background: rgba(128, 128, 128, .1); }

.wxc-help {
	margin-bottom: 1em;
	border: 1px dashed rgba(128, 128, 128, .35);
	border-radius: 8px;
	font-size: 13px;
}
.wxc-help summary {
	cursor: pointer;
	padding: 8px 12px;
	font-weight: 600;
	user-select: none;
}
.wxc-help[open] summary { border-bottom: 1px dashed rgba(128, 128, 128, .35); }
.wxc-help-body { padding: 4px 16px 12px; }
.wxc-help-body h4 { margin: 1em 0 .4em; }
.wxc-help-body code {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	background: rgba(128, 128, 128, .12);
	font-size: 12px;
}
.wxc-help-body ul { margin: .3em 0 .8em 1.2em; padding: 0; }
.wxc-help-body li { margin-bottom: .3em; }
.wxc-td-left { text-align: left !important; white-space: normal !important; }

.wxc-inputs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin-bottom: 1em;
}

.wxc-input {
	display: flex;
	flex-direction: column;
	gap: 2px;
	font-size: 12px;
	border-left: 4px solid var(--wxc-c, #888);
	padding-left: 8px;
}

.wxc-phase { font-weight: 700; color: var(--wxc-c, inherit); }
.wxc-input input { width: 90px; padding: 4px 6px; }

.wxc-run {
	padding: 8px 22px;
	border: 0;
	border-radius: 6px;
	background: #2b6cb0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
}
.wxc-run:disabled { opacity: .6; cursor: wait; }

.wxc-status { padding: .6em 0; opacity: .8; }

#wxc-chart {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}

.wxc-table-wrap { overflow-x: auto; margin-bottom: 1em; }
.wxc-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.wxc-table th,
.wxc-table td {
	padding: 6px 10px;
	border-bottom: 1px solid rgba(128, 128, 128, .25);
	text-align: right;
	white-space: nowrap;
}
.wxc-table th:first-child,
.wxc-table td:first-child { text-align: left; }

.wxc-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
}

.wxc-up { color: #c53030; }   /* 中文习惯:红涨 */
.wxc-down { color: #2f855a; } /* 绿跌 */
.wxc-flat { opacity: .75; }

.wxc-well-tag {
	font-size: 11px;
	padding: 1px 6px;
	border-radius: 999px;
	background: rgba(43, 108, 176, .15);
	color: #2b6cb0;
}

.wxc-disclaimer {
	font-size: 12px;
	opacity: .75;
	border-top: 1px dashed rgba(128, 128, 128, .4);
	padding-top: .8em;
}