/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      5.0.0
*/

:root{
  --bg:#0a0d18;
  --card:#131728;
  --card-2:#171c31;
  --line:rgba(255,255,255,.08);
  --ink:#eef0fa;
  --ink-soft:#c7cce4;
  --muted:#9098b8;
  --accent:#7c6cf5;
  --accent-dark:#6252d9;
  --accent-2:#4f8cf7;
  --accent-soft:rgba(124,108,245,.16);
  --hero-grad:linear-gradient(120deg,#1b1440 0%,#241b52 35%,#2a1f5e 60%,#160f33 100%);
}
body{
  background-color:var(--bg) !important;
  background-image:
    radial-gradient(1100px 520px at 15% -10%, rgba(124,108,245,.16), transparent 60%),
    radial-gradient(900px 480px at 100% 0%, rgba(79,140,247,.10), transparent 55%) !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Lato,Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{transition:all .2s ease;color:var(--ink)}
a:hover{color:var(--accent)}
.ast-container{max-width:1200px}

/* 页眉样式由 Astra 后台自定义控制（此处不再覆盖） */

/* 通用搜索框基础样式（侧边栏等使用） */
.search-form .search-field{background:transparent;border:none;color:var(--ink) !important;font-size:14px;padding:6px 14px}
.search-form .search-field::placeholder{color:var(--muted)}
.search-form .search-submit{background:transparent;border:none;color:var(--ink) !important;padding:6px 12px;cursor:pointer}

/* PC 页眉搜索框右上角关闭按钮（×） */
#ast-desktop-header .ast-search-menu-icon .search-form .header-search-close{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:20px;height:20px;border-radius:50%;border:none;padding:0;
  background:rgba(255,255,255,.10);color:var(--muted);
  font-size:14px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease,color .15s ease;z-index:5;
}
#ast-desktop-header .ast-search-menu-icon .search-form .header-search-close:hover{background:rgba(255,255,255,.20);color:#fff}

/* 移动端：内容居中 + 左右 10px 边距 */
@media (max-width:768px){
  #content .ast-container{padding-left:20px !important;padding-right:20px !important}
  body.ast-has-sidebar #content #primary.content-area{padding-left:0 !important;padding-right:0 !important}
  main#main.site-main{padding-top:0 !important}
  .ast-article-single,.ast-article-post{margin-top:0 !important}
  .home-section-head{margin:0 0 20px !important}

}

.xw-hero-btn{
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:600;padding:11px 26px;border-radius:999px;
  text-decoration:none;transition:all .22s ease;
}
.xw-hero-btn.is-primary{
  color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 10px 24px -8px rgba(124,108,245,.7);
}
.xw-hero-btn.is-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -8px rgba(124,108,245,.85);color:#fff}
.xw-hero-btn.is-ghost{
  color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.28);
}
.xw-hero-btn.is-ghost:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-2px)}
/* ========== 首页分类图标栏 ========== */
.xw-cat-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:14px;
  margin:0 0 20px;
}
.xw-cat-item{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:18px 8px;border-radius:14px;text-decoration:none;
  background:var(--card);border:1px solid var(--line);
  transition:all .22s ease;
}
.xw-cat-item:hover{
  transform:translateY(-3px);
  border-color:rgba(124,108,245,.5);
  box-shadow:0 10px 22px -10px rgba(124,108,245,.5);
}
.xw-cat-ico{
  width:38px;height:38px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;color:#fff;
}
.xw-cat-item span{font-size:12.5px;font-weight:600;color:var(--ink)}
/* 分类图标放大：用更高优先级覆盖上面的 .xw-cat-item span 字号 */
.xw-cat-item .xw-cat-ico{
  width:42px;height:42px;border-radius:12px;
  font-size:22px;
}
@media (max-width:900px){
  .xw-cat-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:480px){
  .xw-cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .xw-cat-item{padding:14px 4px}
}

/* 列表区标题 */
.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}
.home-section-head h2{
  display:flex;align-items:center;gap:10px;
  font-size:20px;font-weight:700;color:var(--ink);margin:0;
}
.home-section-head h2::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--accent)}
.home-section-head a{font-size:13px;color:var(--muted);font-weight:400}
.home-section-head a:hover{color:var(--accent)}

/* ========== 统一各页面上边距 20px ========== */
#content{margin-top:0 !important}
#content .ast-container{padding-top:20px}
.entry-content .elementor > .elementor-element:first-child{margin-top:0 !important}
#content #primary.content-area{margin-top:0 !important;margin-bottom:20px !important}

/* ========== 双栏布局（对齐） ========== */
body.ast-has-sidebar #content .ast-container{
  display:flex !important;flex-wrap:wrap;align-items:flex-start !important;
}
body.ast-has-sidebar #content .xw-hero,
body.ast-has-sidebar #content .xw-cat-grid,
body.ast-has-sidebar #content .home-section-head{flex:1 0 100%}
body.ast-has-sidebar #content #primary.content-area{
  flex:0 0 calc(100% - 340px);
  min-width:0; /* 正文里的宽图/表格不再把主栏撑宽导致右侧栏被挤到下面 */
  width:auto;
  margin:0 0 20px !important;
}
body.ast-has-sidebar #content #secondary.widget-area{
  flex:0 0 320px;
  margin:0 0 0 20px !important;
}
@media (max-width:1080px){
  /* 窄屏堆叠只作用于列表/首页；文章详情页保持右侧栏，直到手机断点再收起 */
  body:not(.single).ast-has-sidebar #content .ast-container{display:block !important}
  body:not(.single).ast-has-sidebar #content #primary.content-area,
  body:not(.single).ast-has-sidebar #content #secondary.widget-area{width:100% !important;flex:none !important;margin-left:0 !important;margin-bottom:20px !important}
}
@media (max-width:768px){
  /* 手机端详情页：侧边栏隐藏后，正文占满整行 */
  body.single.ast-has-sidebar #content #primary.content-area{flex:0 0 100% !important;width:100% !important}
}


/* =========================================================
   ========== 全新文章卡片 (Grid + 跑马灯重构) ==========
   ========================================================= */

/* 初始化容器 Grid 设置 */
#primary .ast-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important;
    align-items: stretch !important;
}

/* 清除 Astra 默认容器白底，让卡片深色渐变透出来 */
#primary article.ast-article-post .ast-article-inner,
#primary article.ast-article-post .post-content,
#primary article.ast-article-post .entry-header {
    background-color: transparent !important;
    background: transparent !important;
}

/* 覆盖卡片外层容器，添加边框、圆角与悬停动画 */
#primary .ast-article-post {
    background: linear-gradient(145deg, var(--card-2), var(--card)) !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    transition: transform .25s ease, border-color .25s ease !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
    display: block !important;
    height: 100% !important;
    width: 100% !important;
    float: none !important;
}
#primary .ast-article-post:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(124, 108, 245, .4) !important;
}

/* 核心魔法：使用 Grid 重构 DOM 层级 */
#primary .ast-article-post .ast-article-inner {
    display: grid !important;
    grid-template-columns: 100% !important;
    /* 全部设为 auto 以消除卡片底部的强制占位空白，让高度自然随内容缩放 */
    grid-template-rows: auto auto auto auto !important; 
    height: 100% !important;
    padding: 0 !important;
    min-width: 0 !important; /* 强制网格容器不被长标题撑破 */
}

/* 剥离 Astra 多余的包裹层，让内部元素直接进入网格排版 */
#primary .ast-article-post .post-content,
#primary .ast-article-post .entry-header {
    display: contents !important;
}

/* ----- 第一行：图片区与跑马灯标题 ----- */
/* 图片容器占领第1行 */
#primary .ast-article-post .ast-blog-featured-section {
    grid-row: 1 / 2 !important;
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    position: relative !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    min-width: 0 !important; 
}
#primary .ast-article-post .post-thumb-img-content {
    height: 100% !important;
    margin: 0 !important;
}
/* 卡片缩略图：图片本身不做任何动态效果（放大/滤镜都会在悬停瞬间闪 1px 白线）。
   悬停反馈只保留：卡片上移 translateY + 边框高亮（都不会闪）。 */
#primary .ast-article-post .post-thumb-img-content img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
}

/* 图片底部的黑色渐变遮罩 */
#primary .ast-article-post .ast-blog-featured-section::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60% !important;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* 标题同样放在第1行，靠底部对齐，镶嵌在图片上 */
#primary .ast-article-post .entry-title {
    grid-row: 1 / 2 !important;
    grid-column: 1 / 2 !important;
    align-self: end !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 30px 20px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    /* 标题空白区不拦截点击：让鼠标点标题旁边也能进入文章（穿透到下方整图链接） */
    pointer-events: none !important;
}
#primary .ast-article-post .entry-title a {
    pointer-events: auto !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.9) !important;
    display: inline-block !important; 
    max-width: 100% !important; 
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    will-change: transform !important;
}

/* 长标题：鼠标悬停时向左流动展示（由 functions.php §27 的 JS 量出真实溢出距离并加 .xw-scroll） */
#primary .ast-article-post .entry-title.xw-scroll {
    /* 左右淡出遮罩：文字滚动到图片边缘前渐隐，避免白色文字贴到缩略图左右边框产生“闪白边” */
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
}
#primary .ast-article-post .entry-title.xw-scroll a {
    max-width: none !important;
    text-overflow: clip !important;
}
#primary .ast-article-post:hover .entry-title.xw-scroll a {
    animation: xwTitleFlow 7s linear infinite !important;
}

/* ----- 第二行：分类/标签区 ----- */
#primary .ast-article-post .ast-terms-link,
#primary .ast-article-post .cat-links,
#primary .ast-article-post .ast-taxonomy-container {
    grid-row: 2 / 3 !important;
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    padding: 9px 20px 0 !important;
    font-size: 11px !important;
    color: #aeb0ff !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: block !important;
}
#primary .ast-article-post .ast-terms-link a,
#primary .ast-article-post .cat-links a,
#primary .ast-article-post .ast-taxonomy-container a {
    color: #aeb0ff !important;
    background: transparent !important;
    padding: 0 !important;
}

/* ----- 第三行：摘要正文 (防吞噬物理截断版) ----- */
#primary .ast-article-post .entry-content,
#primary .ast-article-post .ast-excerpt-container {
    grid-row: 3 / 4 !important;
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    padding: 4px 20px 12px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#primary .ast-article-post .entry-content p,
#primary .ast-article-post .ast-excerpt-container p {
    font-family: inherit !important;
    font-size: 13.5px !important;
    color: var(--muted) !important;
    line-height: 1.6 !important;
    margin: 0 !important; 
    
    /* 两行截断 + 双保险防插件吞噬 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    box-orient: vertical !important;
    
    /* 物理限高核心：直接切除 2 行以外的任何残留字或换行（1.6 × 2 = 3.2em） */
    max-height: 3.2em !important;
    
    overflow: hidden !important;
    word-break: break-all !important;
}

