/* ============ 设计令牌（静态页无 common.css，变量内嵌自包含） ============ */
:root{
    --bg:#0f0f14;
    --bg-2:#15151c;
    --bg-3:#1c1c26;
    --bg-4:#232331;
    --border:rgba(255,255,255,.08);
    --border-2:rgba(255,255,255,.16);
    --text:#ecebe7;
    --text-2:#a6a4ad;
    --text-3:#6f6d78;
    --gold:#c9a35c;
    --gold-light:#e6c98a;
    --gold-dark:#8a6a33;
    --rose:#e25578;
    --danger:#d64848;
    --grad-gold:linear-gradient(135deg,#f3d38a,#c9a35c);
    --grad-gold-btn:linear-gradient(135deg,#d4af6a,#a97e3f);
    --shadow:0 8px 30px rgba(0,0,0,.45);
    --radius:12px;
}

/* ============ 基础重置（静态页不加载 common.css，需自包含） ============ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:none}
a{text-decoration:none;color:inherit;transition:color .2s}
a:hover{color:var(--gold-light)}
img{max-width:100%;border:0;vertical-align:middle}
ul,ol{padding:0;margin:0;list-style:none}
input,button,textarea,select{outline:none;font-family:inherit}
button{cursor:pointer}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:#2a2a38;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}
::placeholder{color:var(--text-3)}

/* ============ 基础布局 ============ */
body{
    background:var(--bg);
    padding-top:64px;
    overflow-x:hidden;
}
.container{
    max-width:1200px;
    margin:0 auto;
    padding:0px;
}
.clearfix:after{content:'';display:block;clear:both}
.main{padding:6px 0 60px}

/* ============ 顶栏 ============ */
.header-common{
    position:fixed;
    top:0;left:0;right:0;
    height:64px;
    z-index:999;
    background:rgba(15,15,20,.82);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    transition:box-shadow .3s;
}
.header-common.showOnTop{
    box-shadow:0 6px 24px rgba(0,0,0,.5);
}
.header-common .container{
    display:flex;
    align-items:center;
    height:64px;
}
/* logo */
.header-common .logo{margin:0;flex:none}
.header-common .logo a{display:flex;align-items:center;height:64px}
.header-common .logo a img{
    height:40px;width:auto;
    opacity:.95;
    transition:opacity .2s;
}
.header-common .logo a:hover img{opacity:1}
/* 导航 */
.nav-wrap{flex:1;margin-left:28px}
.nav-wrap .wrapper{display:flex;align-items:center;height:64px;gap:4px}
.nav-wrap .swiper-slide{position:relative}
.nav-wrap .swiper-slide>a{
    display:block;
    padding:0 16px;
    height:64px;
    line-height:64px;
    color:var(--text-2);
    font-size:15px;
    letter-spacing:1px;
    position:relative;
    transition:color .2s;
}
.nav-wrap .swiper-slide>a:after{
    content:'';position:absolute;left:16px;right:16px;bottom:0;
    height:2px;border-radius:2px;
    background:var(--grad-gold);
    transform:scaleX(0);transition:transform .25s;
}
.nav-wrap .swiper-slide:hover>a{color:var(--gold-light)}
.nav-wrap .swiper-slide:hover>a:after{transform:scaleX(1)}
.nav-wrap .navCur>a,.nav-wrap .active>a{color:var(--gold-light)}
.nav-wrap .navCur>a:after,.nav-wrap .active>a:after{transform:scaleX(1)}
.nav-wrap .vip-nav>a{
    color:var(--gold);
    font-weight:600;
}
/* 右侧操作栏 */
.operate-bar{flex:none;display:flex;align-items:center;gap:18px}
.search-wrap{position:relative}
.search-wrap .drop-box{display:flex;align-items:center}
.search-wrap .keywords{
    width:170px;height:34px;
    background:transparent;
    border:none;
    border-bottom:1px solid var(--border-2);
    border-radius:0;
    padding:0 34px 0 2px;
    color:var(--text);
    font-size:13px;
    transition:border-color .2s,box-shadow .2s;
}
.search-wrap .keywords:focus{border-color:var(--gold);box-shadow:none}
.search-wrap .sbt{
    position:absolute;right:0;top:0;
    width:34px;height:34px;border:none;border-radius:50%;
    background:transparent;
    color:var(--text-2);
    display:flex;align-items:center;justify-content:center;
    transition:background .2s,color .2s;
}
.search-wrap .sbt .iconfont{font-size:15px;color:var(--text-2)}
.search-wrap .sbt:hover{background:rgba(255,255,255,.14);color:var(--gold-light)}
.search-wrap .sbt:hover .iconfont{color:var(--gold-light)}
/* 移动端搜索按钮（≤900px 显示，替代隐藏的搜索框） */
.m-search-btn{
    display:none;
    width:34px;height:34px;
    border:none;border-radius:50%;
    background:transparent;
    color:var(--text-2);
    align-items:center;justify-content:center;
    font-size:17px;
    cursor:pointer;
    transition:background .2s,color .2s;
}
.m-search-btn:hover{background:transparent;color:var(--gold-light)}
/* 移动端搜索下拉 */
.m-search-box{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    background:rgba(21,21,28,.98);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    box-shadow:var(--shadow);
    padding:10px 16px 14px;
    z-index:999;
}
.m-search-box.show{display:block}
.m-search-box .drop-box{position:relative;display:flex;align-items:center}
.m-search-box .keywords{
    flex:1;width:auto;height:40px;
    background:rgba(255,255,255,.06);
    border:1px solid var(--border-2);
    border-radius:22px;
    padding:0 48px 0 18px;
    color:var(--text);
    font-size:14px;
    transition:border-color .2s,box-shadow .2s;
}
.m-search-box .keywords:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,92,.15)}
.m-search-box .sbt{
    position:absolute;right:4px;top:0;
    width:40px;height:40px;border:none;border-radius:50%;
    background:transparent;
    color:var(--text-2);
    display:flex;align-items:center;justify-content:center;
    transition:background .2s,color .2s;
}
.m-search-box .sbt:hover{background:transparent;color:var(--gold-light)}
/* vip-wrap */
.vip-wrap{display:flex;align-items:center;gap:16px}
.message-box .msg-btn{position:relative;color:var(--text-2);font-size:20px;display:block}
.message-box .msg-btn:hover{color:var(--gold-light)}
.msg-badge{
    position:absolute;top:-2px;right:-6px;
    width:9px;height:9px;border-radius:50%;
    background:var(--rose);
    box-shadow:0 0 6px rgba(226,85,120,.8);
    display:none;
}
.vip-wrap #header_login a.nickname img{
    width:34px;height:34px;border-radius:50%;
    border:2px solid var(--border-2);
    transition:border-color .2s;
}
.vip-wrap #header_login a.nickname:hover img{border-color:var(--gold)}
.vip-wrap .header-account-btn{
    width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,.06);
    border:1px solid var(--border-2);
    color:var(--text-2);
    display:flex;align-items:center;justify-content:center;
    font-size:17px;
    transition:background .2s,color .2s,border-color .2s;
}
.vip-wrap .header-account-btn:hover{background:rgba(255,255,255,.14);color:var(--gold-light);border-color:var(--gold)}

