body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:Microsoft YaHei }
td,th,caption { font-size:0.2rem; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }

:root{
    --bg-0:#060608;            /* 页面底色 */
    --bg-1:#0c0c11;            /* 主体列底色 */
    --card:#14141b;            /* 按键卡片底色 */
    --card-2:#181820;
    --gold:#d4af37;            /* 主金 */
    --gold-l:#f2d98c;          /* 亮金 */
    --gold-d:#9a7b23;          /* 暗金 */
    --ink:#efe9d8;             /* 主文字 */
    --ink-dim:#9d9784;         /* 次要文字 */
    --line:rgba(212,175,55,.30);
    --line-soft:rgba(212,175,55,.14);
    --shadow:0 18px 46px rgba(0,0,0,.55);
}

.main{
    min-height: 100vh;
    background: radial-gradient(60% 42% at 50% -6%, rgba(212, 175, 55, .16) 0%, transparent 62%), radial-gradient(46% 34% at 88% 12%, rgba(160, 120, 40, .10) 0%, transparent 60%), linear-gradient(180deg, #07070a 0%, #0a0a0e 42%, #050506 100%);background-size: 100%;
}

.swiper-pagination-bullet{background: #ffd078 !important;}

/* ============ 顶部：网站名称 ============ */
.masthead{ text-align:center; padding:14px 0 22px; animation:rise .7s ease both; }
.emblem{ width:54px; height:54px; margin:0 auto 12px; filter:drop-shadow(0 4px 14px rgba(212,175,55,.35)); }
.site-name{
    font-family:"Noto Serif SC","Songti SC","STSong",serif;
    font-weight:900; font-size:30px; letter-spacing:.14em; text-indent:.14em;
    background:linear-gradient(180deg, #f7e6ae 0%, var(--gold) 46%, #a87d1f 82%, #d8b45a 100%);
    -webkit-background-clip:text; background-clip:text; color:transparent;
    text-shadow:0 2px 18px rgba(212,175,55,.18);
}
.mast-rule{ display:flex; align-items:center; justify-content:center; gap:12px; margin-top:12px; }
.mast-rule::before,.mast-rule::after{ content:""; height:1px; width:52px; background:linear-gradient(90deg, transparent, var(--line)); }
.mast-rule::after{ background:linear-gradient(90deg, var(--line), transparent); }
.mast-rule i{ width:6px; height:6px; transform:rotate(45deg); background:var(--gold); box-shadow:0 0 8px rgba(212,175,55,.7); }
.mast-sub{ margin-top:9px; font-size:12px; color:var(--ink-dim); letter-spacing:.34em; text-indent:.34em; }


.swiper-wrapper,.swiper-slide{margin: 0;padding: 0}
#banner1{width: 100%;}
#banner1 .swiper-slide img{width: 100%;}



/* ============ 功能按键 ============ */
.section-head{ display:flex; align-items:center; gap:10px; margin:2px 2px 14px; animation:rise .7s .2s ease both; }
.section-head .bar{ width:4px; height:16px; background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); border-radius:2px; box-shadow:0 0 8px rgba(212,175,55,.5); }
.section-head h2{ font-family:"Noto Serif SC","Songti SC",serif; font-size:17px; font-weight:700; letter-spacing:.16em;    color: #fff; }
.section-head .hint{ margin-left:auto; font-size:11px; color:var(--ink-dim); letter-spacing:.06em; }

.grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:13px; animation:rise .7s .28s ease both; }
.grid a{display: contents;}
.btn-card{
    width: 100%;
    position:relative; overflow:hidden;
    display:flex; align-items:center; gap:12px;
    padding:15px 14px; border-radius:13px; cursor:pointer;
    background:linear-gradient(180deg, var(--card-2) 0%, var(--card) 100%);
    border:1px solid var(--line-soft);
    box-shadow:0 10px 26px rgba(0,0,0,.42);
    transition:transform .16s ease, border-color .25s ease, box-shadow .25s ease;
    text-align:left; color:inherit; font:inherit;
}
.btn-card:hover{ border-color:var(--line); box-shadow:0 14px 30px rgba(0,0,0,.5), 0 0 18px rgba(212,175,55,.12); transform:translateY(-2px); }
.btn-card:active{ transform:scale(.97); }
.btn-card:focus-visible{ outline:2px solid var(--gold-l); outline-offset:2px; }
/* 扫光 */
.btn-card::after{
    content:""; position:absolute; top:0; left:-70%; width:44%; height:100%;
    background:linear-gradient(105deg, transparent, rgba(242,217,140,.16), transparent);
    transform:skewX(-20deg); transition:left .5s ease;
}
.btn-card:hover::after{ left:130%; }
.btn-card .ico{
    flex:0 0 auto; width:38px; height:38px; border-radius:11px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(160deg, rgba(212,175,55,.16), rgba(212,175,55,.05));
    border:1px solid var(--line-soft); color:var(--gold);
}
.btn-card .ico svg{ width:21px; height:21px; }
.btn-card .txt{ min-width:0; }
.btn-card .t{ display:block; font-size:14px; font-weight:700; letter-spacing:.06em; color:var(--ink); }
.btn-card .s{ display:block; margin-top:3px; font-size:11px; color:var(--ink-dim); letter-spacing:.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* 全宽福利按键 */
.btn-card.wide{ grid-column:1 / -1; justify-content:center; gap:11px; padding:17px 14px; }
.btn-card.wide .ico{ width:40px; height:40px; background:linear-gradient(160deg, rgba(255,224,150,.28), rgba(212,175,55,.12)); }
.btn-card.wide .t{ font-size:16px; }
.btn-card.wide::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(120deg, rgba(242,217,140,.10) 0%, transparent 42%, transparent 68%, rgba(242,217,140,.07) 100%);
    pointer-events:none;
}


/* ============ 底部备案号 ============ */
footer{ margin-top:auto; padding:34px 10px; text-align:center; animation:rise .7s .38s ease both; }
.foot-rule{ width:64px; height:1px; margin:0 auto 16px; background:linear-gradient(90deg, transparent, var(--line), transparent); }
.icp{
    display:inline-block; font-size:11.5px; color:#8d8775; letter-spacing:.05em;
    text-decoration:none; padding:6px 14px; border:1px solid var(--line-soft); border-radius:999px;
    transition:color .25s ease, border-color .25s ease;
}
.icp:hover{ color:var(--gold-l); border-color:var(--line); }
.icp svg{ width:11px; height:11px; vertical-align:-1px; margin-right:5px; }
.foot-copy{ margin-top:11px; font-size:10.5px; color:#5d584a; letter-spacing:.14em; }

.btn-a{padding:0;height: 75px;}

.fanhui{position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #6262623d;
    color: #bababa;
    line-height: 40px;
    left: 10px;text-decoration: none;}


.video-card {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    border-radius: 13px;
    cursor: pointer;
    background: linear-gradient(180deg, var(--card-2) 0%, var(--card) 100%);
    border: 1px solid var(--line-soft);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .42);
    transition: transform .16s ease, border-color .25s ease, box-shadow .25s ease;
    text-align: left;
    color: inherit;
    font: inherit;padding: 6px;
    box-sizing: border-box;
}

.video-card h2{color: #fff;  text-align: center;}
.video-card img{width:100%;border-radius: 13px;}
.video-card .video-ico{    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;}
.video-card .video-ico img{    width: 35px;
    background: #a1a1a191;
    padding: 10px;
    border-radius: 50%;}