/* 彻底隐藏 WordPress 自动生成的空段落与换行符 */
#primary .ast-article-post .entry-content p:empty,
#primary .ast-article-post .ast-excerpt-container p:empty,
#primary .ast-article-post .entry-content br,
#primary .ast-article-post .ast-excerpt-container br {
    display: none !important;
}

/* 隐藏可能隐形占位的“阅读全文”链接或按钮 */
#primary .ast-article-post .entry-content .read-more,
#primary .ast-article-post .ast-excerpt-container .read-more,
#primary .ast-article-post .ast-excerpt-container .ast-button {
    display: none !important;
}

/* ----- 第四行：Meta 日期与评论 ----- */
#primary .ast-article-post .entry-meta {
    grid-row: 4 / 5 !important;
    grid-column: 1 / 2 !important;
    margin: 0 !important;
    padding: 0 20px 13px !important;
    font-size: 12px !important;
    color: var(--muted) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
}
#primary .ast-article-post .entry-meta * {
    color: var(--muted) !important;
}
#primary .ast-article-post .entry-meta .posted-on {
    margin-right: 14px !important;
}

/* 长标题跑马灯关键帧：滚到露出结尾→稍停→回位→循环（距离 --xw-dx 由 JS 按每张卡片实际溢出计算） */
@keyframes xwTitleFlow {
    0%   { transform: translateX(0); }
    70%  { transform: translateX(var(--xw-dx, -120px)); }
    84%  { transform: translateX(var(--xw-dx, -120px)); }
    92%  { transform: translateX(0); }
    100% { transform: translateX(0); }
}


/* ========== 侧边栏 ========== */
#secondary.widget-area{background:transparent;border:none;padding:0 !important}
.widget-area .sidebar-inner{display:flex;flex-direction:column;gap:20px;position:sticky;top:76px}
.widget-area .widget{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:20px !important;
  box-shadow:0 8px 16px -4px rgba(44,45,48,.047);
  margin:0 !important;list-style:none;
}
.widget-area .widget-title{
  display:flex;align-items:center;gap:9px;
  font-size:16px;font-weight:700;margin-bottom:14px;color:var(--ink);
}
.widget-area .widget-title::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--accent)}

/* 搜索 */
.sidebar-search{display:flex;align-items:center;gap:8px;border-radius:999px;font-size:14px;color:var(--muted)}
.sidebar-search .search-field{background:transparent;border:none;outline:none;width:100%;font-size:14px}
.sidebar-search .search-submit{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:0}
.sidebar-search svg{width:15px;height:15px;stroke:var(--muted)}

