/* 全局样式 */
body{font-family:Arial, sans-serif;line-height:1.8;margin:0;background:#f5f7fb;color:#333}
h1,h2{color:#222;font-weight:bold}
h3{color:#444;font-weight:bold}

/* 导航栏样式 */
.navbar{background:#fff;padding:15px 0;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}
.navbar-container{max-width:1000px;margin:auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.navbar-logo{font-size:1.5em;font-weight:bold;color:#3b82f6;text-decoration:none}
.navbar-menu{display:flex;list-style:none;margin:0;padding:0}
.navbar-menu li{margin-left:20px}
.navbar-menu li a{color:#333;text-decoration:none;font-weight:500;transition:color 0.3s ease}
.navbar-menu li a:hover{color:#3b82f6}

/* 容器样式 */
.container{max-width:1000px;margin:auto;padding:20px}

/* 首屏样式 */
.hero{background:linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);color:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);text-align:center}
.hero h1{font-size:2.5em;margin-bottom:20px}
.hero p{font-size:1.2em;margin-bottom:30px;opacity:0.9}

/* 按钮样式 */
.btn{display:inline-block;background:linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);color:#000;padding:14px 24px;border-radius:8px;margin-top:10px;text-decoration:none;font-weight:bold;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,212,255,0.3)}
.btn:hover{transform: translateY(-2px);box-shadow:0 4px 12px rgba(0,212,255,0.4)}

/* 卡片样式 */
.card{background:#fff;padding:25px;margin:20px 0;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:all 0.3s ease}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15)}
.card h2{margin-top:0;padding-bottom:10px;border-bottom:2px solid #eef2ff}

/* 网格样式 */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.grid > div{background:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:all 0.3s ease}
.grid > div:hover{transform: translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.12)}
.grid h3{margin-top:0;color:#222}

/* 表格样式 */
.table{width:100%;border-collapse:collapse;margin:20px 0}
.table th{background:#f8f9fa;color:#333;font-weight:bold;padding:12px;text-align:center;border:1px solid #ddd}
.table td{padding:10px;text-align:center;border:1px solid #ddd}
.table tr:nth-child(even){background:#f8f9fa}
.table tr:hover{background:#eef2ff}

/* 评论样式 */
.comment{background:#eef2ff;padding:15px;margin:15px 0;border-radius:8px;border-left:4px solid #00d4ff}
.comment:hover{box-shadow:0 2px 8px rgba(0,212,255,0.15)}

/* 面包屑导航样式 */
.breadcrumb{margin:10px 0;padding:12px 15px;background:#f8f9fa;border-radius:8px;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.breadcrumb a{color:#0099cc;text-decoration:none;transition:color 0.3s ease}
.breadcrumb a:hover{color:#00d4ff;text-decoration:underline}
.breadcrumb span{margin:0 5px;color:#666}

/* 下载页面样式 */
body.download-page{max-width:900px;margin:auto;padding:20px;background:#f5f7fb}

/* 列表样式 */
ul, ol{padding-left:20px}
ul li, ol li{margin-bottom:8px}

/* 链接样式 */
a{color:#0099cc;text-decoration:none;transition:color 0.3s ease}
a:hover{color:#00d4ff;text-decoration:underline}

/* 响应式设计 */
@media (max-width:768px){
  .container{padding:15px}
  .hero{padding:40px 20px}
  .hero h1{font-size:2em}
  .grid{grid-template-columns:1fr}
  body.download-page{padding:15px}
  
  /* 导航栏响应式 */
  .navbar-container{flex-direction:column;padding:0 15px}
  .navbar-menu{margin-top:15px}
  .navbar-menu li{margin:0 10px}
}