/* ==========================================================
   Modown 子主题 · 全套紫色霓虹边框发光（含首页幻灯片）
   粘贴到：外观 → 主题文件编辑器 → 子主题 style.css
   ========================================================== */

/* ---------- 1. 全局变量 ---------- */
:root {
    --neon:        #a855f7;
    --neon-2:      #7c3aed;
    --neon-soft:   rgba(168, 85, 247, 0.25);
    --neon-glow:   0 0 12px rgba(168,85,247,.75),
                   0 0 24px rgba(168,85,247,.4),
                   0 0 48px rgba(124,58,237,.25);
    --neon-glow-soft: 0 0 10px rgba(168,85,247,.4),
                      0 0 20px rgba(168,85,247,.18);
}

/* ---------- 2. 导航栏 ---------- */
.header,
.site-header,
.navbar,
.top-bar {
    border-bottom: 1px solid var(--neon-soft) !important;
    box-shadow: 0 1px 0 rgba(168,85,247,.1),
                0 0 12px rgba(168,85,247,.18) !important;
    transition: all .35s ease !important;
}
.header:hover,
.site-header:hover {
    border-bottom-color: var(--neon) !important;
    box-shadow: 0 1px 0 rgba(168,85,247,.35),
                0 0 16px rgba(168,85,247,.55),
                0 0 32px rgba(124,58,237,.25) !important;
}
.header a:hover,
.nav-main > li > a:hover {
    color: var(--neon) !important;
    text-shadow: 0 0 8px rgba(168,85,247,.85) !important;
}

/* ---------- 3. 卡片（文章/资源列表） ---------- */
.grids .grid {
    position: relative !important;
    border: 1px solid var(--neon-soft) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #1a1a24 !important;
    transition: all .35s ease !important;
}
.grids .grid:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
    transform: translateY(-4px) !important;
    z-index: 5 !important;
}
.grids .grid:before {
    box-shadow: 0 0 15px rgba(168,85,247,.2) !important;
}

/* ---------- 4. 按钮（全站） ---------- */
.btn,
button,
input[type="submit"],
.erphpdown .erphpdown-buy,
.erphpdown .erphpdown-down,
.erphpdown-box .down,
.comt-submit,
.search-form .search-btn {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: var(--neon-glow-soft) !important;
    transition: all .3s ease !important;
}
.btn:hover,
button:hover,
input[type="submit"]:hover,
.erphpdown .erphpdown-buy:hover,
.erphpdown .erphpdown-down:hover,
.erphpdown-box .down:hover,
.comt-submit:hover,
.search-form .search-btn:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
    transform: translateY(-2px) !important;
}

/* ---------- 5. 侧边栏小工具 ---------- */
.widget,
.sidebar .widget,
aside .widget {
    border: 1px solid var(--neon-soft) !important;
    border-radius: 8px !important;
    box-shadow: var(--neon-glow-soft) !important;
    transition: all .3s ease !important;
}
.widget:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
}

/* ---------- 6. 分页 ---------- */
.pagination a,
.pagination span,
.page-numbers {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: var(--neon-glow-soft) !important;
    transition: all .3s ease !important;
}
.pagination a:hover,
.page-numbers:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
}
.pagination ul > .active > a,
.page-numbers.current {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
}

/* ---------- 7. 标签 / 分类徽章 ---------- */
.tag,
.category,
.badge,
.post-sign {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: 0 0 8px rgba(168,85,247,.4) !important;
    transition: all .25s ease !important;
}
.tag:hover,
.category:hover,
.badge:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
}

/* ---------- 8. 表单输入框 ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: inset 0 0 8px rgba(168,85,247,.1) !important;
    transition: all .3s ease !important;
}
input:focus,
textarea:focus,
select:focus {
    border-color: var(--neon) !important;
    box-shadow: inset 0 0 8px rgba(168,85,247,.18),
                0 0 12px rgba(168,85,247,.55) !important;
}

/* ---------- 9. VIP 卡片 ---------- */
.vip-item,
.vip-items .item {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: var(--neon-glow-soft) !important;
    transition: all .35s ease !important;
}
.vip-item:hover,
.vip-items .item:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
    transform: translateY(-4px) !important;
}