/* 最新文章 */
.recent-list{list-style:none;margin:0;padding:0}
.recent-list li{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.recent-list li:last-child{border-bottom:none}
.recent-rank{
  flex-shrink:0;width:20px;height:20px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:var(--muted);
  background:rgba(255,255,255,.06);
}
.recent-list li:nth-child(1) .recent-rank{background:linear-gradient(135deg,#ff7a5c,#ff4d6d);color:#fff}
.recent-list li:nth-child(2) .recent-rank{background:linear-gradient(135deg,#ffb85c,#ff8a3d);color:#fff}
.recent-list li:nth-child(3) .recent-rank{background:linear-gradient(135deg,#7c6cf5,#4f8cf7);color:#fff}
.recent-thumb{width:48px;height:38px;border-radius:6px;flex-shrink:0;background-size:cover;background-position:center}
.recent-info{min-width:0}
.recent-info .t{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.recent-info .d{font-size:11.5px;color:var(--muted);line-height:1.2;margin-top:2px;display:block}
.recent-info a:hover .t{color:var(--accent)}

/* 标签云 */
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{font-size:12.5px;color:var(--ink-soft);background:rgba(255,255,255,.06);border:1px solid var(--line);padding:5px 12px;border-radius:999px;transition:.2s}
.tag-cloud a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

/* 关于 */
.about-card{text-align:center}
.about-logo{margin:0 auto 12px;display:block;text-align:center}
.about-logo-img{display:block !important;margin:0 auto !important;max-height:48px;width:auto;border-radius:8px}
.about-card h4{font-size:16px;font-weight:700;color:var(--ink)}
.about-card p{font-size:13px;color:var(--muted);margin-top:8px}
.about-links{display:flex;justify-content:center;gap:10px;margin-top:14px}
.about-links a{font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:5px 14px;transition:.2s}
.about-links a:hover{border-color:var(--accent);background:var(--accent-soft)}

/* ========== 分类归档页 ========== */
.category-links{
  margin:0 0 20px !important;padding:12px 18px !important;
  background:var(--card);border:1px solid var(--line);border-radius:999px;
  box-shadow:0 6px 14px -5px rgba(44,45,48,.05);
}
.category-links h3{
  display:flex;align-items:center;gap:10px;
  font-size:18px;font-weight:700;margin-bottom:10px;color:var(--ink);
}
.category-links h3::before{content:"";width:5px;height:16px;border-radius:3px;background:var(--accent)}
.category-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.category-links li{margin:0}
.category-links li a{
  display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-soft);background:rgba(255,255,255,.06);border:1px solid var(--line);
  padding:6px 14px;border-radius:999px;transition:.2s;
}
.category-links li a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}

/* ========== 分页 ========== */
.ast-pagination .page-numbers{
  min-width:34px !important;height:34px !important;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;font-size:14px;font-weight:600;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;
}
.ast-pagination .page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.ast-pagination .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent)}

/* ========== 文章详情页 ========== */
.single #primary .ast-article-single{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:20px;
  box-shadow:0 8px 16px -4px rgba(44,45,48,.047);
}
.single .entry-title{font-size:28px;font-weight:700;line-height:1.4;color:var(--ink)}
.single .post-featured-image{margin:20px 0}
.single .post-featured-image img{border-radius:10px;width:100%;height:auto}
.single .entry-content{font-size:16px;line-height:1.9;color:var(--ink)}
.single .entry-content h2{font-size:24px;margin:1.6em 0 .6em;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:8px}
.single .entry-content h3{font-size:20px;margin:1.4em 0 .5em;color:var(--ink)}
.single .entry-content pre{
  background:#282c34;color:#abb2bf;border-radius:10px;padding:18px 20px;overflow:auto;
  font-size:14px;line-height:1.7;
}
.single .entry-content code{background:rgba(255,255,255,.06);border-radius:4px;padding:2px 6px;font-size:14px;color:#e05252}
.single .entry-content pre code{background:transparent;padding:0;color:inherit}
.single .entry-content blockquote{border-left:4px solid var(--accent);background:rgba(255,255,255,.04);padding:14px 20px;border-radius:0 8px 8px 0;color:var(--muted)}
.single .entry-content img{border-radius:10px;max-width:100%;height:auto}
.single .entry-meta{color:var(--muted);font-size:14px;margin-bottom:6px}
.single .ast-author-box,.single .ast-article-single .entry-meta a{color:var(--muted)}
.single .comments-area{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:20px}

/* ========== 页脚（浅色） ========== */
.site-footer{background:#0a0a0a !important;color:#9a9a9a}
.site-footer .widget,.site-footer .footer-widget-area{margin:0}
.site-footer .widget-title,.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4{color:#fff}
.site-footer a{color:#9a9a9a}
.site-footer a:hover{color:var(--accent)}
.site-footer .ast-footer-copyright{color:#6f6f6f;font-size:13px}

/* ========== 响应式 ========== */
@media (max-width:768px){
  .single #primary .ast-article-single{padding:20px 18px 24px}
}

/* ===== 关于卡片：暗色夜空微光渐变 ===== */
.widget-area .about-card{
  background:
    radial-gradient(120% 90px at 20% 0%, rgba(124,108,245,.48), transparent 70%),
    radial-gradient(90% 70px at 90% 0%, rgba(79,140,247,.34), transparent 70%),
    var(--card) !important;
}

/* ===== 侧边栏其它卡片：顶部微光（呼应主色调） ===== */
.widget-area .widget:not(.about-card){
  background:
    linear-gradient(180deg, rgba(124,108,245,.10) 0%, rgba(124,108,245,0) 60%),
    var(--card) !important;
}

/* 文章详情页侧栏：目录/最新文章/作者卡 纵向排列并保持 20px 间距（与列表页卡片一致） */
.xw-single-sticky{display:flex;flex-direction:column;gap:20px;width:100%}

/* ===== 响应式卡片网格（最终，覆盖所有规则） ===== */
@media (min-width:1081px){
  #primary .ast-row{grid-template-columns:repeat(3,1fr) !important}
  body.ast-has-sidebar #primary .ast-row{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:1080px) and (min-width:769px){
  #primary .ast-row,body.ast-has-sidebar #primary .ast-row{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:768px){
  #primary .ast-row,body.ast-has-sidebar #primary .ast-row{grid-template-columns:1fr !important}
}

/* ===== 移动端综合修复 ===== */
/* 1) 无侧边栏页面（搜索页）主栏去内边距，卡片与容器对齐 */
#content #primary.content-area{padding-left:0 !important;padding-right:0 !important}

/* ===== 搜索按钮改小，输入框填满 ===== */
.sidebar-search .search-form{width:100% !important;flex:1 !important;display:flex !important;align-items:center}
.sidebar-search .search-field{flex:1 !important;width:auto !important;min-width:0 !important}

/* ===== 放大镜按钮填满搜索框高度 + 图标正常大小 ===== */
.sidebar-search .search-form{height:100%}
.sidebar-search .search-submit{
  width:38px !important;
  align-self:stretch !important;
  height:auto !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  flex-shrink:0 !important;
}
.sidebar-search .search-submit svg{width:20px !important;height:20px !important;flex-shrink:0 !important}

/* ===== 搜索按钮贴右边缘：label 填满 ===== */
.sidebar-search .search-form > label{flex:1 !important;min-width:0 !important;display:flex !important}
.sidebar-search .search-field{flex:1 !important;width:100% !important}

/* 3) 页脚降低 */
.site-footer .ast-footer-copyright p{margin:4px 0 !important}

/* 1) 首页标题间距：PC 用 margin（20px），移动端用 padding */
@media (max-width:768px){
  .home-section-head{padding-bottom:20px !important}
}

/* 2) 移动端搜索按钮更短 + 放大镜居中 */
@media (max-width:768px){
  .sidebar-search .search-submit{width:34px !important}
  .sidebar-search .search-submit svg{width:17px !important;height:17px !important;margin:0 !important;display:block !important}
}

/* 3) 移动端页脚再降低 */
.site-footer .ast-builder-grid-row{padding:6px 0 !important}

@media (max-width:768px){
  #secondary .sidebar-search .search-submit,
  .widget-area .sidebar-search .search-submit{
    width:34px !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }
  #secondary .sidebar-search .search-submit svg{width:17px !important;height:17px !important;margin:0 !important;display:block !important}
}

/* 1) 分页：页码与 next 等距 */
.ast-pagination .nav-links{display:flex !important;align-items:center;justify-content:center;gap:6px !important;flex-wrap:nowrap !important}
.ast-pagination{padding:20px 0 0 !important}

/* 2) 分页到下方内容间距 */
.ast-pagination{margin-bottom:0 !important}

/* 5) PC 页脚 98px，移动端 87px */
.site-footer .site-below-footer-wrap{padding:18px 10px !important}
@media (max-width:768px){
  .site-footer .site-below-footer-wrap{padding:12px 10px !important}
}

/* ===== 移动端分页到搜索间距缩小 ===== */
@media (max-width:768px){
  .ast-pagination{padding:16px 0 0 !important}
}

/* 标题区容器：内边距上下平衡 */
.search .ast-archive-description{
  padding:40px 48px 40px !important;
  margin:0 0 20px !important;
  border-radius:12px !important;
}
.search .page-title{margin:0 0 8px !important}
.search .ast-breadcrumbs-wrapper{margin:0 !important}

/* 消息容器：白卡片 + 统一圆角 + 内边距平衡 */
.search .no-results.not-found{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  padding:40px 48px !important;
  margin:0 !important;
  box-shadow:0 8px 16px -4px rgba(0,0,0,.3);
}
.search .page-content{margin:0 !important}
.search .page-content p{margin:0 0 24px !important}

/* 搜索框：浅色胶囊，按钮绝对定位右侧居中，输入不压按钮 */
.no-results.not-found .search-form{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  padding:0 !important;
  max-width:420px;
  overflow:hidden !important;
}
.no-results.not-found .search-form > label{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
}
.no-results.not-found .search-form .search-field{
  flex:1 !important;
  width:100% !important;
  min-width:0 !important;
  border:none !important;
  background:transparent !important;
  padding:10px 54px 10px 18px !important;
  font-size:14px;
  color:var(--ink);
  outline:none;
}
.no-results.not-found .search-form .search-field::placeholder{color:var(--muted)}
.no-results.not-found .search-form .search-submit{
  position:absolute !important;
  right:4px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:40px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  color:var(--accent) !important;
  cursor:pointer;
}
.no-results.not-found .search-form .search-submit svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  flex-shrink:0 !important;
}

/* ===== 评论区表单修复：评论框通栏 + 字段左右对称 ===== */
.comments-area .ast-row.comment-textarea{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 24px !important;
}
.comments-area .comment-form-textarea{
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}
.comments-area textarea#comment{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  box-sizing:border-box !important;
}
.comments-area .ast-comment-formwrap{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:20px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 0 24px !important;
}
.comments-area .ast-comment-formwrap .comment-form-author,
.comments-area .ast-comment-formwrap .comment-form-email,
.comments-area .ast-comment-formwrap .comment-form-url{
  flex:1 1 calc(33.333% - 14px) !important;
  max-width:calc(33.333% - 14px) !important;
  min-width:0 !important;
  width:auto !important;
  margin:0 !important;
}
.comments-area .ast-comment-formwrap input[type="text"]{
  width:100% !important;
  box-sizing:border-box !important;
}

/* 移动端：姓名/邮箱/网站 上下堆叠整行 */
@media (max-width:768px){
  .comments-area .ast-comment-formwrap .comment-form-author,
  .comments-area .ast-comment-formwrap .comment-form-email,
  .comments-area .ast-comment-formwrap .comment-form-url{
    flex:1 1 100% !important;
    max-width:100% !important;
  }
}

/* ===== 回到顶部按钮：黑金风格 ===== */
#ast-scroll-top .ast-icon svg{fill:currentColor !important;stroke:currentColor !important}

/* ===== 跳评论按钮：黑金 + 半透明（与回到顶部统一） ===== */
.astra-comment-btn svg{width:15px !important;height:15px !important;fill:currentColor;display:block}
.astra-comment-btn img{
  width:18px !important;
  height:18px !important;
  filter:brightness(0) invert(1) !important;
}
.astra-comment-btn:hover img{filter:brightness(0) invert(0) !important}

/* ===== PC 端滚动条：彻底隐藏（不占空间，页眉完整到右边缘） ===== */
@media (min-width:769px){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{width:0;height:0;display:none;background:transparent}
  html::-webkit-scrollbar-track{background:transparent}
  html::-webkit-scrollbar-thumb{background:transparent}
  html::-webkit-scrollbar-corner{background:transparent}
}

/* ===== PC 端悬浮滚动条：平时隐藏不占空间，鼠标靠近右边缘时显示 ===== */
#xw-scrollbar{
  position:fixed;
  top:0;right:0;
  width:8px;
  height:100vh;
  z-index:99999;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
#xw-scrollbar.show{opacity:1}
#xw-scrollbar .thumb{
  position:absolute;
  right:1px;
  top:0;
  width:6px;
  border-radius:3px;
  background:rgba(17,17,17,.45);
  border:1px solid rgba(124,108,245,.55);
  box-sizing:border-box;
  pointer-events:auto;
  cursor:pointer;
  transition:background .2s ease;
}
#xw-scrollbar .thumb:hover{background:rgba(17,17,17,.65)}
@media (max-width:768px){#xw-scrollbar{display:none}}

/* ===== 移动端：页眉搜索与 PC 端一致（点放大镜就地展开输入框） ===== */
@media (max-width:768px){
  /* 放大镜图标（深色页眉上为白色） */
  #ast-mobile-header .astra-search-icon{width:34px !important;height:34px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#fff !important}
}

/* ===== 文章分类子菜单 ===== */
#ast-desktop-header .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-builder-menu-1 .main-header-menu .sub-menu .menu-item:hover > .menu-link{
  color:var(--accent) !important;
  background:rgba(124,108,245,.14) !important;
}
/* ===== 移动端微调：侧边栏搜索框居中 + 评论区加宽 ===== */
@media (max-width:768px){
  /* 侧边栏搜索框左右对称（按钮不再贴右） */
  .sidebar-search{padding:8px 14px !important}
  /* 评论区整体加宽：减少多层内边距 */
  .single .comments-area{padding:12px !important}
  .comment-respond{padding:12px !important}
  .ast-comment,.comment{padding:0 12px !important}
}

/* ===== 移动端文章页：评论卡片与侧边栏搜索卡片之间留间距 ===== */
@media (max-width:768px){
  .single .comments-area{margin-bottom:20px !important}
}

/* ===== 评论底部留白（PC+移动端）：更早期评论导航与评论列表/表单之间 ===== */
#comment-nav-below{margin-top:24px !important;margin-bottom:28px !important}

/* ===== 侧边栏最新评论 ===== */
.comment-list-xw{list-style:none;margin:0;padding:0}
.comment-list-xw li{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.comment-list-xw li:last-child{border-bottom:none}
.comment-list-xw .rc-avatar{flex-shrink:0}
.comment-list-xw .rc-avatar img{border-radius:50%;width:36px;height:36px;display:block}
.comment-list-xw .rc-info{min-width:0}
.comment-list-xw .rc-author{font-size:13px;font-weight:600;color:var(--ink);margin:0}
.comment-list-xw .rc-text{font-size:12.5px;color:var(--muted);margin:2px 0 3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comment-list-xw .rc-post{font-size:12px;color:var(--accent);text-decoration:none;word-break:break-all}
.comment-list-xw .rc-post:hover{color:var(--accent-dark)}

/* ===== 页眉搜索框打开后放大镜变黑色（配合浅色页眉背景） ===== */
#ast-desktop-header .ast-search-menu-icon.ast-dropdown-active .astra-search-icon svg,
#ast-desktop-header .ast-search-menu-icon.ast-dropdown-active .astra-search-icon svg path{
  fill:var(--accent) !important;
  stroke:var(--accent) !important;
}
/* ===== 移动端页眉搜索框打开后放大镜也变黑色 ===== */
#ast-mobile-header .ast-search-menu-icon.ast-dropdown-active .astra-search-icon svg,
#ast-mobile-header .ast-search-menu-icon.ast-dropdown-active .astra-search-icon svg path{
  fill:var(--accent) !important;
  stroke:var(--accent) !important;
}

/* ===== 页眉搜索框：去掉蓝色边框，改为淡灰细边 ===== */
#ast-desktop-header .ast-header-search .slide-search .search-form,
#ast-mobile-header .ast-header-search .slide-search .search-form{
  border:1px solid var(--line) !important;
}

/* ===== 页眉搜索框：输入文字不遮挡放大镜 ===== */
#ast-desktop-header .ast-header-search .slide-search .search-field{
  padding-right:52px !important;
}
#ast-mobile-header .ast-search-menu-icon .search-field{
  padding-right:64px !important;
}

/* ===== 移动端搜索：放大镜点击背景 ===== */
#ast-mobile-header .ast-search-menu-icon .astra-search-icon,
#ast-mobile-header .ast-search-menu-icon .astra-search-icon:hover,
#ast-mobile-header .ast-search-menu-icon .astra-search-icon:active,
#ast-mobile-header .ast-search-menu-icon .astra-search-icon:focus,
#ast-mobile-header .ast-search-menu-icon.ast-dropdown-active .astra-search-icon{
  background:transparent !important;
  box-shadow:none !important;
}
#ast-mobile-header .ast-search-menu-icon .search-form:focus-within{
  background:var(--card) !important;
  border-color:var(--line) !important;
}

/* ===== 移动端：点击反馈改为灰色（去掉蓝色） ===== */
@media (max-width:768px){
  *{-webkit-tap-highlight-color:rgba(128,128,128,.32) !important}
  a:active, button:active,
  .main-header-menu .menu-link:active,
  .astra-search-icon:active,
  .ast-menu-toggle:active{
    background-color:rgba(0,0,0,.08) !important;
  }
  a:focus, button:focus,
  .main-header-menu .menu-link:focus,
  .astra-search-icon:focus,
  .ast-menu-toggle:focus{
    background-color:transparent !important;
  }
}

/* ===== 移动端：链接/按钮点击一次即生效（去掉双击缩放延迟，避免分页需点两次） ===== */
@media (max-width:768px){
  a, button, .page-numbers, .menu-link, .astra-search-icon{
    touch-action:manipulation !important;
  }
}

/* ===== 分页：修复移动端 Next 需点两次 + 去掉点击变大动画 ===== */
.ast-pagination a{
  user-select:none !important;
  -webkit-user-select:none !important;
  -webkit-touch-callout:none !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:none !important;
}
.ast-pagination .page-numbers:focus{background-color:var(--card) !important}
.ast-pagination .page-numbers:active{
  background-color:var(--card) !important;
  transform:none !important;
  box-shadow:none !important;
}
.ast-pagination .next,.ast-pagination .prev{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
}

