/* ========== 列表页专用样式 ========== */

/* 全局重置与公共样式 */
* { 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 { background:linear-gradient(135deg,#eff6ff,#dbeafe); color:#2563eb; font-weight:500; }

/* 列表页主体布局 */
.main { margin:30px auto; }
.row { display:flex; gap:20px; align-items:flex-start; }
.sidebar { width:240px; flex-shrink:0; }
.content-area { flex:1; min-width:0; }

/* 左侧导航 */
.sidebar .box { background:#fff; padding:20px; border-radius:16px; margin-bottom:15px; 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;
  text-decoration:none;
  font-size:14px;
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:10px;
  transition:0.2s;
}
.sidebar ul li a i {
  color:#2563eb;
  font-size:14px;
  width:16px;
}
.sidebar ul li a:hover { color:#2563eb; font-weight:500; }

/* 右侧问答列表 */
.question-list .item {
  background:#fff; padding:20px 25px; margin-bottom:15px; border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.03); border:1px solid #f0f4fc;
}
.item .q-title { font-size:18px; font-weight:600; margin-bottom:8px; display:block; color:#1f2937; text-decoration:none; }
.item .q-title:hover { color:#2563eb; }
.item .q-summary { text-align:left; font-size:14px; color:#6b7280; line-height:1.6; margin-bottom:8px; }
.item .q-meta { font-size:12px; color:#9ca3af; display:flex; gap:15px; flex-wrap:wrap; }

/* 分页 */
.pagination { text-align:center; margin-top:25px; }
.pagination a, .pagination span { display:inline-block; padding:6px 14px; margin:0 3px; background:#fff; border:1px solid #e5e7eb; border-radius:6px; color:#4b5563; text-decoration:none; font-size:14px; }
.pagination .current { background:#2563eb; color:#fff; border-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%; }
  .search-input { width:70%; }
}
/* 图文列表样式 */
/* 图文列表样式 */
/* 基础 item 样式：无图默认走 block 布局 */
.item {
  background: #fff;
  padding: 20px 25px;
  margin-bottom: 15px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.03);
  border: 1px solid #f0f4fc;
}

/* 有图时的 flex 布局 */
.item-has-img {
  display: flex;
  gap: 18px;
  align-items: flex-start;
}

.item .q-img {
  width: 140px;
  height: 105px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.item .q-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.item .q-info {
  flex: 1;
  min-width: 0;
}