/* ============ 板块标题 / 分类导航 ============ */
.list_nav{
    display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;
    margin:2px 0 18px;
    padding-bottom:10px;
    border-bottom:1px solid var(--border);
}
.list_nav > a{
    padding:4px 14px;
    border-radius:16px;
    font-size:13px;
    color:var(--text-2);
    border:1px solid transparent;
    transition:all .2s;
}
.list_nav > a:hover{color:var(--gold-light);border-color:var(--gold)}
.list_nav .listnav_cur,.list_nav > a.active{
    background:var(--grad-gold-btn);
    color:#1a1407;
    
    border-color:transparent;
}
/* 首页板块标题：list_nav 含「更多」span 时，首个链接为大标题 */
.list_nav:has(> span) > a:first-child{
    font-size:18px;font-weight:700;color:var(--text);
    padding:0 0 0 14px;
    border:none;background:none;
    position:relative;
}
.list_nav:has(> span) > a:first-child:before{
    content:'';position:absolute;left:0;top:4px;bottom:4px;width:4px;
    border-radius:2px;background:var(--grad-gold);
}
.list_nav > span{margin-left:auto}
.list_nav > span a{color:var(--text-3);font-size:13px;transition:color .2s}
.list_nav > span a:hover{color:var(--gold-light)}

