:root {
--primary: #2c3e50;/* 深蓝 - 专业稳重 */
--secondary: #f6b93b;  /* 黄色 - 强调色 */
--accent: #e37318; /* 蓝色 - 辅助色 */
--light: #ecf0f1;  /* 浅灰 */
--dark: #2c3e50;   /* 深色 */
--text: #34495e;   /* 正文颜色 */
--text-light: #7f8c8d; /* 浅色文字 */
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

body {
background-color: var(--light);
color: var(--text);
line-height: 1.6;
max-width:1400px;
margin: 0 auto;
padding:20px;
}

header {
text-align: center;
margin-bottom: 40px;
padding: 20px 0;
border-bottom: 2px solid var(--secondary);
}

h1 {
color: var(--primary);
font-size: 32px;
margin-bottom: 10px;
}

.subtitle {
font-size: 18px;
color: var(--text-light);
}

/* 旅游路线部分样式 */
.routes-section {
margin-bottom:60px;
}

.section-title {
font-size: 28px;
color: var(--primary);
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}

.routes-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.route-card {
background: white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
text-decoration: none;
}
.route-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.route-image {
height:100%;
width:100%;
object-fit: cover;
}
.route-info {
padding: 12px;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
background-color: white;
}
.route-title-cn {
font-size: 20px;
font-weight:500;
margin-bottom: 5px;
color: var(--primary);
text-decoration: none;
}
.route-title-en {
font-size: 14px;
color: var(--text-light);
text-decoration: none;
}
/* 导游服务部分样式 */
.guides-section {
margin-bottom: 40px;
text-align: center;
}
.guides-subtitle {
font-size: 18px;
color: var(--text);
margin-bottom: 15px;
}
.guides-description {
margin-bottom: 30px;
color: var(--text-light);
font-size: 16px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.guides-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width:1400px;
margin: 0 auto;
}
.guide-card {
background:white;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 20px;
text-align:center;
transition:transform 0.3s ease;
border-top:3px solid var(--accent);
text-decoration: none;
color: inherit;
display: block;
}
.guide-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.language-logo {
width: 60px;
height: 60px;
margin: 0 auto 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: bold;
color: white;
background-color: var(--primary);
}
.english { background-color: var(--primary); }
.spanish { background-color: var(--accent); }
.french { background-color: #0055A4; }
.german { background-color: #000000; }
.italian { background-color: #008C45; }
.russian { background-color: #D52B1E; }

.guide-price {
font-size: 24px;
font-weight: bold;
color: var(--secondary);
margin: 10px 0;
}

.guide-title {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
color: var(--primary);
}
.guide-duration {
font-size: 18px;
color: var(--accent);
font-weight: bold;
margin-top: 10px;
}
/* 响应式设计 */
@media (max-width: 1200px) 
{.routes-container, .guides-container {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) 
{.routes-container, .guides-container {grid-template-columns: 1fr;}
h1 {font-size: 26px;}
.section-title {font-size: 24px;}
}