/*
 Theme Name:   古纪影 Astra 子主题
 Theme URI:    https://gujitime.com
 Description:  古纪影公版电影资源站专用 Astra 子主题（浅色白底 / 影院红金点缀）。全站统一白底页头（logo + 居中搜索 + 登录注册 + 深色分类条），与首页一致；全站统一黑色页脚（古纪影署名 + 分类入口）。视觉素材（logo / favicon / 主视觉图）由站点负责人提供后替换，本主题仅提供结构与功能骨架及默认配色。
 Author:       WorkBuddy
 Author URI:   https://workbuddy.ai
 Template:     astra
 Version: 1.1.6
 License:      GNU GPL v2 or later
 Text Domain:  astra-guji-film
*/

/* =========================================================
   古纪影 · 浅色白底基调（红/金点缀）
   覆盖 Astra 全局色变量，使整站进入“白底 + 影院红/金”风格，
   与首页 home.php 自包含浅色主题保持一致。
   ========================================================= */
:root {
  --gf-red:   #e50914;   /* 影院红（主色/按钮/搜索按钮） */
  --gf-red2:  #ff2d3a;   /* 红 hover */
  --gf-gold:  #c79a2e;   /* 金（强调/链接 hover） */
  --gf-bg:    #ffffff;   /* 主背景（白） */
  --gf-bg2:   #f5f5f8;   /* 次级背景（卡片） */
  --gf-text:  #1a1a1f;   /* 正文/标题（深） */
  --gf-sub:   #6b6b75;   /* 次要文字 */
  --gf-line:  #e8e8ee;   /* 边框/分隔 */

  /* 覆盖 Astra 全局色，整站跟随浅色基调 */
  --ast-global-color-0: var(--gf-text);   /* 正文 */
  --ast-global-color-1: var(--gf-red);    /* 主色 */
  --ast-global-color-2: var(--gf-line);   /* 边框/分隔 */
  --ast-global-color-3: var(--gf-bg);     /* 背景 */
  --ast-global-color-4: var(--gf-bg2);    /* 次级背景 */
  --ast-global-color-5: var(--gf-text);   /* 标题 */
  --ast-global-color-8: var(--gf-gold);   /* 强调 */
}

/* 主体背景 */
body,
.ast-separate-container,
.ast-plain-container,
.ast-left-sidebar,
.ast-right-sidebar {
  background-color: var(--gf-bg) !important;
  color: var(--gf-text);
}

/* Astra 默认页眉容器（若残留）保持白底 */
.site-header,
.ast-primary-header-bar,
.ast-mobile-header-bar,
.ast-header-break-point .ast-mobile-header-bar {
  background-color: #ffffff !important;
  border-bottom: 1px solid var(--gf-line);
}
.site-title a,
.ast-site-title,
.site-branding .site-title a {
  color: var(--gf-text) !important;
  letter-spacing: 2px;
}
.site-title a:hover { color: var(--gf-red) !important; }

/* 导航 */
.ast-builder-menu-1 .main-header-menu a,
.ast-header-navigation a,
.ast-mobile-menu-items a {
  color: var(--gf-text) !important;
}
.ast-builder-menu-1 .main-header-menu a:hover,
.ast-header-navigation a:hover {
  color: var(--gf-red) !important;
}

/* 文章标题 */
.ast-article-post .entry-title a,
.entry-title a {
  color: var(--gf-text) !important;
}
.ast-article-post .entry-title a:hover,
.entry-title a:hover { color: var(--gf-red) !important; }

/* 按钮（保持红/金） */
.ast-button,
.button,
a.button,
.wp-block-button .wp-block-button__link,
.ast-archive-post-card .ast-outline-button {
  background: var(--gf-red) !important;
  color: #ffffff !important;
  border-color: var(--gf-red) !important;
}
.ast-button:hover,
.button:hover,
a.button:hover,
.wp-block-button .wp-block-button__link:hover {
  background: var(--gf-red2) !important;
  color: #ffffff !important;
}

/* 海报卡片：列表/归档页把特色图做成 2:3 海报比例（白底浅边框） */
.ast-article-post,
.ast-archive-post-card {
  background: #ffffff;
  border: 1px solid var(--gf-line);
  border-radius: 8px;
  overflow: hidden;
}
.ast-article-post .post-thumb img,
.ast-archive-post-card .post-thumb img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}
.ast-article-post .posted-on,
.ast-article-post .ast-post-meta {
  color: var(--gf-sub) !important;
}

/* =========================================================
   页脚（全站统一黑色 .gf-foot）
   首页 home.php 与非首页 footer.php 共用本样式：
   深黑底 + 顶部红边 + 浅白字 + 金色品牌 + 分类入口 pill
   ========================================================= */
.gf-foot{margin-top:36px;border-top:3px solid var(--gf-red);
  background:#1a1a1f;padding:28px 14px;text-align:center;color:rgba(255,255,255,.75);
  font-size:13px;line-height:1.9;}
