/* 3D 分析系统 — 彩种专属（需先加载 analysis-common.css） */

		.analysis-page .version-badge {
			display: inline-block;
			background: rgba(255, 255, 255, 0.2);
			padding: 3px 10px;
			border-radius: 20px;
			font-size: 0.8rem;
			margin-left: 10px;
		}

		/* 数据信息面板 */
		.analysis-page .data-info-panel {
			display: flex;
			flex-direction: column;
			gap: 15px;
			background: white;
			padding: 20px;
			border-radius: 12px;
			margin-bottom: 20px;
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
			border: 1px solid #eee;
		}

		.analysis-page .data-stats-section {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			gap: 20px;
			padding-bottom: 15px;
			border-bottom: 2px solid #eee;
		}

		.analysis-page .data-stats {
			flex: 1;
			min-width: 300px;
		}

		.analysis-page .data-stats h3 {
			color: var(--primary);
			margin-bottom: 10px;
			font-size: 1.2rem;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.analysis-page .latest-result {
			background: linear-gradient(90deg, rgba(139, 26, 26, 0.04) 0%, rgba(245, 166, 35, 0.08) 100%);
			padding: 12px 14px;
			border-radius: 10px;
			border-left: 4px solid var(--secondary);
			flex: 1;
			min-width: 300px;
			box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 12px;
			flex-wrap: wrap;
		}

		.analysis-page .latest-result-main {
			min-width: 0;
		}

		.analysis-page .latest-result h4 {
			color: var(--primary);
			margin: 0 0 4px;
			font-size: 1.05rem;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.analysis-page .latest-result-meta {
			margin: 0;
			font-size: 0.92rem;
			color: #666;
			line-height: 1.35;
		}

		.analysis-page .latest-result-meta strong {
			color: #333;
			font-weight: 700;
		}

		.analysis-page .result-numbers {
			display: flex;
			gap: 8px;
			align-items: center;
			margin-top: 0;
			flex-shrink: 0;
		}

		.analysis-page .result-number {
			width: 46px;
			height: 46px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 1.35rem;
			font-weight: bold;
			color: white;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		}

		.analysis-page .hundred-bg {
			background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
		}

		.analysis-page .ten-bg {
			background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
		}

		.analysis-page .unit-bg {
			background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
		}

		/* 控制按钮 */
		.analysis-page .controls-card {
			display: grid;
			grid-template-columns: 1fr auto auto;
			gap: 12px;
			background: rgba(255, 255, 255, 0.95);
			border-radius: 12px;
			padding: 16px;
			margin-top: 12px;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
		}

		.analysis-page .controls-section {
			display: flex;
			flex-direction: column;
			gap: 10px;
		}

		.analysis-page .section-label {
			font-size: 0.85rem;
			font-weight: 600;
			color: var(--secondary);
			display: flex;
			align-items: center;
			gap: 6px;
			padding-bottom: 6px;
			border-bottom: 1px dashed rgba(30, 58, 95, 0.2);
		}

		.analysis-page .section-label i {
			font-size: 0.9rem;
		}

		.analysis-page .controls-row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 10px;
		}

		/* PC端一行布局 */
		.analysis-page .analyze-row {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 12px;
		}

		.analysis-page .period-select-group {
			order: 1;
		}

		.analysis-page .custom-period-inputs {
			order: 2;
		}

		.analysis-page .btn-group {
			order: 3;
		}

		.analysis-page .period-select-group {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.analysis-page .period-select-label {
			font-weight: 600;
			color: #333;
			font-size: 0.9rem;
			white-space: nowrap;
		}

		.analysis-page .custom-period-inputs {
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.analysis-page .custom-period-input {
			padding: 8px 10px;
			border: 1px solid #d0e2ff;
			border-radius: 6px;
			width: 100px;
			font-size: 0.9rem;
			background: white;
		}

		.analysis-page .custom-period-input:focus {
			outline: none;
			border-color: var(--secondary);
			box-shadow: 0 0 0 2px rgba(42, 138, 240, 0.2);
		}

		.analysis-page .period-separator {
			color: #666;
			font-size: 0.85rem;
		}

		.analysis-page .btn-group {
			display: flex;
			gap: 8px;
			flex-wrap: wrap;
		}

		.analysis-page .btn {
			padding: 10px 16px;
			border: none;
			border-radius: 8px;
			cursor: pointer;
			font-weight: 600;
			font-size: 0.9rem;
			transition: all 0.25s ease;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			white-space: nowrap;
		}

		.analysis-page .btn:active {
			transform: scale(0.96);
		}

		.analysis-page .btn-secondary {
			background: #f0f4f8;
			color: #333;
			border: 1px solid #dde5ed;
		}

		.analysis-page .btn-secondary:hover {
			background: #e4ecf4;
		}

		.analysis-page .btn-success {
			background: linear-gradient(135deg, #34a853, #2d9248);
			color: white;
			box-shadow: 0 2px 8px rgba(52, 168, 83, 0.3);
		}

		.analysis-page .btn-success:hover {
			background: linear-gradient(135deg, #3dba5f, #34a853);
			box-shadow: 0 4px 12px rgba(52, 168, 83, 0.4);
		}

		.analysis-page .btn-warning {
			background: linear-gradient(135deg, #f5a623, #e8940f);
			color: white;
			box-shadow: 0 2px 8px rgba(245, 166, 35, 0.3);
		}

		.analysis-page .btn-warning:hover {
			background: linear-gradient(135deg, #ffb84d, #f5a623);
			box-shadow: 0 4px 12px rgba(245, 166, 35, 0.4);
		}

		.analysis-page .hit-check-row {
			display: flex;
			gap: 8px;
		}

		.analysis-page .hit-period-input {
			padding: 10px 12px;
			border: 1px solid #d0e2ff;
			border-radius: 8px;
			width: 110px;
			font-size: 0.9rem;
			background: white;
		}

		.analysis-page .hit-period-input:focus {
			outline: none;
			border-color: var(--secondary);
			box-shadow: 0 0 0 2px rgba(42, 138, 240, 0.2);
		}

		/* ===== 移动端适配 ===== */
		@media (max-width: 900px) {

			.analysis-page .controls-card {
				grid-template-columns: 1fr 1fr;
				grid-template-rows: auto auto;
			}

			.analysis-page .hit-section {
				grid-column: 1 / -1;
			}

			.analysis-page .hit-check-row {
				justify-content: flex-start;
			}
		
}

		@media (max-width: 600px) {

			.analysis-page .controls-card {
				grid-template-columns: 1fr;
				padding: 14px;
				gap: 14px;
			}

			.analysis-page .controls-section {
				padding-bottom: 12px;
				border-bottom: 1px solid rgba(0, 0, 0, 0.06);
			}

			.analysis-page .controls-section:last-child {
				padding-bottom: 0;
				border-bottom: none;
			}

			.analysis-page .section-label {
				font-size: 0.8rem;
			}

			.analysis-page .analyze-row {
				flex-direction: column;
				align-items: stretch;
			}

			.analysis-page .period-select-group {
				width: 100%;
			}

			.analysis-page .period-select {
				flex: 1;
				min-width: unset;
			}

			.analysis-page .btn-group {
				width: 100%;
			}

			.analysis-page .btn-group .btn {
				flex: 1;
			}

			.analysis-page .custom-period-inputs {
				width: 100%;
				justify-content: space-between;
			}

			.analysis-page .custom-period-input {
				flex: 1;
			}

			.analysis-page .hit-check-row {
				width: 100%;
			}

			.analysis-page .hit-period-input {
				flex: 1;
			}

			.analysis-page .hit-check-row .btn {
				flex: 1;
			}
		
}

		.analysis-page .period-count {
			font-weight: bold;
			color: var(--secondary);
			font-size: 1.1rem;
		}

		/* 标签页导航 */
		.analysis-page .tabs-container {
			background: white;
			border-radius: 12px;
			margin-bottom: 20px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
			overflow: hidden;
		}

		.analysis-page .tabs {
			display: flex;
			background: white;
			border-bottom: 2px solid #f0f5ff;
			overflow-x: auto;
			scrollbar-width: none;
		}

		.analysis-page .tabs::-webkit-scrollbar {
			display: none;
		}

		.analysis-page .tab {
			flex: 1;
			min-width: 120px;
			padding: 16px 10px;
			text-align: center;
			font-weight: 600;
			cursor: pointer;
			transition: all 0.3s;
			border-bottom: 3px solid transparent;
			white-space: nowrap;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			position: relative;
		}

		/* 添加分隔线 */
		.analysis-page .tab:not(:last-child)::after {
			content: '';
			position: absolute;
			right: 0;
			top: 20%;
			height: 60%;
			width: 1px;
			background-color: #e0e0e0;
		}

		.analysis-page .tab:hover {
			background-color: rgba(139, 26, 26, 0.06);
			color: var(--secondary);
		}

		.analysis-page .tab.active {
			color: var(--secondary);
			border-bottom: 3px solid var(--secondary);
			background-color: rgba(139, 26, 26, 0.06);
		}

		.analysis-page .tab-content {
			display: none;
			padding: 6px;
		}

		.analysis-page .tab-content.active {
			display: block;
			animation: fadeIn 0.5s;
		}

		@keyframes fadeIn {
			from {
				opacity: 0;
				transform: translateY(10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* 卡片通用样式 */
		.analysis-page .card {
			background: white;
			border-radius: 12px;
			padding: 0px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			margin-bottom: 20px;
			border: 1px solid #f0f5ff;
		}

		.analysis-page .card:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
		}

		.analysis-page .card-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20px;
			padding-bottom: 12px;
			border-bottom: 2px solid #f0f5ff;
		}

		.analysis-page .card-title {
			width:220px;
			font-size: 1.3rem;
			color: var(--primary);
			display: flex;
			align-items: center;
			gap: 10px;
		}

		.analysis-page .card-title i {
			font-size: 1.1rem;
		}

		.analysis-page .card-controls {
			display: flex;
			gap: 10px;
		}

		.analysis-page .btn-toggle {
			padding: 6px 12px;
			font-size: 0.85rem;
			background: #e8f4ff;
			color: var(--primary);
			border: 1px solid #c2d9ff;
			border-radius: 6px;
		}

		.analysis-page .btn-toggle:hover {
			background: #d0e2ff;
		}

		.analysis-page .card-content.collapsed {
			display: none;
		}

		/* 统计网格 */
		.analysis-page .stats-grid {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
			gap: 15px;
			margin-top: 15px;
		}

		.analysis-page .stat-item {
			background: #f8fbff;
			border-radius: 8px;
			padding: 15px;
			border-left: 4px solid var(--secondary);
			transition: all 0.3s ease;
		}

		.analysis-page .stat-item:hover {
			background: #f0f7ff;
			transform: translateY(-2px);
		}

		.analysis-page .stat-label {
			font-size: 0.85rem;
			color: #666;
			margin-bottom: 6px;
		}

		.analysis-page .stat-value {
			font-size: 1.3rem;
			font-weight: 700;
			color: var(--primary);
		}

		/* 频率表格 */
		.analysis-page .frequency-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 15px;
			font-size: 0.9rem;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
			border-radius: 8px;
			overflow: hidden;
		}

		.analysis-page .frequency-table th {
			background: linear-gradient(90deg, #f0f5ff 0%, #e6f0ff 100%);
			font-weight: 600;
			color: var(--primary);
			padding: 12px 10px;
			text-align: center;
		}

		.analysis-page .frequency-table td {
			padding: 10px;
			text-align: center;
			border-bottom: 1px solid #f0f5ff;
		}

		.analysis-page .frequency-table tr:hover {
			background-color: #f8fbff;
		}

		.analysis-page .hot {
			color: var(--danger);
			font-weight: bold;
		}

		.analysis-page .cold {
			color: #3498db;
			font-weight: bold;
		}

		/* 图表容器 */
		.analysis-page .chart-container {
			position: relative;
			height: 300px;
			margin-top: 20px;
			background: white;
			border-radius: 8px;
			padding: 15px;
			border: 1px solid #f0f5ff;
		}

		/* 推荐页面新样式 */
		.analysis-page .recommendation-header {
			text-align: center;
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 2px solid #f0f5ff;
		}

		.analysis-page .recommendation-header h2 {
			font-size: 1.8rem;
			color: var(--primary);
			margin-bottom: 10px;
		}

		.analysis-page .recommendation-header .date {
			font-size: 1.1rem;
			color: #666;
		}

		.analysis-page .recommendation-section {
			margin-bottom: 2px;
			padding-bottom: 2px;
		}

		.analysis-page .recommendation-section:last-child {
			border-bottom: none;
		}
		
		/* 上期命中提示条 */
		.analysis-page .last-hit-info {
			background: linear-gradient(135deg, #fff3cd 0%, #ffe69c 100%);
			border: 1px solid #ffc107;
			border-radius: 8px;
			padding: 10px 15px;
			margin-top: 15px;
			font-size: 0.85rem;
			color: #856404;
			display: flex;
			flex-wrap: wrap;
			gap: 8px 15px;
			align-items: center;
		}
		.analysis-page .last-hit-info .hit-item {
			display: inline-flex;
			align-items: center;
			gap: 4px;
		}
		.analysis-page .last-hit-info .hit-label {
			font-weight: 600;
			color: #664d03;
		}
		.analysis-page .last-hit-info .hit-value {
			font-weight: 700;
		}
		.analysis-page .last-hit-info .hit-check {
			color: #198754;
			font-weight: 700;
		}
		.analysis-page .last-hit-info .hit-headline {
			width: 100%;
			margin-bottom: 4px;
		}
		.analysis-page .last-hit-info .hit-headline em {
			font-style: normal;
			font-weight: 700;
			color: #664d03;
		}
		.analysis-page .last-hit-info .hit-miss {
			color: #856404;
			font-weight: 600;
		}
		.analysis-page .last-hit-info--error {
			background: linear-gradient(135deg, #f8d7da 0%, #f5c2c7 100%);
			border-color: #f5c2c7;
			color: #842029;
		}
		.analysis-page .last-hit-info--empty {
			background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
			border-color: #ced4da;
			color: #495057;
		}
		
		/* 七码区域样式 */
		.analysis-page .seven-code-section {
			display: flex;
			gap: 20px;
			justify-content: center;
			align-items: center;
			padding: 15px 20px;
		}
		
		.analysis-page .seven-code-main, .analysis-page .seven-code-backup {
			text-align: center;
			flex: 1;
		}
		
		.analysis-page .seven-code-main .label, .analysis-page .seven-code-backup .label {
			display: block;
			font-size: 0.8rem;
			color: #666;
			margin-bottom: 5px;
		}
		
		.analysis-page .seven-code-main .code, .analysis-page .seven-code-backup .code {
			font-size: 1.9rem;
			font-weight: bold;
			color: #667eea;
			letter-spacing: 3px;
		}
		
		.analysis-page .seven-code-backup .code {
			color: #764ba2;
			font-size: 1.5rem;
		}
		
		/* 直组胶囊样式 */
		.analysis-page .zhizu-capsules {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
			justify-content: center;
			margin-top: 10px;
		}
		
		.analysis-page .zhizu-capsule {
			display: inline-flex;
			align-items: center;
			padding: 6px 14px;
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			color: white;
			border-radius: 20px;
			font-size: 1.5rem;
			font-weight: 600;
			letter-spacing: 1px;
			transition: all 0.3s ease;
		}
		
		.analysis-page .zhizu-capsule:hover {
			transform: scale(1.05);
			box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
		}
		
		.analysis-page .zhizu-capsule.top3 {
			background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
			font-size: 1.6rem;
			padding: 8px 16px;
		}
		
		.analysis-page .zhizu-capsule.top10 {
			background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
		}

		.analysis-page .recommendation-section h3 {
			color: var(--primary);
			margin-bottom: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 10px;
		}

		.analysis-page .recommendation-section h3 i {
			color: var(--accent);
		}

		.analysis-page .danma-list {
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
			margin-top: 10px;
		}

		.analysis-page .danma-item {
			padding: 12px 20px;
			background: linear-gradient(135deg, #e8f4fd 0%, #d1e9ff 100%);
			border-radius: 10px;
			font-size: 1.5rem;
			font-weight: bold;
			color: var(--primary);
			text-align: center;
			min-width: 80px;
			border: 2px solid #c2d9ff;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		}

		.analysis-page .danma-item.highlight {
			background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
			color: var(--danger);
			border-color: #ffcdd2;
			transform: scale(1.05);
		}

		.analysis-page .position-section {
			display: grid;
			grid-template-columns: repeat(1, 1fr);
			gap: 20px;
			margin-top: 15px;
		}

		.analysis-page .position-item {
			background: white;
			border-radius: 10px;
			padding: 10px;
			border: 2px solid #e0e0e0;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
		}

		.analysis-page .position-item h4 {
			font-size: 1.4rem;
			color: var(--primary);
			margin-bottom: 6px;
			text-align: center;
		}

		.analysis-page .position-numbers {
			font-size: 1.6rem;
			font-weight: bold;
			color: var(--dark);
			text-align: center;
			letter-spacing: 2px;
		}

		.analysis-page .zhizu-list {
			display: flex;
			justify-content: center;
			gap: 8px;
			margin-top: 15px;
		}

		.analysis-page .zhizu-item {
			padding: 12px 12px;
			border-radius: 10px;
			font-size: 1.6rem;
			font-weight: bold;
			text-align: center;
		}

		.analysis-page .single-pick {
			text-align: center;
			margin-top: 10px;
			padding: 10px;
			background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%);
			border-radius: 12px;
			border: 3px solid var(--info);
		}

		.analysis-page .single-pick h4 {
			font-size: 1.2rem;
			color: var(--info);
			margin-bottom: 2px;
		}

		.analysis-page .single-pick-number {
			font-size: 2.4rem;
			font-weight: 900;
			color: var(--info);
			text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
		}

		/* 错误和加载状态 */
		.analysis-page .error-message {
			background: #ffeaea;
			color: #d63031;
			padding: 15px;
			border-radius: 8px;
			margin: 15px 0;
			border-left: 4px solid #d63031;
			font-size: 0.9rem;
		}

		.analysis-page .loading {
			text-align: center;
			padding: 40px;
			color: #666;
		}

		.analysis-page .loading-spinner {
			border: 4px solid #f3f3f3;
			border-top: 4px solid var(--secondary);
			border-radius: 50%;
			width: 40px;
			height: 40px;
			animation: spin 1s linear infinite;
			margin: 0 auto 15px;
		}

		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}

		/* 数据范围信息 */
		.analysis-page .data-range-info {
			padding: 12px;
			background: #f8fbff;
			border-radius: 8px;
			margin-bottom: 15px;
			border-left: 4px solid var(--secondary);
			font-size: 0.9rem;
		}

		/* 页脚 */
		.analysis-page footer {
			text-align: center;
			padding: 0px;
			color: #ffffff;
			font-size: 0.9rem;
			margin-top: 0px;
		}

		/* 新增：三位置热门冷门一行显示 */
		.analysis-page .position-hot-cold-compact {
			display: flex;
			gap: 15px;
			margin-bottom: 15px;
			flex-wrap: wrap;
		}

		.analysis-page .position-compact-item {
			flex: 1;
			min-width: 120px;
			background: #f8fbff;
			border-radius: 8px;
			padding: 12px;
			border-left: 4px solid #2a8af0;
			box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
		}

		.analysis-page .position-compact-title {
			font-size: 1rem;
			font-weight: 600;
			color: #1a6dcc;
			margin-bottom: 8px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 5px;
		}

		.analysis-page .position-compact-hot-cold {
			display: flex;
			justify-content: space-between;
			gap: 8px;
			margin-top: 6px;
		}

		.analysis-page .hot-cold-compact {
			flex: 1;
			text-align: center;
			padding: 6px;
			border-radius: 4px;
			font-size: 0.9rem;
			font-weight: bold;
		}

		.analysis-page .hot-compact {
			background: rgba(231, 76, 60, 0.1);
			color: #e74c3c;
			border: 1px solid rgba(231, 76, 60, 0.2);
		}

		.analysis-page .cold-compact {
			background: rgba(52, 152, 219, 0.1);
			color: #3498db;
			border: 1px solid rgba(52, 152, 219, 0.2);
		}

		.analysis-page .hot-cold-count {
			font-size: 0.75rem;
			color: #666;
			margin-top: 3px;
		}

		
		/* 形态分析样式 */
		.analysis-page .shape-analysis {
			background: rgba(255, 255, 255, 0.9);
			border-radius: 10px;
			padding: 15px;
			margin-top: 10px;
		}
		
		.analysis-page .shape-stats {
			display: flex;
			flex-direction: column;
			gap: 8px;
		}
		
		.analysis-page .shape-item {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
			gap: 10px;
			padding: 8px;
			background: rgba(0, 0, 0, 0.03);
			border-radius: 6px;
			text-align: center;
		}
		
		.analysis-page .shape-item:first-child {
			background: rgba(26, 109, 204, 0.1);
			font-weight: bold;
			color: var(--primary);
		}
		
		.analysis-page .shape-name {
			font-weight: bold;
			color: var(--dark);
		}
		
		.analysis-page .shape-label {
			font-size: 0.85rem;
			color: var(--primary);
		}
		
		.analysis-page .shape-value {
			color: #333;
		}
		
		.analysis-page .shape-trend {
			font-weight: bold;
		}
		
		.analysis-page .shape-trend.hot {
			color: #e74c3c;
		}
		
		.analysis-page .shape-trend.cold {
			color: #3498db;
		}
		
		.analysis-page .shape-trend:not(.hot):not(.cold) {
			color: #27ae60;
		}
		
		.analysis-page .shape-distribution {
			margin-top: 12px;
			padding: 10px;
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			border-radius: 8px;
			color: white;
			text-align: center;
		}
		
		.analysis-page .shape-distribution strong {
			color: #ffd700;
		}
		

		/* 命中率统计面板样式 */
		.analysis-page .hit-rate-panel {
			background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
			border-radius: 10px;
			padding: 12px 10px;
			margin: 0 0 10px 0;
			color: white;
		}
		
		.analysis-page .hit-rate-panel h3 {
			margin: 0 0 10px 0;
			font-size: 0.95rem;
			text-align: center;
		}
		
		.analysis-page .hit-rate-grid {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			gap: 4px;
		}
		
		.analysis-page .hit-rate-item {
			background: rgba(255, 255, 255, 0.15);
			border-radius: 6px;
			padding: 8px 4px;
			text-align: center;
			class="glass-sm"
		}
		
		.analysis-page .hit-rate-item.good {
			background: rgba(46, 204, 113, 0.4);
			border: 1px solid rgba(46, 204, 113, 0.6);
		}
		
		.analysis-page .hit-rate-name {
			display: block;
			font-size: 0.75rem;
			opacity: 0.9;
			margin-bottom: 3px;
		}
		
		.analysis-page .hit-rate-value {
			display: block;
			font-size: 0.8rem;
			font-weight: bold;
			margin-bottom: 2px;
		}
		
		.analysis-page .hit-rate-percent {
			display: block;
			font-size: 1rem;
			font-weight: bold;
			color: #ffd700;
		}
		
/* 新增：20组直组的网格布局 */
		.analysis-page .zhizu-grid {
			display: grid;
			grid-template-columns: repeat(10, 1fr);
			gap: 10px;
			margin-top: 15px;
		}
		
		.analysis-page .zhizu-grid-item {
			padding: 12px 8px;
			background: linear-gradient(135deg, #e8f4fd 0%, #d1e9ff 100%);
			border-radius: 8px;
			font-size: 1.3rem;
			font-weight: bold;
			color: var(--primary);
			text-align: center;
			border: 2px solid #c2d9ff;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
			transition: all 0.3s ease;
		}
		
		.analysis-page .zhizu-grid-item:hover {
			transform: translateY(-2px);
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		}
		
		.analysis-page .zhizu-grid-item.top-rank {
			background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
			color: var(--danger);
			border-color: #ffcdd2;
			transform: scale(1.05);
			font-size: 1.4rem;
		}
		
		.analysis-page .zhizu-grid-item.mid-rank {
			background: linear-gradient(135deg, #e8f4fd 0%, #b3d9ff 100%);
			border-color: #99ccff;
		}
		
		.analysis-page .zhizu-grid-item .rank-badge {
			font-size: 0.7rem;
			color: #666;
			margin-top: 5px;
			font-weight: normal;
		}
		
		/* 响应式设计 */
		@media (min-width: 1200px) {

			.analysis-page h1 {
				font-size: 2.4rem;
			}
			.analysis-page .subtitle {
				font-size: 1.1rem;
			}
			.analysis-page .tab {
				min-width: 150px;
			}
			.analysis-page .zhizu-grid {
				grid-template-columns: repeat(10, 1fr);
			}
		
}

		@media (min-width: 768px) and (max-width: 1199px) {

			.analysis-page h1 {
				font-size: 2.2rem;
			}
			.analysis-page .subtitle {
				font-size: 1.05rem;
			}
			.analysis-page .data-stats-section {
				flex-direction: row;
			}
			.analysis-page .tabs {
				flex-wrap: nowrap;
			}
			.analysis-page .tab {
				min-width: 140px;
			}
			.analysis-page .zhizu-grid {
				grid-template-columns: repeat(7, 1fr);
			}
		
}

		@media (max-width: 1024px) {

			.analysis-page .zhizu-grid {
				grid-template-columns: repeat(10, 1fr);
			}
		
}

		@media (max-width: 767px) {

			.analysis-page .data-stats-section {
				flex-direction: column;
			}

			.analysis-page .data-stats, .analysis-page .latest-result {
				min-width: 100%;
			}

			.analysis-page .tabs {
				flex-wrap: wrap;
			}

			.analysis-page .tab {
				flex: 1 0 50%;
				min-width: 120px;
			}
			
			.analysis-page .tab:not(:last-child)::after {
				display: none;
			}

			.analysis-page .position-section {
				grid-template-columns: 1fr;
				gap: 15px;
			}

			.analysis-page .danma-list {
				justify-content: center;
			}

			.analysis-page .zhizu-list {
				justify-content: center;
				flex-wrap: wrap;
			}

			.analysis-page .position-hot-cold-compact {
				flex-direction: column;
			}

			.analysis-page .position-compact-item {
				min-width: 100%;
			}
			
			.analysis-page .card-header {
			/*	flex-direction: column;
				align-items: flex-start;
			*/	gap: 10px;
			}
			
			.analysis-page .card-controls {
				width: 100%;
				justify-content: flex-end;
			}
			.analysis-page .zhizu-grid {
				grid-template-columns: repeat(7, 1fr);
				gap: 8px;
			}
		
}

		
		/* ============================================
		   移动端推荐区域优化 - 一屏显示完整推荐
		   ============================================ */
		
		/* 推荐区域基础优化 - 减少间距 */
		.analysis-page #newRecommendations {
			padding: 12px 10px;
		}
		
		.analysis-page .recommendation-header {
			margin-bottom: 10px;
			padding-bottom: 8px;
		}
		
		.analysis-page .recommendation-header h2 {
			font-size: 1.3rem;
			margin: 0 0 2px 0;
		}
		
		.analysis-page .recommendation-header .date {
			font-size: 0.8rem;
			margin: 0;
		}
		
		/* 推荐区块紧凑布局 */
		.analysis-page .recommendation-section {
			margin-bottom: 10px;
			padding: 10px 12px;
		}
		
		.analysis-page .recommendation-section h3 {
			font-size: 0.95rem;
			margin: 0 0 6px 0;
		}
		
		.analysis-page .recommendation-section h3 i {
			margin-right: 4px;
		}
		
		/* 独胆双胆紧凑显示 */
		.analysis-page .recommendation-section:first-of-type h3 {
			display: inline-block;
			margin-right: 15px;
		}
		
		/* 七码区域紧凑 */
		.analysis-page .recommendation-section:nth-of-type(2) p {
			margin: 0;
		}
		
		/* 定位推荐紧凑 */
		.analysis-page .position-section {
			margin: 0;
		}
		
		.analysis-page .position-item h4 {
			font-size: 1.1rem;
			margin: 2px 0;
		}
		
		/* 形态分析紧凑表格 */
		.analysis-page .shape-analysis {
			margin: 0;
		}
		
		.analysis-page .shape-stats {
			font-size: 0.8rem;
		}
		
		.analysis-page .shape-item {
			padding: 4px 6px;
		}
		
		.analysis-page .shape-label, .analysis-page .shape-name {
			padding: 2px 4px;
		}
		
		.analysis-page .shape-distribution {
			margin-top: 6px;
			font-size: 0.85rem;
		}
		
		/* 直组网格紧凑 */
		.analysis-page .zhizu-grid {
			grid-template-columns: repeat(7, 1fr);
			gap: 3px;
		}
		
		.analysis-page .zhizu-grid-item {
			padding: 8px 4px;
			font-size: 1rem;
			min-width: 0;
		}
		
		.analysis-page .zhizu-grid-item.top-rank {
			font-size: 1.1rem;
		}
		
		.analysis-page .rank-badge {
			font-size: 0.6rem;
			padding: 1px 2px;
		}
			.analysis-page padding: 6px 12px;
		}
		
		/* 单挑区域紧凑 */
		.single-pick {
			padding: 10px;
			margin-top: 10px;
		}
		
		.analysis-page .single-pick h4 {
			font-size: 0.9rem;
			margin: 0 0 5px 0;
		}
		
		.analysis-page .single-pick-number {
			font-size: 2.1rem;
			padding: 8px;
		}
		
		/* 命中率统计面板移动端优化 */
		.analysis-page .hit-rate-panel {
			padding: 12px 10px;
			margin: 0 0 10px 0;
		}
		
		.analysis-page .hit-rate-panel h3 {
			font-size: 0.95rem;
			margin-bottom: 10px;
		}
		
		.analysis-page .hit-rate-grid {
			grid-template-columns: repeat(4, 1fr);
			gap: 6px;
		}
		
		.analysis-page .hit-rate-item {
			padding: 8px 4px;
		}
		
		.analysis-page .hit-rate-name {
			font-size: 0.75rem;
		}
		
		.analysis-page .hit-rate-value {
			font-size: 0.85rem;
		}
		
		.analysis-page .hit-rate-percent {
			font-size: 1rem;
		}
		
		/* 标签页移动端优化 */
		.analysis-page .tabs-container {
			padding: 0 8px;
		}
		
		.analysis-page .tab {
			padding: 10px 6px;
			font-size: 0.85rem;
		}

		/* 分析选项移动端优化 */
		.analysis-page .analysis-options {
			flex-direction: column;
			gap: 8px;
		}
		
		.analysis-page .analysis-option {
			padding: 8px 10px;
			font-size: 0.85rem;
		}
		
		/* 图表区域优化 - 默认不展开 */
		.analysis-page .chart-container {
			height: 200px;
			padding: 8px;
		}
		
		.analysis-page .chart-toggle {
			padding: 8px 12px;
			font-size: 0.85rem;
		}

@media (max-width: 480px) {

			.analysis-page h1 {
				font-size: 1.6rem;
			}
			
			.analysis-page .tab {
				flex: 1 0 100%;
				padding: 14px 8px;
			}

			.analysis-page .custom-period-inputs {
				flex-direction: column;
				align-items: stretch;
				gap: 8px;
			}

			.analysis-page .custom-period-group {
				width: 100%;
			}

			.analysis-page .custom-period-input {
				width: 100%;
			}

			.analysis-page .danma-item {
				padding: 10px 15px;
				min-width: 60px;
				font-size: 1.3rem;
			}

			.analysis-page .zhizu-item {
				padding: 8px 12px;
				font-size: 1.4rem;
				flex: 1;
				min-width: 48px;
			}
			
			.analysis-page .chart-container {
				height: 250px;
				padding: 10px;
			}
			.analysis-page .zhizu-grid {
				grid-template-columns: repeat(7, 1fr);
				gap: 4px;
			}
			
			.analysis-page .zhizu-grid-item {
				padding: 10px 6px;
				font-size: 1.1rem;
			}
			
			.analysis-page .zhizu-grid-item.top-rank {
				font-size: 1.2rem;
			}
		
		/* 移动端推荐区域优化 */
		.analysis-page #newRecommendations {
			padding: 12px 10px;
		}
		
		.analysis-page .recommendation-header {
			margin-bottom: 10px;
			padding-bottom: 8px;
		}
		
		.analysis-page .recommendation-header h2 {
			font-size: 1.3rem;
			margin: 0 0 2px 0;
		}
		
		.analysis-page .recommendation-header .date {
			font-size: 0.8rem;
			margin: 0;
		}
		
		/* 推荐区块紧凑布局 */
		.analysis-page .recommendation-section {
			margin-bottom: 10px;
			padding: 10px 12px;
		}
		
		.analysis-page .recommendation-section h3 {
			font-size: 0.95rem;
			margin: 0 0 6px 0;
		}
		
		.analysis-page .recommendation-section h3 i {
			margin-right: 4px;
		}
		
		/* 独胆双胆紧凑显示 */
		.analysis-page .recommendation-section:first-of-type h3 {
			display: inline-block;
			margin-right: 15px;
		}
		
		/* 七码区域移动端优化 */
		.analysis-page .seven-code-section {
			flex-direction: column;
			gap: 8px;
		}
		
		.analysis-page .seven-code-main .code, .analysis-page .seven-code-backup .code {
			font-size: 1.8rem;
			letter-spacing: 3px;
		}
		
		/* 定位推荐紧凑 */
		.analysis-page .position-section {
			margin: 0;
		}
		
		.analysis-page .position-item h4 {
			font-size: 1.1rem;
			margin: 2px 0;
		}
		
		/* 形态分析紧凑表格 */
		.analysis-page .shape-analysis {
			margin: 0;
		}
		
		.analysis-page .shape-stats {
			font-size: 0.8rem;
		}
		
		.analysis-page .shape-item {
			padding: 4px 6px;
		}
		
		.analysis-page .shape-label, .analysis-page .shape-name {
			padding: 2px 4px;
		}
		
		.analysis-page .shape-distribution {
			margin-top: 6px;
			font-size: 0.85rem;
		}
		
		/* 直组胶囊移动端优化 */
		.analysis-page .zhizu-capsules {
			gap: 5px;
		}
		
		.analysis-page .zhizu-capsule {
			padding: 5px 10px;
			font-size: 1.4rem;
		}
		
		.analysis-page .zhizu-capsule.top3 {
			font-size: 1.5rem;
			padding: 6px 12px;
		}
		
		/* 直组20注每行5个 */
		.analysis-page .zhizu-capsules {
			display: grid;
			grid-template-columns: repeat(7, 1fr);
			gap: 5px;
		}
		
		.analysis-page .zhizu-capsule {
			width: 100%;
			justify-content: center;
		}
		
		/* 单挑区域紧凑 */
		.analysis-page .single-pick {
			padding: 10px;
			margin-top: 10px;
		}
		
		.analysis-page .single-pick h4 {
			font-size: 0.9rem;
			margin: 0 0 5px 0;
		}
		
		.analysis-page .single-pick-number {
			font-size: 2.1rem;
			padding: 8px;
		}
		
		/* 命中率统计面板移动端优化 */
		.analysis-page .hit-rate-panel {
			padding: 12px 10px;
			margin: 0 0 10px 0;
		}
		
		.analysis-page .hit-rate-panel h3 {
			font-size: 0.95rem;
			margin-bottom: 10px;
		}
		
		.analysis-page .hit-rate-grid {
			grid-template-columns: repeat(4, 1fr);
			gap: 6px;
		}
		
		.analysis-page .hit-rate-item {
			padding: 8px 4px;
		}
		
		.analysis-page .hit-rate-name {
			font-size: 0.75rem;
		}
		
		.analysis-page .hit-rate-value {
			font-size: 0.85rem;
		}
		
		.analysis-page .hit-rate-percent {
			font-size: 1rem;
		}
		
		/* 标签页移动端优化 */
		.analysis-page .tabs-container {
			padding: 0 8px;
		}
		
		.analysis-page .tab {
			padding: 10px 6px;
			font-size: 0.85rem;
		}

		/* 分析选项移动端优化 */
		.analysis-page .analysis-options {
			flex-direction: column;
			gap: 8px;
		}
		
		.analysis-page .analysis-option {
			padding: 8px 10px;
			font-size: 0.85rem;
		}
		
		/* 图表区域优化 */
		.analysis-page .chart-container {
			height: 200px;
			padding: 8px;
		}
		
		.analysis-page .chart-toggle {
			padding: 8px 12px;
			font-size: 0.85rem;
		}

		
}

		/* 移动端：海报预览与快乐8一致（max-width 480px，宽度 100% 自适应） */
		@media (max-width: 768px) {

			.analysis-page #recommendationsContent {
				padding-left: 4px !important;
				padding-right: 4px !important;
				overflow-x: hidden;
			}

			.analysis-page #newRecommendations {
				padding: 6px 2px !important;
				overflow-x: hidden !important;
			}

			.analysis-page .recommend-view-wrap,
			.analysis-page .recommend-poster-view,
			.analysis-page .a-poster-modal-wrap {
				width: 100%;
				max-width: 100%;
				overflow-x: hidden;
				padding-left: 0;
				padding-right: 0;
			}

			.analysis-page .d3-poster-toolbar {
				width: 100%;
				box-sizing: border-box;
				padding: 0 2px;
			}

			.analysis-page .d3-poster-fit-host {
				width: 100%;
				max-width: none;
			}

			.analysis-page .d3-poster-toolbar .btn {
				width: 100%;
				margin: 0;
			}

			.analysis-page .d3-poster-wrapper {
				padding: 0;
				overflow: visible;
				max-width: none;
			}
		
}

		/* 自定义滚动条 */
		.analysis-page::-webkit-scrollbar {
			width: 8px;
			height: 8px;
		}

		.analysis-page::-webkit-scrollbar-track {
			background: #f1f1f1;
			border-radius: 4px;
		}

		.analysis-page::-webkit-scrollbar-thumb {
			background: var(--secondary);
			border-radius: 4px;
		}

		.analysis-page::-webkit-scrollbar-thumb:hover {
			background: var(--primary);
		}

		/* 辅助类 */
		.analysis-page .text-center { text-align: center; }
		.analysis-page .text-left { text-align: left; }
		.analysis-page .text-right { text-align: right; }
		.analysis-page .d-flex { display: flex; }
		.analysis-page .flex-column { flex-direction: column; }
		.analysis-page .align-center { align-items: center; }
		.analysis-page .justify-center { justify-content: center; }
		.analysis-page .justify-between { justify-content: space-between; }
		.analysis-page .gap-10 { gap: 10px; }
		.analysis-page .gap-15 { gap: 15px; }
		.analysis-page .gap-20 { gap: 20px; }
		.analysis-page .mt-10 { margin-top: 10px; }
		.analysis-page .mt-15 { margin-top: 15px; }
		.analysis-page .mt-20 { margin-top: 20px; }
		.analysis-page .mb-10 { margin-bottom: 10px; }
		.analysis-page .mb-15 { margin-bottom: 15px; }
		.analysis-page .mb-20 { margin-bottom: 20px; }
		.analysis-page .p-10 { padding: 10px; }
		.analysis-page .p-15 { padding: 15px; }
		.analysis-page .p-20 { padding: 20px; }
		.analysis-page .w-100 { width: 100%; }
		
		/* 新增：总热度分布表格样式 */
		.analysis-page .heat-table {
			width: 100%;
			border-collapse: collapse;
			margin-top: 15px;
			font-size: 0.9rem;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
			border-radius: 8px;
			overflow: hidden;
		}
		
		.analysis-page .heat-table th {
			background: linear-gradient(90deg, #f0f5ff 0%, #e6f0ff 100%);
			font-weight: 600;
			color: var(--primary);
			padding: 12px 8px;
			text-align: center;
			border-bottom: 2px solid #e0e0e0;
		}
		
		.analysis-page .heat-table td {
			padding: 10px 8px;
			text-align: center;
			border-bottom: 1px solid #f0f5ff;
		}
		
		.analysis-page .heat-table tr:hover {
			background-color: #f8fbff;
		}
		
		.analysis-page .heat-table .number-cell {
			font-weight: bold;
			color: var(--primary);
			font-size: 1.1rem;
		}
		
		.analysis-page .heat-table .count-cell {
			font-weight: 600;
			color: var(--dark);
		}
		
		.analysis-page .heat-table .percentage-cell {
			color: #666;
		}
		
		.analysis-page .heat-table .bar-cell {
			width: 40%;
			padding: 8px 10px;
		}
		
		.analysis-page .heat-table .bar-container {
			height: 20px;
			background-color: #f0f0f0;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
		}
		
		.analysis-page .heat-table .bar-fill {
			height: 100%;
			background: linear-gradient(90deg, #2a8af0 0%, #1a6dcc 100%);
			border-radius: 10px;
			transition: width 0.5s ease;
		}
		
		.analysis-page .heat-table .bar-value {
			position: absolute;
			right: 8px;
			top: 0;
			line-height: 20px;
			font-size: 0.8rem;
			color: white;
			font-weight: 600;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		}
	

        /* 毛玻璃卡片效果（移动端禁用以提升性能） */
        .analysis-page .glass-card {
            background: rgba(255,255,255,0.15);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }
        @media (max-width: 768px) {

            .analysis-page .glass-card {
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }
        
}

        body.analysis-page {
            color: #333 !important;
        }

/* 3D 海报 — 预览尺寸与快乐8 .kl8-poster-preview 一致（480px 宽） */
.analysis-page .d3-poster-wrap {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 14px;
    padding-top: 0;
    padding-bottom: 4px;
    border-top: none;
    border-bottom: 1px dashed rgba(139, 26, 26, 0.15);
    box-sizing: border-box;
}

.analysis-page .d3-poster-toolbar {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 12px;
    text-align: center;
}

.analysis-page .d3-poster-save-hint {
    margin: 6px 0 0;
    font-size: 0.72rem;
    color: #888;
}

.analysis-page .btn-download-poster {
    background: linear-gradient(135deg, #8b1a1a, #c0392b);
    color: #fff;
    border: none;
    padding: 10px 28px;
    border-radius: 25px;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(139, 26, 26, 0.3);
    transition: all 0.2s;
}

.analysis-page .btn-download-poster:hover {
    filter: brightness(1.06);
}

.analysis-page .d3-poster-host {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: visible;
    padding: 4px 0 8px;
    -webkit-touch-callout: none;
    user-select: none;
    touch-action: pan-y;
    box-sizing: border-box;
}

.analysis-page .d3-poster-host .d3-poster-preview,
.analysis-page .d3-poster-host .d3-poster-preview-modal {
    display: block;
    width: 100%;
    max-width: 480px;
    min-height: 120px;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
    aspect-ratio: 480 / 680;
    pointer-events: none;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-drag: none;
    touch-action: pan-y;
}

.d3-poster-export-root {
    position: fixed !important;
    left: -10000px !important;
    top: 0 !important;
    width: 480px;
    pointer-events: none !important;
    z-index: -1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.analysis-page .d3-poster-loading,
.analysis-page .d3-poster-error {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 28px 16px;
    text-align: center;
    color: #666;
    font-size: 0.9rem;
}

.analysis-page .d3-poster-error {
    color: #c00;
}

.d3-poster.is-export {
    box-shadow: none !important;
    overflow: hidden;
    isolation: isolate;
}

/* 导出 PNG（含 Puppeteer 520px 视口）强制桌面排版：独胆+双胆同一行 */
.d3-poster.is-export .d3-poster-hero-row {
    flex-direction: row !important;
    align-items: flex-end !important;
    gap: 10px !important;
}

.d3-poster.is-export .d3-poster-hero-block.dan {
    flex: 0 0 92px !important;
    align-items: center !important;
}

.d3-poster.is-export .d3-poster-hero-block.doubles {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}

.d3-poster.is-export .d3-poster-dan-ball {
    font-size: 3.2rem !important;
    width: 80px !important;
    height: 80px !important;
    line-height: 80px !important;
}

.d3-poster.is-export .d3-poster-chip-row {
    flex-wrap: nowrap !important;
}

.d3-poster.is-export .d3-poster-chip {
    font-size: 1.72rem !important;
    padding: 0 4px !important;
}

.d3-poster.is-export .d3-poster-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

/* 3D 海报 — 配色对齐快乐8海报（青橙浅色渐变 + 红边） */
.d3-poster-toolbar {
    text-align: center;
    margin-bottom: 12px;
}

.d3-poster-fit-host {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    box-sizing: border-box;
}

.d3-poster-wrapper {
    width: 480px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.analysis-page .recommend-poster-view {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
}

.analysis-page .a-poster-modal-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    align-items: center;
    padding: 4px;
    box-sizing: border-box;
}

.d3-poster {
    width: 480px;
    max-width: 100%;
    box-sizing: border-box;
    background: linear-gradient(45deg, #60d6cb 20%, #ffb680 70%);
    border: 4px solid #c00;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-family: 'Microsoft YaHei', 'SimHei', -apple-system, 'PingFang SC', sans-serif;
    position: relative;
    color: #333;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
}

.d3-poster::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.d3-poster::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(240, 147, 251, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.d3-poster-glow {
    display: none;
}

.d3-poster-logo {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 88px;
    height: auto;
    z-index: 10;
    border-radius: 0;
    object-fit: contain;
    opacity: 0.95;
}

.d3-poster-head {
    text-align: center;
    padding: 11px 100px 7px 12px;
    position: relative;
    z-index: 1;
}

.d3-poster-brand {
    display: block;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #555;
    margin-bottom: 4px;
}

.d3-poster-badge {
    display: block;
    font-size: 1.72rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    color: #111;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 4px;
    line-height: 1.15;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85), 0 2px 6px rgba(0, 0, 0, 0.12);
}

.d3-poster-subtitle {
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.58);
    letter-spacing: 0.4px;
    margin-bottom: 10px;
}

.d3-poster-title {
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.d3-poster-period {
    font-size: 1.02rem;
    font-weight: 600;
    margin-top: 0;
    color: #222;
    line-height: 1.3;
    text-shadow: 0 1px 3px rgba(255, 255, 255, 0.55);
}

.d3-poster-period em {
    font-style: normal;
    color: #c00;
    font-weight: 900;
    font-size: 1.52rem;
    letter-spacing: 0.4px;
}

.d3-poster-date {
    font-size: 0.84rem;
    color: #444;
    margin-top: 0;
    font-weight: 500;
}

.d3-poster-body {
    padding: 0 12px 4px;
    position: relative;
    z-index: 1;
}

.d3-poster-block {
    margin-bottom: 7px;
}

.d3-poster-section-label {
    color: #333;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.35px;
    text-transform: none;
    margin: 0 0 4px 3px;
}

.d3-poster-card {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 14px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    box-shadow: none;
}

.d3-poster-hero-row {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px;
}

.d3-poster-hero-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.d3-poster-hero-block.dan {
    flex: 0 0 92px;
    align-items: center;
}

.d3-poster-hero-block.doubles {
    flex: 1 1 0;
    min-width: 0;
    align-items: stretch;
}

.d3-poster-dan-label {
    font-size: 1.02rem;
    font-weight: 800;
    letter-spacing: 0.15px;
    text-transform: none;
    color: #444;
}

.d3-poster-dan-ball {
    background: linear-gradient(145deg, #ff4757, #c4112b);
    color: #fff;
    font-size: 3.2rem;
    font-weight: 800;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(196, 17, 43, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    flex-shrink: 0;
}

.d3-poster-chip-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.d3-poster-chip {
    flex: 0 0 auto;
    min-width: 0;
    padding: 0 6px;
    border-radius: 0;
    background: none;
    border: none;
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: #333;
    letter-spacing: -0.02em;
}

.d3-poster-pos-dan {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-wrap: wrap;
}

.d3-poster-pos-dan-item {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 5px 12px;
    font-size: 0.88rem;
    font-weight: 700;
    color: #ffd700;
    letter-spacing: 0.04em;
}

.d3-poster-pos-dan-item em {
    font-style: normal;
    font-size: 0.68rem;
    opacity: 0.75;
    margin-right: 4px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 600;
}

.d3-poster-seven-grid {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.d3-poster-seven-item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    text-align: center;
}

.d3-poster-seven-item + .d3-poster-seven-item {
    border-left: 1px solid rgba(255, 255, 255, 0.32);
    padding-left: 8px;
}

.d3-poster-seven-label {
    flex-shrink: 0;
    min-width: 0;
    font-size: 1.02rem;
    font-weight: 800;
    margin-bottom: 0;
    color: #444;
    letter-spacing: 0.15px;
}

.d3-poster-seven-digits {
    flex: none;
    width: 100%;
    min-width: 0;
    text-align: center;
    white-space: nowrap;
    line-height: 1.3;
    overflow: hidden;
}

.d3-poster-seven-code {
    display: inline-block;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 4px;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.d3-poster-seven-code.main {
    color: #b00000;
    font-weight: 900;
}

.d3-poster-seven-code.alt {
    color: #0d47a1;
    font-weight: 900;
}

.d3-poster-pos-grid {
    display: flex;
    gap: 0;
}

.d3-poster-pos-col {
    flex: 1;
    text-align: center;
    padding: 0 6px;
    min-width: 0;
}

.d3-poster-pos-col + .d3-poster-pos-col {
    border-left: 1px solid rgba(255, 255, 255, 0.32);
}

.d3-poster-pos-label {
    display: block;
    font-size: 1.02rem;
    font-weight: 800;
    margin-bottom: 4px;
    color: #444;
    letter-spacing: 0.15px;
}

.d3-poster-pos-digits {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.35;
    word-break: break-all;
    color: #333;
}

.d3-poster-pos-key {
    color: #c00;
    font-weight: 900;
}

.d3-poster-single-num {
    font-size: 1.45rem;
    font-weight: 800;
    color: #ffd700;
    letter-spacing: 3px;
    text-shadow: 0 0 14px rgba(255, 215, 0, 0.35);
    white-space: nowrap;
}

.d3-poster-zhizu-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px 4px;
    width: 100%;
}

.d3-zhizu-item {
    box-sizing: border-box;
    background: none;
    color: #333;
    font-size: 1.48rem;
    padding: 0;
    border-radius: 0;
    font-weight: 800;
    text-align: center;
    border: none;
    letter-spacing: 0.6px;
    line-height: 1.25;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d3-zhizu-item.top1 {
    color: #c4112b;
    font-size: 1.62rem;
    letter-spacing: 0.8px;
    font-weight: 900;
}

.d3-zhizu-item.top3 {
    color: #c4112b;
    font-weight: 900;
}

.d3-poster-zhizu-more {
    margin-top: 10px;
    text-align: center;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.45);
    letter-spacing: 0.3px;
}

.d3-poster-hit {
    padding: 0 12px 6px;
}

.d3-poster-hit-inner {
    padding: 6px 0 2px;
    border-top: 1px solid rgba(255, 255, 255, 0.32);
    text-align: center;
    background: none;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.d3-poster-hit-loading {
    color: #333;
    font-size: 0.86rem;
    font-weight: 600;
}

.d3-poster-hit-line1 {
    font-size: 0.96rem;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
    line-height: 1.35;
}

.d3-poster-hit-line1 em {
    font-style: normal;
    color: #c00;
    font-weight: 900;
    font-size: 1.45rem;
    letter-spacing: 0.3px;
}

.d3-poster-hit-line2 {
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
    color: #333;
}

.d3-poster-footer {
    padding: 3px 12px 10px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.d3-poster-footer p {
    margin: 0;
}

.d3-poster-footer .warn {
    color: #a04040;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.15px;
    line-height: 1.3;
    margin-bottom: 3px;
}

.d3-poster-footer .site {
    color: #555;
    margin-top: 0;
    font-size: 0.74rem;
    font-weight: 500;
    letter-spacing: 0.15px;
}

.analysis-page .pause-notice {
    text-align: center;
    padding: 16px;
    margin-bottom: 12px;
    background: rgba(217, 119, 6, 0.1);
    border: 1px solid rgba(217, 119, 6, 0.3);
    border-radius: 8px;
    color: #92400e;
}

@media (max-width: 768px) {
    .analysis-page .hit-rate-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .d3-poster:not(.is-export) .d3-poster-hero-row {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .d3-poster:not(.is-export) .d3-poster-hero-block.dan,
    .d3-poster:not(.is-export) .d3-poster-hero-block.doubles {
        flex: 1 1 auto;
    }

    .d3-poster:not(.is-export) .d3-poster-seven-grid {
        flex-direction: row;
        gap: 6px;
    }

    .d3-poster:not(.is-export) .d3-poster-seven-digits {
        font-size: 1.85rem;
    }

    .d3-poster:not(.is-export) .d3-poster-dan-ball {
        font-size: 2.85rem;
        width: 74px;
        height: 74px;
        line-height: 74px;
    }

    .d3-poster:not(.is-export) .d3-poster-pos-digits {
        font-size: 1.85rem;
    }

    .d3-poster:not(.is-export) .d3-poster-seven-code {
        font-size: 1.92rem;
    }

    .d3-poster:not(.is-export) .d3-poster-zhizu-grid {
        gap: 6px 2px;
    }

    .d3-poster:not(.is-export) .d3-zhizu-item {
        font-size: 1.28rem;
        letter-spacing: 0.4px;
    }

    .d3-poster:not(.is-export) .d3-zhizu-item.top1 {
        font-size: 1.38rem;
    }
}

/* 工具类 */
.analysis-page .u-hidden { display: none !important; }
.analysis-page .u-ml-md { margin-left: 15px; }
.analysis-page .error-message-hint { margin-top: 8px; font-size: 0.85em; }
.analysis-page #custom-period-inputs:not(.is-visible) { display: none; }
.analysis-page #custom-period-inputs.is-visible { display: flex; }
.analysis-page #dataError:not(.is-visible) { display: none; }
.analysis-page #dataError.is-visible { display: block; }

/* 动态分析内容 */
.analysis-page .a-h3 { margin-bottom: 12px; color: #8b1a1a; }
.analysis-page .a-h3-mt { margin-top: 20px; margin-bottom: 12px; color: #8b1a1a; }
.analysis-page .a-h3-blue { margin-bottom: 12px; color: #1a6dcc; }
.analysis-page .a-h3-blue-mt { margin-top: 20px; margin-bottom: 15px; color: #1a6dcc; }
.analysis-page .a-h4-blue { margin-bottom: 10px; color: #1a6dcc; }
.analysis-page .a-table-scroll { overflow-x: auto; }
.analysis-page .a-note { margin-top: 15px; padding: 12px; background: #f8f9fa; border-radius: 8px; border-left: 4px solid #c0392b; }
.analysis-page .a-note-blue { margin-top: 20px; padding: 15px; background: #f8fbff; border-radius: 8px; border-left: 4px solid #2a8af0; }
.analysis-page .a-note-blue-sm { margin-top: 15px; padding: 12px; background: #f8fbff; border-radius: 8px; }
.analysis-page .a-insight-box { margin-top: 20px; padding: 15px; background: #f0f8ff; border-radius: 8px; border-left: 4px solid #2a8af0; }
.analysis-page .a-insight-panel { margin-top: 20px; padding: 15px; background: #f8f9fa; border-radius: 10px; border: 1px solid #eee; }
.analysis-page .a-insight-panel h4 { color: #1a6dcc; margin-bottom: 10px; }
.analysis-page .a-combo-wrap { display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap; }
.analysis-page .a-combo-chip { padding: 8px 15px; background: white; border-radius: 8px; border: 1px solid #ddd; font-weight: bold; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.analysis-page .a-empty-hint { text-align: center; color: #666; padding: 24px; }
.analysis-page .miss-rating-high { color: #dc2626; font-weight: bold; }
.analysis-page .miss-rating-mid-high { color: #d97706; font-weight: bold; }
.analysis-page .miss-rating-mid { color: #ca8a04; font-weight: bold; }
.analysis-page .miss-rating-low { color: #16a34a; font-weight: bold; }
.analysis-page .btn-poster-close { margin-top: 12px; background: #666; color: #fff; border: none; padding: 8px 20px; border-radius: 8px; cursor: pointer; }

.analysis-page .poster-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px;
    box-sizing: border-box;
    display: none;
}
.analysis-page .poster-preview.is-visible {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.analysis-page #dataError.is-success {
    background: #e8f5e9;
    color: #2e7d32;
    border-left-color: #2ecc71;
}

.analysis-page .verification-info {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 170, 0, 0.1) 100%);
    border: 1px solid rgba(255, 215, 0, 0.4);
    border-radius: 12px;
    padding: 12px 15px;
    margin-bottom: 15px;
}
.analysis-page .verification-info-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.analysis-page .verification-info-title { color: #ffd700; font-size: 0.9rem; font-weight: 600; }
.analysis-page .verification-info-badge {
    background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
    color: #333;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.85rem;
    font-weight: bold;
}
.analysis-page .verification-info-body { color: rgba(255, 255, 255, 0.7); font-size: 0.85rem; }
.analysis-page .verification-info-body .hit { color: #ffd700; font-weight: bold; }

.analysis-page .a-section-mt { margin-top: 20px; }
.analysis-page .a-sum-trend-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.analysis-page .a-sum-trend-item { position: relative; }
.analysis-page .a-sum-trend-label { position: absolute; left: 0; width: 100%; text-align: center; font-size: 0.7rem; color: #666; bottom: -15px; }
.analysis-page .a-sum-trend-period { position: absolute; left: 0; width: 100%; text-align: center; font-size: 0.6rem; color: #999; bottom: -25px; }
.analysis-page .a-sum-hint { margin-top: 25px; font-size: 0.8rem; color: #666; text-align: center; }
.analysis-page .a-trend-intro { margin-bottom: 15px; }
.analysis-page .a-trend-stack { display: flex; flex-direction: column; gap: 15px; margin-bottom: 15px; }
.analysis-page .heat-table th:nth-child(1) { width: 15%; }
.analysis-page .heat-table th:nth-child(2),
.analysis-page .heat-table th:nth-child(3) { width: 20%; }
.analysis-page .heat-table th:nth-child(4) { width: 45%; }
.analysis-page .heat-table tr.heat-row-max { background-color: rgba(42, 138, 240, 0.05); }
.analysis-page .heat-table tr.heat-row-high { background-color: rgba(42, 138, 240, 0.03); }
.analysis-page .error-message p { margin-top: 5px; }

/* 推荐权重 / 回测 / 推荐视图（P1 组件） */
.analysis-page .rec-hint,
.analysis-page .rec-algo-note {
    font-size: 0.78rem;
    color: #888;
    line-height: 1.45;
    margin: 4px 0 8px;
}

.analysis-page .rec-tag {
    font-size: 0.72rem;
    font-weight: 500;
    color: #8b1a1a;
    background: rgba(139, 26, 26, 0.08);
    padding: 2px 8px;
    border-radius: 999px;
    vertical-align: middle;
}

.analysis-page .rec-algo-note {
    margin: 12px 0 0;
    padding: 10px 12px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #eee;
}

.analysis-page .weight-mode-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #e8e8e8;
}

.analysis-page .weight-mode-label {
    font-size: 0.85rem;
    color: #666;
    font-weight: 600;
}

.analysis-page .weight-chip {
    border: 1px solid rgba(139, 26, 26, 0.25);
    background: #fff;
    color: #8b1a1a;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    cursor: pointer;
}

.analysis-page .weight-chip.active {
    background: linear-gradient(135deg, #8b1a1a 0%, #c0392b 100%);
    color: #fff;
    border-color: transparent;
}

.analysis-page .backtest-panel { margin-bottom: 16px; }
.analysis-page .backtest-hint {
    margin: 0;
    padding: 12px 14px;
    font-size: 0.85rem;
    color: #666;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
}

.analysis-page .hit-rate-panel,
.analysis-page .shape-distribution {
    background: linear-gradient(135deg, #8b1a1a 0%, #c0392b 100%) !important;
}

.analysis-page .hit-rate-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.analysis-page .hit-rate-item {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 8px 4px;
    text-align: center;
    border: 1px solid transparent;
}

.analysis-page .hit-rate-item.good {
    background: rgba(255, 215, 0, 0.22);
    border-color: rgba(255, 215, 0, 0.55);
}

.analysis-page .hit-rate-percent { color: #ffe066; font-weight: 700; }

.analysis-page .backtest-legend,
.analysis-page .backtest-theory {
    margin: 8px 0 0;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.82);
}

.analysis-page .legend-good { color: #ffe066; margin-right: 4px; }

.analysis-page .backtest-actions { margin-top: 10px; text-align: center; }

.analysis-page .backtest-actions .btn-link {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.35);
    color: #fff;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.78rem;
    cursor: pointer;
}

.analysis-page .recommend-weight-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
    padding: 8px 10px;
    background: rgba(139, 26, 26, 0.04);
    border-radius: 8px;
    font-size: 0.78rem;
    color: #666;
}

.analysis-page .recommend-weight-strip strong { color: #8b1a1a; }

.analysis-page .recommend-view-wrap { width: 100%; }

.analysis-page .recommend-toolbar {
    margin-bottom: 12px;
    padding: 10px 12px;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 8px;
}

.analysis-page .recommend-view-toggle { display: flex; gap: 8px; margin-bottom: 8px; }

.analysis-page .view-chip {
    border: 1px solid rgba(139, 26, 26, 0.25);
    background: #fff;
    color: #8b1a1a;
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 0.82rem;
    cursor: pointer;
}

.analysis-page .view-chip.active {
    background: linear-gradient(135deg, #8b1a1a, #c0392b);
    color: #fff;
    border-color: transparent;
}

.analysis-page .rec-algo-summary { margin: 0 0 8px; font-size: 0.78rem; color: #666; }

.analysis-page .recommend-copy-row { display: flex; flex-wrap: wrap; gap: 6px; }

.analysis-page .btn-copy-mini {
    border: 1px solid rgba(139, 26, 26, 0.2);
    background: #fff;
    color: #8b1a1a;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    cursor: pointer;
}

.analysis-page .recommend-detail-view.hidden,
.analysis-page .recommend-poster-view.hidden { display: none; }

.analysis-page .seven-code-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; }
.analysis-page .seven-code-row .label { font-size: 0.8rem; font-weight: 600; color: #8b1a1a; }
.analysis-page .seven-code-row .code { font-size: 1.6rem; font-weight: bold; letter-spacing: 3px; color: #8b1a1a; }
.analysis-page .seven-code-row.backup .code { font-size: 1.35rem; color: #c0392b; }
.analysis-page .zhizu-shape-tag { display: block; font-size: 0.62rem; opacity: 0.85; margin-top: 2px; }
.analysis-page .pause-notice {
    text-align: center;
    padding: 16px;
    margin-bottom: 12px;
    background: rgba(217, 119, 6, 0.1);
    border: 1px solid rgba(217, 119, 6, 0.3);
    border-radius: 8px;
    color: #92400e;
}

.glass-card {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

@media (max-width: 768px) {
    .glass-card {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .analysis-page .hit-rate-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .analysis-page .weight-mode-hint {
        margin-left: 0;
        width: 100%;
    }
}