/*
 * 旧时候眼镜店 · 视觉升级 CSS
 * 日式职人感 · 暖米白 + 铜棕 · 思源字体
 * 仅覆盖视觉层，不触及结构/内容/Schema
 * 版本: 1.0 | 日期: 2026-06-11
 */

/* ============================================================
   一、全局重置 & CSS 变量
   ============================================================ */

:root {
    --color-bg: #FAF7F2;
    --color-surface: #FFFFFF;
    --color-text: #3D322C;
    --color-text-secondary: #8B7D72;
    --color-accent: #A0523C;
    --color-accent-hover: #C4725A;
    --color-footer-bg: #3D322C;
    --color-footer-text: #D6CFC6;
    --color-border: #E6DFD3;

    --font-serif: 'Noto Serif SC', 'Source Han Serif SC', '思源宋体', 'SimSun', '宋体', serif;
    --font-sans: 'Noto Sans SC', 'Source Han Sans SC', '思源黑体', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-mono: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;

    --line-height-base: 1.85;
    --line-height-heading: 1.4;
    --spacing-xs: 0.375rem;
    --spacing-sm: 0.75rem;
    --spacing-md: 1.25rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;

    /* Override Astra's global color variables */
    --ast-global-color-0: #A0523C;
    --ast-global-color-1: #C4725A;
    --ast-global-color-2: #3D322C;
    --ast-global-color-3: #8B7D72;
    --ast-global-color-4: #FAF7F2;
    --ast-global-color-5: #E6DFD3;
    --ast-global-color-6: #F5F0E9;
    --ast-global-color-7: #3D322C;
    --ast-global-color-8: #FFFFFF;
}

/* ============================================================
   二、页面基底
   ============================================================ */

body {
    background-color: var(--color-bg) !important;
    color: var(--color-text) !important;
    font-family: var(--font-sans) !important;
    font-size: 16px;
    line-height: var(--line-height-base);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 标题使用思源宋体 */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title,
.widget-title, .site-title,
.ast-archive-title,
h1.entry-title, h2.entry-title, h3.entry-title {
    font-family: var(--font-serif) !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
    line-height: var(--line-height-heading);
    letter-spacing: 0.02em;
}

h1, .entry-title, .page-title {
    margin-top: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-lg) !important;
}

h2 {
    margin-top: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-md) !important;
}

h3 {
    margin-bottom: var(--spacing-sm) !important;
}

p {
    margin-bottom: var(--spacing-md);
    line-height: var(--line-height-base);
}

/* 链接 */
a, .entry-content a, .ast-builder-menu a, .site-footer a {
    color: var(--color-accent) !important;
    transition: color 0.2s ease;
}

a:hover, a:focus,
.entry-content a:hover,
.ast-builder-menu a:hover {
    color: var(--color-accent-hover) !important;
}

/* 选中文字 */
::selection {
    background: var(--color-accent);
    color: #fff;
}

/* ============================================================
   三、导航栏
   ============================================================ */

.site-header,
.ast-primary-header,
.ast-main-header-wrap,
.ast-sticky-header-shrunk .site-header,
.ast-header-break-point .site-header {
    background-color: var(--color-bg) !important;
    border-bottom: 1px solid var(--color-border) !important;
    box-shadow: none !important;
}

/* 导航菜单链接 */
.ast-builder-menu .main-header-menu > li > a,
.ast-builder-menu .main-header-menu > li > .ast-header-button a,
.main-header-menu a,
.main-header-menu .menu-link {
    color: var(--color-text) !important;
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
}

.ast-builder-menu .main-header-menu > li > a:hover,
.ast-builder-menu .main-header-menu > li:hover > a,
.main-header-menu a:hover,
.main-header-menu .menu-link:hover {
    color: var(--color-accent-hover) !important;
}

/* 当前页高亮 */
.ast-builder-menu .main-header-menu > .current-menu-item > a,
.ast-builder-menu .main-header-menu > .current_page_item > a,
.main-header-menu .current-menu-item .menu-link,
.main-header-menu .current_page_item .menu-link {
    color: var(--color-accent) !important;
}