/* ===== 移动端主页：页眉与文章卡片之间留间距 ===== */
@media (max-width:768px){
  body.home #content #primary.content-area{
    margin-top:0 !important;
  }
}

/* 单篇：隐藏作者，保留日期/评论链接 */
.single .entry-meta{font-size:0 !important}
.single .entry-meta .posted-on{font-size:14px !important;display:inline-block;margin-right:10px}
.single .entry-meta .posted-by{display:none !important}
.single .entry-meta .comments-link{font-size:14px !important;display:inline-block}
/* 详情页特色图 */
.post-featured-image img,
.ast-post-thumbnail img{
  width:auto;max-width:100%;height:450px;object-fit:cover;border-radius:10px !important;display:block;margin:0 auto;
}

/* ===== 搜索框：现代玻璃胶囊（重设计） ===== */
form.search-form{
  display:flex;
  align-items:center;
  border-radius:999px !important;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 10px rgba(0,0,0,.2);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:border-color .25s ease, box-shadow .25s ease;
}
form.search-form:focus-within{
  border-color:rgba(124,108,245,.55);
  box-shadow:0 4px 18px rgba(124,108,245,.16);
}
form.search-form .search-field{
  border:none !important;
  background:transparent !important;
  flex:1 1 auto;
  min-width:0;
  padding:10px 18px;
  font-size:14px;
  color:var(--ink);
  outline:none;
}
form.search-form .search-field::placeholder{color:var(--muted)}
form.search-form .search-submit{
  border:none !important;
  background:transparent !important;
  color:var(--accent);
  width:46px;
  height:40px;
  flex-shrink:0;
  display:flex !important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:color .2s ease;
}
form.search-form .search-submit:hover{color:var(--accent-dark)}
/* 侧边栏搜索：外框即胶囊，内部表单透明 */
.sidebar-search .search-form{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* ===== 文章分类下拉框：毛玻璃浮层 + 金色悬停（重设计） ===== */
nav ul.sub-menu{
  background-color:rgba(19,23,40,.96) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-radius:10px !important;
  border:1px solid var(--line);
  box-shadow:0 8px 32px rgba(0,0,0,.4);
  padding:8px 6px !important;
  min-width:140px !important;
  width:auto !important;
}
nav ul.sub-menu .menu-link{
  color:var(--ink) !important;
  font-size:14px;
  font-weight:500;
  padding:8px 14px !important;
  border-radius:8px;
  display:block;
  text-align:left !important;
}
nav ul.sub-menu .menu-item:hover > .menu-link{
  color:var(--accent) !important;
  background:rgba(124,108,245,.14) !important;
}

/* ===== 搜索框重设计的补充：页眉聚焦光晕 + 侧边栏同款玻璃 ===== */
#ast-desktop-header .ast-header-search .search-form:focus-within{
  border-color:rgba(124,108,245,.55) !important;
  box-shadow:0 4px 18px rgba(124,108,245,.16) !important;
}
.sidebar-search{
  background:rgba(255,255,255,.05) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 3px 12px rgba(0,0,0,.25) !important;
  padding:6px 6px 6px 6px !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.sidebar-search:focus-within{
  border-color:rgba(124,108,245,.55) !important;
  box-shadow:0 4px 18px rgba(124,108,245,.16) !important;
}

/* ===== 修复：页眉 slide-search 只保留独立放大镜，隐藏表单内提交按钮 ===== */
.ast-search-menu-icon .search-form .search-submit{display:none !important}

/* ===== 侧边栏搜索：清晰胶囊  + 输入区内衬 ===== */
.sidebar-search .search-form{background:transparent !important;border-radius:999px !important}
.sidebar-search .search-field{font-size:14px !important}
.sidebar-search .search-submit{color:var(--accent) !important}
.sidebar-search .search-submit svg{stroke:var(--accent) !important}

/* ===== 关于我页面：隐藏页面标题 ===== */
.page-id-573 h1.entry-title{display:none !important}

/* ===== 作者卡片：首页/RSS/邮箱 图标按钮 ===== */
.about-links{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:14px;
}
.about-links a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0 !important;
  border-radius:50% !important;
  transition:all .2s ease;
}
.about-links a:hover{
  background:var(--accent-soft);
  border-color:var(--accent);
  transform:translateY(-2px);
}

/* ===== 侧边栏搜索放大镜：悬停只变颜色 ===== */
.sidebar-search .search-submit{
  transition:color .2s ease !important;
}
.sidebar-search .search-submit:hover{
  color:var(--accent-dark) !important;
}
.sidebar-search .search-submit:hover svg{
  stroke:var(--accent-dark) !important;
}
/* 放大镜加粗放大，悬停变色更明显 */
.sidebar-search .search-submit svg{
  width:18px !important;
  height:18px !important;
  stroke-width:2.5 !important;
}

/* ===== 无结果搜索页：隐藏第一个“正在搜索”容器 ===== */
body.search-no-results .ast-archive-description{display:none !important}

/* ===== 分页：彻底禁用过渡/动画，点击立即翻页 ===== */
.ast-pagination, .ast-pagination *, .ast-pagination .page-numbers{
  transition:none !important;
  animation:none !important;
}

/* ===== 页眉：吸顶 + 下滑隐藏/上滑显示 ===== */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:50;
  transition:none !important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  will-change:transform;
}
.site-header.xw-header-hidden{
  transform:translateY(-100%);
  transition:transform .32s ease !important;
}

/* ===== 移动端菜单：右侧滑出抽屉 ===== */
@media (max-width:768px){
  .ast-mobile-header-content{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:auto !important;
    width:min(84vw,330px) !important;
    height:100dvh !important;
    overflow-y:auto !important;
    margin:0 !important;
    padding:14px !important;
    display:flex !important;
    flex-direction:column !important;
    background:rgba(15,18,32,.97) !important;
    box-shadow:-14px 0 44px rgba(0,0,0,.5) !important;
    z-index:99998 !important;
    visibility:hidden;
    transform:translateX(105%);
    transition:transform .34s ease, visibility .34s ease;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
  }
  .ast-mobile-header-content.xw-open{
    visibility:visible;
    transform:translateX(0);
  }
  .ast-mobile-header-content .main-header-menu{
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
  .ast-mobile-header-content .menu-link{
    color:var(--ink) !important;
    font-size:15px;
    font-weight:500;
    padding:13px 14px !important;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  /* 抽屉顶栏各行(首页/文章分类/关于/联系)之间的线：盖掉 Astra 默认的浅灰线，调暗调细 */
  .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link{
    border-bottom:1px solid rgba(255,255,255,.07) !important; /* 稍亮 */
  }
  /* 子项(推荐/教程/搬运/心情随笔)之间的线：同样调成柔和细线 */
  .ast-mobile-header-content .sub-menu .menu-link{
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  .ast-mobile-header-content .menu-item{
    border-bottom:1px solid rgba(255,255,255,.02); /* 分隔线更暗、更细（视觉近乎隐线） */
  }
  .ast-mobile-header-content .menu-item:last-child{border-bottom:none}
  .ast-mobile-header-content .menu-item:hover > .menu-link,
  .ast-mobile-header-content .current-menu-item > .menu-link{
    color:var(--accent) !important;
    background:rgba(124,108,245,.08);
  }
  .ast-mobile-header-content .sub-menu{
    background:rgba(255,255,255,.04) !important;
    border-radius:10px;
    margin:2px 0 10px !important;
    padding:4px 0 !important;
  }
  .ast-mobile-header-content .sub-menu .menu-item{border-bottom:none}
  .ast-mobile-header-content .sub-menu .menu-link{
    padding:10px 14px 10px 26px !important;
    font-size:14px;
  }
  .ast-mobile-header-content .xw-nav-close{
    position:absolute;
    top:14px;
    right:16px;
    width:34px;height:34px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.08);
    border:none;color:var(--ink-soft);
    font-size:22px;line-height:1;cursor:pointer;
  }
  .ast-mobile-header-content .ast-builder-menu-mobile{
    flex:1 1 auto;min-height:0;overflow-y:auto;
  }
  .ast-mobile-header-content .xw-drawer-socials{
    display:flex;gap:10px;
    padding:14px 4px 4px;
    border-top:1px solid var(--line);
    margin-top:12px;
    flex-shrink:0;
  }
  .ast-mobile-header-content .xw-drawer-socials a{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--accent);border:1px solid var(--line);
    transition:all .2s ease;
  }
  .ast-mobile-header-content .xw-drawer-socials a:hover{
    background:rgba(124,108,245,.1);border-color:var(--accent);transform:translateY(-2px);
  }
}
/* 遮罩 */
.xw-mobile-nav-overlay{
  position:fixed;inset:0;
  background:rgba(17,17,17,.42);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
  z-index:90;
}
.xw-mobile-nav-overlay.show{opacity:1;visibility:visible}
body.xw-nav-locked{overflow:hidden}

/* ===== 桌面导航：顶级项悬停色 ===== */
#ast-desktop-header .main-header-menu .menu-item:hover > .menu-link,
#ast-desktop-header .main-header-menu .menu-item.focus > .menu-link,
#ast-desktop-header .main-header-menu .current-menu-item > .menu-link{
  color:var(--accent) !important;
}

/* ===== 下拉箭头动效（旋转） ===== */
.ast-header-navigation-arrow .ast-icon svg,
.ast-header-navigation-arrow svg{
  transition:transform .3s ease;
}
.main-header-menu .menu-item:hover > .menu-link .ast-header-navigation-arrow svg,
.main-header-menu .menu-item.focus > .menu-link .ast-header-navigation-arrow svg,
.ast-header-navigation-arrow[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

/* ===== 桌面下拉：悬停保持展开，不被其它层盖住 ===== */
#ast-desktop-header .main-header-menu .menu-item:hover > .sub-menu,
#ast-desktop-header .main-header-menu .menu-item.focus > .sub-menu{
  visibility:visible !important;
  opacity:1 !important;
  z-index:10 !important;
}
#ast-desktop-header .main-header-menu .sub-menu{
  transition:none !important;
}

/* ===== 抽屉顶部：黑色半透明区 + 白色站名；子菜单箭头 收起→左 / 展开→下 ===== */
.ast-mobile-header-content .xw-drawer-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:10px !important;
  margin:-14px -14px 10px !important;
  padding:26px 44px 20px !important;
  background:rgba(0,0,0,.8) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  border-radius:0 !important;
  flex-shrink:0 !important;
}
.ast-mobile-header-content .xw-drawer-brand .xw-drawer-logo img{
  height:64px !important;
  width:auto !important;
  border-radius:14px !important;
  display:block !important;
  box-shadow:0 4px 16px rgba(0,0,0,.35) !important;
}
.ast-mobile-header-content .xw-drawer-brand .xw-drawer-name{
  color:#ffffff !important;
  font-size:20px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}