/* ---------- 10. 页脚 ---------- */
.footer,
.site-footer {
    border-top: 1px solid var(--neon-soft) !important;
    box-shadow: 0 -1px 0 rgba(168,85,247,.1),
                0 0 12px rgba(168,85,247,.15) !important;
}

/* ---------- 11. 弹窗 / 模态框 ---------- */
.modal-content,
.dialog,
.popup {
    border: 1px solid var(--neon) !important;
    box-shadow: var(--neon-glow),
                0 20px 60px rgba(0,0,0,.6) !important;
}

/* ---------- 12. 侧边悬浮按钮 ---------- */
.rollbar li {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: var(--neon-glow-soft) !important;
    transition: all .3s ease !important;
}
.rollbar li:hover {
    border-color: var(--neon) !important;
    box-shadow: var(--neon-glow) !important;
}

/* ---------- 13. 搜索框 ---------- */
.search-form input[type="text"],
.search-form input[type="search"] {
    border: 1px solid var(--neon-soft) !important;
    box-shadow: 0 0 10px rgba(168,85,247,.25) !important;
}
.search-form input:focus {
    border-color: var(--neon) !important;
    box-shadow: 0 0 16px rgba(168,85,247,.65) !important;
}

/* ---------- 首页幻灯片 · 单张图发光边框 ---------- */
.banner .swiper-slide,
.banner-slider .swiper-slide,
.slider .swiper-slide,
.home-slider .swiper-slide,
.swiper-container .swiper-slide {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 12px rgba(168,85,247,.4),
                0 0 24px rgba(168,85,247,.18) !important;
    transition: all .35s ease !important;
    overflow: hidden !important;
}

.banner .swiper-slide:hover,
.banner-slider .swiper-slide:hover,
.slider .swiper-slide:hover,
.home-slider .swiper-slide:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 16px rgba(168,85,247,.7),
                0 0 32px rgba(168,85,247,.3) !important;
}
/* ---------- 14. 分类 / 筛选导航 · 外框霓虹 ---------- */
.cat-nav,
.filter,
.filters,
.categories,
.cat-list,
.term-list,
.category-nav,
.cat-bar {
    border: 1px solid var(--neon-soft) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(168,85,247,.25) !important;
    transition: all .3s ease !important;
    padding: 8px 12px !important;
}

.cat-nav:hover,
.filter:hover,
.filters:hover,
.categories:hover,
.cat-list:hover,
.category-nav:hover {
    border-color: var(--neon) !important;
    box-shadow: 0 0 16px rgba(168,85,247,.6),
                0 0 32px rgba(168,85,247,.25) !important;
}

