/*
Theme Name: NewSpare
Description: White flat minimalist with glassmorphism.
Version: 3.3.0
Text Domain: newspare
*/

:root {
    --dark: #1a1a2e;
    --gray-900: #2a2a3a;
    --gray-700: #444;
    --gray-500: #777;
    --gray-400: #999;
    --gray-300: #ccc;
    --gray-200: #e0e0e0;
    --gray-100: #f0f0f0;
    --gray-50: #f7f7f8;
    --white: #fff;
    --black: var(--dark);
    --radius: 10px;
    --radius-lg: 16px;
    --transition: 0.2s ease;
}

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    background: var(--white);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: var(--gray-900);
}

/* === Links === */
a { color: var(--gray-900); }
a:hover { color: var(--gray-500); }

/* === Forms === */
select, input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
input[type="tel"], input[type="date"], textarea {
    width: 100%;
    padding: 10px 14px;
    font-size: 0.95rem;
    font-family: inherit;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius);
    transition: border-color var(--transition), box-shadow var(--transition);
}
input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 10px 24px;
    border: none;
    border-radius: var(--radius);
    background: var(--black);
    color: var(--white);
    font-weight: 600;
    cursor: pointer;
    transition: background var(--transition);
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: var(--gray-700); }
select:focus, input:focus, textarea:focus {
    outline: none;
    border-color: var(--black);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
}
pre { white-space: normal; }
hr { border: none; border-top: 1px solid var(--gray-200); }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
fieldset { padding: 0.5em 0.75em; border: 1px solid var(--gray-200); border-radius: var(--radius); }
legend { display: table; max-width: 100%; padding: 0; }
details { display: block; }
summary { display: list-item; }
[hidden] { display: none; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* === Category Tags === */
.is-style-solid.wp-block-post-terms.taxonomy-category > a {
    display: inline-block;
    background: var(--black);
    padding: 4px 12px;
    margin: 4px 4px 4px 0;
    color: var(--white) !important;
    border-radius: 0;
    font-size: 0.7rem;
    font-weight: 600;
    transition: background var(--transition);
}
.is-style-solid.wp-block-post-terms.taxonomy-category > a:hover { background: var(--gray-700); }
.is-style-outline.wp-block-post-terms.taxonomy-category > a {
    border: 1px solid var(--gray-300) !important;
    padding: 3px 12px;
    margin: 4px 4px 4px 0;
    color: var(--black) !important;
    border-radius: 0;
    font-size: 0.7rem;
    font-weight: 600;
    transition: all var(--transition);
}
.is-style-outline.wp-block-post-terms.taxonomy-category > a:hover {
    background: var(--black);
    color: var(--white) !important;
    border-color: var(--black) !important;
}
.is-style-underline.wp-block-post-terms.taxonomy-category > a {
    border-bottom: 2px solid var(--black) !important;
    color: var(--black) !important;
}
.is-style-solid.wp-block-post-terms.taxonomy-category > .wp-block-post-terms__separator,
.is-style-outline.wp-block-post-terms.taxonomy-category > .wp-block-post-terms__separator { display: none; }

/* === Post Title === */
.wp-block-post-title a { display: inline; transition: color var(--transition); }
.wp-block-post-title a:hover { color: var(--gray-500) !important; }
.is-style-secondary.wp-block-heading {
    position: relative;
    padding-bottom: 10px;
}
.is-style-secondary.wp-block-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 36px;
    height: 3px;
    background: var(--black);
    border-radius: 2px;
}
.is-style-secondary.wp-block-heading.has-text-align-center::after {
    left: 50%;
    transform: translateX(-50%);
}
.is-style-secondary.wp-block-heading.has-text-align-right::after {
    left: auto;
    right: 0;
}

/* === Navigation === */
.wp-block-navigation { font-weight: 600; }
.wp-block-navigation-item::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--black);
    transition: width var(--transition);
}
.wp-block-navigation-item:hover::after,
.wp-block-navigation-item.current-menu-item::after { width: 100%; }