/* ============ 卡片网格 ============ */
.top-show{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.top-show.wrap{grid-template-columns:repeat(4,1fr)}
.rtp{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    background:var(--bg-2);
    border:1px solid var(--border);
    aspect-ratio:3/4;
    transition:transform .3s,box-shadow .3s,border-color .3s;
}
.rtp>a{display:block;width:100%;height:100%}
.rtp img.lazy-load-img{
    width:100%;height:100%;object-fit:cover;
    display:block;
    transform:scale(1.01);
    transition:transform .5s;
}
.rtp .bg{
    position:absolute;left:0;right:0;bottom:0;height:55%;
    background:linear-gradient(180deg,rgba(15,15,20,0) 0%,rgba(15,15,20,.95) 100%);
    pointer-events:none;
}
.rtp p{
    position:absolute;left:0;right:0;bottom:0;
    margin:0;padding:34px 12px 12px;
    color:#f2f0ec;
    font-size:13px;
    line-height:1.4;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    pointer-events:none;
}
.rtp:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow);
    border-color:rgba(201,163,92,.5);
}
.rtp:hover img.lazy-load-img{transform:scale(1.08)}

/* ============ 分页 ============ */
.pages{
    display:flex;justify-content:center;gap:8px;
    margin-top:36px;flex-wrap:wrap;
}
.pages a,.pages b,.pages span{
    min-width:36px;height:36px;line-height:36px;text-align:center;
    padding:0 12px;
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:8px;
    color:var(--text-2);
    font-size:13px;
    transition:all .2s;
    display:inline-block;
}
.pages a:hover{border-color:var(--gold);color:var(--gold-light)}
.pages b,.pages .current{background:var(--grad-gold-btn);color:#1a1407;border-color:transparent;font-weight:700}
/* 静态分页当前页是内联红色 span，需 !important 覆盖 */
.pages span{
    background:var(--grad-gold-btn);
    border-color:transparent;
    color:#1a1407!important;
    font-weight:700!important;
}

/* ============ 搜索结果 ============ */
.search.wrap{
    padding:14px 16px;
    margin-bottom:20px;
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:var(--radius);
    color:var(--gold-light);
    font-size:15px;
}
.search.wrap b{font-weight:700}

/* ============ 页脚 ============ */
.footer-common{
    background:#0a0a0e;
    border-top:1px solid var(--border);
    padding:34px 0 40px;
}
.footer-common .container{text-align:center}
.footer-common .middle p{margin:6px 0;color:var(--text-3);font-size:13px}
.footer-common .middle a{color:var(--text-3);margin:0 6px;transition:color .2s}
.footer-common .middle a:hover{color:var(--gold-light)}
.cd-top{
    position:fixed;right:24px;bottom:40px;
    width:44px;height:44px;border-radius:50%;
    background:var(--bg-3);
    border:1px solid var(--border-2);
    color:var(--text-2);
    font-size:12px;
    display:flex;align-items:center;justify-content:center;
    box-shadow:var(--shadow);
    opacity:0;visibility:hidden;transition:all .3s;
    z-index:998;
}
.cd-top.cd-is-visible{opacity:1;visibility:visible}
.cd-top:hover{color:var(--gold-light);border-color:var(--gold)}

/* ============ 移动端菜单（汉堡，暂未启用） ============ */
.wap-nav{display:none}
.wap-nav-drop-box{display:none}
@media (max-width:600px){
    .wap-nav{display:flex;align-items:center;justify-content:center;position:absolute;right:4px;top:0;bottom:0;width:44px;color:var(--text-2);font-size:22px}
    .wap-nav:hover{color:var(--gold-light)}
    .wap-nav-drop-box{
        display:none;position:absolute;top:100%;right:0;min-width:170px;width:auto!important;
        background:rgba(21,21,28,.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
        border:1px solid var(--border);border-top:none;border-radius:0 0 14px 14px;
        padding:8px 0 10px;box-shadow:var(--shadow);z-index:999;
    }
    .wap-nav-drop-box a{display:block;padding:13px 24px;color:var(--text-2);font-size:15px;text-align:center;letter-spacing:2px;border-bottom:1px solid var(--border)}
    .wap-nav-drop-box a:last-child{border-bottom:none}
    .wap-nav-drop-box a:hover,.wap-nav-drop-box a.active{color:var(--gold-light)}
}

/* ============ 移动端 ============ */
@media (max-width:900px){
    .nav-wrap{margin-left:14px}
    .nav-wrap .swiper-slide>a{padding:0 10px;font-size:14px}
    .search-wrap{display:none}
    .m-search-btn{display:flex}
    .top-show,.top-show.wrap{grid-template-columns:repeat(3,1fr);gap:12px}
}
@media (max-width:600px){
    body{padding-top:100px}
    .header-common,.header-common .container{height:auto}
    .header-common .container{flex-wrap:wrap;padding:0}
    .header-common .logo{padding-left:16px}
    .header-common .logo a{height:56px}
    .header-common .logo a img{height:40px}
    .header-common .nav-wrap{order:10;flex:none;width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:0;padding:0 16px 0 0;border-top:1px solid var(--border)}
    .header-common .nav-wrap .wrapper{height:44px;flex-wrap:nowrap;gap:0 4px;padding:0}
    .header-common .nav-wrap .swiper-slide{flex:none}
    .header-common .nav-wrap .swiper-slide>a{height:44px;line-height:44px;padding:0 10px;font-size:13px;white-space:nowrap}
    .header-common.mini .logo,
    .header-common.mini .operate-bar{display:none}
    .operate-bar{flex:1;justify-content:flex-end;gap:8px;margin-left:12px;min-width:0;padding-right:16px}
    .top-show,.top-show.wrap{grid-template-columns:repeat(2,1fr);gap:10px}
    .list_nav{width:100%;margin-left:0;gap:2px;padding:0px}
    .list_nav>a{font-size:12px;padding:3px 9px}
    .rtp p{font-size:12px;padding:26px 8px 8px}
}

/* ============ 返回顶部 ============ */
.cd-top{
    position:fixed;
    right:24px;bottom:48px;
    z-index:999;
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    border:1px solid var(--border-2);
    color:var(--text-2);
    font-size:18px;
    box-shadow:var(--shadow);
    opacity:0;visibility:hidden;
    transform:translateY(8px);
    transition:opacity .3s,transform .3s,background .3s,color .3s,border-color .3s;
}
.cd-top.cd-is-visible,.cd-top.show{
    opacity:1;visibility:visible;
    transform:translateY(0);
}
.cd-top:hover{
    background:var(--grad-gold-btn);
    border-color:transparent;
    color:#1a1407;
}

/* ============ 关于页（about/*.html） ============ */
.about-page .wrap{max-width:860px;margin:0 auto}
.single-content{
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:26px 28px;
    margin-bottom:20px;
    box-shadow:var(--shadow);
}
.single-content h1{
    font-size:20px;font-weight:700;color:var(--text);
    margin:0 0 14px;padding-bottom:12px;
    border-bottom:1px solid var(--border);
    position:relative;
}
.single-content h1:after{
    content:'';position:absolute;left:0;bottom:-1px;
    width:52px;height:2px;border-radius:2px;background:var(--grad-gold);
}
.post-meta{margin-bottom:8px}
.post-content p{color:var(--text-2);font-size:14px;line-height:1.9;margin:0 0 12px}
.post-content span{color:var(--text-2)}
.post-content b{color:var(--text);font-weight:600}
.post-content a{color:var(--gold)}
.post-content a:hover{color:var(--gold-light)}
.post-content font[color]{color:var(--rose)!important}
.reg-btn{
    display:inline-block;margin:4px 2px;
    padding:6px 16px;border-radius:18px;
    font-size:13px;color:#1a1407;
    background:var(--grad-gold-btn);
    transition:filter .2s;
}
.reg-btn:hover{color:#1a1407;filter:brightness(1.12)}
/* 网站导航列表 */
.list-box.list-index{
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:var(--radius);
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:var(--shadow);
}
.list-box.list-index .hat{
    padding:12px 20px;
    border-bottom:1px solid var(--border);
    background:var(--bg-3);
    display:flex;align-items:center;
}
.list-box.list-index .ti{
    margin:0;font-size:15px;font-weight:700;color:var(--text);
}
.list-box.list-index .ti a{color:var(--text)}
.list-box.list-index .ti a:hover{color:var(--gold-light)}
.list-box.list-index .hat .fa{display:none}
.list-box.list-index .arr{color:var(--text-3);margin-left:auto}
.list-box.list-index .item{padding:18px 20px}
.list-box.list-index .item ul{display:flex;flex-wrap:wrap;gap:10px}
.list-box.list-index .item li{margin:0}
.list-box.list-index .item a{
    display:inline-block;
    padding:6px 16px;border-radius:16px;
    font-size:13px;color:var(--text-2);
    background:rgba(255,255,255,.05);
    border:1px solid var(--border-2);
    transition:all .2s;
}
.list-box.list-index .item a:hover{color:var(--gold-light);border-color:var(--gold);transform:translateY(-1px)}
/* 订阅页（about/subscribe.html，原 bootstrap 组件重建） */
.subscribe-wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch;padding:8px 16px 40px}
.subscribe-wrap .col-sm-4{flex:1 1 260px;min-width:0}
.subscribe-wrap .alert{
    flex-basis:100%;
    background:rgba(201,163,92,.1);
    border:1px solid rgba(201,163,92,.35);
    border-radius:var(--radius);
    color:var(--text-2);
    padding:13px 18px;font-size:13px;
    margin-bottom:2px;
}
.subscribe-wrap .alert a{color:var(--gold);margin-left:4px}
.subscribe-wrap .alert a:hover{color:var(--gold-light)}
.subscribe-wrap .panel{
    background:var(--bg-2);
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:var(--shadow);
    transition:transform .25s,border-color .25s;
}
.subscribe-wrap .panel:hover{transform:translateY(-3px);border-color:var(--gold)}
.subscribe-wrap .panel-heading{
    padding:14px 20px;
    background:var(--grad-gold);
}
.subscribe-wrap .panel-title{margin:0;font-size:16px;font-weight:700;color:#1a1407}
.subscribe-wrap .panel-body{padding:16px 20px;list-style:none;flex:1}
.subscribe-wrap .list-group-item{
    padding:9px 0;
    font-size:14px;color:var(--text-2);
    border-bottom:1px dashed var(--border);
}
.subscribe-wrap .list-group-item:last-child{border-bottom:none}
.subscribe-wrap .list-group-item font[color]{color:var(--rose)!important}
.subscribe-wrap .list-group-item span{text-decoration:line-through;color:var(--text-3)}
.subscribe-wrap .btn{
    display:block;width:100%;margin-top:6px;
    padding:11px 0;border-radius:20px;
    text-align:center;font-size:15px;font-weight:600;
    color:var(--text-2);
    background:rgba(201,163,92,.1);
    border:1px solid rgba(201,163,92,.35);
    transition:color .2s,border-color .2s;
}
.subscribe-wrap .btn:hover{color:var(--gold-light);border-color:var(--gold)}