/*
Theme Name: Begin
Theme URI: https://zmingcx.com/begin.html
Author: 知更鸟
Author URI: https://zmingcx.com/
Description: HTML5+CSS3 响应式设计，博客、杂志、图片、公司企业多种布局可选，集成SEO自定义功能，丰富的主题选项，众多实用小工具。
Version: 2026/02/27
Requires at least: 5.4
Requires PHP: 7或更高
*
/*-- 样式文件位置 "css/be.css" --*/

/* ============================================================
   萨瓦秘境全站 UI 融合样式表 - 终极整合版
   ============================================================ */

/* 1. 基础修正：移动端导航文字与图片居中 */
.bars:after, .nav-mobile:after { content: "导航"; background: #c40000; color: #fff; padding: 1px 3px; border-radius: 2px; }
.bars .be, .nav-mobile .be { display: none; }
.single-content p img { margin: 0 auto; display: block; }

/* 2. 全站动画定义 */
@keyframes gold-sweep { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes master-glow { 0%, 100% { box-shadow: 0 0 5px rgba(212, 175, 55, 0.4); } 50% { box-shadow: 0 0 20px rgba(212, 175, 55, 0.8); } }

/* 3. 顶部菜单：宗师堂铭牌流光特效 */
@media (min-width: 960px) {
    #site-nav .down-menu > li#menu-item-145755 { height: 50px !important; display: flex !important; align-items: center !important; margin: 0 10px !important; }
    #site-nav .down-menu > li#menu-item-145755 > a { background: #d4af37 linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%) !important; background-size: 200% 100% !important; animation: gold-sweep 3s infinite linear, master-glow 2s infinite ease-in-out !important; color: #000 !important; font-weight: 900 !important; font-size: 15px !important; letter-spacing: 1px; border-radius: 3px !important; border: 1px solid #fff !important; height: 32px !important; line-height: 30px !important; padding: 0 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease; }
    #site-nav .down-menu > li#menu-item-145755 > a:hover { transform: scale(1.08) !important; filter: brightness(1.1); }
}
@media (max-width: 960px) {
    #menu-item-145755 a { background: linear-gradient(90deg, #1a1a1a, #2a2a2a) !important; color: #d4af37 !important; border: 1px solid #d4af37 !important; margin: 8px 15px !important; border-radius: 4px !important; text-align: center !important; font-weight: bold !important; height: 44px !important; line-height: 42px !important; display: block !important; box-shadow: 0 4px 12px rgba(0,0,0,0.5) !important; }
    #menu-item-145755 a:after { content: "殿"; font-size: 10px; background: #d4af37; color: #000; padding: 1px 4px; border-radius: 2px; margin-left: 8px; font-weight: 900; vertical-align: middle; }
}

/* 4. 首页开篇：宗师卷首语 */
.sw-intro-wrap { line-height: 1.8; color: #444; font-size: 15px; text-align: justify; padding: 10px 0; }
.sw-intro-top { border-left: 3px solid #8b0000; padding-left: 15px; margin-bottom: 20px; }
.sw-intro-bot { border-left: 3px solid #d4af37; padding-left: 15px; }
.sw-red-text { color: #8b0000; font-weight: bold; }
.sw-gold-text { color: #b59410; font-weight: bold; }

/* 5. 顶部快捷导航：金红铭牌链接 */
.master-official-link { color: #8b0000 !important; font-size: 15px !important; font-weight: bold !important; text-decoration: none !important; padding: 0 2px !important; position: relative !important; display: inline-block !important; transition: all 0.3s ease !important; }
.master-official-link::after { content: "" !important; position: absolute !important; bottom: -1px !important; left: 0 !important; width: 100% !important; height: 1px !important; background: #d4af37 !important; opacity: 0.5; transition: all 0.3s ease !important; }
.master-official-link:hover { color: #d4af37 !important; transform: translateY(-1px) !important; }
.master-official-link:hover::after { opacity: 1; height: 1.5px !important; background: #8b0000 !important; }
.master-sep-thin { color: #ccc !important; margin: 0 10px !important; font-weight: normal !important; opacity: 0.6; font-size: 13px; }

/* 6. 核心：2列3行绝密卷宗（含悬停高清全显弹窗） */
.sw-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 25px; }
.sawa-card { background: #1a1a1a; border: 1px solid #333; border-left: 3px solid #d4af37; padding: 15px; display: flex; align-items: center; position: relative; transition: transform 0.3s ease, box-shadow 0.3s ease; z-index: 1; box-sizing: border-box; }
.sawa-card:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(139,0,0,0.4); z-index: 1000; border-left-color: #8b0000; }
.sawa-thumb { width: 85px; height: 130px; flex-shrink: 0; overflow: hidden; border: 1px solid #555; cursor: crosshair; }
.sawa-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.sawa-popup { display: none; position: absolute; top: -20px; width: 320px; background: #000; border: 2px solid #d4af37; box-shadow: 0 20px 50px rgba(0,0,0,0.9); z-index: 99999; padding: 5px; pointer-events: none; }
.sawa-card:hover .sawa-popup { display: block; }
.sawa-popup img { width: 100%; height: auto; max-height: 80vh; object-fit: contain; display: block; }
.sw-grid > div:nth-child(2n+1) .sawa-popup { left: 110px; } 
.sw-grid > div:nth-child(2n+2) .sawa-popup { right: 110px; } 
.sawa-text-box { margin-left: 15px; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
.case-type { color: #d4af37; font-size: 16px; margin-bottom: 6px; letter-spacing: 1px; }
.client-quote { background: #000; border-left: 3px solid #8b0000; padding: 10px; color: #eee; font-size: 13px; line-height: 1.6; font-style: italic; margin-bottom: 8px; }
.sawa-card:hover .client-quote { border-left-color: #d4af37; }
.spell-desc { color: #b59410; font-size: 12px; display: block; text-align: right; letter-spacing: 1px; }

/* 7. 响应式降级调整 */
@media (max-width: 800px) {
    .sw-grid { grid-template-columns: 1fr; }
    .sw-grid > div:nth-child(2n+2) .sawa-popup { right: auto; left: 110px; }
    .sawa-popup { width: 220px; top: 0; max-height: 60vh; }
    .sw-intro-wrap { font-size: 14px; }
}

/* --- 8. 宗师堂介绍模块专属样式 --- */
.sw-master-box { margin: 12px 0; border: 2px solid #d4af37; padding: 25px 20px; background: #111; box-shadow: 0 10px 30px rgba(0,0,0,0.5); position: relative; box-sizing: border-box; }
.sw-master-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #8b0000; color: #fff; padding: 2px 20px; font-size: 12px; letter-spacing: 2px; white-space: nowrap; border: 1px solid #d4af37; box-shadow: 0 3px 8px rgba(139,0,0,0.4); z-index: 2; }
.sw-master-info { line-height: 1.7; color: #d4af37; font-size: 15px; text-align: center; margin-bottom: 15px; }
.sw-master-name { color: #fff; display: block; font-size: 22px; letter-spacing: 4px; font-family: 'STSong', 'SimSun', serif; margin-bottom: 2px; }
.sw-master-thai { color: rgba(212, 175, 55, 0.7); display: block; font-size: 14px; letter-spacing: 1px; margin-bottom: 8px; }
.sw-master-age { color: #8b0000; font-size: 13px; display: block; margin: -4px 0 10px 0; letter-spacing: 2px; }
.sw-master-bio { color: #ddd; display: block; }
.sw-tag-group { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-bottom: 15px; }
.sw-tag-red { border: 1px solid #8b0000; padding: 4px 10px; background: rgba(139, 0, 0, 0.25); color: #fff; font-size: 12px; letter-spacing: 1px; }
.sw-tag-gold { border: 1px solid #d4af37; padding: 4px 10px; background: rgba(212, 175, 55, 0.1); color: #d4af37; font-size: 12px; letter-spacing: 1px; }
.sw-master-foot { border-top: 1px dashed rgba(212, 175, 55, 0.3); padding-top: 12px; text-align: center; color: #aaa; font-size: 13px; line-height: 1.6; }
.sw-red-notice { color: #ff0000; }

/* 手机端优化：缩小边距，防止字挤在一起 */
@media (max-width: 768px) {
    .sw-master-box { padding: 20px 15px; }
    .sw-master-name { font-size: 18px; }
    .sw-master-badge { font-size: 11px; padding: 2px 10px; }
}

/* --- 9. 绝密卷宗网格容器样式 --- */
.sw-dossier-wrap { margin: 30px 0; background: #111111; padding: 35px 25px; border-top: 1px solid #444; border-bottom: 1px solid #444; box-sizing: border-box; }
.sw-dossier-head { text-align: center; margin-bottom: 30px; }
.sw-dossier-tit { color: #d4af37; font-size: 22px; letter-spacing: 5px; margin-bottom: 8px; font-family: 'STSong', serif; display: block; }
.sw-dossier-sub { color: #666; font-size: 12px; letter-spacing: 2px; display: block; }
.sw-dossier-foot { margin-top: 35px; text-align: center; border-top: 1px dashed #333; padding-top: 25px; }
.sw-foot-note { color: #777; font-size: 13px; line-height: 1.8; display: block; }
.sw-foot-more { color: #d4af37; font-size: 15px; margin-top: 10px; letter-spacing: 1px; display: block; }
.sw-highlight { color: #ff0000; }


/* --- 10. FAQ 权威答疑卡片样式 --- */
.sw-faq-card { 
    line-height: 1.8; 
    color: #444; 
    font-size: 15px; 
    text-align: justify; 
    border-left: 4px solid #8b0000; 
    padding: 15px 18px; 
    margin-bottom: 20px; 
    background: #fcfcfc; 
    min-height: 110px; 
    display: flex; 
    align-items: center; 
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.sw-faq-label { color: #8b0000; font-weight: bold; }
.sw-faq-highlight { color: #8b0000; font-weight: bold; }
.sw-faq-gold { color: #b59410; font-weight: bold; }

/* 手机端微调 */
@media (max-width: 768px) {
    .sw-faq-card { font-size: 14px; padding: 12px 15px; }
}





/* --- Sawa Mystery Mobile Optimization Start --- */
@media screen and (max-width: 768px) {
    /* 强制重写知更鸟主题幻灯片高度，防止 500px 导致的手机端拉伸 */
    #content .group-big-img.big-back-img, 
    .slider-group .group-big-img {
        height: 260px !important; 
        background-size: cover !important;
        background-position: center center !important;
    }
    
    /* 优化手机端幻灯片文字排版 */
    .slider-group-main-box.group-main-video-title {
        padding: 15px 10px !important;
    }
    
    .group-slider-content p.gt2 {
        font-size: 18px !important; /* 调小标题字号，防止折行重叠 */
        line-height: 1.4 !important;
    }
}
/* --- Sawa Mystery Mobile Optimization End --- */