/* 移动端汉堡菜单 */
.ast-header-break-point .main-header-menu,
.ast-header-break-point .main-header-menu .sub-menu {
    background-color: var(--color-surface) !important;
}

/* 站点标题 */
.site-title a, .site-title {
    font-family: var(--font-serif) !important;
    font-weight: 600 !important;
    color: var(--color-text) !important;
}

/* ============================================================
   四、按钮
   ============================================================ */

button,
.button,
.ast-button,
.wp-block-button__link,
.wp-block-button .wp-block-button__link,
.wp-block-search__button,
input[type="submit"],
input[type="button"],
.wpforms-submit,
.ast-custom-button,
.site .ast-button,
.site a.ast-button,
.elementor-button,
.elementor-button-wrapper .elementor-button {
    background-color: var(--color-accent) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--font-sans) !important;
    font-weight: 400 !important;
    font-size: 0.95rem !important;
    padding: 0.65em 1.6em !important;
    line-height: 1.5 !important;
    transition: background-color 0.2s ease !important;
    text-transform: none !important;
}

button:hover,
.button:hover,
.ast-button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wpforms-submit:hover,
.ast-custom-button:hover,
.site .ast-button:hover,
.elementor-button:hover {
    background-color: var(--color-accent-hover) !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: none !important;
}

/* outline 次要按钮 */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    color: var(--color-accent) !important;
    border: 1px solid var(--color-accent) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--color-accent) !important;
    color: #FFFFFF !important;
}

/* ============================================================
   五、卡片 & 区块
   ============================================================ */

/* 文章卡片 */
.ast-article-post,
.ast-article-single,
.post,
.hentry,
.ast-row .ast-article-post,
.ast-grid-common-col .ast-article-post,
.ast-col-md-12 .ast-article-post {
    background: var(--color-surface) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--color-border) !important;
    margin-bottom: var(--spacing-xl) !important;
    padding: var(--spacing-lg) !important;
}

/* FAQ / 服务区块 */
.wp-block-group,
.wp-block-cover,
.ast-container .ast-row > *,
.entry-content > div,
.site-content .widget,
aside .widget {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 图片边框 */
.wp-block-image img,
.entry-content img,
.ast-article-post img,
img.attachment-large {
    border-radius: 0 !important;
}

/* ============================================================
   六、排版细节
   ============================================================ */

/* 列表间距 */
ul, ol {
    margin-bottom: var(--spacing-md);
}
li {
    margin-bottom: var(--spacing-xs);
}
.entry-content ul li,
.entry-content ol li {
    line-height: var(--line-height-base);
}

/* 引用块 */
blockquote {
    border-left: 3px solid var(--color-accent) !important;
    background: var(--color-surface) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    margin: var(--spacing-lg) 0 !important;
    color: var(--color-text-secondary) !important;
    font-style: normal;
}

blockquote p:last-child {
    margin-bottom: 0;
}

/* 分割线 */
hr, .wp-block-separator {
    border-color: var(--color-border) !important;
    border-width: 1px !important;
    margin: var(--spacing-xl) 0 !important;
}

/* 表格 */
table, .wp-block-table {
    border-collapse: collapse;
    width: 100%;
    margin: var(--spacing-lg) 0;
}

.wp-block-table th,
.wp-block-table td,
table th, table td {
    border: 1px solid var(--color-border) !important;
    padding: var(--spacing-sm) var(--spacing-md) !important;
    font-family: var(--font-sans) !important;
}

.wp-block-table th,
table th {
    background: var(--color-bg) !important;
    font-weight: 600 !important;
}

/* 代码块 */
code, pre {
    font-family: var(--font-mono) !important;
    background: #F5F0E9 !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
}

pre {
    padding: var(--spacing-md) !important;
}

code {
    padding: 0.15em 0.4em !important;
    font-size: 0.9em;
}

/* ============================================================
   七、页脚
   ============================================================ */

.site-footer,
.ast-footer,
.ast-site-footer,
.ast-small-footer,
.site-below-footer-wrap,
footer.site-footer,
.ast-footer-copyright,
.footer-sml-layout-2,
.ast-footer-overlay {
    background-color: var(--color-footer-bg) !important;
    color: var(--color-footer-text) !important;
}

.site-footer a,
.ast-site-footer a,
.ast-footer-copyright a,
footer a {
    color: var(--color-footer-text) !important;
}

.site-footer a:hover,
.ast-site-footer a:hover {
    color: #FFFFFF !important;
}

/* 页脚中的标题等 */
.site-footer h1,
.site-footer h2,
.site-footer h3,
.ast-site-footer h1,
.ast-site-footer h2,
.ast-site-footer h3 {
    color: var(--color-footer-text) !important;
}

/* ============================================================
   八、首页品牌名片增强
   ============================================================ */

/* 首页标题放大、增加呼吸感 */
.home .entry-title,
.home h1,
.home .page-title {
    font-size: 2rem !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.5em !important;
}

/* 首页定位语 */
.home .entry-content p:first-of-type {
    font-size: 1.1rem;
    color: var(--color-text-secondary);
    margin-top: 0;
}

/* 首页区块间距 */
.home .entry-content .wp-block-group,
.home .entry-content .wp-block-cover,
.home .entry-content > div {
    margin-bottom: var(--spacing-xl) !important;
}

/* 首页服务区块（三栏布局）文字优化 */
.home .wp-block-columns .wp-block-column {
    padding: var(--spacing-md) !important;
}

.home .wp-block-columns .wp-block-column h3 {
    font-size: 1.1rem !important;
    margin-bottom: var(--spacing-sm) !important;
}

/* 首页底部 CTA 按钮居中 */
.home .wp-block-button.aligncenter {
    margin-top: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-md) !important;
}