/* === Buttons === */
.wp-block-button__link {
    background: var(--black) !important;
    color: var(--white) !important;
    border-radius: var(--radius) !important;
    padding: 12px 28px !important;
    font-weight: 600;
    border: none !important;
    transition: background var(--transition), transform var(--transition);
}
.wp-block-button__link:hover { background: var(--gray-700) !important; transform: translateY(-1px); }
.wp-block-button.is-style-secondary .wp-block-button__link {
    background: transparent !important;
    border: 1.5px solid var(--black) !important;
    color: var(--black) !important;
}
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
    background: var(--black) !important;
    color: var(--white) !important;
}
body.single .wp-block-post-excerpt.is-style-secondary {
    border-left: 3px solid var(--gray-200);
    padding: 16px 16px 16px 20px;
    background: var(--gray-100);
    border-radius: 0 var(--radius) var(--radius) 0;
}

/* === Post Excerpt === */
.wp-block-post-excerpt .wp-block-post-excerpt__more-text > a { font-weight: 600; color: var(--black); }
.wp-block-post-excerpt.is-style-secondary .wp-block-post-excerpt__more-text > a {
    background: var(--black);
    color: var(--white) !important;
    border-radius: var(--radius);
    padding: 8px 20px;
    display: inline-block;
    margin-top: 12px;
}

/* === Pagination === */
.wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 8px; }
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next {
    padding: 8px 16px;
    border-radius: var(--radius);
    background: var(--white);
    border: 1px solid var(--gray-200);
    font-weight: 500;
    transition: all var(--transition);
}
.wp-block-query-pagination .page-numbers:hover,
.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination .wp-block-query-pagination-next:hover {
    background: var(--black);
    color: var(--white);
    border-color: var(--black);
}
.is-style-secondary.wp-block-query-pagination .page-numbers,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-previous,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-next {
    border: 1px solid var(--gray-300) !important;
    color: var(--gray-700) !important;
    font-size: 12px;
    font-weight: 600;
    background: transparent;
}
.is-style-secondary.wp-block-query-pagination .page-numbers:hover,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-previous:hover,
.is-style-secondary.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.is-style-secondary.wp-block-query-pagination .page-numbers.current {
    background: var(--black) !important;
    color: var(--white) !important;
    border-color: var(--black) !important;
}

/* === Lists === */
.wp-block-page-list:not(.is-style-default),
.wp-block-categories-list:not(.is-style-default) { list-style: none; padding: 0; }
.wp-block-page-list.is-style-secondary li a,
.wp-block-categories-list.is-style-secondary li a {
    padding: 6px 10px;
    display: block;
    border-radius: var(--radius);
    transition: background var(--transition);
}
.wp-block-page-list.is-style-secondary li a:hover,
.wp-block-categories-list.is-style-secondary li a:hover { background: var(--gray-100); }
.wp-block-list.is-style-no-disc { list-style: none; padding-left: 0; }

/* === Images === */
.wp-block-gallery.has-nested-images figcaption,
figure.wp-block-image figcaption { color: var(--gray-500); font-size: 13px; }
figure.wp-block-image img, .wp-block-image img { border-radius: 0; }
.wp-block-post-featured-image img { border-radius: 4px !important; }

/* === Layout === */
body .is-layout-constrained > .entry-content.is-layout-constrained { max-width: unset; }
body .is-layout-constrained > .alignwide { clear: both; }

/* === Code === */
pre.wp-block-code {
    border: 1px solid var(--gray-200);
    padding: 20px;
    background: var(--gray-100);
    border-radius: var(--radius-lg);
    font-family: 'SF Mono', 'Fira Code', monospace;
    font-size: 13px;
    overflow-x: auto;
}