.ast-mobile-header-content .xw-nav-close{color:rgba(255,255,255,.85) !important}
.ast-mobile-header-content .xw-nav-close:hover{color:var(--accent) !important;background:rgba(124,108,245,.2) !important}

/* 子菜单小箭头：收起指向左，展开指向下 */
.ast-mobile-header-content .ast-menu-toggle svg,
.ast-mobile-header-content .ast-header-navigation-arrow svg{
  transform:rotate(90deg) !important;
  transition:transform .3s ease !important;
}
.ast-mobile-header-content li.xw-sub-open > .ast-menu-toggle svg,
.ast-mobile-header-content li.xw-sub-open > .menu-link .ast-header-navigation-arrow svg,
.ast-mobile-header-content .ast-menu-toggle[aria-expanded="true"] svg,
.ast-mobile-header-content .ast-header-navigation-arrow[aria-expanded="true"] svg{
  transform:rotate(0deg) !important;
}
/* 小箭头颜色白色 + 随展开态可变为强调色 */
.ast-mobile-header-content .ast-menu-toggle,
.ast-mobile-header-content .ast-header-navigation-arrow{
  color:#fff !important;
}
.ast-mobile-header-content .ast-menu-toggle svg,
.ast-mobile-header-content .ast-header-navigation-arrow svg{
  fill:currentColor !important;
  stroke:currentColor !important;
  opacity:1 !important;
}
.ast-mobile-header-content li.xw-sub-open > .menu-link .ast-header-navigation-arrow,
.ast-mobile-header-content li.xw-sub-open > .ast-menu-toggle,
.ast-mobile-header-content .menu-item[aria-expanded="true"] > .menu-link .ast-header-navigation-arrow{
  color:var(--accent) !important;
}

/* ===== 文章分类 展开的子项排版 ===== */
.ast-mobile-header-content .sub-menu .menu-link > .ast-icon{
  display:none !important;
}
.ast-mobile-header-content .sub-menu .menu-link{
  justify-content:flex-start !important;
  padding-left:48px !important; /* 子项再往右缩进一点 */
}
.ast-mobile-header-content .ast-menu-toggle{
  pointer-events:none !important;
}
.ast-mobile-header-content .ast-menu-toggle:focus,
.ast-mobile-header-content .ast-menu-toggle:focus-visible{
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* ===== 评论分页：隐藏顶部文字导航，改为 页码 + 箭头 ===== */
#comment-nav-above{display:none !important}
.comment-navigation .nav-links{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:6px;margin:14px 0 4px;
}
.comment-navigation .page-numbers{
  min-width:34px;height:34px;padding:0 6px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;font-size:14px;font-weight:600;
  border:1px solid var(--line);background:#fff;color:var(--ink-soft);text-decoration:none;
  transition:all .2s ease;
}
.comment-navigation .page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.comment-navigation .page-numbers.current{background:var(--accent);color:#fff;border-color:var(--accent);cursor:default}
.comment-navigation .page-numbers.prev,
.comment-navigation .page-numbers.next{padding:0 11px}
.comment-navigation .page-numbers.disabled{opacity:.35;pointer-events:none}

/* ===== 抽屉底部社交图标：实心图标用当前色 ===== */
.ast-mobile-header-content .xw-drawer-socials a svg{width:16px;height:16px;fill:currentColor;display:block}

.comment-navigation .page-numbers.dots{
  border:none;background:transparent;box-shadow:none;
  min-width:auto;padding:0 2px;color:var(--muted);cursor:default;
}

.ast-pagination .page-numbers.dots{
  border:none;background:transparent;box-shadow:none;
  min-width:auto;padding:0 4px;color:var(--muted);cursor:default;
}
.ast-pagination .page-numbers.disabled{opacity:.35;pointer-events:none}

/* ===== 关于我页面：头像靠左上，标题整卡居中，正文加宽、留白收紧 ===== */
.xw-about{
  position:relative;width:100%;max-width:none;margin:0 auto;box-sizing:border-box;
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 8px 20px -6px rgba(44,45,48,.08);
  padding:26px 34px 18px;text-align:center;
}
.xw-about-head{
  position:relative;min-height:150px;
  display:flex;align-items:center;justify-content:center;
}
.xw-about-avatar{
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:150px;height:auto;background:transparent;border:none;box-shadow:none;
}
.xw-about-headtext{width:100%;text-align:center}
.xw-about-blank{height:12px}
.xw-about-name{font-size:30px;font-weight:700;color:var(--ink);margin:0;line-height:1.2}
.xw-about > p{
  color:var(--ink-soft);font-size:15px;line-height:1.9;
  max-width:680px;margin:12px auto 8px;text-align:center;
}
.xw-about-mail{
  display:inline-block;margin:10px 0 0;font-size:14px;text-decoration:none;
  color:var(--accent);background:var(--accent-soft);
  border:1px solid rgba(124,108,245,.35);
  padding:8px 24px;border-radius:999px;transition:all .2s ease;
}
.xw-about-mail:hover{background:rgba(124,108,245,.22);color:var(--accent-dark)}
.xw-about-latest{
  border-top:1px dashed var(--line);margin-top:20px;padding-top:14px;text-align:left;
}
.xw-about-latest h3{
  font-size:17px;font-weight:700;color:var(--ink);margin:0 0 6px;
  display:flex;align-items:center;gap:8px;
}
.xw-about-latest h3::before{content:"";width:4px;height:16px;border-radius:3px;background:var(--accent)}
.xw-latest-list{list-style:none;margin:0;padding:0}
.xw-latest-list li{border-bottom:1px dashed var(--line)}
.xw-latest-list li:last-child{border-bottom:none}
.xw-latest-list a{
  display:flex;align-items:center;justify-content:space-between;
  color:var(--ink);font-size:14.5px;text-decoration:none;
  padding:11px 2px;transition:all .2s ease;
}
.xw-latest-list a:hover{color:var(--accent);padding-left:8px}
.xw-latest-list a::after{content:"›";color:var(--accent);font-weight:700;font-size:16px}
@media (max-width:640px){
  .xw-about{padding:20px 18px 16px}
  .xw-about-head{min-height:0;flex-direction:column;gap:4px}
  .xw-about-avatar{position:static;transform:none;width:130px;margin:0 auto 6px}
  .xw-about-blank{height:6px}
  .xw-about > p{max-width:100%}
}

.ast-pagination .page-numbers.prev,
.ast-pagination .page-numbers.next{
  width:34px !important;min-width:34px !important;max-width:34px !important;
  flex:0 0 auto !important;padding:0 !important;box-sizing:border-box;
}
.ast-pagination .nav-links > .page-numbers{flex:0 0 auto}

/* ===== 移动端：文章详情页 / 分类归档页(含“推荐”) 隐藏侧边栏整列卡片（桌面不受影响） ===== */
@media (max-width:768px){
  body.single #secondary.widget-area,
  body.archive #secondary.widget-area{display:none !important}
}

/* ===== 关于我页：隐藏整个标题条（h1 + 容器），避免加了标题后页眉与卡片间距被撑大 ===== */
.page-id-573 h1.entry-title,
.page-id-573 .entry-header,
.page-id-573 .ast-title-bar-wrap,
.page-id-573 .ast-breadcrumbs-wrapper{display:none !important}
.page-id-573 #primary,
.page-id-573 .ast-article-single,
.page-id-573 .entry-content{margin-top:0 !important;padding-top:0 !important}

/* ===== 摘要固定两行显示（文件末尾兜底，确保 line-clamp 生效） ===== */
#primary .ast-article-post .ast-excerpt-container p,
#primary .ast-article-post .entry-content p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    box-orient: vertical !important;
    overflow: hidden !important;
    max-height: 3.2em !important;
    line-height: 1.6 !important;
}

/* ===== 评论表单 PC 排版 + 深色样式（Astra 4.13 实际结构，追加末尾保证覆盖） ===== */
.comments-area #ast-commentform .ast-row.comment-textarea,
.comments-area #ast-commentform .ast-row.comment-textarea .comment-form-comment,
.comments-area #ast-commentform .ast-row.comment-textarea .comment-form-textarea {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}
.comments-area #ast-commentform .ast-row.comment-textarea { margin-bottom: 16px !important; }
.comments-area #ast-commentform textarea#comment {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 150px !important;
    display: block !important;
    box-sizing: border-box !important;
}
.comments-area #ast-commentform .ast-comment-formwrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    box-sizing: border-box !important;
}
.comments-area #ast-commentform .ast-comment-formwrap > p {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
/* 深色输入框 */
.comments-area #ast-commentform textarea#comment,
.comments-area #ast-commentform .ast-comment-formwrap input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 8px !important;
    padding: 11px 14px !important;
    color: var(--ink) !important;
}
.comments-area #ast-commentform textarea#comment::placeholder,
.comments-area #ast-commentform .ast-comment-formwrap input::placeholder {
    color: var(--muted) !important;
}
.comments-area #ast-commentform textarea#comment:focus,
.comments-area #ast-commentform .ast-comment-formwrap input:focus {
    border-color: rgba(124, 108, 245, .55) !important;
    box-shadow: 0 0 0 3px rgba(124, 108, 245, .15) !important;
    outline: none !important;
}
@media (max-width: 768px) {
    .comments-area #ast-commentform .ast-comment-formwrap { display: block !important; }
    .comments-area #ast-commentform .ast-comment-formwrap > p { margin-bottom: 12px !important; }
}

/* ===== 页眉/页脚内边距调小 ===== */
/* 页眉：logo 上下留白 16px → 10px（整体高度更紧凑） */
.site-header .ast-site-identity{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
@media (max-width:768px){
    /* 移动端页眉再矮一点：logo 上下留白 10px -> 4px */
    .site-header .ast-site-identity{
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }
}


/* =========================================================
   首页 Hero 升级 左侧文字 + 右侧立体字 + 光晕动效 + 闪烁光点
   全宽横幅 + 流动光晕动效 + 居中排版
   ========================================================= */


/* ---------------------------------------------------------
   1. Hero 全宽
   --------------------------------------------------------- */

.xw-hero {
    position: relative;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;

    border-radius: 0 !important;
    border: none !important;

    background: transparent !important;
    box-shadow: none !important;
    animation: none !important;

    overflow: hidden;
}

[data-theme="light"] .xw-hero {
    background-color: #0a0d18 !important;
    background-image:
        radial-gradient(1100px 520px at 15% -10%, rgba(124, 108, 245, 0.16), transparent 60%),
        radial-gradient(900px 480px at 100% 0%, rgba(79, 140, 247, 0.10), transparent 55%) !important;
    box-shadow: 0 -2px 0 #0a0d18 !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}


/* ---------------------------------------------------------
   2. Hero 流动光晕
   --------------------------------------------------------- */

.xw-hero::before,
.xw-hero::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    filter: blur(70px);

    pointer-events: none;

    z-index: 0;

    opacity: 0.34;
}

.xw-hero::before {
    width: 520px;
    height: 520px;

    top: -180px;
    left: -120px;

    background: radial-gradient(
        circle,
        rgba(124, 108, 245, 0.95) 0%,
        transparent 65%
    );

    animation: xwBlobA 15s ease-in-out infinite;
}

.xw-hero::after {
    width: 560px;
    height: 560px;

    right: -140px;
    bottom: -220px;

    background: radial-gradient(
        circle,
        rgba(79, 140, 247, 0.9) 0%,
        rgba(210, 120, 250, 0.55) 55%,
        transparent 70%
    );

    animation: xwBlobB 19s ease-in-out infinite;
}


/* ---------------------------------------------------------
   3. 左侧光晕动画
   --------------------------------------------------------- */

@keyframes xwBlobA {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(130px, 90px) scale(1.2);
    }
}


