/*
Theme Name:  lq52 路桥吾爱
Theme URI:   https://www.lq52.com
Author:      lq52.com
Description: 复刻 SupeSite 6.0.1「lq」模板版式的 WordPress 主题，PC 版式保持不变，同时适配移动端。
Version:     1.0.0
Text Domain: lq52
*/

/* ============================================================
   说明：
   assets/legacy.css 是原站 templates/lq/css/style.css（已转 UTF-8）
   原版式完全保留；下面只补充 WordPress 需要的基础样式 + 移动端适配
   ============================================================ */

/* ---------- WordPress 基础类 ---------- */
.alignleft  { float: left;  margin: 0 12px 8px 0; }
.alignright { float: right; margin: 0 0 8px 12px; }
.aligncenter{ display: block; margin: 0 auto 8px; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.wp-caption { max-width:100%; border:1px solid #ddd; padding:4px; margin:0 0 8px; background:#fafafa; }
.wp-caption-text, .gallery-caption { font-size:12px; color:#888; text-align:center; margin:4px 0 0; }
.sticky {}
.bypostauthor {}

/* ---------- 正文 ---------- */
.entry { font-size:14px; line-height:1.9; word-wrap:break-word; overflow:hidden; }
.entry img { max-width:100%; height:auto; }
.entry p { margin:0 0 1em; }
.entry h2, .entry h3, .entry h4 { margin:1em 0 .6em; }
.entry table { max-width:100%; border-collapse:collapse; }
.entry table td, .entry table th { border:1px solid #ddd; padding:5px 8px; }
.entry pre, .entry code { background:#f6f6f6; padding:2px 5px; font-family:Consolas,Monaco,monospace; }
.entry blockquote { margin:0 0 1em; padding:8px 12px; background:#f6f6f6; border-left:3px solid #86B9D6; color:#555; }

/* ---------- 文章头/信息条 ---------- */
.postmeta { color:#999; font-size:12px; border-bottom:1px dotted #ccc; padding-bottom:6px; margin-bottom:10px; }
.postmeta span { margin-right:14px; }

/* ---------- 分页 ---------- */
.lq52-pager { clear:both; text-align:center; padding:12px 0; font-size:13px; }
.lq52-pager a, .lq52-pager span { display:inline-block; padding:4px 10px; margin:0 2px; border:1px solid #ddd; color:#333; text-decoration:none; }
.lq52-pager .current,
.lq52-pager .page-numbers.current { background:#86B9D6; border-color:#86B9D6; color:#fff; }
.lq52-pager .page-numbers { display:inline-block; padding:4px 10px; margin:0 2px; border:1px solid #ddd; color:#333; text-decoration:none; }

/* ---------- 评论 ---------- */
.commentlist { list-style:none; margin:0; padding:0; }
.commentlist li { border-bottom:1px dotted #ddd; padding:10px 0; }
.commentlist .comment-meta { font-size:12px; color:#999; margin-bottom:4px; }
.commentlist .reply { font-size:12px; }
.comment-form label { display:block; margin-top:8px; font-size:13px; }
.comment-form input[type=text], .comment-form textarea { width:96%; padding:6px; border:1px solid #ccc; }
.comment-form input[type=submit] { margin-top:10px; padding:6px 20px; background:#86B9D6; border:0; color:#fff; cursor:pointer; }

/* ---------- 面包屑 ---------- */
#breadcrumb { font-size:12px; color:#999; padding:4px 0 8px; }
#breadcrumb a { color:#666; }

/* ---------- 首页：幻灯片（替代原 flash） ---------- */
#lq52-slider { position:relative; width:240px; height:210px; overflow:hidden; margin:0 auto; }
#lq52-slider .slide { position:absolute; left:0; top:0; width:240px; height:210px; opacity:0; transition:opacity .6s; }
#lq52-slider .slide.on { opacity:1; }
#lq52-slider .slide img { width:240px; height:190px; object-fit:cover; display:block; }
#lq52-slider .slide p { position:absolute; left:0; bottom:0; width:100%; height:20px; line-height:20px; margin:0;
    background:rgba(0,0,0,.5); color:#fff; font-size:12px; text-align:center; overflow:hidden; }

/* ---------- 首页：tab 内容切换 ---------- */
.tabcontent, .lantabcontent { display:none; }
.tabcontent.on, .lantabcontent.on { display:block; }

/* ---------- 首页：图片/相册网格 ---------- */
.imgthumblist { list-style:none; margin:0; padding:8px; overflow:hidden; }
.imgthumblist li { float:left; width:116px; margin:0 6px 8px; text-align:center; font-size:12px; }
.imgthumblist li img { width:104px; height:78px; object-fit:cover; border:1px solid #ddd; padding:1px; }
.imgthumblist li a { display:block; overflow:hidden; height:36px; line-height:1.3; }

/* ---------- 首页：两栏列表 ---------- */
.twocol { overflow:hidden; }
.twocol ul { width:48%; }
.twocol ul.msgL { float:left; }
.twocol ul.msgR { float:right; }

/* ---------- 友情链接 ---------- */
.friendlink { padding:8px 10px; line-height:2; font-size:12px; }
.friendlink a { margin-right:12px; white-space:nowrap; }

/* ============================================================
   移动端适配（≤ 950px 平板 / ≤ 640px 手机）
   ============================================================ */
@media (max-width: 950px) {
  #wrap { width:100% !important; padding:0 6px; box-sizing:border-box; }
  .content, .contentL, .contentR { width:100% !important; }
  .sideL, .sideR, .mainarea { float:none !important; width:100% !important; margin:0 0 8px !important; }
  .sL, .sC { float:none; width:100%; margin:0 0 8px; }
  .block { height:auto !important; overflow:visible !important; }
  #headline { height:auto !important; }
  #rizhi, #slideimg, #headline { height:auto !important; }
  #logo img { height:auto; width:200px; max-width:100%; }
  .adR, .adL { float:none; width:auto; }
}

@media (max-width: 640px) {
  body { font-size:14px; }
  #wrap { padding:0 4px; }
  #my_topmenu { height:auto; line-height:22px; padding-bottom:4px; }
  #my_topmenu .l, #my_topmenu .r { float:none; text-align:center; padding:0 6px; }
  #menu { height:auto; line-height:24px; }
  #menu ul { padding:4px 6px; }
  #menu li { float:left; margin:0 8px 0 0; }
  #topmenu { line-height:26px; }
  .msgL, .msgR { float:none !important; width:100% !important; padding:6px 10px !important; }
  #navigation { padding-left:26px; font-size:12px; }
  .imgthumblist li { width:46%; margin:0 2% 8px; }
  .imgthumblist li img { width:100%; height:auto; }
  #lq52-slider, #lq52-slider .slide { width:100%; height:auto; }
  #lq52-slider { height:200px; }
  #lq52-slider .slide { position:absolute; height:200px; }
  #lq52-slider .slide img { width:100%; height:180px; }
  .entry { font-size:16px; line-height:1.8; }
  .comment-form input[type=text], .comment-form textarea { width:100%; }
  #footer { font-size:12px; padding:1em 6px; }
  .blockcategory { width:100%; margin-right:0; }
}

/* 小屏时隐藏一些次要区块，避免页面过长（可自行删改） */
@media (max-width: 640px) {
  .hide-mobile { display:none !important; }
}