/* === Quote === */
.wp-block-pullquote.is-style-default,
.wp-block-quote.is-style-default {
    background: var(--gray-100);
    border-radius: var(--radius-lg);
    padding: 24px 24px 24px 2em;
    border-left: 3px solid var(--black);
}
.wp-block-pullquote.is-style-default.has-text-align-right,
.wp-block-quote.is-style-default.has-text-align-right {
    padding-left: 24px;
    padding-right: 2em;
    border-left: none;
    border-right: 3px solid var(--black);
}
.wp-block-pullquote.is-style-default.has-text-align-center,
.wp-block-quote.is-style-default.has-text-align-center {
    padding: 24px;
    border-left: none;
    border-top: 3px solid var(--black);
    text-align: center;
}
.wp-block-pullquote.is-style-plain, .wp-block-quote.is-style-plain {
    border-left: 3px solid var(--black);
    padding-left: 1em;
}
.wp-block-pullquote.is-style-plain.has-text-align-center,
.wp-block-quote.is-style-plain.has-text-align-center { border-left: none; border-top: 3px solid var(--black); padding: 1em 0 0; }
.wp-block-pullquote.is-style-plain.has-text-align-right,
.wp-block-quote.is-style-plain.has-text-align-right { border-left: none; border-right: 3px solid var(--black); padding: 0 1em 0 0; }

/* === Lists === */
ul, ol { list-style-position: inside; padding: 0; }
ul.is-style-secondary li:not(:last-child),
ol.is-style-secondary li:not(:last-child) {
    border-bottom: 1px solid var(--gray-200);
    padding-bottom: 8px;
    margin-bottom: 8px;
}

/* Selection */
::selection { background: rgba(0,0,0,0.08); }

/* === WooCommerce === */
.woocommerce div.product form.cart .variations select { background: var(--white); border-radius: var(--radius); }
header .wc-block-mini-cart__button .wc-block-mini-cart__icon { fill: var(--dark); }
header .wc-block-mini-cart__badge { background: var(--black); border-radius: var(--radius); }

/* ============================================
   🌟 Glassmorphism + 组件样式
   ============================================ */

