/* ========== 全局重置与公共样式 ========== */
* { margin:0; padding:0; box-sizing:border-box; font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
body { background:#f5f7fb; color:#333; line-height:1.8; padding-bottom:20px; }
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 15px; }

/* 头部 */
.header { background:linear-gradient(135deg,#2563eb,#3b82f6); color:#fff; padding:30px 0; text-align:center; margin-bottom:15px; box-shadow:0 6px 16px rgba(37,99,235,0.15); }
.logo-text { font-size:34px; font-weight:700; letter-spacing:2px; margin-bottom:6px; }
.header h1 { font-size:24px; font-weight:500; margin:0 0 8px 0; opacity:0.95; }
.header p { font-size:16px; opacity:0.85; }
.platform-desc { text-align:center; color:#6b7280; font-size:14px; margin-bottom:20px; }
.search-section { margin-bottom:25px; }
.search-form { display:flex; justify-content:center; }
.search-input { width:60%; max-width:500px; height:46px; border:2px solid #dbeafe; border-right:none; border-radius:25px 0 0 25px; padding:0 20px; font-size:16px; outline:none; }
.search-input:focus { border-color:#2563eb; }
.search-btn { height:46px; padding:0 30px; background:linear-gradient(135deg,#2563eb,#3b82f6); border:none; border-radius:0 25px 25px 0; color:#fff; font-size:16px; cursor:pointer; }

/* 导航 */
.nav-wrap { width:100%; margin-bottom:30px; }
.nav { background:#fff; box-shadow:0 4px 12px rgba(0,0,0,0.05); width:100%; }
.nav ul { list-style:none; display:flex; justify-content:center; flex-wrap:wrap; }
.nav li { margin:0 8px; }
.nav a { color:#4b5563; text-decoration:none; font-size:15px; padding:12px 20px; display:block; border-radius:12px; transition:all 0.3s; }
.nav a:hover, .nav a.active { background:linear-gradient(135deg,#eff6ff,#dbeafe); color:#2563eb; font-weight:500; }

/* ========== 内容页主体布局 ========== */
.main { margin:30px auto; }
.row { display:flex; gap:20px; align-items:flex-start; }
.article { flex:1; min-width:0; background:#fff; padding:30px; border-radius:16px; box-shadow:0 5px 15px rgba(0,0,0,0.04); border:1px solid #f0f4fc; }
.article h1 { font-size:28px; margin-bottom:15px; color:#1f2937; }
.article .info { color:#9ca3af; font-size:13px; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #f0f4fc; display:flex; gap:20px; flex-wrap:wrap; }
.article .content { font-size:16px; line-height:1.9; color:#374151; }
.article .content h2 { font-size:20px; margin:25px 0 10px; color:#2563eb; }
.article .content ul, .article .content ol { margin:10px 0 15px 20px; }
.article .content p { margin-bottom:15px; }
.article .content li { margin-bottom:6px; }

/* 面包屑导航 */
.breadcrumb { font-size:14px; color:#6b7280; margin-bottom:15px; }
.breadcrumb a { color:#6b7280; text-decoration:none; }
.breadcrumb a:hover { color:#2563eb; }

/* 相关推荐 */
.related { background:#fff; border-radius:16px; padding:25px; margin-top:20px; box-shadow:0 5px 15px rgba(0,0,0,0.04); border:1px solid #f0f4fc; }
.related h3 { font-size:18px; color:#2563eb; margin-bottom:15px; }
.related ul { list-style:none; }
.related ul li { margin-bottom:8px; }
.related ul li a { color:#4b5563; text-decoration:none; font-size:15px; }
.related ul li a:hover { color:#2563eb; }

/* 相关推荐：标题左 时间右 */
.related ul li {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin-bottom: 8px;
}
.related ul li a {
  color:#4b5563;
  font-size:15px;
  text-decoration:none;
}
.related ul li span {
  color:#4b5563;
  font-size:15px;
}

/* 侧边栏 */
.sidebar { width:300px; flex-shrink:0; }
.sidebar .box { background:#fff; padding:20px; border-radius:16px; margin-bottom:20px; box-shadow:0 5px 15px rgba(0,0,0,0.04); border:1px solid #f0f4fc; }
.sidebar h4 { font-size:16px; color:#2563eb; margin-bottom:12px; padding-left:10px; border-left:3px solid #2563eb; }
.sidebar ul { list-style:none; }
.sidebar ul li { padding:8px 0; border-bottom:1px dashed #e5e7eb; }
.sidebar ul li a { color:#4b5563; font-size:14px; text-decoration:none; }
.sidebar ul li a:hover { color:#2563eb; }

/* 底部 */
.footer { text-align:center; padding:25px 20px; color:#6b7280; font-size:14px; background:#fff; border-radius:16px 16px 0 0; margin-top:30px; box-shadow:0 -4px 12px rgba(0,0,0,0.04); }
.footer .footer-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-bottom:15px; }
.footer .footer-nav a { color:#6b7280; text-decoration:none; }
.footer .footer-nav a:hover { color:#2563eb; }

/* 响应式 */
@media (max-width:768px) {
  .row { flex-direction:column; }
  .sidebar { width:100%; }
  .article { padding:20px; }
  .search-input { width:70%; }
}