/* ---------------------------------------------------------
   4. 右侧光晕动画
   --------------------------------------------------------- */

@keyframes xwBlobB {
    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-140px, -100px) scale(1.15);
    }
}


/* =========================================================
   Hero 内容
   ========================================================= */

.xw-hero-inner {
    position: relative;
    z-index: 3;

    max-width: 1200px;
    min-height: 0;

    margin: 0 auto;

    padding: 76px 24px 84px;

    display: flex;
    gap: 32px;

    align-items: center;
    justify-content: space-between;

    text-align: left;
}


/* ---------------------------------------------------------
   5. Hero 左侧文字
   --------------------------------------------------------- */

.xw-hero-text {
    max-width: 600px;
    margin: 0;
}


/* ---------------------------------------------------------
   6. Hero Kicker
   --------------------------------------------------------- */

.xw-hero-kicker {
    margin-bottom: 26px !important;

    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 12px;
    font-weight: 600;
    color: #c9c1ff;

    background: rgba(124, 108, 245, 0.18);
    border: 1px solid rgba(124, 108, 245, 0.35);
    border-radius: 999px;
    padding: 5px 14px;

    transform: translateY(-30px);
}


/* ---------------------------------------------------------
   7. Hero 标题
   --------------------------------------------------------- */

.xw-hero-title {
    margin: 0 0 26px !important;

    color: #fff;
    font-size: clamp(30px, 4.2vw, 52px);
    font-weight: 800;
    /* 修改左侧大标题“记录折腾，也记录生活”的字体 */
    font-family: "KaiTi", "STKaiti", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    line-height: 1.25;

    letter-spacing: 0.5px;
}


/* ---------------------------------------------------------
   8. Hero 描述
   --------------------------------------------------------- */

.xw-hero-desc {
    max-width: 560px;

    margin: 0 0 42px !important;

    font-size: 16px;
    line-height: 1.8;

    color: rgba(255, 255, 255, 0.78);
}


/* ---------------------------------------------------------
   9. Hero 按钮
   --------------------------------------------------------- */

.xw-hero-actions {
    display: flex;

    gap: 12px;
    flex-wrap: wrap;

    justify-content: flex-start;

    transform: translateY(40px);
}


/* =========================================================
   不规则闪烁光点
   ========================================================= */

.xw-sparkles {
    position: absolute;

    inset: 0;

    overflow: hidden;

    pointer-events: none;

    z-index: 2;
}


/* ---------------------------------------------------------
   14. 单个光点
   --------------------------------------------------------- */

.xw-sparkles i {
    position: absolute;

    left: var(--x);
    top: var(--y);

    width: var(--s, 2px);
    height: var(--s, 2px);

    border-radius: 50%;

    background: var(--col, #fff);

    box-shadow: 0 0 12px 2px rgba(
        90,
        190,
        255,
        var(--ga, 0.6)
    );

    filter: brightness(var(--o, 1));

    opacity: 0;

    animation:
        xwSparkle var(--dur, 3s)
        ease-in-out infinite;

    animation-delay: var(--d, 0s);
}


/* ---------------------------------------------------------
   15. 光点闪烁动画
   --------------------------------------------------------- */

@keyframes xwSparkle {
    0%,
    100% {
        opacity: 0;
        transform: scale(0.6);
    }

    7% {
        opacity: 0.95;
    }

    12% {
        opacity: 0.15;
    }

    20% {
        opacity: 0.7;
    }

    28% {
        opacity: 0.2;
    }

    42% {
        opacity: 1;
        transform: scale(1);
    }

    54% {
        opacity: 0;
    }

    66% {
        opacity: 0.55;
    }

    78% {
        opacity: 0.08;
    }
}

/* =========================================================
   Hero 右侧立体字
   ========================================================= */

.xw-hero-art {
    position: relative;
    z-index: 3;

    display: flex !important;

    width: 460px;
    max-width: 46%;
    height: 340px;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

/* =========================================================
   首页与页眉无间距
   ========================================================= */

body.home #content .ast-container {
    padding-top: 0 !important;
}


/* =========================================================
   响应式：1100px 以下
   ========================================================= */

@media (max-width: 1100px) {

    .xw-hero-art {
        width: 400px;
        height: 320px;
    }
}


/* =========================================================
   响应式：960px 以下
   ========================================================= */

@media (max-width: 960px) {

    .xw-hero-art {
        width: 340px;
        height: 290px;
    }
}


@media (max-width: 900px) {

    .xw-hero-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 36px 28px;
        min-height: 0;
    }

    .xw-hero-title {
        font-size: 26px;
    }
}


/* =========================================================
   响应式：768px 以下
   ========================================================= */

@media (max-width: 768px) {

    .xw-hero-inner {
        flex-direction: column;

        align-items: flex-start;

        padding: 48px 18px 56px;
    }

    .xw-hero-title {
        font-size: 28px;
    }

    .xw-hero-art {
        width: 100%;
        max-width: 100%;

        height: 220px;

        margin-top: 12px;
    }

}


/* =========================================================
   响应式：480px 以下
   ========================================================= */

@media (max-width: 480px) {

    .xw-hero-art {
        height: 160px;
    }

}



/* ========== 全部文章页（page-archives.php） ========== */
/* 顶部“共 N 篇”计数徽标 */
.xw-ar-count{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12.5px;font-weight:600;color:var(--accent);
  background:var(--accent-soft);border:1px solid rgba(124,108,245,.28);
  padding:5px 13px;border-radius:999px;white-space:nowrap;
}

/* 整个归档列表卡片 */
.xw-archives{
  background:linear-gradient(145deg,var(--card-2),var(--card));
  border:1px solid var(--line);border-radius:18px;
  padding:10px 22px 12px;
  box-shadow:0 10px 22px -12px rgba(0,0,0,.45);
}

/* 年份分组标题 */
.xw-ar-year{margin:22px 0 2px}
.xw-ar-year:first-of-type{margin-top:8px}
.xw-ar-year-title{display:flex;align-items:center;gap:16px;margin:0 0 6px;font-size:0}
.xw-ar-year-title b{
  font-size:21px;font-weight:800;letter-spacing:.5px;font-style:normal;line-height:1;
  background:linear-gradient(120deg,#a9bcff,#c9a6ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.xw-ar-year-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(124,108,245,.5),rgba(124,108,245,0))}

/* 每行博文 */
.xw-ar-list{display:block}
.xw-ar-row{
  display:flex;align-items:center;gap:14px;
  padding:11px 12px 11px 8px;border-radius:10px;
  border-bottom:1px solid rgba(255,255,255,.055);
  transition:background .18s ease;
}
.xw-ar-list .xw-ar-row:last-child{border-bottom:none}
.xw-ar-row:hover{background:rgba(255,255,255,.05)}
.xw-ar-idx{
  flex:0 0 34px;text-align:right;color:var(--muted);
  font-size:13px;font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;
}
.xw-ar-title{
  flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:15px;font-weight:500;color:var(--ink-soft);transition:color .18s ease;
}
.xw-ar-row:hover .xw-ar-title{color:var(--accent)}
.xw-ar-tags{flex:0 1 auto;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.xw-ar-tag{
  font-size:11.5px;line-height:1;color:#aab6ff;
  background:rgba(124,108,245,.12);border:1px solid rgba(124,108,245,.25);
  padding:5px 10px;border-radius:999px;white-space:nowrap;
}
.xw-ar-date{
  flex:0 0 88px;text-align:right;color:var(--muted);
  font-size:12.5px;font-variant-numeric:tabular-nums;
  font-family:ui-monospace,SFMono-Regular,Consolas,"Courier New",monospace;
}
.xw-ar-empty{padding:56px 20px;text-align:center;color:var(--muted)}

/* 移动端：行内紧凑排版（标题 + 日期一行，标签换行缩进） */
@media (max-width:640px){
  .xw-archives{padding:6px 12px 10px;border-radius:14px}
  .xw-ar-year{margin:16px 0 2px}
  .xw-ar-year-title b{font-size:18px}
  .xw-ar-row{flex-wrap:wrap;gap:5px 10px;padding:10px 6px}
  .xw-ar-idx{flex:0 0 24px;font-size:12px}
  .xw-ar-title{flex:1 1 calc(100% - 118px);font-size:14px}
  .xw-ar-date{flex:0 0 auto;width:auto;font-size:11.5px}
  .xw-ar-tags{flex:1 1 100%;padding-left:34px;justify-content:flex-start}
}

/* 移动端：全部文章页隐藏侧边栏整列（与文章详情 / 分类页一致） */
@media (max-width:768px){
  body.xw-archives-page #secondary.widget-area{display:none !important}
}

/* ========== PC 页眉（桌面）：分类下拉 + 搜索========== */
/* 以下规则只作用于桌面页眉容器 #ast-desktop-header，移动端用 #ast-mobile-header，互不影响 */
  /* 1) 「分类」下拉：横向胶囊一排（居中于「分类」下方） */
  #ast-desktop-header .main-header-menu .sub-menu{
    position:absolute !important;
    top:100% !important;left:50% !important;right:auto !important;
    transform:translateX(-50%) !important;
    min-width:0 !important;width:max-content !important;max-width:92vw !important;
    display:flex !important;flex-direction:row !important;flex-wrap:wrap;
    justify-content:flex-start;align-items:center;gap:6px !important;
    list-style:none !important;
    background:rgba(10,13,24,.9) !important;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:none !important;
    border-radius:14px !important;
    padding:12px 8px 10px !important;
    box-shadow:0 10px 26px -14px rgba(0,0,0,.55) !important;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }
  #ast-desktop-header .main-header-menu .menu-item:hover > .sub-menu,
  #ast-desktop-header .main-header-menu .menu-item.focus > .sub-menu{
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
    transform:translateX(-50%) !important;z-index:99 !important;
  }

  /* 2) 子项：横向胶囊按钮（图标 + 文字） */
  #ast-desktop-header .main-header-menu .sub-menu > li{margin:0 !important;padding:0 !important}
  #ast-desktop-header .main-header-menu .sub-menu .menu-link{
    display:flex !important;align-items:center;gap:6px;
    padding:5px 12px !important;border-radius:999px !important;
    background:transparent !important;
    border:none !important;
    color:var(--ink-soft) !important;font-weight:500;font-size:13px;
    white-space:nowrap;text-align:left !important;
    transition:background .18s ease, color .18s ease, transform .18s ease;
  }
  #ast-desktop-header .main-header-menu .sub-menu .menu-link > .ast-icon{display:none !important}
  #ast-desktop-header .main-header-menu .sub-menu .menu-link img.emoji{width:14px;height:14px;margin:0;flex:none;opacity:.9}
  #ast-desktop-header .main-header-menu .sub-menu .menu-item:hover > .menu-link{
    color:#fff !important;
    background:rgba(124,108,245,.22) !important;
    transform:translateY(-1px) !important;
  }

  /* 3) 页眉搜索：点放大镜后，在页眉正下方弹出一条居中的毛玻璃搜索条 */
  #ast-desktop-header{position:relative}
  #ast-desktop-header .ast-search-menu-icon.slide-search{position:static !important}
  #ast-desktop-header .ast-search-menu-icon.slide-search .search-form{
    position:absolute !important;top:calc(100% + 14px) !important;left:50% !important;right:auto !important;
    transform:translateX(-50%) !important;
    width:min(560px, 90vw) !important;max-width:none !important;
    display:flex !important;align-items:center;
    height:50px;padding:0 18px !important;margin:0 !important;
    background:rgba(18,22,38,.95) !important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border:1px solid rgba(124,108,245,.4) !important;
    border-radius:999px !important;
    box-shadow:0 20px 60px -18px rgba(0,0,0,.75) !important;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translate(-50%, 8px) !important;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  }
  #ast-desktop-header .ast-search-menu-icon.slide-search.ast-dropdown-active .search-form{
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;
    transform:translate(-50%,0) !important;z-index:999 !important;
  }
  #ast-desktop-header .ast-search-menu-icon.slide-search .search-form .search-field{
    width:100% !important;height:46px !important;border:none !important;outline:none !important;
    background:transparent !important;color:var(--ink) !important;font-size:15px !important;
    padding:0 4px 0 0 !important;box-shadow:none !important;border-radius:0 !important;
  }
  #ast-desktop-header .ast-search-menu-icon.slide-search .search-form:focus-within{
    border-color:rgba(124,108,245,.85) !important;
    box-shadow:0 20px 60px -18px rgba(0,0,0,.75), 0 0 0 3px rgba(124,108,245,.15) !important;
  }
  #ast-desktop-header .ast-search-menu-icon.slide-search .search-form .search-submit{display:none !important}

