/*
Theme Name: 韩哥给你点颜色看看中文企业站v1.1
Theme URI: https://example.com/hange-color
Author: 韩哥
Author URI: https://example.com/hange-color
Description: 「韩哥给你点颜色看看」中文企业站主题，内置 324 套专业配色（24 个来源分组）一键切换、首页板块拖拽排序、标签胶囊友情链接、可自定义联系方式模块与响应式侧边栏布局。全部样式由 CSS 自定义属性驱动，遵循 WordPress 编码规范，兼容后续版本升级与子主题继承。
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hange-color
Tags: business, e-commerce, blog, custom-colors, custom-menu, custom-logo, featured-images, translation-ready, right-sidebar, left-sidebar, threaded-comments, theme-options, block-styles, wide-blocks
*/

/*
 * 说明：
 * 本文件只承载主题头部信息与最基础的重置样式，真正的布局与组件样式在
 * assets/css/theme.css，配色方案在 assets/css/palettes.css（由构建脚本生成）。
 * 三者都通过 wp_enqueue_style() 规范加载，不修改 WordPress 核心文件，
 * 因此可以安全跟随 WordPress 升级，也方便子主题单独覆盖。
 */

:root {
  /* 兜底配色：即使 palettes.css 未加载或配色 ID 失效，页面依然完整可读。 */
  --hc-primary: #2f689d;
  --hc-primary-dark: #1f466b;
  --hc-primary-light: #dee6ed;
  --hc-accent: #c34648;
  --hc-accent-dark: #9a3234;
  --hc-bg: #f7f8f8;
  --hc-bg-alt: #f0f1f2;
  --hc-surface: #ffffff;
  --hc-border: #dfe2e4;
  --hc-heading: #252e37;
  --hc-text: #444d55;
  --hc-muted: #687079;
  --hc-nav-bg: #1f466b;
  --hc-nav-text: #fbfbfb;
  --hc-topbar-bg: #f0f1f2;
  --hc-topbar-text: #606b76;
  --hc-footer-bg: #161b1f;
  --hc-footer-text: #c9cccf;

  /* 与配色无关的几何变量，方便子主题统一调整。 */
  --hc-width: 1200px;
  --hc-sidebar-width: 250px;
  --hc-gap: 30px;
  --hc-radius: 4px;
  --hc-radius-pill: 999px;
  --hc-shadow: 0 2px 12px rgba(15, 23, 32, 0.07);
  --hc-transition: 0.22s ease;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background-color: var(--hc-bg);
  color: var(--hc-text);
  font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; border: 0; }
a { color: var(--hc-primary); text-decoration: none; transition: color var(--hc-transition); }
a:hover, a:focus { color: var(--hc-accent); }
h1, h2, h3, h4, h5, h6 { color: var(--hc-heading); line-height: 1.3; margin: 0 0 0.5em; font-weight: 600; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.4em; }
blockquote { margin: 0 0 1.5em; padding: 1em 1.25em; border-left: 4px solid var(--hc-primary); background: var(--hc-bg-alt); }
table { width: 100%; border-collapse: collapse; margin-bottom: 1.5em; }
th, td { border: 1px solid var(--hc-border); padding: 0.6em 0.8em; text-align: left; }
pre, code { font-family: Consolas, Monaco, "Courier New", monospace; font-size: 0.9em; }
pre { background: var(--hc-bg-alt); padding: 1em; overflow: auto; }
button, input, select, textarea { font-family: inherit; font-size: 1em; }

/* WordPress 核心类，必须保留 */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text {
  border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; word-wrap: normal !important;
}
.screen-reader-text:focus {
  background: var(--hc-surface); border-radius: 3px; box-shadow: var(--hc-shadow);
  clip: auto !important; clip-path: none; color: var(--hc-primary); display: block;
  font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal;
  padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}
.sticky, .bypostauthor, .gallery-caption, .wp-caption, .wp-caption-text { /* 供主题检查使用 */ }