.gf-foot .wrap{max-width:1180px;margin:0 auto;}
.gf-foot b{color:var(--gf-gold);}
.gf-foot .fl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px;}
.gf-foot .fl a{padding:5px 12px;border:1px solid rgba(255,255,255,.18);border-radius:16px;
  color:rgba(255,255,255,.8);transition:.2s;}
.gf-foot .fl a:hover{color:#fff;border-color:var(--gf-red);background:rgba(229,9,20,.15);}
/* 兼容：若某页面仍走 Astra 默认页脚（理论上已被 footer.php 取代），同样转黑色 */
.site-footer,
.ast-footer-overlay,
.ast-small-footer{
  background:#1a1a1f !important;
  color:rgba(255,255,255,.75) !important;
  border-top:2px solid var(--gf-red);
}
.site-footer a,
.ast-footer-copyright a{color:rgba(255,255,255,.85) !important;}
.site-footer a:hover,
.ast-footer-copyright a:hover{color:var(--gf-gold) !important;}

/* 搜索/表单（浅色） */
.search-form .search-field,
.ast-search-form .search-field,
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  background: #ffffff;
  color: #1a1a1f;
  border: 1px solid var(--gf-line);
}

/* =========================================================
   古纪影自定义页头（全站统一，首页样式）
   白底顶栏：logo 居左 / 搜索居中 / 登录注册居右
   + 深色通栏分类条 + 红底边
   ========================================================= */
.gf-header{position:sticky;top:0;z-index:50;}
/* 第一行：白色顶栏 */
.gf-bar{background:rgba(255,255,255,.96);
  backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--gf-line);}
.gf-bar-in{max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:1fr minmax(280px,520px) 1fr;align-items:center;
  gap:14px;padding:10px 14px;}
@media(max-width:600px){
  .gf-bar-in{grid-template-columns:auto 1fr auto;gap:10px;padding:8px 12px;}
}
.gf-logo{font-weight:800;font-size:20px;color:#1a1a1f;letter-spacing:1px;
  display:flex;align-items:center;gap:6px;white-space:nowrap;justify-self:start;}
.gf-logo b{color:var(--gf-red);}
.gf-search{display:flex;align-items:stretch;background:#fff;width:100%;
  border:1px solid var(--gf-line);border-radius:8px;overflow:hidden;max-width:520px;}
.gf-search input{flex:1;border:0;background:transparent;color:#1a1a1f;outline:none;
  padding:9px 12px;font-size:14px;min-width:0;}
.gf-search button{border:0;background:var(--gf-red);color:#fff;cursor:pointer;
  padding:0 16px;display:flex;align-items:center;justify-content:center;}
