/* ===== hh扑克提现 门户模板 hhpktx · 自适应 · 百度GEO友好 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#2b2f38;background:#f5f7fb;line-height:1.7;font-size:15px}
a{text-decoration:none;color:inherit;transition:color .25s,opacity .25s}
a:hover{color:#c8102e}
img{max-width:100%;height:auto;display:block;border:0}
ul,ol{list-style:none}
h1,h2,h3,h4{font-weight:700;line-height:1.35;color:#1b1f27}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.clearfix::after{content:"";display:block;clear:both;height:0}

/* ---- 顶部 ---- */
.ze487etopbar{background:#1b1f27;color:#c9cdd6;font-size:13px}
.ze487etopbar .container{display:flex;justify-content:space-between;align-items:center;height:38px}
.ze487etopbar a{color:#c9cdd6;margin-left:18px}
.ze487etopbar a:hover{color:#fff}
.ze487eheader{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:999}
.ze487eheader .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.ze487elogo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:#c8102e}
.ze487elogo span{color:#1b1f27;font-weight:600;font-size:14px}
.ze487elogo i{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#c8102e,#e8541f);display:inline-block;color:#fff;text-align:center;line-height:38px;font-style:normal;font-size:20px}
.ze487enav{display:flex;align-items:center}
.ze487enav a{padding:0 18px;height:72px;line-height:72px;font-size:16px;color:#33384a;font-weight:500;position:relative}
.ze487enav a:hover{color:#c8102e}
.ze487enav .current{color:#c8102e;font-weight:700}
.ze487enav .current::after{content:"";position:absolute;left:18px;right:18px;bottom:16px;height:3px;background:#c8102e;border-radius:2px}
.ze487esearch{display:flex;align-items:center;border:1px solid #e3e6ee;border-radius:20px;overflow:hidden;height:38px;background:#f7f8fb}
.ze487esearch input{border:0;background:transparent;padding:0 14px;width:150px;outline:none;font-size:14px}
.ze487esearch button{border:0;background:#c8102e;color:#fff;height:38px;padding:0 16px;cursor:pointer;font-size:14px}
.ze487emenuToggle{display:none;font-size:26px;color:#1b1f27;cursor:pointer;border:0;background:none}

/* ---- Banner轮播 ---- */
.ze487ebanner{position:relative;overflow:hidden;height:420px;background:#222}
.ze487ebanner .ze487eslide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.ze487ebanner .ze487eslide.ze487eactive{opacity:1}
.ze487ebanner img{width:100%;height:420px;object-fit:cover}
.ze487ebannerTxt{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.ze487ebannerTxt h2{font-size:44px;margin-bottom:14px}
.ze487ebannerTxt p{font-size:18px;max-width:640px}
.ze487ebannerTxt a{margin-top:24px;display:inline-block;width:180px;text-align:center;background:#c8102e;color:#fff;padding:12px 0;border-radius:30px;font-size:16px}
.ze487ebannerTxt a:hover{background:#a30c24;color:#fff}
.ze487edots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}
.ze487edots span{width:34px;height:5px;border-radius:3px;background:rgba(255,255,255,.45);cursor:pointer}
.ze487edots .ze487edotOn{background:#fff}
.ze487earrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.28);color:#fff;text-align:center;line-height:44px;font-size:22px;cursor:pointer;z-index:6;user-select:none}
.ze487earrow:hover{background:#c8102e}
.ze487eprev{left:22px}.ze487enext{right:22px}

/* ---- 快捷入口 ---- */
.ze487equick{background:#fff;margin-top:-56px;position:relative;z-index:8;border-radius:14px;box-shadow:0 8px 26px rgba(20,30,60,.08);padding:26px 20px;display:flex;justify-content:space-around;flex-wrap:wrap}
.ze487equick a{text-align:center;width:120px;margin:8px 0}
.ze487equick .ze487eqIco{width:60px;height:60px;margin:0 auto 10px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:linear-gradient(135deg,#c8102e,#ef7a3d)}
.ze487equick a:nth-child(2) .ze487eqIco{background:linear-gradient(135deg,#2b6cff,#4fb0ff)}
.ze487equick a:nth-child(3) .ze487eqIco{background:linear-gradient(135deg,#00b389,#4fdcc0)}
.ze487equick a:nth-child(4) .ze487eqIco{background:linear-gradient(135deg,#8a5cf6,#b98cff)}
.ze487equick a:nth-child(5) .ze487eqIco{background:linear-gradient(135deg,#f5a623,#ffd166)}
.ze487equick strong{display:block;font-size:16px;color:#1b1f27}
.ze487equick small{color:#8a90a0;font-size:13px}
.ze487equick a:hover strong{color:#c8102e}

/* ---- 通用板块 ---- */
.ze487esec{margin:44px 0}
.ze487esecHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;border-bottom:2px solid #eceef4;padding-bottom:12px}
.ze487esecHead h2{font-size:24px;position:relative;padding-left:14px}
.ze487esecHead h2::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;background:#c8102e;border-radius:3px}
.ze487esecHead a{color:#8a90a0;font-size:14px}
.ze487esecHead a:hover{color:#c8102e}

/* 两列布局 */
.ze487emain{display:flex;gap:28px;align-items:flex-start}
.ze487ecolMain{flex:1;min-width:0}
.ze487ecolSide{width:320px;flex-shrink:0}

/* 卡片列表 */
.ze487ecards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ze487ecard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(20,30,60,.06);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.ze487ecard:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(200,16,46,.14)}
.ze487ecard .ze487ethumb{display:block;overflow:hidden;height:180px}
.ze487ecard img{width:100%;height:180px;object-fit:cover;transition:transform .4s}
.ze487ecard:hover img{transform:scale(1.06)}
.ze487ecardBody{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.ze487ecardBody h3{font-size:17px;margin-bottom:8px;line-height:1.5}
.ze487ecardBody h3 a:hover{color:#c8102e}
.ze487ecardBody p{color:#7a8090;font-size:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ze487emeta{display:flex;justify-content:space-between;color:#a2a8b6;font-size:13px;margin-top:14px;border-top:1px dashed #eef0f5;padding-top:10px}

/* 列表行 */
.ze487erows li{display:flex;gap:16px;background:#fff;border-radius:10px;padding:16px;margin-bottom:14px;box-shadow:0 2px 10px rgba(20,30,60,.05)}
.ze487erows li img{width:150px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}
.ze487erows .ze487erBody h3{font-size:17px;margin-bottom:6px}
.ze487erows .ze487erBody p{color:#7a8090;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 侧栏 */
.ze487ebox{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 16px rgba(20,30,60,.06)}
.ze487ebox h4{font-size:18px;margin-bottom:14px;padding-left:10px;border-left:4px solid #c8102e}
.ze487esideNav li a{display:block;padding:11px 14px;border-radius:8px;color:#3a3f4d;margin-bottom:4px;font-size:15px}
.ze487esideNav li a:hover{background:#fbeef0;color:#c8102e}
.ze487esideNav .current{background:#fbeef0;color:#c8102e;font-weight:700}
.ze487erank li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #eef0f5}
.ze487erank li:last-child{border-bottom:0}
.ze487erank em{width:22px;height:22px;flex-shrink:0;background:#e3e6ee;color:#8a90a0;border-radius:5px;text-align:center;line-height:22px;font-style:normal;font-size:13px}
.ze487erank li:nth-child(-n+3) em{background:#c8102e;color:#fff}
.ze487erank a{font-size:14px;color:#3a3f4d;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ze487erank a:hover{color:#c8102e}

/* 标签 */
.ze487etags{display:flex;flex-wrap:wrap;gap:10px}
.ze487etags a{padding:6px 14px;background:#f1f3f8;border-radius:20px;font-size:13px;color:#5a6070}
.ze487etags a:hover{background:#c8102e;color:#fff}

/* 面包屑 */
.ze487ecrumb{padding:18px 0;color:#8a90a0;font-size:14px}
.ze487ecrumb a{color:#5a6070}
.ze487ecrumb a:hover{color:#c8102e}

/* 正文页 */
.ze487earticle{background:#fff;border-radius:12px;padding:34px 40px;box-shadow:0 4px 16px rgba(20,30,60,.06)}
.ze487earticle h1{font-size:28px;margin-bottom:14px}
.ze487eartMeta{display:flex;gap:20px;flex-wrap:wrap;color:#9aa0ae;font-size:13px;border-bottom:1px solid #eef0f5;padding-bottom:16px;margin-bottom:24px}
.ze487econtent{font-size:16px;color:#3a3f4d;line-height:2}
.ze487econtent p{margin-bottom:18px}
.ze487econtent img{margin:18px auto;border-radius:10px}
.ze487econtent h2,.ze487econtent h3{margin:26px 0 14px}
.ze487econtent ul{list-style:disc;padding-left:24px;margin-bottom:18px}
.ze487econtent ol{list-style:decimal;padding-left:24px;margin-bottom:18px}
.ze487econtent blockquote{border-left:4px solid #c8102e;background:#faf5f6;padding:14px 18px;margin:18px 0;border-radius:0 8px 8px 0;color:#6a6f7d}
.ze487eprenext{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #eef0f5;font-size:14px;color:#8a90a0}
.ze487eprenext a{color:#c8102e}

/* 分页 */
.ze487epage{display:flex;justify-content:center;gap:8px;margin:34px 0;flex-wrap:wrap}
.ze487epage a,.ze487epage span{min-width:38px;height:38px;line-height:38px;text-align:center;padding:0 12px;background:#fff;border:1px solid #e3e6ee;border-radius:8px;color:#5a6070;font-size:14px}
.ze487epage a:hover{border-color:#c8102e;color:#c8102e}
.ze487epage .current{background:#c8102e;color:#fff;border-color:#c8102e}

/* 特性条 */
.ze487efeats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ze487efeat{background:#fff;border-radius:12px;padding:26px 22px;text-align:center;box-shadow:0 4px 16px rgba(20,30,60,.06)}
.ze487efeat i{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#c8102e,#ef7a3d);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-style:normal}
.ze487efeat h3{font-size:17px;margin-bottom:8px}
.ze487efeat p{color:#7a8090;font-size:14px}

/* FAQ */
.ze487efaq dt{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:10px;font-weight:700;color:#1b1f27;box-shadow:0 2px 10px rgba(20,30,60,.05);position:relative;padding-left:44px}
.ze487efaq dt::before{content:"Q";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#c8102e;color:#fff;border-radius:5px;text-align:center;line-height:20px;font-size:12px}
.ze487efaq dd{background:#f7f8fb;border-radius:10px;padding:14px 20px;margin:0 0 14px 24px;color:#5a6070;position:relative;padding-left:44px}
.ze487efaq dd::before{content:"A";position:absolute;left:16px;top:14px;width:20px;height:20px;background:#2b6cff;color:#fff;border-radius:5px;text-align:center;line-height:20px;font-size:12px}

/* 页脚 */
.ze487efooter{background:#1b1f27;color:#9aa0ae;margin-top:56px;padding:44px 0 22px}
.ze487efootTop{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-bottom:28px;border-bottom:1px solid #2d323d}
.ze487efootCol h5{color:#fff;font-size:16px;margin-bottom:14px}
.ze487efootCol a{display:block;color:#9aa0ae;font-size:14px;margin-bottom:8px}
.ze487efootCol a:hover{color:#fff}
.ze487efootBrand{max-width:320px}
.ze487efootBrand .ze487elogo{color:#fff;margin-bottom:14px}
.ze487ecopyright{text-align:center;color:#6c7280;font-size:13px;margin-top:22px;line-height:2}
.ze487ecopyright a{color:#9aa0ae}

/* 返回顶部 */
.ze487etoTop{position:fixed;right:22px;bottom:90px;width:46px;height:46px;background:#c8102e;color:#fff;border-radius:10px;text-align:center;line-height:46px;font-size:20px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:999;box-shadow:0 6px 18px rgba(200,16,46,.4)}
.ze487etoTop.show{opacity:1;visibility:visible}

/* ===== 响应式 ===== */
@media(max-width:992px){
 .ze487ecards{grid-template-columns:repeat(2,1fr)}
 .ze487efeats{grid-template-columns:repeat(2,1fr)}
 .ze487emain{flex-direction:column}
 .ze487ecolSide{width:100%}
 .ze487ebannerTxt h2{font-size:32px}
}
@media(max-width:768px){
 .ze487etopbar{display:none}
 .ze487eheader .container{height:62px}
 .ze487emenuToggle{display:block}
 .ze487enav{position:absolute;top:62px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;display:none;box-shadow:0 8px 20px rgba(0,0,0,.1)}
 .ze487enav.open{display:flex}
 .ze487enav a{height:auto;line-height:1;padding:15px 20px;border-bottom:1px solid #f1f3f8}
 .ze487enav .current::after{display:none}
 .ze487esearch{display:none}
 .ze487ebanner,.ze487ebanner img{height:280px}
 .ze487ebannerTxt h2{font-size:24px}.ze487ebannerTxt p{font-size:15px}
 .ze487equick{margin-top:-30px;padding:18px 10px}
 .ze487equick a{width:33%}
 .ze487earticle{padding:22px 18px}
 .ze487earticle h1{font-size:22px}
 .ze487erows li{flex-direction:column}.ze487erows li img{width:100%;height:170px}
 .ze487earrow{display:none}
}
@media(max-width:520px){
 .ze487ecards{grid-template-columns:1fr}
 .ze487efeats{grid-template-columns:1fr}
 .ze487eprenext{flex-direction:column;gap:8px}
}