@charset "utf-8";
/* ============================================================
 * 响应式自适应层 (responsive.css)
 * 兼容手机 / 平板 / 桌面各种分辨率
 * 由 Marvis 自动生成，不影响桌面端(>1024px)原布局
 * ============================================================ */

/* ---------- 全局基础 ---------- */
@media (max-width: 1024px) {
  body { overflow-x: hidden; }
  img { max-width: 100%; height: auto; }
  .wrapper { width: 100%; max-width: 1000px; box-sizing: border-box; }
  .navbox { width: 100%; max-width: 1000px; }
}

/* ---------- 平板(769-1024px)：双栏按比例收缩 ---------- */
@media (min-width: 769px) and (max-width: 1024px) {
  .homebox-left { width: 72%; }
  .homebox-right { width: 27%; }
  .mainbox-left { width: 72%; }
  .mainbox-right { width: 27%; }

  .index-top { width: 100%; }
  .index-top li { width: 14%; margin: 0 0.5%; }

  .sitelist li .info { width: auto; right: 5px; left: 135px; }
  .coolbox-list { padding: 0; }
  .coolbox-list li { white-space: normal; line-height: 1.6; }
  .coolbox-list li span { width: auto; white-space: normal; overflow: visible; }
  .coolbox-list li span a { margin-right: 12px; }
  #coolbox-a { float: none; display: inline-block; width: auto; margin: 0 0 6px 0; white-space: nowrap; }

  .wdata li { width: 25%; }
  .wdata li.line { border-right: 0; }

  .topsite { width: 48%; }
  .topsite-list li { width: auto; }
}