/* Header - 毛玻璃吸顶 */
header.wp-block-template-part,
.wp-block-group.alignfull:has(.wp-block-site-title) {
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Nav bar */
.wp-block-group.has-secondary-background-color {
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 头条要闻按钮去掉圆角 */
.wp-block-button__link[style*="border-radius:0px"],
.wp-block-button.has-custom-width .wp-block-button__link {
    border-radius: 0 !important;
}

/* Article cards - 无边框无圆角 */
.wp-block-post-template li,
.wp-block-query li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0;
}
.wp-block-post-template li:hover,
.wp-block-query li:hover {
    transform: none;
    box-shadow: none;
}

/* 分类标签 - 小而精致 */
.wp-block-post-terms.taxonomy-category {
    margin-bottom: 6px !important;
}
.wp-block-post-terms.taxonomy-category a {
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    padding: 2px 8px !important;
    border-radius: 2px !important;
    opacity: 0.85;
}

/* 推荐区域 - 更多链接样式 */
main .wp-block-query p.has-text-align-right a {
    color: rgba(0,0,0,0.45) !important;
    font-size: 13px !important;
    transition: color 0.2s;
}
main .wp-block-query p.has-text-align-right a:hover {
    color: var(--wp--preset--color--secondary) !important;
}
main :where(.wp-block-query) .wp-block-post-template li .wp-block-post-title {
    font-size: 15px !important;
    line-height: 1.45 !important;
}

/* 区域标题 - 大厂风格 */
main h2.wp-block-heading.is-style-secondary {
    font-size: 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    padding-bottom: 10px;
    border-bottom: 2px solid #111 !important;
    margin-bottom: 16px !important;
}

/* === 文章图片 - 全站圆角（与搜索页一致）=== */
.wp-block-post-featured-image img,
.wp-block-post-featured-image a img,
.wp-block-post-featured-image {
    border-radius: 4px !important;
}

/* === 分类标签 - 全站圆角 === */
.wp-block-post-terms.taxonomy-category a {
    border-radius: 2px !important;
}

/* === 文章标题链接 - hover过渡 */
.wp-block-post-title a {
    transition: color 0.2s ease;
}

/* 文章图片 - hover缩放 */
.wp-block-post-featured-image a {
    display: block;
    overflow: hidden;
}
.wp-block-post-featured-image a img {
    transition: transform 0.35s ease;
}
.wp-block-post-featured-image a:hover img {
    transform: scale(1.05);
}

/* 日期显示 - 统一字号 */
.wp-block-post-date {
    font-size: 11px !important;
    color: rgba(0,0,0,0.4);
    margin-top: 4px;
}

/* 作者名 - 低调 */
.wp-block-post-author-name {
    font-size: 11px !important;
    color: rgba(0,0,0,0.5);
}

/* 搜索结果页面 - 统一样式 */
.search .wp-block-post-template li,
.search .wp-block-query li,
body.search .wp-block-post-template li,
body.search .wp-block-query li {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid #eee !important;
}
.search .wp-block-post-template li:last-child,
.search .wp-block-query li:last-child {
    border-bottom: none !important;
}
.search .wp-block-post-featured-image img {
    border-radius: 0 !important;
}

/* 搜索结果 - 强制单列布局 */
body.search .wp-block-post-template,
body.search .wp-block-query .wp-block-post-template {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    display: block !important;
}
body.search .wp-block-post-template li,
body.search .wp-block-query li {
    display: flex !important;
    width: 100% !important;
}
/* 搜索结果内部布局由下方新规则控制 */
/* WordPress核心 .is-layout-grid { display: grid } 保持不变，不要覆盖 */

/* Search */
.wp-block-search {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: var(--radius-lg);
    padding: 6px;
}
.wp-block-search__input { background: transparent !important; border: none !important; box-shadow: none !important; }
.wp-block-search__button {
    background: var(--black) !important;
    border-radius: var(--radius) !important;
    color: var(--white) !important;
    font-weight: 600;
}
.wp-block-search__button:hover { background: var(--gray-700) !important; }

/* Footer */
footer, footer.wp-block-group {
    background: var(--dark) !important;
    border: none !important;
    border-radius: 0 !important;
    color: var(--gray-400);
}
footer h2, footer h4, footer .wp-block-heading { color: var(--white) !important; }
footer h2::after, footer h4::after, footer .wp-block-heading::after { background: var(--white) !important; }
footer a { color: var(--gray-400) !important; transition: color var(--transition); }
footer a:hover { color: var(--white) !important; }
footer .wp-block-categories-list li a,
footer .wp-block-page-list li a { color: var(--gray-400) !important; padding: 2px 0; display: inline; }
footer .wp-block-categories-list li a:hover,
footer .wp-block-page-list li a:hover { color: var(--white) !important; }

/* Breaking news */
.wp-block-group[class*="breaking"] {
    background: var(--black) !important;
    color: var(--white);
    border-radius: var(--radius) !important;
}

/* Tag cloud */
.wp-block-tag-cloud a {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 0;
    padding: 5px 14px !important;
    display: inline-block;
    margin: 4px;
    color: var(--gray-700) !important;
    font-size: 0.75rem !important;
    transition: all var(--transition);
}
.wp-block-tag-cloud a:hover {
    background: var(--black);
    color: var(--white) !important;
    border-color: var(--black) !important;
}

/* Footer分类标签 - 深蓝背景白边白字 */
footer .wp-block-tag-cloud a,
footer p.wp-block-tag-cloud a {
    background: var(--dark) !important;
    border: 1px solid var(--white) !important;
    color: var(--white) !important;
    font-size: 0.75rem !important;
}
footer .wp-block-tag-cloud a:hover {
    background: #2a2a4a !important;
}

/* ============================================
   🎯 首页 Hero 区域
   ============================================ */

/* Hero 区域文章卡片 - 更大的视觉效果 */
main > .wp-block-group:nth-of-type(2) .wp-block-post-template li,
main > .wp-block-group:nth-of-type(2) .wp-block-query li {
    padding: 0;
    overflow: hidden;
    border-radius: 4px !important;
}

main > .wp-block-group:nth-of-type(2) .wp-block-post-template li .wp-block-post-featured-image,
main > .wp-block-group:nth-of-type(2) .wp-block-post-template li figure {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0 !important;
}

main > .wp-block-group:nth-of-type(2) .wp-block-post-template li .wp-block-post-featured-image img,
main > .wp-block-group:nth-of-type(2) .wp-block-post-template li figure img {
    border-radius: 4px 4px 0 0 !important;
}

/* Hero 区域 - 第一篇文章更大 */
main > .wp-block-group:nth-of-type(2) .wp-block-post-template li:first-child {
    grid-row: span 1;
}

main > .wp-block-group:nth-of-type(2) .wp-block-post-template li:first-child .wp-block-post-title {
    font-size: 1.15rem;
    font-weight: 700;
}

/* 区域分隔线 */
main .wp-block-heading.is-style-secondary + .wp-block-query {
    margin-top: 1rem;
}

/* 侧边栏热门文章 - 紧凑样式 */
.wp-block-column .wp-block-query li {
    padding: 10px 0;
}

.wp-block-column .wp-block-query li .wp-block-post-title,
.wp-block-column .wp-block-query li .toutiao-headline-small .wp-block-post-title {
    font-size: 0.95rem !important;
    line-height: 1.45;
}

/* === 头条要闻（模仿QQ.com布局）=== */

/* 上方大标题行 - 去掉li样式，紧凑排列 */
.toutiao-top-headlines .wp-block-query li,
.toutiao-top-headlines li:has(.toutiao-headline-large) {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 大标题 - 26px 粗体（需覆盖全局15px规则） */
main .toutiao-top-headlines .toutiao-headline-large .wp-block-post-title {
    font-size: 26px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
main .toutiao-top-headlines .toutiao-headline-large .wp-block-post-title a {
    color: #333 !important;
}
main .toutiao-top-headlines .toutiao-headline-large .wp-block-post-title a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* 小标题 - 16px 常规（直接覆盖内联clamp） */
.toutiao-headline-small .wp-block-post-title,
.toutiao-headline-small .wp-block-post-title h2,
.toutiao-headline-small h2 {
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

/* 上方大标题区域 - 底部分隔线 */
.toutiao-top-headlines {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}

/* 下方双栏小标题 - 去掉li样式 */
.wp-block-query li:has(.toutiao-headline-small),
.wp-block-column .wp-block-query li:has(.toutiao-headline-small) {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ============================================
   📱 响应式 - 移动端
   ============================================ */
@media (max-width: 768px) {
    .wp-block-columns { gap: 16px !important; }
    .wp-block-column { flex-basis: 100% !important; }
    .wp-block-columns.alignwide { flex-direction: column; }
    .wp-block-site-title { font-size: 18px !important; }
    .wp-block-site-tagline { display: none; }
    
    /* 头条区域移动端 - 整个隐藏 */
    .toutiao-top-headlines,
    .toutiao-top-headlines + .wp-block-columns {
        display: none !important;
    }
    
    /* Hero 区域移动端 - 单列堆叠 */
    main > .wp-block-group:nth-of-type(2) .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    
    /* 头条区域移动端 - 整个隐藏（只在PC端展示） */
    .toutiao-top-headlines {
        display: none !important;
    }
    
    /* 推荐区域移动端 - 2列 */
    main > .wp-block-group:nth-of-type(3) .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    /* 最新资讯列表移动端 - 单列 */
    main .wp-block-column .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
    
    /* 侧边栏在移动端隐藏 */
    main .wp-block-column[style*="30%"] {
        display: none;
    }
    
    /* 首页 Hero 第一篇文章 */
    main > .wp-block-group:nth-of-type(2) .wp-block-post-template li:first-child .wp-block-post-title {
        font-size: 1rem;
    }
    
    /* 卡片间距 */
    main .wp-block-group {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    /* 推荐区域小屏 - 单列 */
    main > .wp-block-group:nth-of-type(3) .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }
}

/* === Scrollbar & Selection === */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--gray-100); }
::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gray-700); }

/* ========== 移动端修复 ========== */
@media (max-width: 600px) {
    /* 强制所有列堆叠 - 覆盖WordPress核心的 flex-wrap: nowrap */
    .wp-block-columns.is-not-stacked-on-mobile,
    .wp-block-columns {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    /* 去掉空白 */
    main .wp-block-group { margin-bottom: 0 !important; }
    footer { margin-top: 0 !important; }
}

/* ============================================
   📰 文章详情页
   ============================================ */

/* 文章标题 - 大厂标准 32px */
.single-post .wp-block-post-title,
.single-post h2.wp-block-post-title {
    font-size: 32px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em;
    margin: 16px 0 12px !important;
}

/* 文章摘要 - 灰色副标题 */
.single-post .wp-block-post-excerpt__excerpt,
.single-post .wp-block-post-excerpt p {
    font-size: 16px !important;
    color: rgba(0,0,0,0.55) !important;
    line-height: 1.6 !important;
    margin-bottom: 16px !important;
}

/* 正文段落 - 舒适阅读 */
.single-post .entry-content p,
.single-post .wp-block-post-content p {
    font-size: 17px !important;
    line-height: 1.75 !important;
    margin-bottom: 1.2em !important;
    color: #222 !important;
}

/* 正文中的链接 */
.single-post .entry-content a,
.single-post .wp-block-post-content a {
    color: #1a73e8 !important;
    text-decoration: none;
}
.single-post .entry-content a:hover,
.single-post .wp-block-post-content a:hover {
    text-decoration: underline;
}

/* 关于作者 - 卡片化 */
.single-post .wp-block-group:has(h2) img[alt*="头像"],
.single-post .wp-block-group:has(h2) img.avatar {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

/* 上一篇/下一篇导航 */
.single-post .wp-block-post-navigation {
    margin-top: 40px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(0,0,0,0.08);
}
.single-post .wp-block-post-navigation-link a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #333 !important;
    transition: color 0.2s;
}
.single-post .wp-block-post-navigation-link a:hover {
    color: var(--wp--preset--color--secondary) !important;
}
.single-post .wp-block-post-navigation-link__label {
    font-size: 12px !important;
    color: rgba(0,0,0,0.4) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

/* ============================================
   🔍 搜索结果页
   ============================================ */

/* 搜索标题 */
body.search .wp-block-query .alignwide > h1,
body.search main h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid #111 !important;
}

/* 搜索结果 - 图文横排 */
body.search .wp-block-post-template li,
body.search .wp-block-query li {
    display: flex !important;
    flex-direction: row !important;
    gap: 16px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    align-items: flex-start !important;
    width: 100% !important;
}
body.search .wp-block-post-template li:last-child,
body.search .wp-block-query li:last-child {
    border-bottom: none !important;
}

/* 搜索结果 - 内容区用grid，分类和作者同行 */
body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image),
body.search .wp-block-query li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image) {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 2px 12px !important;
}

