/*
Theme Name: AA Portal - 中国书画门户
Theme URI: http://www.aa12345.com/
Author: migrated from 齐博CMS (QiboSoft) 地方门户版
Description: 中国书画门户网主题。由原齐博CMS模板（style6.0 / style7.0）1:1 复刻而来，
             保留原站全部版式、配色与交互脚本，动态部分改为 WordPress 模板标签驱动。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: aa-portal
*/

/*
 * 说明 / NOTE
 * -----------
 * 原站样式表原样保留在 assets/images/ 下，通过 functions.php 按原顺序 enqueue：
 *
 *   images/style6.0/cms.css           核心版式
 *   images/style7.0/global.css        头部 / 导航 / 页脚
 *   images/style7.0/index/index.css   首页版式
 *   images/style7.0/index/slide.css   首页幻灯片
 *   images/default/foot/foot.css      页脚
 *
 * 之所以不改写这些文件，是因为它们的 background-image 用的是相对 url()，
 * 保持原目录层级即可让所有背景图、精灵图、图标继续生效——这是"完全复刻"的关键。
 *
 * 本文件只放主题头信息与少量必要覆盖，避免与原站样式冲突。
 */

/* 仅在 WordPress 环境下需要的少量修补，不改动原站视觉 */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute !important;
	word-wrap: normal !important;
}

/* WP 默认给 img 加的样式会破坏旧版式 */
img.alignnone, img.alignleft, img.alignright, img.aligncenter { margin: 0; }

/* 后台编辑器内容与前台的衔接 */
.alignleft  { float: left;  margin: 0 12px 8px 0; }
.alignright { float: right; margin: 0 0 8px 12px; }
.aligncenter { display: block; margin: 0 auto 8px; }

/* 分页 */
.pagination { clear: both; padding: 16px 0; text-align: center; }
.pagination .page-numbers {
	display: inline-block; padding: 3px 9px; margin: 0 2px;
	border: 1px solid #ddd; color: #666; text-decoration: none;
}
.pagination .page-numbers.current { background: #17A763; border-color: #17A763; color: #fff; }

/* 「全部城市」页（page-allcity.php）
   原站的 allcity.php 没抓到静态页，这段按站内既有配色补的，
   只为让页面不裸奔，不影响其它版式。 */
.AllCityIndex {
	padding: 8px 0 12px; border-bottom: 1px dashed #ddd; margin-bottom: 14px;
}
.AllCityIndex a {
	display: inline-block; min-width: 22px; padding: 2px 6px; margin: 0 3px 6px 0;
	text-align: center; border: 1px solid #ddd; color: #666; text-decoration: none;
}
.AllCityIndex a:hover { background: #17A763; border-color: #17A763; color: #fff; }

.AllCityGroup { clear: both; margin-bottom: 14px; }
.AllCityGroup h3 {
	font: bold 15px/28px 'Microsoft Yahei'; color: #17A763;
	border-bottom: 1px solid #eee; margin-bottom: 8px;
}
.AllCityGroup ul { list-style: none; margin: 0; padding: 0; }
.AllCityGroup li {
	float: left; width: 12.5%; line-height: 26px; overflow: hidden;
	white-space: nowrap; text-overflow: ellipsis;
}
.AllCityGroup li span { color: #aaa; font-size: 12px; }
.AllCityGroup:after { content: ''; display: block; clear: both; }

/* ==========================================================================
 * line-break: strict —— 让 CJK 断行规则与原站一致
 * ==========================================================================
 *
 * ★ 这是「详情页正文折行差 1–2 个字」的真正根因，折腾了好几轮才定位到。
 *
 * 原站的 <html> 是
 *     <html xmlns="http://www.w3.org/1999/xhtml">
 * —— **没有 lang 属性**。我们（WordPress 的 language_attributes()）输出
 *     <html lang="zh-Hans">
 *
 * 而 Chrome 的 CJK 断行是**按语言选择 tailoring** 的：
 *   · lang 是中文 → 用「中文 tailoring」，它**放宽**了引号前后的禁则，
 *     允许在右引号 `”` 之后断行；
 *   · 没有 lang（或 lang=en/ja/ko）→ 用默认规则（UAX #14 LB19：引号前后
 *     都不许断），于是断点只能往前退。
 *
 * 实测（`/news/1385.html` 正文那个 215 字的段落）：
 *     lang="zh-Hans"   行末字符索引 47,93,140,186
 *     lang=""          行末字符索引 47,90,137,183   ← 与原站一致
 *     lang="ja"/"en"   行末字符索引 47,90,137,183
 *
 * ⚠ 这**不是字体差异**：用 Range 量「必须改变。”1996」的宽度，各 lang 下
 *   都是 **222.23px**，一模一样。纯粹是断行规则不同。
 *
 * 修法二选一：
 *   (a) 干脆不输出 lang —— 与原站逐字节一致，但丢掉语言标注（屏幕阅读器、
 *       搜索引擎都少了一条信息）；
 *   (b) 保留正确的 lang="zh-Hans"，用 line-break: strict 把断行收紧回默认口径。
 *
 * 这里选 (b)：HTML 更正确，渲染又与原站一致。
 * 验证（`/news/1385.html` 正文区 y 430–2000、主栏 x 100–945）：
 *     line-break: strict 后 **25 个墨迹行与原站逐行、逐像素完全一致**
 *     （唯一差异是评论表单那行「验证码」，见 KNOWN-ISSUES §一）。
 *     整页原始差异率 26.91% → **25.09%**；其余 8 个页面一字未变。
 *
 * 写在 body 上（line-break 是继承属性），因为原站是**整站**都没有 lang，
 * 不只详情页正文。实测对其它页面无副作用。
 */
body { line-break: strict; }

/*
 * 让 WP 注入的留言表单外壳「布局透明」。
 *
 * 背景：`comment_form()` 无条件输出两层原站没有的元素 ——
 *     <div id="respond" class="comment-respond">
 *         <form class="comment-form">
 * 这本身没问题（两层都没有对应样式），**除非**某个模块的 CSS 用的是
 * **后代**选择器。shop 的 bencandy.css 第 30 行就是：
 *     .post_comment div{padding-top:10px;}
 * 原站里 `.post_comment` 的子元素全是字段 div（称呼 / 验证码 / 内容），
 * 每个 +10px 是对的；我们这边 `.comment-respond` 也是它的后代，
 * 于是**白捡 10px**，把整个留言表单往下推。
 *
 * 实测（/shop/33.html，「称呼」输入框上边框的 y）：
 *     原站 1194      复刻站 1204      ← 差 10px，就是这一条
 * 修掉之后 shop 详情页的页脚差从 -39 变成 **-49**，而「称呼」输入框
 * 与原站**逐像素重合** —— 也就是说：**总高度差变大了，但还原度变高了**。
 * 剩下的 -49 就是那一行验证码（见 KNOWN-ISSUES §一 / §4.3.1）。
 *
 * 选择器故意带 `.post_comment >` 前缀：特异性 (0,2,0) 高于
 * `.post_comment div` 的 (0,1,1)，无论样式表加载顺序如何都能赢；
 * 同时把作用域锁死在 shop 这一套标记里，动不到别的模块。
 */
.post_comment > .comment-respond,
.post_comment > .comment-respond > .comment-form { margin-top: 0; padding-top: 0; }