/* ===== 移动端分页：按钮缩小（页码数量已由 JS 在窄屏自动精简） ===== */
@media (max-width:560px){
  .ast-pagination .nav-links,
  .comment-navigation .nav-links{gap:4px !important}
  .ast-pagination .page-numbers,
  .comment-navigation .page-numbers{min-width:28px !important;height:28px !important;font-size:12px !important}
  .ast-pagination .page-numbers.prev,.ast-pagination .page-numbers.next,
  .comment-navigation .page-numbers.prev,.comment-navigation .page-numbers.next{width:28px !important;min-width:28px !important;max-width:28px !important}
}

/* ===== 搜索框修复：PC 输入区占满整条 + 移动端打开不再闪白 ===== */
/* PC：让 label 和输入框撑满整条搜索条 */
#ast-desktop-header .ast-search-menu-icon.slide-search .search-form label{
  flex:1 1 auto !important;min-width:0 !important;display:flex !important;align-items:center !important;margin:0 !important;
}
#ast-desktop-header .ast-search-menu-icon.slide-search .search-form .search-field{
  flex:1 1 auto !important;min-width:0 !important;
}
/* 移动端：搜索条底色始终为深色（打开不再闪白），胶囊圆角 */
#ast-mobile-header .ast-search-menu-icon .search-form{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

/* ===== 文章详情页（PC）：“文章目录”卡片样式 ===== */
.xw-toc-widget .xw-toc{list-style:none;margin:0;padding:0}
.xw-toc-widget .xw-toc li{margin:2px 0}
.xw-toc-widget .xw-toc a{
  display:block;padding:5px 8px;border-radius:6px;
  color:var(--ink-soft);font-size:13px;line-height:1.45;
  border-left:2px solid transparent;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  transition:background .15s ease,color .15s ease;
}

/* H3 的缩进 */
.xw-toc-widget .xw-toc li.xw-toc-sub a{padding-left:22px;font-size:12.5px;color:var(--muted)}

/* 新增的 H4 缩进代码  */
.xw-toc-widget .xw-toc li.xw-toc-sub-sub a{padding-left:36px;font-size:12px;color:var(--muted)}

.xw-toc-widget .xw-toc a:hover{color:var(--accent);background:rgba(124,108,245,.08)}
.xw-toc-widget .xw-toc li.active > a{
  color:var(--accent);border-left-color:var(--accent);
  background:rgba(124,108,245,.12);font-weight:600;
}

/* ========== 侧边栏 sticky ========== */
@media (min-width: 769px) {

  /* 侧边栏本身 sticky */
  body.ast-has-sidebar #content #secondary.widget-area {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    align-self: flex-start !important;
    position: sticky !important;
    top: 20px !important;                 /* 距离顶部 20px 定住 */
    height: fit-content !important;
    margin: 0 0 20px 20px !important;     /* 底部留 20px 空隙 */
  }

  /* 内部容器不要再 sticky，避免冲突 */
  body.ast-has-sidebar #content #secondary .sidebar-inner,
  body.ast-has-sidebar #content #secondary .xw-single-sticky {
    position: static !important;
    top: auto !important;
    width: 100%;
  }
}

/* 移动端隐藏侧边栏（详情页 / 归档页） */
@media (max-width: 768px) {
  body.single #secondary.widget-area,
  body.archive #secondary.widget-area,
  body.xw-archives-page #secondary.widget-area {
    display: none !important;
  }
}

/* ===== 手机端：首页 Hero 铺满整屏（内容垂直居中） ===== */
@media (max-width:768px){
  .xw-hero{
    min-height:100vh;
    min-height:100svh;
    display:flex;align-items:center;justify-content:center;
    margin:0 0 20px;border-radius:0;
  }
  .xw-hero-inner{
    width:100%;
    align-items:center;text-align:center;
    padding:20px 18px;
  }
  /* 按钮不位移；电脑模型向下移  */
  .xw-hero-actions{transform:none !important}
  .xw-hero-art{transform:translateY(0) !important}
  /* 移动端统一各段间距 */
  .xw-cat-grid{margin:0 0 20px !important}
  .home-section-head{margin:0 0 20px !important;padding-bottom:0 !important}
}

/* ========== 日间/夜间切换按钮 ========== */
.xw-theme-toggle svg{position:absolute;transition:opacity .2s ease,transform .2s ease}
.xw-theme-toggle .xw-ico-sun{opacity:1;transform:rotate(0deg)}
.xw-theme-toggle .xw-ico-moon{opacity:0;transform:rotate(-90deg)}
.xw-theme-toggle.is-light .xw-ico-sun{opacity:0;transform:rotate(90deg)}
.xw-theme-toggle.is-light .xw-ico-moon{opacity:1;transform:rotate(0deg)}