/* 搜索结果 - 图片缩小到右边 */
body.search .wp-block-post-template li .wp-block-group.is-layout-grid figure,
body.search .wp-block-query li .wp-block-group.is-layout-grid figure {
    width: 160px !important;
    min-width: 160px !important;
    margin: 0 !important;
}
body.search .wp-block-post-template li figure img,
body.search .wp-block-query li figure img {
    width: 160px !important;
    height: 107px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

/* 搜索结果 - 文字内容在左边 */
body.search .wp-block-post-template li > div:not(.wp-block-post-featured-image):not(figure),
body.search .wp-block-query li > div:not(.wp-block-post-featured-image):not(figure),
body.search .wp-block-post-template li .wp-block-group,
body.search .wp-block-query li .wp-block-group {
    order: 1 !important;
    flex: 1 !important;
}

/* 搜索结果 - 分类标签 */
body.search .wp-block-post-template li .wp-block-post-terms,
body.search .wp-block-query li .wp-block-post-terms {
    margin-bottom: 4px !important;
}
body.search .wp-block-post-template li .wp-block-post-terms a,
body.search .wp-block-query li .wp-block-post-terms a {
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* 搜索结果 - 标题 */
body.search .wp-block-post-template li .wp-block-post-title,
body.search .wp-block-query li .wp-block-post-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
}
body.search .wp-block-post-template li .wp-block-post-title a,
body.search .wp-block-query li .wp-block-post-title a {
    color: #222 !important;
}
body.search .wp-block-post-template li .wp-block-post-title a:hover,
body.search .wp-block-query li .wp-block-post-title a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* 搜索结果 - 摘要直接隐藏 */
body.search .wp-block-post-template li .wp-block-post-excerpt,
body.search .wp-block-query li .wp-block-post-excerpt {
    display: none !important;
}

/* 搜索结果 - 内容区用grid，分类和作者同行 */
body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image),
body.search .wp-block-query li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image) {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 2px 12px !important;
}
/* 双重覆盖WordPress核心的 .is-layout-grid { display: flex } */
body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div.is-layout-grid:not(figure),
body.search .wp-block-query li .wp-block-group.is-layout-grid > div.is-layout-grid:not(figure) {
    display: grid !important;
}