/* ============================================================
   九、WordPress 核心元素
   ============================================================ */

/* 搜索框 */
.wp-block-search__input,
input[type="search"],
input[type="text"],
input[type="email"],
textarea,
select {
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    padding: 0.5em 0.8em !important;
    font-family: var(--font-sans) !important;
    background: var(--color-surface) !important;
    color: var(--color-text) !important;
    box-shadow: none !important;
}

.wp-block-search__input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--color-accent) !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 评论区域 */
.comment-area,
.comment-respond,
.comments-area {
    border-top: 1px solid var(--color-border) !important;
    margin-top: var(--spacing-xl) !important;
    padding-top: var(--spacing-lg) !important;
}

/* 分页 */
.page-numbers,
.ast-pagination .page-numbers {
    font-family: var(--font-sans) !important;
    border-radius: 0 !important;
}

.page-numbers.current,
.ast-pagination .current {
    background: var(--color-accent) !important;
    color: #FFFFFF !important;
}

/* 面包屑 */
.ast-breadcrumbs .trail-items li::after {
    color: var(--color-text-secondary) !important;
}

/* ============================================================
   十、移动端
   ============================================================ */

@media (max-width: 768px) {
    body {
        font-size: 15px !important;
    }
    h1, .entry-title {
        font-size: 1.5rem !important;
    }
    h2 {
        font-size: 1.25rem !important;
    }
    .home .entry-title,
    .home h1 {
        font-size: 1.65rem !important;
    }

    .ast-article-post {
        padding: var(--spacing-md) !important;
        margin-bottom: var(--spacing-md) !important;
    }
}

/* ============================================================
   十一、隐藏装饰（简洁化）
   ============================================================ */

/* 去除 Astra 部分装饰 */
.ast-header-break-point .ast-mobile-header-wrap .ast-flex {
    background: var(--color-bg) !important;
}

/* 去除分割装饰线 */
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    border-bottom: 1px solid var(--color-border) !important;
}

/* 去除评论区域的过度装饰 */
.ast-separate-container .ast-author-box {
    border: 1px solid var(--color-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 回到顶部按钮 */
.ast-scroll-to-top {
    background: var(--color-accent) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ast-scroll-to-top:hover {
    background: var(--color-accent-hover) !important;
}