:root{
	/* 京东品牌色系 */
	--jd-red:#e1251b;
	--jd-red-dark:#c4161c;
	--jd-red-light:#fde5e4;
	--jd-black:#222;
	--jd-gray-dark:#666;
	--jd-gray:#999;
	--jd-gray-light:#f2f2f2;
	--jd-gray-lighter:#f7f7f7;
	--jd-white:#fff;
	--jd-yellow:#ffc000;
	--jd-blue:#4a90e2;

	/* 间距系统 */
	--spacing-xs:8px;
	--spacing-sm:16px;
	--spacing-md:24px;
	--spacing-lg:32px;
	--spacing-xl:48px;
	--spacing-xxl:64px;

	/* 阴影系统 */
	--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);
	--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);
	--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.1);

	/* 边框半径 */
	--radius-sm:2px;
	--radius-md:4px;
	--radius-lg:8px;
}

*{margin:0;padding:0;box-sizing:border-box;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}

/* ===== 横幅 ===== */
.jd-banner{background:linear-gradient(135deg, var(--jd-red) 0%, #c4161c 100%);color:var(--jd-white);padding:var(--spacing-xxl) 0 var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden;}
.jd-banner::before{content:'';position:absolute;top:0;right:0;width:300px;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" opacity="0.1"><path d="M45,-45C59.8,-31.5,74.4,-15.7,74.4,0C74.4,15.7,59.8,31.5,45,45C30.2,58.5,15.1,69.8,0,69.8C-15.1,69.8,-30.2,58.5,-45,45C-59.8,31.5,-74.4,15.7,-74.4,0C-74.4,-15.7,-59.8,-31.5,-45,-45C-30.2,-58.5,-15.1,-69.8,0,-69.8C15.1,-69.8,30.2,-58.5,45,-45Z" fill="white"/></svg>') no-repeat;background-position:right center;background-size:contain;}
.jd-banner-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;}
.jd-banner h1{font-size:42px;margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2;color:var(--jd-white);}
.jd-banner p{font-size:18px;opacity:0.95;margin-bottom:var(--spacing-lg);font-weight:300;color:var(--jd-white);}
.jd-banner-stats{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg);flex-wrap:wrap;}
.jd-stat-item{text-align:center;}
.jd-stat-number{font-size:32px;font-weight:700;color:var(--jd-white);margin-bottom:var(--spacing-xs);}
.jd-stat-label{font-size:14px;opacity:0.8;font-weight:300;}

/* ===== 主要內容區域 ===== */
.jd-main-content{padding-bottom:var(--spacing-xxl);}
.jd-section{background-color:var(--jd-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);border:1px solid var(--jd-gray-light);}
.jd-section-title{display:flex;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--jd-gray-light);}
.jd-section-title h2{font-size:24px;font-weight:700;color:var(--jd-black);display:flex;align-items:center;gap:var(--spacing-sm);}
.jd-section-title h2::before{content:'';display:block;width:4px;height:20px;background-color:var(--jd-red);border-radius:var(--radius-sm);}

/* ===== 關於我們介紹 ===== */
.jd-about-intro{font-size:16px;line-height:1.8;color:var(--jd-gray-dark);margin-bottom:var(--spacing-lg);}
.jd-about-intro p{margin-bottom:var(--spacing-md);}
.jd-highlight-box{background-color:var(--jd-gray-lighter);border-left:4px solid var(--jd-red);padding:var(--spacing-md);margin:var(--spacing-lg) 0;border-radius:0 var(--radius-md) var(--radius-md) 0;}
.jd-highlight-box p{margin-bottom:0;font-weight:500;color:var(--jd-black);}

/* ===== 國家服務標籤 ===== */
.jd-countries{margin:var(--spacing-lg) 0;}
.jd-countries h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-md);color:var(--jd-black);}
.jd-countries-grid{display:grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap:var(--spacing-sm);}
.jd-country-tag{background-color:var(--jd-white);border:1px solid var(--jd-gray-light);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;transition:all 0.2s;cursor:default;}
.jd-country-tag:hover{border-color:var(--jd-red);box-shadow:var(--shadow-sm);transform:translateY(-2px);}
.jd-country-tag.active{background-color:var(--jd-red-light);border-color:var(--jd-red);color:var(--jd-red);font-weight:500;}