.gf-search button:hover{background:var(--gf-red2);}
/* 第二行：深色通栏分类条 */
.gf-cat{background:#1a1a1f;border-bottom:2px solid var(--gf-red);}
.gf-cat-in{max-width:1180px;margin:0 auto;display:flex;gap:2px;overflow-x:auto;
  scrollbar-width:none;padding:0 10px;}
.gf-cat-in::-webkit-scrollbar{display:none;}
.gf-cat a{padding:12px 16px;color:rgba(255,255,255,.92);font-size:16px;font-weight:600;
  white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-2px;transition:.2s;letter-spacing:.5px;}
.gf-cat a:hover,.gf-cat a.on{color:#fff;border-bottom-color:var(--gf-red);}

/* =========================================================
   古纪影 · 文章详情页（模仿古纪台 astra-guji 版式，背景白）
   面包屑 → 左：白卡（红竖条标题 + 分类/时间 + 正文 + 标签 + 上一篇/下一篇 + 评论）
           右：“最近更新”白卡侧栏
   ========================================================= */
/* 背景白（与全站一致，兜底覆盖 Astra narrow 灰底/内边距） */
body.single { background-color: var(--gf-bg) !important; }
/* 与顶栏 logo 同基准：强制 .ast-container 为 1180px 居中（覆盖 Astra narrow/separate 容器宽度 + 取消其贴左），
   让详情内容整体居中并与顶栏对齐 */
body.single .ast-container {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 14px !important;
}
/* 覆盖 Astra #primary 的 float:left / width:100%（否则 margin:auto 居中失效、内容贴左） */
body.single #primary {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.single .site-main { padding: 0 !important; margin: 0 !important; }

/* 面包屑 */
.gf-crumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin: 20px 0 0; font-size: 13px; line-height: 1.6; color: var(--gf-sub);
}
.gf-crumb a { color: #666 !important; text-decoration: none !important; }
.gf-crumb a:hover { color: var(--gf-red) !important; }
.gf-crumb .sep { color: #c9c9c9; font-size: 12px; }
.gf-crumb .cur { color: var(--gf-text); }

/* 两栏：左内容自适应 + 右固定 290 白卡 */
.gf-single-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) 290px;
  column-gap: 24px; align-items: start; margin: 16px 0 48px;
}
.gf-single-main { min-width: 0; }

/* 左白卡 */
.gf-post-card {
  background: #fff; border: 1px solid var(--gf-line); border-radius: 6px;
  padding: 28px 30px;
}
.gf-post-title {
  position: relative; margin: 0 0 12px !important; padding-left: 14px;
  font-size: 22px !important; font-weight: 700; line-height: 1.45;
  color: var(--gf-text) !important; overflow-wrap: anywhere;
}
.gf-post-title::before {
  content: ""; position: absolute; left: 0; top: 6px; bottom: 6px;
  width: 4px; background: var(--gf-red); border-radius: 2px;
}
.gf-post-meta { font-size: 13px; color: var(--gf-sub); margin: 0 0 20px; }
.gf-post-meta .gf-cat-link { color: var(--gf-red) !important; text-decoration: none !important; }
.gf-post-meta .dot { margin: 0 6px; color: #ccc; }

/* 正文：首行缩进 2 字（含图/视频段落不缩进），链接蓝色（仿古纪台） */
.gf-post-content { font-size: 15px; line-height: 1.9; color: var(--gf-text); }
.gf-post-content p { text-indent: 2em; margin: 0 0 14px; }
.gf-post-content p:has(img),
.gf-post-content p:has(iframe) { text-indent: 0; }
.gf-post-content h2, .gf-post-content h3, .gf-post-content h4,
.gf-post-content ul, .gf-post-content ol,
.gf-post-content blockquote, .gf-post-content figure { text-indent: 0; }
.gf-post-content img { max-width: 100%; height: auto; border-radius: 4px; }
.gf-post-content a { color: #2f6fb7 !important; text-decoration: underline; }
.gf-post-content a:hover { color: var(--gf-red) !important; }

/* 标签行：灰胶囊（仿古纪台） */
.gf-tag-row {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 26px 0 0; padding-top: 20px; border-top: 1px solid var(--gf-line);
  font-size: 13px; color: var(--gf-sub);
}
.gf-tag-row .lbl { color: var(--gf-sub); }
.gf-tag-pill {
  padding: 3px 12px; background: var(--gf-bg2); border-radius: 3px;
  color: var(--gf-sub) !important; text-decoration: none !important; font-size: 13px;
}
.gf-tag-pill:hover { background: var(--gf-red); color: #fff !important; }

/* 上一篇 / 下一篇 */
.gf-pn { margin: 18px 0 0; display: flex; flex-direction: column; gap: 8px; }
.gf-pn-link {
  color: var(--gf-sub) !important; text-decoration: none !important;
  font-size: 13.5px; display: block;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.gf-pn-link:hover { color: var(--gf-red) !important; }

/* 右栏：最近更新白卡（独立卡片，在大方框内右侧突出，与古纪台一致） */
.gf-single-side { min-width: 0; }
.gf-side-card {
  background: #fff; border: 1px solid var(--gf-line); border-radius: 6px;
  padding: 16px 18px 12px;
}
.gf-side-head {
  font-size: 15px; font-weight: 700; color: var(--gf-text);
  padding-bottom: 10px; margin-bottom: 4px; border-bottom: 2px solid var(--gf-red);
}
/* 最近更新：纯文字列表（标题 + 日期），仿古纪台 guji.css 的 .guji-recent */
.gf-recent { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.gf-recent li {
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid #f3f3f6; padding: 10px 0 9px; margin: 0;
}
.gf-recent li:last-child { border-bottom: 0; }
.gf-recent a {
  flex: 1; min-width: 0; font-size: 13.5px; line-height: 1.5;
  color: var(--gf-text) !important; text-decoration: none !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.gf-recent a:hover { color: var(--gf-red) !important; }
.gf-recent time { flex-shrink: 0; font-size: 12px; color: #999; }

/* 评论区（沿用 Astra 默认结构，仅白底协调） */
.gf-post-card .comments-area { margin-top: 28px; }
.gf-post-card .comments-area .comment-reply-title { font-size: 16px; }
.gf-post-card .comments-area .comment-form-comment textarea,
.gf-post-card .comments-area .comment-form input[type="text"],
.gf-post-card .comments-area .comment-form input[type="email"],
.gf-post-card .comments-area .comment-form input[type="url"] {
  border: 1px solid var(--gf-line); border-radius: 4px;
  background: #fff; color: var(--gf-text);
}

/* 响应式：≤921px 单栏堆叠，侧栏移到下方 */
@media (max-width: 921px) {
  .gf-single-grid { grid-template-columns: 1fr; row-gap: 24px; }
  .gf-single-side { order: 2; }
}
@media (max-width: 600px) {
  .gf-post-content p { font-size: 15px; line-height: 1.75; }
}