:root{
			--primary:#0074FF;
			--primary-light:#EAF2FF;
			--primary-dark:#0059CC;
			--text-dark:#1a1a2e;
			--text-gray:#7a7a8c;
			--text-light:#999;
			--border:#eef0f5;
			--card:#ffffff;
			--body-bg:#f4f6fb;
			--up:#01BD9B;
			--down:#EF4444;
			--radius:12px;
			--shadow:0 4px 16px rgba(26,26,46,0.06);
		}
		@font-face{
			font-family:'Nucleo'; font-style:normal; font-weight:700; font-display:swap;
			src:url(../fonts/Nucleo.ttf) format('truetype');
		}
		html{ font-size:18px; }
		*{ margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
		html,body{ height:100%; }
		body{
			font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
			background-color:#f4f6fb;
			background-image:url(../images/bg-global.webp);
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			background-attachment:fixed;
			color:var(--text-dark);
			font-size:14px;
			line-height:1.5;
			overflow-x:clip;
		}
		a{ text-decoration:none; color:inherit; }
		ul{ list-style:none; }
		img{ max-width:100%; }

		/* ============ 主容器 ============ */
		.main{ max-width:1280px; margin:0 auto; padding:14px 14px 40px; }

		/* ============ 页头 ============ */
		.page-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
		.page-head h3{ font-size:20px; font-weight:800; line-height:1.3; }
		.page-head .sub{ font-size:12px; color:var(--text-gray); margin-top:4px; }
		.page-head .sub a{ color:var(--primary); font-weight:600; }
		.page-head-search{ display:flex; align-items:center; gap:0; background:var(--card); border:1px solid var(--border); border-radius:20px; padding:0 6px 0 10px; flex:1 1 100%; min-width:0; box-shadow:var(--shadow); }
		.page-head-search .search-icon{ width:15px; height:15px; color:var(--text-light); flex-shrink:0; }
		.page-head-search input{ flex:1; border:none; background:transparent; outline:none; padding:8px 6px; font-size:0.812rem; color:var(--text-dark); min-width:0; }
		.page-head-search button{ border:none; background:var(--primary); color:#fff; border-radius:16px; padding:6px 16px; font-size:0.812rem; font-weight:600; cursor:pointer; flex-shrink:0; }
		.page-head-search button:hover{ background:var(--primary-dark); }
		.fresh-badge{
			font-size:11px; font-weight:600; padding:5px 12px; border-radius:16px;
			background:var(--primary-light); color:var(--primary); white-space:nowrap; flex-shrink:0;
			display:inline-flex; align-items:center; gap:6px;
		}
		/* 实时状态圆点（呼吸动画） */
		.live-dot{
			width:8px; height:8px; border-radius:50%; background:#01BD9B; flex-shrink:0;
			animation: livePulse 1.6s ease-in-out infinite;
		}
		@keyframes livePulse{
			0%,100%{ box-shadow:0 0 0 0 rgba(1,189,155,.45); }
			50%{ box-shadow:0 0 0 5px rgba(1,189,155,0); }
		}
		.live-dot.dim{ background:var(--text-light); animation:none; }

		/* ============ 国家统计卡片 ============ */
		.country-stats{
			display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px;
			background:var(--card); border-radius:var(--radius);
			padding:12px 14px; box-shadow:var(--shadow);
		}
		.country-stats .cs-title{
			font-size:12px; font-weight:700; color:var(--text-dark);
			display:flex; align-items:center; gap:6px; margin-right:4px;
		}
		.country-chip{
			display:flex; align-items:center; gap:6px;
			padding:5px 11px; border-radius:16px; font-size:12px;
			background:var(--body-bg); border:1px solid var(--border); color:var(--text-dark);
		}
		.country-chip .cname{ font-weight:600; }
		.country-chip .cnum{ color:var(--primary); font-weight:700; }

		/* ===== 维度切换 ===== */
		.dim-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
		.dim-tab{
			padding:8px 14px; border-radius:20px; font-size:13px; cursor:pointer;
			background:var(--card); border:1px solid var(--border); color:var(--text-gray);
			transition:all .15s; box-shadow:var(--shadow);
		}
		.dim-tab:hover{ border-color:var(--primary); color:var(--primary); }
		.dim-tab.active{ background:var(--primary); color:#fff; border-color:var(--primary); }
		.dim-tab .cnt{ font-size:10px; opacity:.75; margin-left:4px; }

		/* ===== 工具条 ===== */
		.toolbar{
			display:flex; align-items:center; gap:10px; flex-wrap:wrap;
			margin-bottom:14px; background:var(--card); border-radius:var(--radius);
			padding:10px 14px; box-shadow:var(--shadow);
		}
		.toolbar label{ font-size:12px; color:var(--text-gray); }
		.toolbar select{
			padding:7px 10px; border:1px solid var(--border); border-radius:8px;
			font-size:13px; color:var(--text-dark); background:#fff; outline:none; cursor:pointer;
		}
		.fetch-info{ font-size:11px; color:var(--text-light); margin-left:auto; }

		/* ===== 卡片 ===== */
		.card{ background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
		.card-header{
			display:flex; align-items:center; justify-content:space-between;
			padding:14px 16px; border-bottom:1px solid #f5f5f5;
		}
		.card-header .tt{ display:flex; align-items:center; gap:8px; }
		.card-header h6{ font-size:14px; font-weight:700; color:var(--text-dark); }
		.card-header .dim-tag{ font-size:11px; color:var(--primary); background:var(--primary-light); padding:3px 10px; border-radius:12px; }

		/* ===== 排名列表 ===== */
		.rank-list{ padding:6px 16px 16px; }
		.rank-item{
			display:flex; align-items:center; gap:12px; padding:13px 0;
			border-bottom:1px solid #f5f5f5;
		}
		.rank-item:last-child{ border-bottom:none; }
		.rank-badge{
			width:26px; height:26px; border-radius:50%; flex-shrink:0;
			display:flex; align-items:center; justify-content:center;
			font-size:12px; font-weight:700;
			background:var(--body-bg); color:var(--text-gray);
		}
		.rank-badge.gold{ background:linear-gradient(135deg,#FFD700,#FFA500); color:#fff; }
		.rank-badge.silver{ background:linear-gradient(135deg,#E8E8E8,#C0C0C0); color:#fff; }
		.rank-badge.bronze{ background:linear-gradient(135deg,#CD7F32,#B8860B); color:#fff; }
		.rank-logo{
			width:28px; height:28px; border-radius:7px; flex-shrink:0;
			background:#fff; border:1px solid var(--border); object-fit:contain;
			display:flex; align-items:center; justify-content:center;
			font-size:11px; font-weight:700; color:var(--primary); overflow:hidden;
		}
		.rank-main{ flex:1; min-width:0; }
		.rank-top{ display:flex; align-items:center; gap:8px; margin-bottom:5px; }
		.rank-model{
			font-size:14px; font-weight:600; color:var(--text-dark);
			white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		}
		.rank-meta{ font-size:11px; color:var(--text-light); display:flex; align-items:center; flex-wrap:wrap; gap:4px; }
		.flag-img{ width:20px; height:14px; border-radius:2px; object-fit:cover; flex-shrink:0; vertical-align:middle; border:1px solid rgba(0,0,0,0.08); }
		.rank-meta .lic-open{ color:#01BD9B; }
		.rank-meta .lic-prop{ color:#EF4444; }
		.rank-bar-wrap{ flex:1; height:6px; background:#f0f2f5; border-radius:3px; overflow:hidden; min-width:40px; }
		.rank-bar{ display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#00d4ff,#0074FF); transition:width 1s cubic-bezier(0.22,1,0.36,1); }
		.rank-score{ font-size:13px; font-weight:700; color:var(--text-dark); white-space:nowrap; text-align:right; min-width:44px; }

		/* agent子维度 */
		.sub-dims{ margin-top:8px; }
		.sub-dim-row{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
		.sub-dim-row:last-child{ margin-bottom:0; }
		.sub-dim-name{ flex:0 0 auto; width:150px; font-size:11px; color:var(--text-dark); display:flex; align-items:center; gap:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
		.sub-dim-name i{ font-style:normal; font-size:9px; line-height:1; padding:2px 5px; border-radius:8px; flex:0 0 auto; }
		.dir-good{ color:#01BD9B; background:rgba(1,189,155,.12); }
		.dir-bad{ color:#EF4444; background:rgba(239,68,68,.12); }
		.sub-dim-bar{ flex:1; height:6px; background:#f0f2f5; border-radius:3px; overflow:hidden; min-width:40px; }
		.sub-dim-fill{ display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#00d4ff,#0074FF); transition:width 1s cubic-bezier(0.22,1,0.36,1); }
		.sub-dim-fill.dir-fill-bad{ background:linear-gradient(90deg,#ffb199,#EF4444); }
		.sub-dim-val{ flex:0 0 auto; font-size:12px; font-weight:600; color:var(--text-dark); text-align:right; white-space:nowrap; min-width:44px; }
		.sub-dim-val small{ font-weight:400; font-size:10px; color:var(--text-gray); margin-left:3px; }

		.empty,.loading{ text-align:center; padding:40px 0; font-size:13px; color:var(--text-light); }

		/* ============ 页脚 ============ */
		.site-footer{
			text-align:center; padding:20px 16px 6px; font-size:11px; color:var(--text-light);
		}

		@media (min-width: 768px){
			.main{ padding:20px 24px 40px; }
			.page-head h3{ font-size:24px; }
			.page-head-search{ flex:0 0 auto; width:calc(50% - 7px); min-width:280px; margin-left:auto; }
			.rank-item{ padding:14px 0; }
		}

		@media (max-width: 767px){
			.sub-dim-name{ width:118px; }
			.sub-dim-name i{ display:none; }
		}