/* ===== 特色服務網格 ===== */
/*.jd-features-grid{display:grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md);}*/
.jd-features-grid{display:grid;grid-template-columns: repeat(3, 1fr);gap:var(--spacing-lg);margin-top:var(--spacing-md);}
/* 新增align-items:center;：使内部所有子元素在水平方向上居中 */
/* 新增text-align:center;：确保文字内容也居中（针对内联元素） */
.jd-feature-card{background-color:var(--jd-white);border:1px solid var(--jd-gray-light);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all 0.3s;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;}
.jd-feature-card:hover{border-color:var(--jd-red);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.jd-feature-icon{width:60px;height:60px;background-color:var(--jd-red-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--jd-red);font-size:24px;}
.jd-feature-card h3{font-size:18px;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--jd-black);}
.jd-feature-card p{color:var(--jd-gray-dark);font-size:14px;line-height:1.6;flex-grow:1;}
.jd-feature-badge{display:inline-block;background-color:var(--jd-red);color:var(--jd-white);font-size:12px;padding:2px 8px;border-radius:10px;margin-top:var(--spacing-md);font-weight:500;align-self:center;}

/* ===== 解決問題區域 ===== */
.jd-problems-solutions{margin-top:var(--spacing-lg);}
.jd-problem-list{list-style:none;}
.jd-problem-item{display:flex;align-items:flex-start;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color 0.2s;}
.jd-problem-item:hover{background-color:var(--jd-gray-lighter);}
.jd-problem-icon{color:var(--jd-red);margin-right:var(--spacing-sm);font-size:18px;min-width:24px;}
.jd-problem-content h4{font-size:16px;font-weight:600;margin-top:0;margin-bottom:4px;color:var(--jd-black);}
.jd-problem-content p{color:var(--jd-gray-dark);font-size:14px;}

/* ===== 響應式設計 ===== */
/* 平板/大手機 (小型平板) */
@media (max-width:992px){
	.jd-banner h1{font-size:36px;}
	.jd-features-grid{grid-template-columns: repeat(2, 1fr);}
}
/* 手機/小平板 (大多數手機) */
@media (max-width:768px){
	.jd-header-container{padding:0 var(--spacing-sm);}
	.jd-nav ul{display:none;position:absolute;top:70px;left:0;width:100%;background-color:var(--jd-white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-md);gap:0;}
	.jd-nav ul.show{display:flex;}
	.jd-nav li{margin:var(--spacing-xs) 0;}
	.jd-mobile-menu-btn{display:block;}
	.jd-banner{padding:var(--spacing-xl) 0 var(--spacing-lg);}
	.jd-banner h1{font-size:28px;}
	.jd-banner p{font-size:16px;}
	.jd-section{padding:var(--spacing-lg);}
	.jd-features-grid{grid-template-columns: 1fr;}
	.jd-countries-grid{grid-template-columns: repeat(2, 1fr);}
	.jd-footer-grid{grid-template-columns: repeat(2, 1fr);gap:var(--spacing-lg);}
	.jd-footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center;}
	.jd-button-container {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md);}
	.jd-button-container .jd-button {width: 100%;max-width: 280px;margin-left: 0 !important;margin-bottom: 0;padding:14px 20px;font-size:16px;}
	.jd-button-container .jd-button-outline {margin-top: var(--spacing-sm);}
	.jd-button:active{transform: scale(0.98);transition: transform 0.1s;}
}
/* 小型手機 (如iPhone SE) */
@media (max-width:576px){
	.jd-banner h1{font-size:24px;}
	.jd-section{padding:var(--spacing-md);}
	.jd-banner-stats{gap:var(--spacing-lg);}
	.jd-stat-number{font-size:24px;}
	.jd-countries-grid{grid-template-columns: 1fr;}
	.jd-footer-grid{grid-template-columns: 1fr;}
}

/* ===== 特色元素 ===== */
.jd-badge{display:inline-block;background-color:var(--jd-red);color:var(--jd-white);font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px;vertical-align:middle;margin-left:var(--spacing-xs);}
.jd-button-container{text-align:center;margin-top:var(--spacing-xl);}
.jd-button{display:inline-block;background-color:var(--jd-red);color:var(--jd-white);border:none;border-radius:var(--radius-md);padding:10px 24px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color 0.2s;text-decoration:none;text-align:center;}
.jd-button:hover{background-color:var(--jd-red-dark);color:var(--jd-white);}
.jd-button-outline{background-color:transparent;border:1px solid var(--jd-red);color:var(--jd-red);}
.jd-button-outline:hover{background-color:var(--jd-red-light);}

/* 載入/互動效果 */
.jd-pulse{
	animation:jd-pulse 2s infinite;
}

@keyframes jd-pulse{
	0%{ box-shadow:0 0 0 0 rgba(225, 37, 27, 0.4); }
	70%{ box-shadow:0 0 0 10px rgba(225, 37, 27, 0); }
	100%{ box-shadow:0 0 0 0 rgba(225, 37, 27, 0); }
}