/* ===== 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}

/* ---- 顶部 ---- */
.z1c6e9topbar{background:#1b1f27;color:#c9cdd6;font-size:13px}
.z1c6e9topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px}
.z1c6e9topbar a{color:#c9cdd6;margin-left:18px}
.z1c6e9topbar a:hover{color:#fff}
.z1c6e9header{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);position:sticky;top:0;z-index:999}
.z1c6e9header .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.z1c6e9logo{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;color:#c8102e}
.z1c6e9logo span{color:#1b1f27;font-weight:600;font-size:14px}
.z1c6e9logo 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}
.z1c6e9nav{display:flex;align-items:center}
.z1c6e9nav a{padding:0 18px;height:72px;line-height:72px;font-size:16px;color:#33384a;font-weight:500;position:relative}
.z1c6e9nav a:hover{color:#c8102e}
.z1c6e9nav .current{color:#c8102e;font-weight:700}
.z1c6e9nav .current::after{content:"";position:absolute;left:18px;right:18px;bottom:16px;height:3px;background:#c8102e;border-radius:2px}
.z1c6e9search{display:flex;align-items:center;border:1px solid #e3e6ee;border-radius:20px;overflow:hidden;height:38px;background:#f7f8fb}
.z1c6e9search input{border:0;background:transparent;padding:0 14px;width:150px;outline:none;font-size:14px}
.z1c6e9search button{border:0;background:#c8102e;color:#fff;height:38px;padding:0 16px;cursor:pointer;font-size:14px}
.z1c6e9menuToggle{display:none;font-size:26px;color:#1b1f27;cursor:pointer;border:0;background:none}

/* ---- Banner轮播 ---- */
.z1c6e9banner{position:relative;overflow:hidden;height:420px;background:#222}
.z1c6e9banner .z1c6e9slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.z1c6e9banner .z1c6e9slide.z1c6e9active{opacity:1}
.z1c6e9banner img{width:100%;height:420px;object-fit:cover}
.z1c6e9bannerTxt{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)}
.z1c6e9bannerTxt h2{font-size:44px;margin-bottom:14px}
.z1c6e9bannerTxt p{font-size:18px;max-width:640px}
.z1c6e9bannerTxt 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}
.z1c6e9bannerTxt a:hover{background:#a30c24;color:#fff}
.z1c6e9dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}
.z1c6e9dots span{width:34px;height:5px;border-radius:3px;background:rgba(255,255,255,.45);cursor:pointer}
.z1c6e9dots .z1c6e9dotOn{background:#fff}
.z1c6e9arrow{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}
.z1c6e9arrow:hover{background:#c8102e}
.z1c6e9prev{left:22px}.z1c6e9next{right:22px}

/* ---- 快捷入口 ---- */
.z1c6e9quick{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}
.z1c6e9quick a{text-align:center;width:120px;margin:8px 0}
.z1c6e9quick .z1c6e9qIco{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)}
.z1c6e9quick a:nth-child(2) .z1c6e9qIco{background:linear-gradient(135deg,#2b6cff,#4fb0ff)}
.z1c6e9quick a:nth-child(3) .z1c6e9qIco{background:linear-gradient(135deg,#00b389,#4fdcc0)}
.z1c6e9quick a:nth-child(4) .z1c6e9qIco{background:linear-gradient(135deg,#8a5cf6,#b98cff)}
.z1c6e9quick a:nth-child(5) .z1c6e9qIco{background:linear-gradient(135deg,#f5a623,#ffd166)}
.z1c6e9quick strong{display:block;font-size:16px;color:#1b1f27}
.z1c6e9quick small{color:#8a90a0;font-size:13px}
.z1c6e9quick a:hover strong{color:#c8102e}

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

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

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

/* 列表行 */
.z1c6e9rows 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)}
.z1c6e9rows li img{width:150px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}
.z1c6e9rows .z1c6e9rBody h3{font-size:17px;margin-bottom:6px}
.z1c6e9rows .z1c6e9rBody p{color:#7a8090;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 侧栏 */
.z1c6e9box{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 4px 16px rgba(20,30,60,.06)}
.z1c6e9box h4{font-size:18px;margin-bottom:14px;padding-left:10px;border-left:4px solid #c8102e}
.z1c6e9sideNav li a{display:block;padding:11px 14px;border-radius:8px;color:#3a3f4d;margin-bottom:4px;font-size:15px}
.z1c6e9sideNav li a:hover{background:#fbeef0;color:#c8102e}
.z1c6e9sideNav .current{background:#fbeef0;color:#c8102e;font-weight:700}
.z1c6e9rank li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed #eef0f5}
.z1c6e9rank li:last-child{border-bottom:0}
.z1c6e9rank 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}
.z1c6e9rank li:nth-child(-n+3) em{background:#c8102e;color:#fff}
.z1c6e9rank a{font-size:14px;color:#3a3f4d;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.z1c6e9rank a:hover{color:#c8102e}

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

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

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

/* 分页 */
.z1c6e9page{display:flex;justify-content:center;gap:8px;margin:34px 0;flex-wrap:wrap}
.z1c6e9page a,.z1c6e9page 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}
.z1c6e9page a:hover{border-color:#c8102e;color:#c8102e}
.z1c6e9page .current{background:#c8102e;color:#fff;border-color:#c8102e}

/* 特性条 */
.z1c6e9feats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.z1c6e9feat{background:#fff;border-radius:12px;padding:26px 22px;text-align:center;box-shadow:0 4px 16px rgba(20,30,60,.06)}
.z1c6e9feat 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}
.z1c6e9feat h3{font-size:17px;margin-bottom:8px}
.z1c6e9feat p{color:#7a8090;font-size:14px}

/* FAQ */
.z1c6e9faq 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}
.z1c6e9faq 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}
.z1c6e9faq dd{background:#f7f8fb;border-radius:10px;padding:14px 20px;margin:0 0 14px 24px;color:#5a6070;position:relative;padding-left:44px}
.z1c6e9faq 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}

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

/* 返回顶部 */
.z1c6e9toTop{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)}
.z1c6e9toTop.show{opacity:1;visibility:visible}

/* ===== 响应式 ===== */
@media(max-width:992px){
 .z1c6e9cards{grid-template-columns:repeat(2,1fr)}
 .z1c6e9feats{grid-template-columns:repeat(2,1fr)}
 .z1c6e9main{flex-direction:column}
 .z1c6e9colSide{width:100%}
 .z1c6e9bannerTxt h2{font-size:32px}
}
@media(max-width:768px){
 .z1c6e9topbar{display:none}
 .z1c6e9header .container{height:62px}
 .z1c6e9menuToggle{display:block}
 .z1c6e9nav{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)}
 .z1c6e9nav.open{display:flex}
 .z1c6e9nav a{height:auto;line-height:1;padding:15px 20px;border-bottom:1px solid #f1f3f8}
 .z1c6e9nav .current::after{display:none}
 .z1c6e9search{display:none}
 .z1c6e9banner,.z1c6e9banner img{height:280px}
 .z1c6e9bannerTxt h2{font-size:24px}.z1c6e9bannerTxt p{font-size:15px}
 .z1c6e9quick{margin-top:-30px;padding:18px 10px}
 .z1c6e9quick a{width:33%}
 .z1c6e9article{padding:22px 18px}
 .z1c6e9article h1{font-size:22px}
 .z1c6e9rows li{flex-direction:column}.z1c6e9rows li img{width:100%;height:170px}
 .z1c6e9arrow{display:none}
}
@media(max-width:520px){
 .z1c6e9cards{grid-template-columns:1fr}
 .z1c6e9feats{grid-template-columns:1fr}
 .z1c6e9prenext{flex-direction:column;gap:8px}
}