/*
Theme Name: Twenty Twenty-Five Heritage Nature
Theme URI: http://example.com/themes/twentytwentyfive-heritage-nature/
Description: 基于Twenty Twenty-Five的子主题，融合浓郁自然气息与古典历史风味的华丽设计
Author: 你的名称
Author URI: https://example.com
Template: twentytwentyfive
Version: 1.0.0
License: GNUGPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-heritage-nature
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news, heritage, nature, forest, vintage
*/

/* 导入父主题样式 */
@import url("../twentytwentyfive/style.css");

/* ==================================================
   基础色彩系统 - 自然森林+古典历史融合
   ================================================== */
:root {
  /* 自然色系：森林、苔藓、草木、山石 */
  --color-nature-moss: #4a6d7c;      /* 苔藓蓝绿 */
  --color-nature-fern: #2d5d28;      /* 蕨类深绿 */
  --color-nature-leaf: #6a994e;      /* 鲜叶绿 */
  --color-nature-ivy: #386641;       /* 常春藤绿 */
  --color-nature-stone: #a4a896;     /* 浅石色 */
  --color-nature-earth: #8b5a2b;     /* 泥土棕（保留历史感） */
  --color-nature-bark: #5c4033;      /* 树皮深棕 */
  --color-nature-cream: #f8f4e9;     /* 草木白（替代原米黄） */
  --color-nature-paper: #f2f5ea;     /* 草纸绿白（贴近自然） */
  
  /* 强调色：自然中的点缀色 */
  --color-accent-berry: #933b41;     /* 野果红 */
  --color-accent-moss-dark: #2f4858; /* 深苔藓绿 */
  --color-accent-lichen: #c7d59f;    /* 地衣浅绿 */
}

/* ==================================================
   页面基础样式：自然肌理+古卷质感
   ================================================== */
body {
  background-color: var(--color-nature-paper);
  /* 双重自然纹理：草纸底纹 + 叶脉暗纹 */
  background-image: 
    url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%236a994e' fill-opacity='0.04' fill-rule='evenodd'%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.8 13.8c-3.3 1.5-6.9 2.7-10.8 3.4C11.2 19 10 24.2 10 30c0 5.8 1.2 11 3 15.8 1.8 4.8 4.3 9.3 7.5 13.2 3.2 3.9 6.9 7.3 11 10.2 4.1 2.9 8.7 5.2 13.5 6.9 4.8 1.7 9.8 2.9 15 3.4 5.2 0.5 10.4-0.3 15-1.5 4.6-1.2 9-3 13-5.2 4-2.2 7.6-4.8 10.8-7.8 3.2-3 5.8-6.5 7.8-10.2 2-3.7 3-7.7 3-12 0-4.3-1-8.3-3-12-2-3.7-4.6-7.2-7.8-10.2-3.2-3-5.8-6.5-7.8-10.2-2-3.7-3-7.7-3-12 0-5.8 1.2-11 3-15.8 1.8-4.8 4.3-9.3 7.5-13.2 3.2-3.9 6.9-7.3 11-10.2 4.1-2.9 8.7-5.2 13.5-6.9 4.8-1.7 9.8-2.9 15-3.4 5.2-0.5 10.4 0.3 15 1.5 4.6 1.2 9 3 13 5.2 4 2.2 7.6 4.8 10.8 7.8 3.2 3 5.8 6.5 7.8 10.2 2 3.7 3 7.7 3 12 0 4.3-1 8.3-3 12 2 3.7 4.6 7.2 7.8 10.2 3.2 3 5.8 6.5 7.8 10.2 2 3.7 3 7.7 3 12 0 5.8-1.2 11-3 15.8-1.8 4.8-4.3 9.3-7.5 13.2-3.2 3.9-6.9 7.3-11 10.2-4.1 2.9-8.7 5.2-13.5 6.9-4.8 1.7-9.8 2.9-15 3.4-5.2 0.5-10.4-0.3-15-1.5-4.6-1.2-9-3-13-5.2-4-2.2-7.6-4.8-10.8-7.8-3.2-3-5.8-6.5-7.8-10.2-2-3.7-3-7.7-3-12 0-4.3 1-8.3 3-12-2-3.7-4.6-7.2-7.8-10.2-3.2-3-5.8-6.5-7.8-10.2-2-3.7-3-7.7-3-12zm90.2 121.2c-3.3-1.5-6.9-2.7-10.8-3.4-5.2-0.7-10.4-0.1-15.3 1.5-4.9 1.6-9.4 3.9-13.5 6.9-4.1 2.9-7.8 5.3-11 8.2-3.2 2.9-6 6.4-8.2 10.2-2.2 3.8-3.3 7.8-3.3 12 0 4.2 1.1 8.2 3.3 12 2.2 3.8 5 7.3 8.2 10.2 3.2 2.9 6.9 5.3 11 8.2 4.1 2.9 8.6 5.2 13.5 6.9 4.9 1.6 10.1 2.2 15.3 1.5 5.2-0.7 10.4-0.1 15.3-1.5 4.9-1.6 9.4-3.9 13.5-6.9 4.1-2.9 7.8-5.3 11-8.2 3.2-2.9 6-6.4 8.2-10.2 2.2-3.8 3.3-7.8 3.3-12 0-4.2-1.1-8.2-3.3-12-2.2-3.8-5-7.3-8.2-10.2-3.2-2.9-6.9-5.3-11-8.2-4.1-2.9-8.6-5.2-13.5-6.9-4.9-1.6-10.1-2.2-15.3-1.5z' fill='%23a4a896' fill-opacity='0.08' fill-rule='evenodd'%3E%3C/svg%3E");
  background-blend-mode: overlay, soft-light;
  color: var(--color-nature-bark);
  font-family: 'Noto Serif SC', 'Garamond', 'Times New Roman', serif;
  line-height: 1.8;
  position: relative;
}