/* 里面小按钮不加边框，只有文字悬停/选中发亮 */
.cat-nav li a,
.filter a,
.categories a,
.cat-list a {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: all .25s ease !important;
}
.cat-nav li a:hover,
.filter a:hover,
.categories a:hover,
.cat-list a:hover,
.cat-nav li.current-menu-item a,
.filter a.active,
.categories a.active {
    color: var(--neon) !important;
    text-shadow: 0 0 8px rgba(168,85,247,.85) !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* ---------- 资源介绍 · 外层大框（万能兜底） ---------- */
.single .main-content > .container > .row > .col,
.single .main-content > .container > .row > div,
.single .main-content > .container > .col,
.single .main-content > .container > div,
.single .main-content > div,
.single .main-content > .container {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 14px !important;
    box-shadow: 0 0 16px rgba(168,85,247,.4),
                0 0 36px rgba(168,85,247,.18) !important;
    padding: 20px !important;
    transition: all .35s ease !important;
}

.single .main-content > .container > .row > .col:hover,
.single .main-content > div:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 20px rgba(168,85,247,.75),
                0 0 44px rgba(168,85,247,.35) !important;
}
/* ---------- 下载按钮 · 金紫渐变 ---------- */
.erphpdown .erphpdown-buy,
.erphpdown .erphpdown-down,
.erphpdown-box .down,
.erphpdown-box-default .down,
.widget-erphpdown .down,
.btn,
button,
input[type="submit"] {
    background: linear-gradient(135deg, #f5d76e 0%, #d4af37 25%, #a855f7 70%, #7c3aed 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 12px rgba(212,175,55,.55),
                0 0 24px rgba(168,85,247,.45) !important;
    transition: all .35s ease !important;
}

.erphpdown .erphpdown-buy:hover,
.erphpdown .erphpdown-down:hover,
.erphpdown-box .down:hover,
.erphpdown-box-default .down:hover,
.widget-erphpdown .down:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover {
    background: linear-gradient(135deg, #ffe888 0%, #e0bf4a 25%, #b96cff 70%, #8b5cf6 100%) !important;
    box-shadow: 0 0 18px rgba(212,175,55,.75),
                0 0 36px rgba(168,85,247,.65) !important;
    transform: translateY(-2px) !important;
}
/* ==========================================================
   金紫渐变 · meta 信息 + 评论区
   ========================================================== */

/* ---------- 1. 文章 meta：时间 / 浏览 / 评论 / 下载 ---------- */
span.time,
span.views,
span.comments,
span.downs,
.article-meta .time,
.article-meta .views,
.article-meta .comments,
.article-meta .downs,
.post-meta .time,
.post-meta .views,
.post-meta .comments,
.post-meta .downs {
    background: linear-gradient(135deg, #f5d76e 0%, #d4af37 40%, #a855f7 70%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 600 !important;
}

/* meta 里的图标也跟着渐变（字体图标） */
span.time i,
span.views i,
span.comments i,
span.downs i,
span.time .icon,
span.views .icon,
span.comments .icon,
span.downs .icon {
    background: linear-gradient(135deg, #f5d76e 0%, #d4af37 40%, #a855f7 70%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* 字体图标兜底 */
span.time i::before,
span.views i::before,
span.comments i::before,
span.downs i::before {
    background: linear-gradient(135deg, #f5d76e, #a855f7) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* SVG 图标兜底 */
span.time svg,
span.views svg,
span.comments svg,
span.downs svg {
    fill: #d4af37 !important;
}

/* ---------- 2. 页面下方评论区（评论数量 / 评论人 / 时间） ---------- */
.comment-list .comment-meta,
.comment-list .comment-metadata,
.comments-area .comment-meta,
.comments-area .comment-metadata,
.comment-box .comment-meta,
.comment-box .comment-metadata {
    background: linear-gradient(135deg, #f5d76e 0%, #d4af37 40%, #a855f7 70%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 600 !important;
}
.comment-list .comment-meta a,
.comment-list .comment-metadata a,
.comments-area .comment-meta a,
.comments-area .comment-metadata a {
    background: inherit !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}


/* ==========================================================
   价格区域：付费加 RMB（金红渐变）、免费金绿渐变
   ========================================================== */

/* 1. 隐藏原有的 ￥ 图标 */
span.price .fee .icon-money,
span.fee .icon-money,
span.price .fee i.icon,
span.fee i.icon {
    display: none !important;
}

/* 2. 付费价格：只有“纯 fee”才加“元”，免费/VIp 不带 */
span.price .fee:not(.free-tag):not(.vip-tag)::after,
span.fee:not(.free-tag):not(.vip-tag)::after {
    content: " 元";
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 40%, #ff3b3b 75%, #d90429 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 800 !important;
    margin-left: 2px;
}

/* 3. 付费价格文字统一金红渐变（不放大字号） */
span.price .fee,
span.fee {
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 40%, #ff3b3b 75%, #d90429 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 800 !important;
}

/* 4. 免费价格：金绿渐变，不加 RMB */
span.price .free-tag,
span.price .vip-tag,
span.free-tag,
span.vip-tag {
    background: linear-gradient(135deg, #f5d76e 0%, #a3e635 40%, #22c55e 75%, #15803d 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    font-weight: 800 !important;
}

/* 免费标签里的文字 / 图标统一继承渐变 */
span.price .free-tag *,
span.price .vip-tag *,
span.free-tag *,
span.vip-tag * {
    background: inherit !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* 免费标签不要 RMB 前缀 */
span.price .free-tag::before,
span.price .vip-tag::before,
span.free-tag::before,
span.vip-tag::before {
    content: none !important;
}

/* ---------- 查看更多按钮 · 金紫渐变 ---------- */
div.more > a,
.more > a,
.more a {
    background: linear-gradient(135deg, #f5d76e 0%, #d4af37 35%, #a855f7 70%, #7c3aed 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 8px 24px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    text-decoration: none !important;
    box-shadow: 0 0 12px rgba(212,175,55,.5),
                0 0 24px rgba(168,85,247,.4) !important;
    transition: all .35s ease !important;
}

div.more > a:hover,
.more > a:hover,
.more a:hover {
    background: linear-gradient(135deg, #ffe888 0%, #e0bf4a 35%, #b96cff 70%, #8b5cf6 100%) !important;
    box-shadow: 0 0 18px rgba(212,175,55,.75),
                0 0 36px rgba(168,85,247,.65) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
}

/* ==========================================================
   文章页 · 只给 single-content 一层霓虹框
   ========================================================== */

/* 1. 只给 single-content 加框 */
article.single-content,
.single-content {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 14px rgba(168,85,247,.45),
                0 0 32px rgba(168,85,247,.2) !important;
    padding: 24px !important;
    background: transparent !important;
    transition: all .35s ease !important;
}
article.single-content:hover,
.single-content:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 18px rgba(168,85,247,.75),
                0 0 42px rgba(168,85,247,.35) !important;
}

/* ---------- 资源介绍卡片 · 只加这一个框 ---------- */
.article-header-box {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 14px rgba(168,85,247,.45),
                0 0 32px rgba(168,85,247,.2) !important;
    transition: all .35s ease !important;
}

.article-header-box:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 18px rgba(168,85,247,.75),
                0 0 42px rgba(168,85,247,.35) !important;
}

/* ---------- article-nav 单独霓虹框 ---------- */
nav.article-nav,
.article-nav {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 14px rgba(168,85,247,.45),
                0 0 32px rgba(168,85,247,.2) !important;
    padding: 12px 16px !important;
    background: transparent !important;
    transition: all .35s ease !important;
}

nav.article-nav:hover,
.article-nav:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 18px rgba(168,85,247,.75),
                0 0 42px rgba(168,85,247,.35) !important;
}

/* ---------- single-related 单独霓虹框 ---------- */
div.single-related,
.single-related {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 14px rgba(168,85,247,.45),
                0 0 32px rgba(168,85,247,.2) !important;
    padding: 16px !important;
    background: transparent !important;
    transition: all .35s ease !important;
}

div.single-related:hover,
.single-related:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 18px rgba(168,85,247,.75),
                0 0 42px rgba(168,85,247,.35) !important;
}

/* ---------- single-comment 单独霓虹框 ---------- */
div.single-comment,
.single-comment {
    border: 1px solid rgba(168, 85, 247, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 14px rgba(168,85,247,.45),
                0 0 32px rgba(168,85,247,.2) !important;
    padding: 16px !important;
    background: transparent !important;
    transition: all .35s ease !important;
}

div.single-comment:hover,
.single-comment:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 18px rgba(168,85,247,.75),
                0 0 42px rgba(168,85,247,.35) !important;
}