:root {
	--cc-gradient: linear-gradient(135deg, #1e40af 0%, #3b82f6 40%, #8b5cf6 100%);
	--cc-blue: #2563eb; 
	--cc-blue-hover: #1d4ed8;
	--cc-yellow: #facc15;
	--cc-text-dark: #0f172a;
	--cc-text-muted: #475569;
	--cc-bg-light: #f8fafc;
	--cc-card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	--cc-card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	--font-cc: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- 全局样式重置 --- */
#country_index {font-family: var(--font-cc);background-color: var(--cc-bg-light);color: var(--cc-text-dark);-webkit-font-smoothing: antialiased;padding-bottom: 100px;}
#country_index *{ box-sizing: border-box; }
#country_index a { text-decoration: none; color: inherit; }
#country_index .container {max-width: 1200px;margin: 0 auto;padding: 0 24px;}
#country_index .cc-navbar { background: #1e3a8a;padding: 16px 0;display: flex;align-items: center;justify-content: space-between; }
#country_index .cc-logo { font-size: 22px;font-weight: 700;color: #ffffff; }
#country_index .cc-logo span { color: var(--cc-yellow); }
#country_index .cc-nav-links { display: flex; align-items: center; gap: 32px;}
#country_index .cc-nav-links a { color: rgba(255, 255, 255, 0.85); font-size: 14px; font-weight: 500; }
#country_index .cc-nav-links a:hover { color: #ffffff; }
#country_index .cc-btn-yellow { background-color: var(--cc-yellow); color: #000000 !important; padding: 8px 16px; border-radius: 8px; font-weight: 600 !important; transition: opacity 0.2s; }
#country_index .cc-btn-yellow:hover { opacity: 0.9; }
#country_index .cc-hero { background: var(--cc-gradient); padding: 80px 0 100px; text-align: center; color: #ffffff;}
#country_index .cc-hero h1 { font-size: 42px; font-weight: 600; margin-bottom: 16px; letter-spacing: -0.02em;}
#country_index .cc-hero p { font-size: 16px; color: rgba(255, 255, 255, 0.85); max-width: 600px; margin: 0 auto 40px; line-height: 1.6;}
#country_index .cc-search-wrapper { max-width: 560px; margin: 0 auto; background: #ffffff; padding: 6px; border-radius: 50px; display: flex; align-items: center; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
#country_index .cc-search-input { flex: 1; border: none; outline: none; padding: 12px 24px; font-size: 15px; color: #1e293b; background: transparent;}
#country_index .cc-search-btn { background-color: var(--cc-blue); color: #ffffff; border: none; outline: none; padding: 12px 32px; font-size: 15px; font-weight: 600; border-radius: 50px; cursor: pointer; transition: background 0.2s;}
#country_index .cc-search-btn:hover { background-color: var(--cc-blue-hover); }
#country_index .cc-breadcrumb { padding: 24px 0; font-size: 14px; color: var(--cc-text-muted);}
#country_index .cc-breadcrumb a:hover { color: var(--cc-blue); }
#country_index .cc-breadcrumb span { margin: 0 8px; color: #cbd5e1; }
#country_index .cc-section-heading { font-size: 24px; font-weight: 700; color: var(--cc-text-dark); margin: 48px 0 24px; letter-spacing: -0.01em;}
#country_index .cc-featured-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px;}
#country_index .cc-featured-card { background: #ffffff; padding: 20px; border-radius: 16px; box-shadow: var(--cc-card-shadow); display: flex; align-items: center; gap: 16px; transition: transform 0.25s ease, box-shadow 0.25s ease;}
#country_index .cc-featured-card:hover { transform: translateY(-4px); box-shadow: var(--cc-card-shadow-hover);}
#country_index .cc-featured-card .flag-icon { font-size: 28px;}
#country_index .c featured-card .country-name { font-weight: 600; font-size: 16px; color: var(--cc-text-dark); display: block;}
#country_index .cc-featured-card .meta-info { font-size: 13px; color: var(--cc-text-muted); margin-top: 2px;}
#country_index .cc-region-section { margin-top: 40px; background: #ffffff; border-radius: 20px; padding: 32px; box-shadow: var(--cc-card-shadow);}
#country_index .cc-region-group { margin-bottom: 40px;}
#country_index .cc-region-group:last-child { margin-bottom: 0; }
#country_index .cc-region-title { font-size: 16px; font-weight: 700; color: var(--cc-blue); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 20px; border-left: 4px solid var(--cc-blue); padding-left: 12px;}
#country_index .cc-links-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px;}
#country_index .cc-directory-link { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; color: var(--cc-text-muted); padding: 8px 12px; border-radius: 10px; transition: background 0.2s, color 0.2s;}
#country_index .cc-directory-link:hover { background-color: #f1f5f9; color: var(--cc-blue);}
#country_index .cc-directory-link .flag-icon { font-size: 16px; }
#country_index .cc-empty-state { text-align: center; padding: 60px 20px; color: var(--cc-text-muted); font-size: 16px; background: #ffffff; border-radius: 20px; box-shadow: var(--cc-card-shadow); display: none;}
@media (max-width: 768px) { 
	.cc-hero h1 { font-size: 32px; } 
	.cc-nav-links { display: none; }
	.cc-region-section { padding: 20px; }
}


#country_detail { background: #f5f7fb;color: #1d2433;line-height: 1.6;}
#country_detail a {text-decoration: none;color: inherit;}
#country_detail .container {width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 24px 50px;}
/* Header */
#country_detail .header {background: #fff;border-bottom: 1px solid #e6ebf2;position: sticky;top: 0;z-index: 100;}
#country_detail .header-inner {display: flex;align-items: center;justify-content: space-between;height: 78px;}
#country_detail .logo {display: flex;align-items: center;gap: 12px;font-size: 24px;font-weight: 800;color: #0b57ff;}
#country_detail .logo-icon {width: 42px;height: 42px;border-radius: 12px;background: linear-gradient(135deg, #0b57ff, #003fc7);display: flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;}
#country_detail .nav {display: flex;align-items: center;gap: 32px;font-weight: 500;color: #465066;}
#country_detail .header-right {display: flex;align-items: center;gap: 16px;}
#country_detail .search-box {width: 300px;height: 46px;border: 1px solid #dde4ef;border-radius: 14px;background: #f8faff;padding: 0 18px;outline: none;font-size: 14px;}
#country_detail .lang {font-weight: 600;color: #334155;}
/* Breadcrumb */
#country_detail .breadcrumb {display: flex;align-items: center;gap: 10px;font-size: 14px;color: #7b8497;padding: 24px 0;}
/* Hero */
#country_detail .hero {background: linear-gradient(135deg, #003cb8, #1966ff);border-radius: 28px;padding: 56px;color: #fff;display: flex;justify-content: space-between;align-items: center;overflow: hidden;position: relative;min-height: 400px;}
#country_detail .hero::after {content: "";position: absolute;right: -120px;top: -100px;width: 500px;height: 500px;background: rgba(255,255,255,0.08);border-radius: 50%;}
#country_detail .hero-content {position: relative;z-index: 2;max-width: 580px;}
#country_detail .hero-country {display: inline-flex;align-items: center;gap: 10px;margin-bottom: 20px;font-weight: 600;letter-spacing: 0.5px;}
#country_detail .hero h1 {font-size: 64px;line-height: 1.1;margin-bottom: 24px;font-weight: 800;}
#country_detail .hero p {font-size: 20px;color: rgba(255,255,255,0.88);margin-bottom: 36px;}
#country_detail .hero-search {display: flex;background: #fff;border-radius: 18px;overflow: hidden;width: 100%;max-width: 560px;box-shadow: 0 18px 40px rgba(0,0,0,0.15);}
#country_detail .hero-search input {flex: 1;border: none;padding: 22px 24px;font-size: 16px;outline: none;}
#country_detail .hero-search button {width: 78px;border: none;background: #0b57ff;color: #fff;font-size: 22px;cursor: pointer;}
#country_detail .hero-visual {position: relative;z-index: 2;width: 380px;height: 380px;border-radius: 50%;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;backdrop-filter: blur(12px);}
#country_detail .hero-visual span {font-size: 160px;display: none;}
/* Cards */
#country_detail .stats {margin-top: 28px;display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
#country_detail .stat-card {background: #fff;border-radius: 22px;padding: 28px;box-shadow: 0 6px 24px rgba(16, 24, 40, 0.05);border: 1px solid #edf1f7;}
#country_detail .stat-icon {width: 54px;height: 54px;border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;font-size: 24px;}
#country_detail .blue { background: #ebf3ff; }
#country_detail .green { background: #ebfff4; }
#country_detail .orange { background: #fff6e9; }
#country_detail .red { background: #fff0f0; }.purple { background: #f4efff; }
#country_detail .stat-value {font-size: 40px;font-weight: 800;margin-bottom: 6px;}
#country_detail .stat-label {color: #677489;font-weight: 500;margin-bottom: 10px;}
#country_detail .growth {color: #16a34a;font-weight: 700;font-size: 14px;}
/* Section */
#country_detail .section {margin-top: 28px;background: #fff;border-radius: 28px;padding: 40px;border: 1px solid #edf1f7;box-shadow: 0 6px 24px rgba(16,24,40,0.04);}
#country_detail .section-title {font-size: 34px;font-weight: 800;margin-bottom: 22px;}
#country_detail .section p {color: #5f6c82;font-size: 17px;margin-bottom: 18px;}
/* Industry Grid */
#country_detail .grid-layout {display: grid;grid-template-columns: 2fr 1fr;gap: 28px;margin-top: 28px;}
#country_detail .industry-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
#country_detail .industry-card,
#country_detail .info-card {background: #fff;border-radius: 24px;padding: 28px;border: 1px solid #edf1f7;box-shadow: 0 6px 24px rgba(16,24,40,0.04);}
#country_detail .industry-icon {width: 58px;height: 58px;border-radius: 18px;background: #eef4ff;display: flex;align-items: center;justify-content: center;font-size: 28px;margin-bottom: 18px;}
#country_detail .industry-card h3 {font-size: 22px;margin-bottom: 10px;}
#country_detail .industry-card p {color: #667085;margin-bottom: 18px;}
#country_detail .link {color: #0b57ff;font-weight: 700;display: none;}
#country_detail .info-list {display: flex;flex-direction: column;gap: 24px;}
#country_detail .info-item h4 {font-size: 20px;margin-bottom: 8px;}
#country_detail .info-item p {margin: 0;font-size: 15px;}
/* Bottom Grid */
#country_detail .bottom-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 28px;margin-top: 28px;}
#country_detail .list-item,
#country_detail .company-row {display: flex;align-items: center;justify-content: space-between;padding: 18px 0;border-bottom: 1px solid #eef2f7;}
#country_detail .list-item:last-child,
#country_detail .company-row:last-child {border-bottom: none;}
#country_detail .rank {width: 44px;height: 44px;border-radius: 14px;background: #0b57ff;color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;}
#country_detail .list-left {display: flex;align-items: center;gap: 18px;}
#country_detail .list-content h4 {margin-bottom: 4px;font-size: 18px;}
#country_detail .list-content p {margin: 0;font-size: 14px;}
#country_detail .percentage {color: #16a34a;font-weight: 800;font-size: 20px;}
#country_detail .company-row {gap: 16px;}
#country_detail .company-left {display: flex;align-items: center;gap: 14px;flex: 1;}
#country_detail .company-logo {width: 52px;height: 52px;border-radius: 16px;background: #f4f7fb;display: flex;align-items: center;justify-content: center;font-size: 24px;}
#country_detail .badge {background: #e9fcef;color: #15803d;padding: 8px 14px;border-radius: 999px;font-weight: 700;font-size: 14px;}
/* FAQ */
#country_detail .faq {margin: 28px 0 60px;background: #fff;border-radius: 28px;border: 1px solid #edf1f7;overflow: hidden;display: none;}
#country_detail .faq-item {padding: 28px 36px;border-bottom: 1px solid #eef2f7;display: flex;align-items: center;justify-content: space-between;cursor: pointer;font-weight: 600;transition: background 0.2s ease;}
#country_detail .faq-item:hover {background: #f8fbff;}
#country_detail .faq-item:last-child {border-bottom: none;}
@media (max-width: 1200px) {
	#country_detail .stats {grid-template-columns: repeat(2, 1fr);}
	#country_detail .grid-layout,.bottom-grid {grid-template-columns: 1fr;}
	#country_detail .industry-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	#country_detail .container{padding-bottom: 30px;}
	#country_detail .header-inner {flex-direction: column;gap: 16px;height: auto;padding: 20px 0;}
	#country_detail .nav {flex-wrap: wrap;justify-content: center;}
	#country_detail .hero {flex-direction: column;padding: 40px 28px;text-align: center;}
	#country_detail .hero h1 {font-size: 42px;}
	#country_detail .hero-visual {width: 240px;height: 240px;margin-top: 30px;}
	#country_detail .hero-visual span {font-size: 100px;}
	#country_detail .stats,.industry-grid {grid-template-columns: 1fr;}
	#country_detail .search-box {width: 100%;}
}

#country_detail .country_box {display: grid;justify-content: center;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;position: relative;z-index: 2;margin-top: 50px;}
#country_detail .country_box .country_item {background: #fff;padding: 30px 20px;box-sizing: border-box;border-radius: 10px;color: #000;display: flex;flex-direction: row;align-items: center;gap: 10px;cursor: pointer;}
#country_detail .country_box .country_item:hover {color: #045afe;}
#country_detail .country_box .country_item:hover .country_name i {background: url("/frontend/web/images/country/right_default_cur.png") no-repeat center/contain}
#country_detail .country_box .country_item .country_flag {border-radius: 50%;overflow: hidden;position: relative;width: 38px;height: 38px;flex-shrink: 0;}
#country_detail .country_box .country_item .country_flag > div {scale: 1.1;position: absolute;left: -34%}
#country_detail .country_box .country_item .country_name {display: flex;justify-content: space-between;align-items: center;width: 100%;column-gap: 10px;}
#country_detail .country_box .country_item .country_name span {font-size: 18px;text-align: left;}
#country_detail .country_box .country_item .country_name span small {font-size: 14px;}
#country_detail .country_box .country_item .country_name i {display: inline-block;background: url("/frontend/web/images/country/right_default.png") no-repeat center/contain;width: 21px;height: 21px;vertical-align: text-top;}
@media screen and (max-width:1024px) {
	#country_detail .country_box{grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:750px) {
	#country_detail .country_box{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);;margin-top: 6.66vw;grid-gap: 2.66vw;}
	#country_detail .country_box .country_item{padding: 3.06vw 2.66vw 3.6vw;gap: 1.33vw;}
	#country_detail .country_box .country_item .country_name{width: calc(100% - 38px - 1.33vw);}
	#country_detail .country_box .country_item .country_name span{font-size: 4.26vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;text-align: left;box-sizing: border-box;}
	#country_detail .country_box .country_item .country_name i{display: inline-block;background: url("/frontend/web/images/country/right_m_default.png") no-repeat center/contain;width: 4vw;height: 4vw;vertical-align: text-top;}
	#country_detail .country_box .country_item:hover .country_name i{background: url("/frontend/web/images/country/right_m_default.png") no-repeat center/contain}
}