/* ============================================================
* 老杨电玩视觉升级（fuyes-yang-ui）v1.0.4
* 设计语言来源：yem569.com 老杨主题（yang 2.2.2）
*
* 结构：
* 1. 设计令牌（yang 色板 → --fy-* 变量，含夜间模式变体）
* 2. 全局换肤（Modown 的 --theme-color / 背景 / 圆角 / 阴影）
* 3. 头部导航（深色 navy + sticky + 高亮；首页大图区透明头保留）
* 4. 列表卡片（.post.grid / .mocat）
* 5. 文章页（标题区 / meta / 正文 / FAQ / 版权）
* 6. 按钮体系
* 7. Erphpdown 付费框重设计（.erphpdown 容器，营销转化核心）
* 8. Erphpdown VIP 内容块 → 付费墙（只作用于仍锁定的块）
* 9. VIP 页会员卡
* 10. 悬浮工具条 / 移动端底栏
*
* 注意：站点开了夜间模式（body.night），所有卡片/背景/文字色
* 都走变量，night 下整套变量换成深色，不会出现深底黑字。
* v1.0.2：按 fuyes.cn 实测 DOM 重写付费框部分——容器类有两套：
* 主题版 .erphpdown-box（含 .erphpdown-con/.erphpdown-price/.erphpdown-cart/
* .down/.tips2）和插件版 .erphpdown（含 .erphpdown-see/.erphpdown-content-vip/
* .erphpdown-buy/.erphpdown-vip/.erphp-login-must/.item2/.erphpdown-item）；
* 并用双类名特异度压过站长主题选项里带 !important 的自定义 CSS。
* v1.0.3：补主题版 .down 购买按钮、.tips2 提示行、价格数字 span 样式；
* 货币单位不写死（站点用「学分」）。
* v1.0.4：修样式被主题 base.css 反超的 4 处——enqueue 优先级改 20 最后打印，
* 且 body 背景、列表卡圆角、价格 span 字色、导航三态字色全部补 !important
* （base.css 的 .nav-main current-menu-item 规则自带 !important，只加特异度压不住）。
* v1.0.5：前台样式不变；后台修两处——订单筛选 status='0'（待付款）被 empty() 误跳、
* 统计卡/CSV 表头货币单位改读站点 ice_name_alipay（本站是「学分」不是「元」）。
* ============================================================ */
/* ---------- 1. 设计令牌（与 yem569.com 一致） ---------- */
:root{
--fy-navy:#132c47;
--fy-navy2:#1d3f61;
--fy-c1:#2563c9; /* 主蓝，设置页可改 */
--fy-c2:#3b7fe0; /* 渐变副蓝，设置页可改 */
--fy-orange:#ef6c2b; /* 价格/热点橙 */
--fy-orange2:#f7b733; /* VIP 按钮渐变黄 */
--fy-bg:#f2f5f9;
--fy-card:#fff; /* 卡片底色 */
--fy-grad-a:#f7f9fd; /* 付费卡渐变起 */
--fy-grad-b:#eef3fa; /* 付费卡渐变止 */
--fy-ink:#17202b;
--fy-ink2:#44536b;
--fy-ink3:#8494aa;
--fy-line:#e2e8f0;
--fy-green:#17945e;
--fy-radius:12px;
--fy-shadow:0 10px 40px rgba(19,44,71,.10);
--fy-shadow-s:0 4px 14px rgba(19,44,71,.06);
}
/* 夜间模式：整套变量换成深色（卡片仍保持比页面底色略浅，层次不丢） */
body.night{
--fy-navy:#101a28;
--fy-navy2:#1a2a3e;
--fy-bg:#121212;
--fy-card:#1b2431;
--fy-grad-a:#1c2634;
--fy-grad-b:#161e2a;
--fy-ink:#e6ebf2;
--fy-ink2:#aab6c6;
--fy-ink3:#7d8a9c;
--fy-line:#2b394d;
--fy-shadow:0 10px 40px rgba(0,0,0,.35);
--fy-shadow-s:0 4px 14px rgba(0,0,0,.25);
}
/* ---------- 2. 全局换肤 ---------- */
/* Modown 的主题色变量直接换成 yang 蓝，主题自身组件跟着变色 */
:root{
--theme-color:var(--fy-c1) !important;
--theme-color2:var(--fy-c2) !important;
}
/* 夜间模式下不动 Modown 自己的主题色映射（保持和站点整体一致），
只用变量控制我们自己的组件 */
body.night{
--theme-color:var(--fy-c1);
--theme-color2:var(--fy-c2);
}
/* 带 !important：base.css 有 body{background-color:#f9f9f9} 同特异度后加载会反超 */
body{
background:var(--fy-bg) !important;
color:var(--fy-ink);
font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
-webkit-font-smoothing:antialiased;
}
/* ---------- 3. 头部导航 ----------
* 站点自定义 CSS 把首页顶部做成了透明导航（hero 大图上），
* 滚动后才出白底。这里尊重该设计：
* - 首页未滚动：完全不动（透明 + 白字，Modown 原规则生效）
* - 首页滚动后 / 内页：统一深色 navy
* 文字色按状态精确指定，不依赖加载顺序。
*/
.header{
background:var(--fy-navy) !important;
box-shadow:0 2px 12px rgba(15,32,52,.16);
}
body.night .header{background:var(--fy-navy) !important}
body.home .header:not(.scrolled){
background:transparent !important;
box-shadow:none !important;
}
body.home .header.scrolled{background:var(--fy-navy) !important}
/* 内页 + 首页滚动态：浅色字配深底
* 全部带 !important：base.css .nav-main> li.current-menu-item > a{color:var(--theme-color)!important}
* 带 !important 会盖掉非 !important 规则，不依赖特异度与加载顺序 */
body:not(.home) .header .nav-main > li > a,
body.home .header.scrolled .nav-main > li > a,
body:not(.home) .header .nav-right > li > a,
body.home .header.scrolled .nav-right > li > a,
body:not(.home) .header .nav-left > li > a,
body.home .header.scrolled .nav-left > li > a{
color:#b6c8dd !important;
font-size:14.5px;
padding:0 14px;
position:relative;
}
body:not(.home) .header .nav-main > li > a:hover,
body.home .header.scrolled .nav-main > li > a:hover,
body:not(.home) .header .nav-main > li.current-menu-item > a,
body.home .header.scrolled .nav-main > li.current-menu-item > a,
body:not(.home) .header .nav-main > li.current-post-ancestor > a,
body.home .header.scrolled .nav-main > li.current-post-ancestor > a{
color:#fff !important;
}
/* 首页未滚动（透明头）：白字 + 当前项/悬停仍白字，
* 显式覆盖 base.css 的 var(--theme-color)!important（已变成蓝） */
body.home .header:not(.scrolled) .nav-main > li > a,
body.home .header:not(.scrolled) .nav-right > li > a,
body.home .header:not(.scrolled) .nav-left > li > a{
color:#fff !important;
}
body.home .header:not(.scrolled) .nav-main > li.current-menu-item > a,
body.home .header:not(.scrolled) .nav-main > li.current-post-ancestor > a{
color:#fff !important;
}
/* 悬停/当前项下划线（首页未滚动时也有，作为高亮提示） */
.header .nav-main > li > a::after{
content:'';
position:absolute;left:14px;right:14px;bottom:-6px;height:2px;
background:var(--fy-orange);
border-radius:2px;
transform:scaleX(0);
transition:transform .18s;
}
.header .nav-main > li > a:hover::after,
.header .nav-main > li.current-menu-item > a::after,
.header .nav-main > li.current-post-ancestor > a::after{
transform:scaleX(1);
}
/* 头部搜索与用户按钮 */
.header .nav-main .sub-menu{
background:var(--fy-navy2);
border-radius:10px;
box-shadow:0 12px 32px rgba(10,24,40,.28);
}
.header .sub-menu li a{color:#c6d5e8;font-size:13px}
.header .sub-menu li a:hover{background:rgba(255,255,255,.08);color:#fff}
.header-search-input,
.header .search-input{
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.18);
color:#e8eff7;
border-radius:8px;
}
.header-search-input::placeholder{color:#8fa5bd}
/* ---------- 4. 列表卡片 ---------- */
.mocat h2{
font-size:18px;
margin:26px 0 14px;
}
.mocat h2 span{
color:var(--fy-ink);
font-weight:700;
position:relative;
padding-left:12px;
}
.mocat h2 span::before{
content:'';
position:absolute;left:0;top:50%;transform:translateY(-50%);
width:4px;height:18px;border-radius:2px;
background:linear-gradient(180deg,var(--fy-c1),var(--fy-c2));
}
.mocat h2 i{
background:linear-gradient(135deg,var(--fy-orange),#fc8b28);
color:#fff;font-style:normal;
font-size:10.5px;font-weight:700;
padding:2px 7px;border-radius:5px;margin-left:8px;
vertical-align:2px;
}
/* 圆角/背景/边框 !important：base.css .grids .grid{border-radius:var(--theme-radius)}
* 站长把 --theme-radius 设成了 5px 且 base.css 后加载，不加 !important 会被打回 5px */
.grids .grid, .lists .list{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:var(--fy-radius) !important;
overflow:hidden;
transition:transform .18s, box-shadow .18s, border-color .18s;
}
.grids .grid:hover, .lists .list:hover{
transform:translateY(-3px);
box-shadow:var(--fy-shadow);
border-color:#c9d8ee;
}
.grids .grid .img{border-radius:var(--fy-radius) var(--fy-radius) 0 0;overflow:hidden}
.grids .grid h3 a{
color:var(--fy-ink);
font-weight:650;
font-size:15px;
line-height:1.5;
}
.grids .grid h3 a:hover{color:var(--fy-c1)}
.grids .grid .cat a{
background:#eef3fb;
color:var(--fy-c1);
font-size:11.5px;
padding:2px 9px;
border-radius:6px;
font-weight:600;
}
.grids .grid .cat a:hover{background:var(--fy-c1);color:#fff}
.grids .grid .tag a{
color:var(--fy-ink3);
font-size:11.5px;
background:#f4f7fa;
padding:1px 8px;border-radius:5px;
}
.grids .grid .tag a:hover{color:var(--fy-c1)}
.grids .grid .excerpt{color:var(--fy-ink2);font-size:12.5px;line-height:1.7}
.grids .grid .grid-meta{color:var(--fy-ink3);font-size:11.5px}
.grids .grid .grid-meta .icon{color:var(--fy-ink3)}
/* ---------- 5. 文章页 ---------- */
.single-content{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:var(--fy-radius);
box-shadow:var(--fy-shadow-s);
padding:26px 30px;
margin-bottom:18px;
}
.article-header{border-bottom:1px solid var(--fy-line);padding-bottom:16px;margin-bottom:20px}
.article-title{
font-size:23px;
font-weight:750;
color:var(--fy-ink);
line-height:1.45;
}
.article-meta{color:var(--fy-ink3);font-size:12.5px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.article-meta .item.post-sign{
background:#eaf7ef;color:var(--fy-green);
font-weight:650;font-size:11.5px;
padding:2px 10px;border-radius:6px;
}
.article-meta .item-cats a{color:var(--fy-c1);font-weight:600}
.article-content{
font-size:15px;
line-height:1.85;
color:var(--fy-ink);
}
.article-content p{margin:0 0 1.1em}
.article-content h2,.article-content h3,.article-content h4{
color:var(--fy-ink);
font-weight:700;
line-height:1.5;
margin:1.6em 0 .7em;
}
.article-content h2{font-size:19px;border-left:4px solid var(--fy-c1);padding-left:12px}
.article-content h3{font-size:16.5px}
.article-content a{color:var(--fy-c1);text-decoration:none;border-bottom:1px dashed #b9cdea;padding-bottom:1px}
.article-content a:hover{border-bottom-style:solid}
.article-content img{border-radius:10px;border:1px solid var(--fy-line);margin:10px 0}
.article-content blockquote{
background:var(--fy-grad-a);border-left:4px solid var(--fy-c1);
border-radius:0 10px 10px 0;
padding:14px 18px;margin:1.2em 0;
color:var(--fy-ink2);
}
.article-content code{
background:#f0f3f7;color:#b0392e;
border-radius:4px;padding:1px 6px;font-size:.9em;
font-family:Consolas,Monaco,monospace;
}
body.night .article-content code{background:#26313f;color:#f0a891}
.article-content pre{
background:var(--fy-navy);color:#dbe7f5;
border-radius:10px;padding:16px 18px;
overflow-x:auto;font-size:13px;line-height:1.7;
}
.article-content pre code{background:transparent;color:inherit;padding:0}
.article-content ul,.article-content ol{padding-left:1.6em;margin:0 0 1.1em;list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin:.3em 0}
.article-content table{width:100%;border-collapse:collapse;font-size:13.5px;margin:1.1em 0}
.article-content table th{background:var(--fy-grad-b);color:var(--fy-navy);font-weight:650;text-align:left}
body.night .article-content table th{color:var(--fy-ink)}
.article-content table th,.article-content table td{border:1px solid var(--fy-line);padding:8px 12px}
.article-content table tr:nth-child(even) td{background:var(--fy-grad-a)}
/* FAQ 折叠卡（Modown 的 article-faqs） */
.article-faqs{
background:var(--fy-grad-a);
border:1px solid #dbe5f2;
border-radius:var(--fy-radius);
padding:16px 20px;
margin:22px 0 6px;
}
.article-faq-title{
font-size:15px;font-weight:700;color:var(--fy-ink);
margin-bottom:10px;
}
.article-faq-title::before{content:'❓ '}
.article-faqs .item{
border:1px solid var(--fy-line);
border-radius:10px;background:var(--fy-card);
margin-bottom:8px;overflow:hidden;
}
.article-faqs .que{
font-weight:600;font-size:14px;color:var(--fy-ink);
padding:11px 14px;cursor:pointer;
display:flex;align-items:center;gap:8px;
}
.article-faqs .que .icon-help{color:var(--fy-c1)}
.article-faqs .que .ic{margin-left:auto;color:var(--fy-ink3);transition:transform .18s}
.article-faqs .item.open .que .ic{transform:rotate(180deg)}
.article-faqs .ans{
font-size:13.5px;color:var(--fy-ink2);line-height:1.8;
padding:0 14px 12px;border-top:1px dashed var(--fy-line);
margin-top:0;padding-top:10px;
}
/* 版权条 */
.article-copyright{
background:#fff8ec;border:1px solid #f0d9ac;
border-radius:10px;
font-size:12.5px;color:#8a6a2f;
padding:10px 14px;margin-top:18px;
}
.article-copyright a{color:var(--fy-c1)}
/* 点赞收藏条 */
.article-act{border-top:1px solid var(--fy-line);padding-top:14px;margin-top:6px}
.article-act a{
color:var(--fy-ink2);font-size:13px;
border:1px solid var(--fy-line);border-radius:8px;
padding:6px 14px;display:inline-flex;align-items:center;gap:6px;
transition:.15s;
}
.article-act a:hover{border-color:var(--fy-c1);color:var(--fy-c1)}
.article-tags a{
background:#eef3fb;color:var(--fy-c1);
font-size:12px;padding:3px 11px;border-radius:6px;
display:inline-block;margin:0 6px 6px 0;
}
.article-tags a:hover{background:var(--fy-c1);color:#fff}
/* ---------- 6. 按钮体系 ---------- */
/* 只收 Erphpdown / Modown 的购买下载相关按钮，不碰全站 .button
* （前者是我们明确要改造的对象；后者可能是次要按钮甚至表单按钮，
* 无差别渐变会破坏信息层级） */
.erphpdown-down,
.erphpdown-buy,
.btn-buy,
.erphpdown .erphpdown-buy,
.erphpdown .erphpdown-down,
.erphpdown-box .button,
.single-content .erphpdown-box a.button{
background:linear-gradient(135deg,var(--fy-c1),var(--fy-c2)) !important;
color:#fff !important;
border:0 !important;
border-radius:9px !important;
font-weight:650 !important;
box-shadow:0 6px 16px rgba(37,99,201,.22);
transition:.15s !important;
}
.erphpdown-down:hover,
.erphpdown-buy:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* ---------- 7. Erphpdown 付费框重设计（营销转化核心） ----------
* 结构是 2026-10 在 fuyes.cn 上逐行抓出来的（ErphpDown 18.21 + Modown）：
* 主题下载框
* 短代码内容查看框
* 免费框
* 或
* 老版本 ErphpDown 的容器是 .erphpdown-box，一并兼容。
*
* 特异度说明：站长的主题自定义 CSS 用 !important 把 .erphpdown 改成了
* 透明底 + 虚线框（.erphpdown{background:transparent!important;border:2px dashed…!important}）。
* 这里把类名写两遍（.erphpdown.erphpdown = 特异度 (0,2,0)）再加 !important，
* 稳定压过它，不依赖加载顺序。 */
.erphpdown.erphpdown,
.erphpdown-box.erphpdown-box,
.article-content .erphpdown.erphpdown{
background:linear-gradient(180deg,var(--fy-grad-a),var(--fy-grad-b)) !important;
border:1px solid #dbe5f2 !important;
border-radius:14px !important;
padding:20px 20px 16px !important;
margin:24px 0 10px !important;
position:relative;
box-shadow:var(--fy-shadow-s);
display:block !important;
clear:both;
}
/* 顶部标题条（span.erphpdown-title 或 fieldset 的 legend） */
.erphpdown .erphpdown-title,
.erphpdown-box .erphpdown-title,
.erphpdown > .title,
.erphpdown > legend,
.erphpdown-box > .title{
display:inline-flex !important;
align-items:center;gap:7px;
background:var(--fy-navy);color:#fff;
font-size:13px;font-weight:650;
padding:5px 14px;border-radius:8px;
margin-bottom:14px;
border:0;float:none;width:auto;
}
.erphpdown .erphpdown-title::before,
.erphpdown-box .erphpdown-title::before,
.erphpdown > .title::before{content:'📦'}
.erphpdown > legend{padding:5px 14px}
/* 子分区标题（.erphpdown-child-title） */
.erphpdown .erphpdown-child-title{
display:block;
font-size:13px;font-weight:700;color:var(--fy-ink);
margin-bottom:8px;
}
.erphpdown .erphpdown-child{margin-bottom:10px}
/* 价格行：下载价格 6.9 学分 [立即购买]（.erphpdown-box-tips） */
.erphpdown .erphpdown-box-tips{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:10px;
padding:12px 16px;
margin:0 0 10px;
font-size:13.5px;color:var(--fy-ink2);
line-height:2;
}
/* 主题版下载框（modown/erphpdown/mobantu.php 输出）：
* .erphpdown-box[.erphpdown-box2][.erphpdown-free-box] > .erphpdown-title
* + .erphpdown-con > .erphpdown-price + .erphpdown-cart > a.down
* + .tips2 */
.erphpdown-box .erphpdown-con{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:10px;
padding:12px 16px;
margin:0 0 10px;
display:flex;align-items:center;gap:14px;flex-wrap:wrap;
font-size:13.5px;color:var(--fy-ink2);
}
.erphpdown-box .erphpdown-price{
font-size:13.5px;color:var(--fy-ink2);font-weight:600;
}
.erphpdown-box .erphpdown-cart{margin-left:auto}
.erphpdown .erphpdown-box-tips .erphpdown-price,
.erphpdown .erphpdown-price,
.erphpdown-box .erphpdown-price{
font-size:13.5px;font-weight:600;color:var(--fy-ink2);
}
/* 价格数字 span：主题同名规则 color:var(--theme-color);font-size:26px 平级后加载赢，
* 这里 !important 压回橙 22px */
.erphpdown .erphpdown-box-tips .erphpdown-price span,
.erphpdown .erphpdown-price span,
.erphpdown-box .erphpdown-price span{
font-size:22px;font-weight:800;color:var(--fy-orange) !important;
margin:0 2px;display:inline-block;
}
/* 购买/下载按钮（.down：erphpdown-iframe 弹窗购买 / signin-loader 登录后下载） */
.erphpdown-box .down,
.erphpdown .down{
display:inline-block;
background:linear-gradient(135deg,var(--fy-c1),var(--fy-c2)) !important;
color:#fff !important;
border:0 !important;
border-radius:9px !important;
font-weight:650 !important;
padding:7px 20px !important;
font-size:13.5px !important;
line-height:1.6 !important;
text-decoration:none !important;
box-shadow:0 6px 16px rgba(37,99,201,.22);
transition:.15s !important;
white-space:nowrap;
cursor:pointer;
}
.erphpdown-box .down:hover,
.erphpdown .down:hover{filter:brightness(1.06);transform:translateY(-1px)}
/* 提示行（主题版 .tips2 / 插件版 .erphpdown-tips） */
.erphpdown-box .tips2,
.erphpdown .tips2,
.erphpdown .erphpdown-tips{
font-size:12px;color:var(--fy-ink3);
background:#fff8ec;border:1px solid #f0d9ac;border-radius:8px;
padding:8px 12px;margin:8px 0 0;line-height:1.7;
}
/* VIP 升级链接（金色描边小按钮，别抢主 CTA） */
.erphpdown .erphpdown-vip{
display:inline-block;
border:1px solid #e8c98a;background:#fff8ea;color:#a76b12;
border-radius:8px;padding:4px 14px;font-size:12.5px;font-weight:650;
text-decoration:none;transition:.15s;white-space:nowrap;
margin-left:6px;
}
.erphpdown .erphpdown-vip:hover{background:#fdf0d8}
/* 登录链接（未登录时的购买入口） */
.erphpdown .erphp-login-must{
color:var(--fy-c1);font-weight:650;
text-decoration:none;border-bottom:1px dashed #b9cdea;
}
.erphpdown .erphp-login-must:hover{border-bottom-style:solid}
/* 价格徽章（JS 会识别价格文本并注入 .fy-price，这里是兜底样式） */
.fy-price{
display:inline-flex;align-items:baseline;gap:6px;
background:var(--fy-card);border:1px solid var(--fy-line);
border-radius:10px;padding:6px 16px;
margin:0 0 12px;
font-size:12.5px;color:var(--fy-ink3);
}
.fy-price b{font-size:23px;color:var(--fy-orange);font-weight:800}
.fy-price s{color:var(--fy-ink3);font-size:12px}
/* 下载行卡片化：主题的 .item2 / 插件的 .erphpdown-item 都收 */
.erphpdown .item2,
.erphpdown .item,
.erphpdown .erphpdown-item,
.erphpdown-box .item2,
.erphpdown-box .item{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:10px;
padding:10px 14px;
margin:0 0 8px;
display:flex;align-items:center;gap:12px;flex-wrap:wrap;
font-size:13.5px;color:var(--fy-ink);
font-weight:600;
transition:.15s;
}
.erphpdown .item2:hover,
.erphpdown .item:hover,
.erphpdown .erphpdown-item:hover{border-color:#c9d8ee;box-shadow:var(--fy-shadow-s)}
.erphpdown .item2::before,
.erphpdown .item::before,
.erphpdown .erphpdown-item::before{content:'💾';font-size:16px}
.erphpdown .item2 > t,
.erphpdown .item > t{font-weight:650;color:var(--fy-ink2);font-size:12.5px}
.erphpdown .item2 .erphpdown-down,
.erphpdown .item .erphpdown-down,
.erphpdown .erphpdown-item .erphpdown-down{
padding:6px 18px !important;
font-size:13px !important;
white-space:nowrap;
}
/* 有多个下载链接时，只把行内最后一个按钮推到最右，
避免第一个按钮吃掉 auto 间距把后面的全挤成一团 */
.erphpdown .item2 > .erphpdown-down:last-child,
.erphpdown .item > .erphpdown-down:last-child,
.erphpdown .erphpdown-item > .erphpdown-down:last-child{
margin-left:auto;
}
/* 提取码复制小按钮 */
.erphpdown .erphpdown-copy{
border:1px solid var(--fy-line);
background:#f4f7fa;color:var(--fy-ink2);
border-radius:6px;padding:3px 10px;
font-size:12px;font-weight:600;cursor:pointer;
text-decoration:none;white-space:nowrap;
}
.erphpdown .erphpdown-copy:hover{border-color:var(--fy-c1);color:var(--fy-c1)}
/* 免费资源子框 / 提示行 */
.erphpdown .erphpdown-free{margin-bottom:6px}
.erphpdown .erphpdown-tips{
font-size:12px;color:var(--fy-ink3);
background:#fff8ec;border:1px solid #f0d9ac;border-radius:8px;
padding:8px 12px;margin:8px 0 0;line-height:1.7;
}
/* 已购/已解锁状态（JS 识别后加 .fy-owned） */
.fy-owned{
display:inline-flex;align-items:center;gap:6px;
background:#eaf7ef;border:1px solid #bfe5c6;color:var(--fy-green);
font-size:13px;font-weight:650;
padding:6px 14px;border-radius:8px;
}
/* JS 注入的信任条 + 客服引导 + VIP 入口（样式同 yang 的 cpw-vip / cpw-note） */
.fy-kf{
margin-top:12px;padding-top:12px;
border-top:1px dashed #cfdaea;
display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
font-size:12.5px;color:var(--fy-ink2);
}
.fy-kf b{color:var(--fy-orange);font-weight:700}
.fy-trust{
text-align:center;
font-size:11.5px;color:var(--fy-ink3);
margin:10px 0 0;line-height:1.7;
}
.fy-vip-go{
display:inline-flex;align-items:center;gap:6px;
border:1px solid #e8c98a;background:#fff8ea;color:#a76b12;
border-radius:8px;padding:5px 14px;font-size:12.5px;font-weight:650;
text-decoration:none;transition:.15s;white-space:nowrap;
}
.fy-vip-go:hover{background:#fdf0d8}
/* ---------- 8. Erphpdown VIP 内容块 → 付费墙 ----------
* 只对 JS 判定「仍处于锁定状态」的块（.fy-locked）生效。
* 已解锁的块里装的是用户花钱买的内容，不能被居中排版和加按钮，
* 所以这里绝不用 [class*=] 无差别匹配。
*/
/* 已解锁的纯内容块：去掉主题自定义 CSS 的虚线框，还内容一个干净排版。
* 特异度顶到 (0,2,1)+!important 压过站长的 (0,2,0)+!important，不依赖加载顺序 */
body .erphpdown-content-vip.erphpdown-content-vip:not(.fy-locked):not(.erphpdown-see-pay):not(.erphpdown-see-video){
background:transparent !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
}
/* 仍锁定的块：付费墙卡片 */
body .erphpdown-content-vip.fy-locked,
body [class*="erphpdown-content"].fy-locked{
background:linear-gradient(180deg,var(--fy-grad-a),var(--fy-grad-b)) !important;
border:1px solid #dbe5f2 !important;
border-radius:14px !important;
padding:22px 20px !important;
margin:20px 0 !important;
text-align:center;
}
body .erphpdown-content-vip.fy-locked::before,
body [class*="erphpdown-content"].fy-locked::before{
content:'💎';
display:block;font-size:32px;line-height:1;margin-bottom:8px;
}
.fy-wall-tip{
font-size:13px;color:var(--fy-ink3);margin:0 0 12px;line-height:1.8;
}
.fy-wall-btn{
display:inline-block;
background:linear-gradient(135deg,var(--fy-c1),var(--fy-c2));
color:#fff !important;text-decoration:none !important;
border:0 !important;
border-radius:10px;padding:10px 26px;
font-size:14px;font-weight:700;
box-shadow:0 8px 20px rgba(37,99,201,.22);
transition:.15s;
}
.fy-wall-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
/* ---------- 9. VIP 页会员卡 ---------- */
.page-vip-content .vip-content{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:var(--fy-radius);
box-shadow:var(--fy-shadow-s);
padding:26px 30px;
}
.page-vip-content .vip-li{
background:var(--fy-card);
border:1px solid var(--fy-line);
border-radius:10px;
padding:10px 16px;
margin-bottom:8px;
display:flex;align-items:center;gap:10px;
font-size:14px;color:var(--fy-ink);
transition:.15s;
}
.page-vip-content .vip-li:hover{border-color:#c9d8ee;box-shadow:var(--fy-shadow-s)}
.page-vip-content .vip-li::before{content:'✅';flex:none}
.page-vip-content .vip-desc{color:var(--fy-ink2);font-size:13.5px;line-height:1.8}
/* ---------- 10. 悬浮工具条 / 移动端 ---------- */
.rollbar .vip-li a{
background:linear-gradient(135deg,var(--fy-orange2),#fc8b28);
color:#3d2200 !important;
border-radius:50%;
box-shadow:0 4px 14px rgba(247,183,51,.4);
}
.footer-fixed-nav{
background:var(--fy-card);
border-top:1px solid var(--fy-line);
box-shadow:0 -4px 20px rgba(19,44,71,.08);
}
.footer-fixed-nav a{
color:var(--fy-ink2);font-size:11px;
}
.footer-fixed-nav a:hover,
.footer-fixed-nav a.on{color:var(--fy-c1)}
/* ---------- 移动端微调 ---------- */
@media (max-width:768px){
.single-content{padding:18px 16px}
.article-title{font-size:19px}
.article-content{font-size:14.5px}
.erphpdown.erphpdown,.erphpdown-box.erphpdown-box{padding:16px 14px 12px !important}
.erphpdown .item2,.erphpdown .erphpdown-item{padding:9px 11px;font-size:13px}
.erphpdown .erphpdown-box-tips{padding:10px 12px;line-height:1.9}
.page-vip-content .vip-content{padding:18px 16px}
.mocat h2{font-size:16px}
}