/* 页面顶部自然装饰：叶脉纹理 */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='1000' height='15' viewBox='0 0 1000 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10c50 0 100-5 150 0s100 5 150 0 100-5 150 0 100 5 150 0 100-5 150 0 100 5 150 0 100-5 150 0' fill='none' stroke='%236a994e' stroke-width='2' stroke-opacity='0.6'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: repeat-x;
  z-index: 999;
  border-bottom: 1px solid var(--color-nature-leaf);
}

/* ==================================================
   头部样式：仿古树皮扉页
   ================================================== */
.wp-site-blocks > header {
  background: linear-gradient(135deg, var(--color-nature-earth), var(--color-nature-bark));
  color: var(--color-nature-cream);
  padding: 3.5rem 0;
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid var(--color-nature-ivy);
}

/* 头部背景：树叶暗纹 */
.wp-site-blocks > header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23f8f4e9' fill-opacity='0.12'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  opacity: 0.8;
  mix-blend-mode: overlay;
}

/* 标题样式：自然+历史融合 */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-nature-bark);
  font-family: 'Noto Serif SC', 'Palatino', 'Georgia', serif;
  position: relative;
  padding-bottom: 0.8rem;
  margin-bottom: 1.8rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.05);
}

/* 标题下划线：自然渐变 */
h1::after, h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, var(--color-nature-leaf), var(--color-nature-moss), transparent);
}

h1 {
  font-size: 3rem;
  color: var(--color-nature-ivy);
}

h2 {
  font-size: 2.3rem;
  color: var(--color-nature-fern);
}

h3 {
  font-size: 1.8rem;
  color: var(--color-nature-moss);
  padding-left: 1.5rem;
}

/* h3 前缀：树叶符号 */
h3::before {
  content: '❧';
  position: absolute;
  left: 0;
  top: 0.3rem;
  color: var(--color-nature-leaf);
  font-size: 1.2rem;
}

/* ==================================================
   链接样式：自然植物色+hover动画
   ================================================== */
a {
  color: var(--color-nature-moss) !important;
  text-decoration-color: var(--color-nature-leaf) !important;
  text-underline-offset: 0.2em;
  transition: all 0.3s ease;
  position: relative;
}

a::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--color-accent-berry);
  transition: width 0.3s ease;
}

a:hover {
  color: var(--color-accent-berry) !important;
  text-decoration-thickness: 2px !important;
  animation: leafShake 0.5s ease-in-out;
}

a:hover::after {
  width: 100%;
}

/* 树叶晃动动画 */
@keyframes leafShake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1.5deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1.5deg); }
  100% { transform: rotate(0deg); }
}

/* ==================================================
   内容区域样式：仿草木宣纸
   ================================================== */
.wp-site-blocks > main {
  background-color: var(--color-nature-cream);
  padding: 3.5rem 2.5rem;
  margin: 2.5rem auto;
  max-width: 1200px;
  box-shadow: 0 8px 30px rgba(60, 80, 40, 0.12),
              inset 0 0 60px rgba(164, 168, 150, 0.05);
  border-radius: 4px;
  position: relative;
  border: 1px solid rgba(106, 153, 78, 0.15);
}

/* 顶部自然渐变条 */
.wp-site-blocks > main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, var(--color-nature-leaf), var(--color-nature-moss), var(--color-accent-lichen));
}

/* ==================================================
   文章卡片样式：仿竹简书页
   ================================================== */
article {
  border-bottom: 1px dashed rgba(106, 153, 78, 0.2);
  padding: 2.5rem 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

/* 文章左侧装饰：竹节纹理 */
article::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2rem;
  bottom: 2rem;
  width: 3px;
  background: linear-gradient(to bottom, var(--color-nature-leaf), var(--color-nature-stone), var(--color-nature-leaf));
  border-radius: 3px;
}

article:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(60, 80, 40, 0.08);
}

article:last-child {
  border-bottom: none;
}

/* ==================================================
   特色图片样式：仿木质相框+自然滤镜
   ================================================== */
.wp-block-post-featured-image img {
  border: 12px solid var(--color-nature-cream);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12),
              0 0 0 1px rgba(139, 90, 43, 0.1);
  margin-bottom: 2rem;
  transition: all 0.6s ease;
  filter: saturate(1.1) contrast(1.05) sepia(5%);
  border-radius: 2px;
}

.wp-block-post-featured-image img:hover {
  filter: saturate(1.2) contrast(1.1) sepia(0%);
  transform: scale(1.03);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* ==================================================
   导航菜单样式：仿古树藤条
   ================================================== */
.wp-block-navigation {
  background-color: rgba(92, 64, 51, 0.92);
  padding: 1rem 0;
  border-bottom: 2px solid var(--color-nature-ivy);
}

.wp-block-navigation-item__content {
  color: var(--color-nature-cream) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  padding: 0.8rem 1.5rem !important;
  margin: 0 0.3rem;
  border-radius: 2px;
}

.wp-block-navigation-item__content:hover {
  color: var(--color-accent-lichen) !important;
  background-color: rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

/* ==================================================
   按钮样式：仿树皮+自然纹理
   ================================================== */
.wp-block-button__link {
  background-color: var(--color-nature-earth) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm20 0a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM10 37a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm10-17h20v20H20V20zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14z' fill='%235c4033' fill-opacity='0.1' fill-rule='evenodd'%3E%3C/svg%3E");
  color: var(--color-nature-cream) !important;
  border: none !important;
  padding: 0.9rem 2rem !important;
  border-radius: 2px !important;
  font-family: 'Noto Serif SC', 'Garamond', serif !important;
  font-size: 1.15rem !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}

.wp-block-button__link:hover {
  background-color: var(--color-nature-ivy) !important;
  transform: translateY(-3px);
  box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}

.wp-block-button__link:active {
  transform: translateY(0);
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

/* ==================================================
   引用样式：仿树叶书签+自然背景
   ================================================== */
blockquote {
  border-left: 4px solid var(--color-nature-moss) !important;
  padding: 2rem 2.5rem !important;
  background-color: rgba(242, 245, 234, 0.8) !important;
  font-style: italic !important;
  position: relative;
  margin: 2.5rem 0 !important;
  border-radius: 0 4px 4px 0;
  box-shadow: 3px 3px 0 rgba(106, 153, 78, 0.1);
}

blockquote::before {
  content: '❝';
  font-size: 6rem;
  color: rgba(106, 153, 78, 0.15);
  position: absolute;
  top: -30px;
  left: 10px;
  font-family: Georgia, serif;
  line-height: 1;
}

blockquote cite {
  display: block;
  margin-top: 1.5rem;
  color: var(--color-nature-moss);
  font-size: 1rem;
  text-align: right;
  font-style: normal;
}

/* ==================================================
   列表样式：自然符号+植物色
   ================================================== */
ul.is-style-checkmark-list {
  list-style-type: "\2714" !important;
  color: var(--color-nature-leaf);
  padding-left: 2rem;
}

ul {
  list-style-type: none;
  padding-left: 1.5rem;
}

ul li {
  position: relative;
  margin-bottom: 1rem;
}

ul li::before {
  content: '●';
  position: absolute;
  left: -1.5rem;
  top: 0.3rem;
  color: var(--color-nature-stone);
  font-size: 0.7rem;
}

/* 自然风格列表 */
ul.is-style-nature-list {
  list-style-type: none !important;
  padding-left: 2rem;
}

ul.is-style-nature-list li::before {
  content: '❧';
  position: absolute;
  left: -2rem;
  top: 0.2rem;
  color: var(--color-nature-leaf);
  font-size: 1rem;
}


/* 页脚顶部装饰：苔藓渐变条 */
.wp-site-blocks > footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background: linear-gradient(90deg, var(--color-nature-leaf), var(--color-nature-moss), var(--color-accent-lichen));
}

/* 版权信息样式：仿叶脉跋文 */
.vwck-copyright {
  display: block;
  text-align: center;
  margin: 2rem auto;
  padding: 1.8rem;
  color: var(--color-nature-cream);
  font-size: 1.1rem;
  position: relative;
  max-width: 700px;
  border-top: 1px dashed rgba(248, 244, 233, 0.2);
  border-bottom: 1px dashed rgba(248, 244, 233, 0.2);
}

.vwck-copyright::before {
  content: '❧';
  font-size: 2.2rem;
  color: var(--color-accent-lichen);
  position: absolute;
  left: 1.5rem;
  top: 0.5rem;
}

.vwck-copyright::after {
  content: '❧';
  font-size: 2.2rem;
  color: var(--color-accent-lichen);
  position: absolute;
  right: 1.5rem;
  bottom: 0.5rem;
}

/* ==================================================
   短代码模块样式：自然+历史融合
   ================================================== */
/* 远程文章/分类/搜索等模块容器 */
.remote-feed,
.remote-categories,
.clientside-container,
.clientside-search {
  background-color: var(--color-nature-cream);
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0V0zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm20 0a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM10 37a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm10-17h20v20H20V20zm10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14z' fill='%23a4a896' fill-opacity='0.05' fill-rule='evenodd'%3E%3C/svg%3E");
  border: 1px solid rgba(106, 153, 78, 0.2);
  border-radius: 4px;
  padding: 2.5rem;
  margin: 3rem auto;
  max-width: 1000px;
  box-shadow: 0 8px 25px rgba(60, 80, 40, 0.08),
              inset 0 0 40px rgba(164, 168, 150, 0.03);
  position: relative;
  animation: leafOpen 0.8s ease-out forwards;
}

/* 模块角落装饰：仿坚果扣 */
.remote-feed::before,
.remote-categories::before,
.clientside-container::before,
.clientside-search::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--color-nature-earth);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  top: 15px;
  left: 15px;
}