/* ========== 日间模式 ========== */
[data-theme="light"]{
  --bg:#f4f6fb;
  --card:#ffffff;
  --card-2:#eef1f8;
  --line:#d5dbe8;
  --ink:#1a2033;
  --ink-soft:#333b55;
  --muted:#5a6275;
  --accent:#5b4fe0;
  --accent-dark:#4a3ec9;
  --accent-2:#4f8cf7;
  --accent-soft:rgba(91,79,224,.16);
}
[data-theme="light"] body{
  background-image:
    radial-gradient(1100px 520px at 15% -10%, rgba(109,93,240,.10), transparent 60%),
    radial-gradient(900px 480px at 100% 0%, rgba(79,140,247,.08), transparent 55%) !important;
}
/* 页眉：保持原深色背景，不做日间覆盖（这样上面的搜索框才能看得清） */
/* 搜索框 */
[data-theme="light"] #ast-desktop-header .ast-search-menu-icon.slide-search .search-form,
[data-theme="light"] #ast-mobile-header .ast-search-menu-icon .search-form{background:#fff !important;border-color:var(--line) !important}
[data-theme="light"] .search-form .search-field{color:var(--ink) !important}
[data-theme="light"] .xw-cat-item{background:#fff !important;border-color:var(--line) !important}
[data-theme="light"] .xw-cat-item span{color:var(--ink) !important}
/* 文章卡片/列表 */
[data-theme="light"] #primary .ast-article-post{background:#fff !important;border-color:var(--line) !important}
[data-theme="light"] .entry-title a,
[data-theme="light"] .entry-title{color:var(--ink) !important}
[data-theme="light"] .ast-article-post .ast-excerpt-container,
[data-theme="light"] .ast-article-post .entry-content p,
[data-theme="light"] .ast-article-post .entry-meta{color:var(--muted) !important}
/* 文章详情/评论 */
[data-theme="light"] .single #primary .ast-article-single,
[data-theme="light"] .single .comments-area,
[data-theme="light"] .category-links{background:#fff !important;border-color:var(--line) !important}
[data-theme="light"] .single .entry-content,
[data-theme="light"] .single .entry-title{color:var(--ink) !important}
[data-theme="light"] .widget-area .widget-title,
[data-theme="light"] .about-card h4,
[data-theme="light"] .cat-list a,
[data-theme="light"] .rc-author,
[data-theme="light"] .xw-toc-widget .xw-toc a,
[data-theme="light"] .tag-cloud a{color:var(--ink-soft) !important}
[data-theme="light"] .recent-info .t{color:var(--ink) !important}
[data-theme="light"] .recent-info .d,
[data-theme="light"] .rc-text{color:var(--muted) !important}
/* 分页 */
[data-theme="light"] .ast-pagination .page-numbers{color:var(--ink) !important;background:#fff !important;border-color:var(--line) !important}
[data-theme="light"] .ast-pagination .page-numbers.current{background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important}
/* 页脚 */
[data-theme="light"] .site-footer{background:#fff !important;color:var(--muted) !important}
[data-theme="light"] .site-footer a{color:var(--ink-soft) !important}
[data-theme="light"] .site-footer .widget-title{color:var(--ink) !important}
/* ===== 三个悬浮按钮统一（以“向上箭头”为基准）：同尺寸/圆角/颜色/间距；上→下：评论、向上箭头、模式切换 ===== */
#ast-scroll-top,
.astra-comment-btn,
.xw-theme-toggle{
  position:fixed !important;right:26px !important;
  width:32px !important;height:32px !important;border-radius:8px !important;
  box-sizing:border-box !important;
  min-width:32px !important;max-width:32px !important;
  padding:0 !important;
  background-color:rgba(17,17,17,.55) !important;
  background-image:none !important;
  border:1px solid rgba(124,108,245,.8) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(0,0,0,.35) !important;
  backdrop-filter:blur(2px) !important;
  z-index:10001;display:flex;align-items:center;justify-content:center;
  cursor:pointer;opacity:1;
  transition:border-color .2s ease,color .2s ease,opacity .2s ease !important;
}
#ast-scroll-top{bottom:72px !important}
.astra-comment-btn{bottom:124px !important}
.xw-theme-toggle{
  bottom:20px !important;
  -webkit-appearance:none;
  appearance:none;
  background-color:rgba(17,17,17,.55) !important;
  background-image:none !important;
  transition:border-color .2s ease,color .2s ease,opacity .2s ease !important;
}
#ast-scroll-top:hover,
.astra-comment-btn:hover,
.xw-theme-toggle:hover{background:rgba(124,108,245,.7) !important;border-color:var(--accent) !important;color:#111 !important;opacity:1 !important}

/* 评论区及页面表单输入框：边框清晰可见（姓名/邮箱/网站/评论框） */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
.ast-commentform input[type="text"],
.ast-commentform input[type="email"],
.ast-commentform input[type="url"],
.ast-commentform textarea,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea,
#comment,#author,#email,#url{
  border:1px solid #8b93a8 !important;
  background-color:var(--card) !important;
  background-image:none !important;
  color:var(--ink) !important;
  border-radius:8px !important;
  padding:8px 12px !important;
  transition:none !important;
}

/* ===== 日间：评论区边框更清晰 ===== */
[data-theme="light"] .single .comments-area{
  border-color:#c7cede !important;
  box-shadow:0 6px 18px -8px rgba(0,0,0,.14) !important;
}
/* ===== 日间：侧边栏卡片淡蓝渐变 ===== */
[data-theme="light"] .widget-area .widget,
[data-theme="light"] .widget-area .about-card,
[data-theme="light"] .xw-toc-widget{
  background:linear-gradient(180deg,#f2f5ff 0%,#ffffff 100%) !important;
  border-color:#d3dded !important;
}

/* ===== 评论区输入框：边框清晰可见（覆盖深色半透明白线，日/夜通用） ===== */
.comments-area #ast-commentform textarea#comment,
.comments-area #ast-commentform input#author,
.comments-area #ast-commentform input#email,
.comments-area #ast-commentform input#url{
  background-color:var(--card) !important;
  background-image:none !important;
  border:1px solid #8b93a8 !important;
  color:var(--ink) !important;
  border-radius:8px !important;
  transition:none !important;
}

/* ===== 日间：作者卡片渐变加深，突出 ===== */
[data-theme="light"] .widget-area .about-card{
  background:
    radial-gradient(120% 90px at 18% 0%, rgba(91,79,224,.28), transparent 70%),
    radial-gradient(90% 70px at 92% 0%, rgba(79,140,247,.24), transparent 70%),
    linear-gradient(180deg,#e4ebff 0%,#ffffff 100%) !important;
  border-color:#c6d3f0 !important;
}

/* ===== 日间模式：PC 分类下拉框 背景随主题变化，文字可读 ===== */
[data-theme="light"] #ast-desktop-header .main-header-menu .sub-menu{
  background:rgba(255,255,255,.94) !important;
  border-color:#d7dce9 !important;
  box-shadow:0 10px 26px -14px rgba(0,0,0,.28) !important;
}
[data-theme="light"] #ast-desktop-header .main-header-menu .sub-menu .menu-link{
  color:#1a2033 !important;
}
[data-theme="light"] #ast-desktop-header .main-header-menu .sub-menu .menu-link:hover{
  color:#5b4fe0 !important;
  background:rgba(91,79,224,.08) !important;
}

/* ===== 日间模式：移动端汉堡侧边栏 背景随主题变化，文字可读 ===== */
[data-theme="light"] .ast-mobile-header-content{
  background:#f2f4fb !important;
  box-shadow:-14px 0 44px rgba(0,0,0,.24) !important;
}
[data-theme="light"] .ast-mobile-header-content .menu-link{
  color:#1a2033 !important;
}
[data-theme="light"] .ast-mobile-header-content .sub-menu .menu-link{
  color:#333b55 !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
}
[data-theme="light"] .ast-mobile-header-content .menu-item:hover > .menu-link,
[data-theme="light"] .ast-mobile-header-content .current-menu-item > .menu-link{
  color:#5b4fe0 !important;
  background:rgba(91,79,224,.08);
}
[data-theme="light"] .ast-mobile-header-content .sub-menu{
  background:rgba(0,0,0,.03) !important;
}
[data-theme="light"] .ast-mobile-header-content .main-header-menu > .menu-item > .menu-link{
  border-bottom:1px solid rgba(0,0,0,.10) !important;
}
[data-theme="light"] .ast-mobile-header-content .ast-menu-toggle,
[data-theme="light"] .ast-mobile-header-content .ast-header-navigation-arrow{
  color:#333b55 !important;
}

/* ========== Hero 右侧：水晶玻璃 + 霓虹光环 (高度还原图片质感) ========== */
.xw-hero-art .xw-emblem{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}

/* 环绕的霓虹光环 (还原图中的亮蓝色发光轨迹) */
/* 主轨道：保持透明，只用于离子跑动路径 */
.xw-emblem-orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(520px, 100%);
  height: 146px;
  border: 1px solid transparent; /* 边框设为透明 */
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(-9deg);
  box-shadow: none; /* 移除发光阴影 */
  pointer-events: none;
  z-index: 0;
}

/* 副轨道：保持透明 */
.xw-emblem-orbit-2 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(440px, 92%);
  height: 104px;
  border: 1px solid transparent; /* 边框设为透明 */
  border-radius: 50%;
  transform: translate(-50%, -50%) rotate(12deg);
  box-shadow: none; /* 移除发光阴影 */
  pointer-events: none;
  z-index: 0;
}

.xw-emblem-wrap{position:relative;z-index:5;width:100%;height:100%;display:grid;place-items:center;transform:translate3d(0,0,0);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
/*  就是下面这一行设置了字体  */
.xw-emblem-title{grid-area:1/1;white-space:nowrap;margin:0;font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;font-size:clamp(44px,4.6vw,78px);font-weight:800;letter-spacing:.06em;line-height:1;user-select:none;pointer-events:none}

/* ① 底部厚度与环境发光层 (取消实体块厚度，用发光描边模拟玻璃锋利的边缘) */
.xw-emblem-shadow {
  transform: translate(2px, 3px); /* 仅做轻微错位，模拟玻璃折射底面 */
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(140, 200, 255, 0.4);
  /* 多重发光：底层深色托底，外围强烈的蓝青色辉光 */
  text-shadow:
    1px 2px 0 rgba(0, 15, 30, 0.8),
    0 0 15px rgba(9, 47, 82, 0.7),
    0 0 35px rgba(16, 51, 126, 0.5);
  z-index: 1;
}

/* ② 玻璃剔透质感前层 (核心核心) */
.xw-emblem-main {
  /* 调整了渐变：顶部保持冰蓝白高光，下半部分（80% 到 100%）过渡为与背景一致的深紫色/深暗色 */
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #87c0ff 25%,
    #bed3e7 45%,
    #182c53 60%,
    #1c133f 85%,
    #0a0d18 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* 稍微调低了一点表面的光晕，配合底部暗化 */
  filter: drop-shadow(0 0 6px rgba(180, 220, 255, 0.6));
  z-index: 2;
}

/* ③ 动态扫光层：改为纯白强光带，扫过时产生玻璃的反光感 */
.xw-emblem-sweep {
  background-repeat: no-repeat;
  animation: xwEmblemSweep 9s linear infinite;
  z-index: 3;
}

/* ---  @keyframes xwEmblemSweep 以及轨道离子代码 --- */
@keyframes xwEmblemSweep{
  /* 等待 */
  0%{
    background-position:160% 0;
    opacity:0;
  }

  /* 开始显示扫光 */
  10%{
    background-position:160% 0;
    opacity:0;
  }

  14%{
    background-position:130% 0;
    opacity:1;
  }

  /* 慢速扫过整个标题 */
  76%{
    background-position:-80% 0;
    opacity:1;
  }

  /* 扫完立即消失 */
  80%{
    background-position:-80% 0;
    opacity:0;
  }

  /* 保持完全透明 */
  90%{
    background-position:-80% 0;
    opacity:0;
  }

  /* 透明状态下完成回位 */
  91%{
    background-position:160% 0;
    opacity:0;
  }

  /* 继续保持透明，避免回位后马上出现 */
  100%{
    background-position:160% 0;
    opacity:0;
  }
}
/* ========== 轨道上的跑动离子 ========== */
@supports (offset-path: ellipse(50% 50% at 50% 50%)) {
  .xw-emblem-orbit,
  .xw-emblem-orbit-2 {
    --xw-ion-glow: 0 0 10px 2px #5abeff, 0 0 20px 4px rgba(90, 190, 255, 0.6);
    --xw-ion-duration: 12s;
    --xw-ion-delay: 0s;
    --xw-ion-direction: normal;
  }

  .xw-emblem-orbit-2 {
    --xw-ion-glow: 0 0 10px 2px #b07cff, 0 0 20px 4px rgba(176, 124, 255, 0.6);
    --xw-ion-duration: 10s;
    --xw-ion-delay: -2s;
    --xw-ion-direction: reverse;
  }

  .xw-emblem-orbit::after,
  .xw-emblem-orbit-2::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    offset-path: ellipse(50% 50% at 50% 50%);
    offset-anchor: 50% 50%;
    z-index: 10;
    background: #ffffff;
    box-shadow: var(--xw-ion-glow);
    animation: xwIonOrbit var(--xw-ion-duration) linear infinite var(--xw-ion-direction);
    animation-delay: var(--xw-ion-delay);
  }

  @keyframes xwIonOrbit {
    0% { offset-distance: 0%; }
    100% { offset-distance: 100%; }
  }
}


/* 页眉社交图标：统一颜色 */
#ast-desktop-header .ast-header-social-wrap .ast-builder-social-element svg,
#ast-desktop-header .ast-header-social-wrap .ast-builder-social-element svg path {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* 鼠标悬停颜色 */
#ast-desktop-header .ast-header-social-wrap .ast-builder-social-element:hover svg,
#ast-desktop-header .ast-header-social-wrap .ast-builder-social-element:hover svg path {
  color: #7c6cf5 !important;
  fill: #7c6cf5 !important;
}