/* ---------- 手机(<=768px)：单列堆叠 ---------- */
@media (max-width: 768px) {
  /* 顶部登录条 */
  .topbox { height: auto; line-height: 25px; padding: 4px 8px; }
  .login-text, .login-status { float: none; text-align: center; }

  /* 头部搜索区：上端 Logo/站名独立一行，搜索条换行铺满，与导航栏拉开间距 */
  .sobox { height: auto; padding: 12px 8px 0; }
  .logo { float: none; display: block; margin: 0 auto 12px; width: 100%; height: auto; background: none; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); }
  .logo h1 { display: block; font: bold 20px/38px "Microsoft YaHei", sans-serif; color: #3DB3F7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 12px; }
  .search { float: none; margin: 0; padding-top: 0; width: 100%; }
  .sofrm { width: 100%; padding-top: 0; position: relative; overflow: visible; display: flex; align-items: center; }
  .sipt { flex: 1; width: auto; height: 34px; line-height: 34px; padding: 0 6px 0 88px; box-sizing: border-box; float: none; margin: 0; border: solid 1px #ccc; border-right: 0; border-radius: 3px 0 0 3px; font-size: 14px; }
  .sbtn { float: none; width: 71px; height: 34px; margin: 0; border-radius: 0 3px 3px 0; }
  #selopt { width: 84px; left: 2px; top: 1px; height: 32px; }
  #cursel { width: 84px; text-indent: 8px; font-size: 13px; height: 32px; line-height: 32px; }
  #options { left: 0; top: 35px; width: 92px; z-index: 2000; border-radius: 0 0 4px 4px; box-shadow: 0 3px 8px rgba(0,0,0,.18); }
  #options li a { font-size: 13px; }

  /* 导航：横向改为多行换行 */
  .navbox { width: 100%; margin-top: 14px; }
  .navfixed { position: static; }  /* 移动端禁用滚动固定，避免遮挡 */
  .navbar { display: flex; flex-wrap: wrap; height: auto; }
  .navbar li { width: 25%; height: 40px; line-height: 40px; }
  .navbar li a { padding: 0 2px; font-size: 13px; }
  .navbar .navline { display: none; }

  /* 首页两栏堆叠 */
  .homebox-left, .homebox-right { float: none; width: 100%; }
  .mainbox-left, .mainbox-right { float: none; width: 100%; }
  .homebox-right { margin-top: 10px; }

  /* 首页顶置横条 */
  .index-top { width: 100%; }
  .index-top li { width: 30%; margin: 4px 1%; }

  /* 最新点出卡片两列 */
  .inbox-list { padding: 0 4px; }
  .inbox-list li { width: 46%; margin: 1%; height: auto; }
  .inbox-list-top { width: 100%; box-sizing: border-box; }
  .inbox-list-bottom { width: 100%; box-sizing: border-box; }
  .intro { width: auto; flex: 1; }

  /* 最新推荐 */
  .bestbox-list { padding-left: 4px; }
  .bestbox-list li { width: 30%; margin: 1% 1.5%; }

  /* 首页分类信息流：移动端改为折叠式 —— 分类名默认收成一行，点击展开站点 */
  .coolbox { border: 0; }
  .coolbox-body { padding: 2px 8px 6px; }
  .coolbox-list { padding: 0; }
  .coolbox-list li { position: relative; height: auto; line-height: normal; white-space: normal; margin-bottom: 10px; border: solid 1px #e3eef7; border-radius: 8px; clear: both; overflow: hidden; background: #fff; }
  .coolbox-list li:after { content: ""; display: block; clear: both; }
  /* 分类栏：整行蓝色胶囊，右侧留出“更多”空间，点击展开 */
  .coolbox-list li strong { float: none; display: block; width: auto; max-width: none; height: 36px; line-height: 36px; text-align: left; padding: 0 64px 0 12px; margin: 0; background: #3DB3F7; border-radius: 0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
  .coolbox-list li strong a { color: #fff; font-size: 14px; text-decoration: none; }
  .coolbox-list li strong a:after { content: " ▾"; color: #d7ecfc; font-size: 12px; }
  /* “更多”按钮：常驻分类栏右侧 */
  .coolbox-list li em { position: absolute; top: 0; right: 0; height: 36px; line-height: 36px; z-index: 2; }
  .coolbox-list li em a { display: block; height: 36px; line-height: 36px; padding: 0 12px; color: #fff; font-size: 13px; text-decoration: none; background: #2f9bd6; }
  /* 站点列表：默认收起 */
  .coolbox-list li span { float: none; display: none; width: auto; white-space: normal; overflow: visible; padding: 10px 8px 4px; clear: both; }
  .coolbox-list li span a { margin-right: 0; }
  #coolbox-a { float: none; display: inline-block; width: auto; height: auto; line-height: 1.6; padding: 3px 10px; margin: 0 8px 8px 0; white-space: nowrap; background: #f1f8fd; border-radius: 12px; }
  #coolbox-a a { color: #34526b; font-size: 13px; }
  /* 展开态 */
  .coolbox-list li.open strong a:after { content: " ▴"; }
  .coolbox-list li.open span { display: block; }
  /* 折叠式下隐藏原始分隔线，由卡片间距承担 */
  .coolbox-list li.sline { display: none; }

  /* 首页分类区块两列 */
  .hcatebox { overflow: hidden; }
  .hcatebox-one { width: 48%; margin: 1%; border-right: 0; box-sizing: border-box; }
  .hcatebox-one dd { padding-left: 4px; }
  .hcatebox-one dd a { width: auto; padding: 0 8px; margin: 4px 3px; }

  /* 友情链接 */
  .linkbox-list li { margin-right: 8px; }

  /* 站点列表重排 */
  .sitelist { padding: 5px; }
  .sitelist li { height: auto; padding: 10px 5px; }
  .sitelist li .thumb { position: static; float: left; width: 90px; height: auto; margin-right: 10px; }
  .sitelist li .info { position: static; margin-left: 100px; width: auto; }
  .sitelist li .info h3 { position: static; height: auto; line-height: 1.4; }
  .sitelist li .info p { position: static; height: auto; margin-top: 4px; }
  .sitelist li .info cite { position: static; display: block; margin-top: 4px; }

  /* 详情页 */
  .siteinfo { padding: 8px; }
  .wtitle { font-size: 20px; }
  .wdata { height: auto; }
  .wdata li { width: 25%; }
  .wdata li.line { border-right: 0; }
  .params .wthumb { float: none; margin: 0 auto 10px; display: block; }
  .siteitem { margin-left: 0; }

  /* 相关站点 */
  .relsite-list li { width: 30%; box-sizing: border-box; }
  .relsite-list li p { width: 100%; }

  /* 排行榜 */
  .topsite { width: 100%; float: none; margin: 0 0 10px; box-sizing: border-box; }
  .topsite-list li { width: 100%; box-sizing: border-box; }

  /* 自定义页面 */
  #pagebox { width: 100%; }
  #pagebox-left { width: 100%; float: none; }
  #pagebox-right { width: 100%; float: none; }
  .pagenav li { width: 100%; margin-bottom: 3px; box-sizing: border-box; }
  .artlist { float: none; }

  /* 反馈表单 */
  .subbox-form { margin: 20px 10px; }
  .formbox li strong { float: none; width: auto; text-align: left; }
  .formbox li p { float: none; width: 100%; }
  .fipt { width: 90%; max-width: 100%; box-sizing: border-box; }

  /* 表格横向滚动 */
  #listbox, .weblink { overflow-x: auto; }
  #listbox table, .weblink table { width: 100%; }

  /* 分页 */
  .showpage { text-align: center; }
  .total_page, .jump_page, .first_page, .last_page, .prev_page, .next_page, .pages, .current { float: none; display: inline-block; }

  /* 数据统计 */
  .newsbox-list { height: auto; }
  .newsbox-list li { width: 30%; box-sizing: border-box; }

  /* 快速入口 */
  .quick a { width: 30%; box-sizing: border-box; }

  /* 站点分类标签 */
  .scatbox-list { padding: 10px; }
  .scatbox-list li { margin-right: 8px; }
  .scatbox-list li a { padding: 6px 8px; }

  /* 圆形分类 */
  .catebox ul li a { width: 40px; height: 40px; line-height: 40px; margin: 4px; }

  /* 友链页 */
  .urlbox-list li { padding-right: 15px; }
  .linkitem { margin-left: 0; }
  .artinfo-content { font-size: 14px; line-height: 28px; }
}