/* 模块加载动画：树叶展开 */
@keyframes leafOpen {
  0% {
    opacity: 0;
    transform: translateY(20px) rotate(-2deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}

/* 搜索框样式 */
.search-input {
  width: 75%;
  padding: 1rem 1.5rem;
  border: 1px solid var(--color-nature-stone);
  border-radius: 2px 0 0 2px;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  color: var(--color-nature-bark);
  font-family: inherit;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.03);
  transition: all 0.3s ease;
}

.search-input:focus {
  outline: none;
  border-color: var(--color-nature-leaf);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05), 0 0 0 3px rgba(106, 153, 78, 0.1);
}

.search-btn {
  width: 25%;
  padding: 1rem 1.5rem;
  background-color: var(--color-nature-moss);
  color: var(--color-nature-cream);
  border: none;
  border-radius: 0 2px 2px 0;
  font-size: 1.1rem;
  font-family: inherit;
  cursor: pointer;
  transition: all 0.3s ease;
}

.search-btn:hover {
  background-color: var(--color-nature-ivy);
  transform: translateY(-2px);
}

/* 远程文章链接样式 */
.remote-feed-link,
.search-result-link {
  display: block;
  font-size: 1.2rem;
  margin: 1.2rem 0;
  padding-left: 1.8rem;
  position: relative;
}

.remote-feed-link::before,
.search-result-link::before {
  content: '❧';
  color: var(--color-nature-leaf);
  position: absolute;
  left: 0;
  top: 0.2rem;
  font-size: 0.9rem;
}

/* 分类列表样式 */
.category-item {
  margin: 2.5rem 0;
  padding-bottom: 2rem;
  border-bottom: 1px dashed rgba(106, 153, 78, 0.2);
}

.category-item:last-child {
  border-bottom: none;
}

.category-name {
  font-size: 1.4rem;
  color: var(--color-nature-moss);
  font-weight: 600;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
}

.category-name::before {
  content: '❦';
  color: var(--color-nature-ivy);
  margin-right: 0.8rem;
  font-size: 1.2rem;
}

.category-desc {
  color: var(--color-nature-bark);
  font-size: 1.05rem;
  line-height: 1.8;
  padding-left: 2.2rem;
  text-indent: 2em;
}

/* 错误提示：仿红叶警告 */
.remote-feed-error {
  color: var(--color-accent-berry);
  background-color: rgba(255, 248, 240, 0.9);
  padding: 1.5rem;
  border: 1px solid var(--color-accent-berry);
  border-radius: 4px;
  margin: 2rem 0;
  font-size: 1.1rem;
  position: relative;
  font-style: italic;
}

.remote-feed-error::before {
  content: '🍂  自然提示：';
  font-style: normal;
  font-weight: bold;
}

/* ==================================================
   响应式调整：适配移动设备
   ================================================== */
@media (max-width: 768px) {
  h1 {
    font-size: 2.3rem;
  }
  
  h2 {
    font-size: 1.9rem;
  }
  
  h3 {
    font-size: 1.5rem;
  }
  
  .wp-site-blocks > main {
    padding: 2rem 1.5rem;
    margin: 1.5rem;
  }
  
  .wp-block-post-featured-image img {
    border-width: 8px;
    margin-bottom: 1.5rem;
  }
  
  .search-input,
  .search-btn {
    width: 100%;
    border-radius: 2px;
    margin-bottom: 1rem;
  }
  
  .remote-feed,
  .remote-categories,
  .clientside-container,
  .clientside-search {
    padding: 1.8rem;
    margin: 2rem 0;
  }
}