/* 分类标签 - 放左上 */
body.search .wp-block-post-template li .wp-block-post-terms,
body.search .wp-block-query li .wp-block-post-terms {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-bottom: 0 !important;
}

/* 作者日期 - 放右上 */
body.search .wp-block-post-template li .wp-block-group.is-layout-flex,
body.search .wp-block-query li .wp-block-group.is-layout-flex {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    font-size: 12px !important;
    color: rgba(0,0,0,0.4) !important;
}

/* 标题 - 放第二行横跨两列（h2不是div，单独处理） */
body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div:not(figure) .wp-block-post-title,
body.search .wp-block-query li .wp-block-group.is-layout-grid > div:not(figure) .wp-block-post-title,
body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div:not(figure) h2,
body.search .wp-block-query li .wp-block-group.is-layout-grid > div:not(figure) h2 {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    margin-top: 4px !important;
}
body.search .wp-block-post-template li .wp-block-post-title a,
body.search .wp-block-query li .wp-block-post-title a {
    color: #222 !important;
}
body.search .wp-block-post-template li .wp-block-post-title a:hover,
body.search .wp-block-query li .wp-block-post-title a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

/* ============================================
   📱 详情页 & 搜索页 移动端
   ============================================ */
@media (max-width: 768px) {
    /* 详情页标题缩小 */
    .single-post .wp-block-post-title,
    .single-post h2.wp-block-post-title {
        font-size: 24px !important;
    }
    
    /* 详情页正文缩小 */
    .single-post .entry-content p,
    .single-post .wp-block-post-content p {
        font-size: 16px !important;
    }
    
    /* 搜索页 - 两栏变单栏，隐藏侧边栏 */
    body.search .wp-block-columns.alignwide {
        flex-direction: column !important;
    }
    body.search .wp-block-columns.alignwide > .wp-block-column[style*="30%"],
    body.search .wp-block-columns.alignwide > .wp-block-column:last-child {
        display: none !important;
    }
    body.search .wp-block-columns.alignwide > .wp-block-column[style*="70%"],
    body.search .wp-block-columns.alignwide > .wp-block-column:first-child {
        flex-basis: 100% !important;
        width: 100% !important;
    }
    
    /* 搜索结果 - 内部group变竖排（grid版） */
    body.search .wp-block-post-template li .wp-block-group.is-layout-grid,
    body.search .wp-block-query li .wp-block-group.is-layout-grid {
        grid-template-columns: 1fr !important;
    }
    body.search .wp-block-post-template li .wp-block-group.is-layout-grid figure,
    body.search .wp-block-query li .wp-block-group.is-layout-grid figure {
        width: 100% !important;
        min-width: auto !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin-bottom: 8px !important;
    }
    body.search .wp-block-post-template li figure img,
    body.search .wp-block-query li figure img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16/9 !important;
    }
    body.search .wp-block-post-template li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image),
    body.search .wp-block-query li .wp-block-group.is-layout-grid > div:not(figure):not(.wp-block-post-featured-image) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}