/* ==== COIN扑克和传统扑克室区别 · 模板样式 (coinpkhtpkqbj) ==== */
:root{
  --bg:#070b16;--bg2:#0c1322;--card:#111a2e;--card2:#16223a;
  --line:rgba(255,255,255,.09);--text:#e9eff9;--muted:#93a1bd;
  --coin:#f0b429;--coin2:#ffd76a;--teal:#2dd4bf;
  --trad:#8a93a6;--trad2:#b8c0cf;--purple:#8b5cf6;
  --green:#22c55e;--red:#ef5a5a;
  --radius:16px;--shadow:0 20px 50px rgba(0,0,0,.5);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei",Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;font-size:15px;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .25s,transform .25s,opacity .25s}
a:hover{color:var(--coin)}
img{max-width:100%;border:0;display:block;height:auto}
ul,ol{list-style:none}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.35}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;border:1px solid transparent;white-space:nowrap}
.btn-coin{background:linear-gradient(135deg,var(--coin),#e0930f);color:#1a1206;box-shadow:0 10px 26px rgba(240,180,41,.32)}
.btn-coin:hover{color:#1a1206;transform:translateY(-2px)}
.btn-teal{background:linear-gradient(135deg,var(--teal),#0f9b8e);color:#04211d;box-shadow:0 10px 26px rgba(45,212,191,.28)}
.btn-teal:hover{color:#04211d;transform:translateY(-2px)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}
.btn-ghost:hover{border-color:var(--coin);color:var(--coin)}
.btn-block{width:100%}
/* 顶部通知条 */
.css365jz-topbar{background:linear-gradient(90deg,#12203a,#1a2b4c);border-bottom:1px solid var(--line);font-size:13px}
.css365jz-topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:40px;gap:16px}
.css365jz-topbar strong{color:var(--coin2)}
.css365jz-topbar-list{display:flex;gap:18px;color:var(--muted)}
.css365jz-topbar-list a:hover{color:var(--coin)}
/* 头部导航 */
.css365jz-header{position:sticky;top:0;z-index:90;background:rgba(7,11,22,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.css365jz-header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.css365jz-logo{display:flex;align-items:center;gap:10px}
.css365jz-logo-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--coin),#e0930f);color:#1a1206;font-weight:800}
.css365jz-logo-txt i{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);font-style:normal}
.css365jz-logo-txt b{display:block;font-size:18px;color:var(--text)}
.css365jz-nav{display:flex;align-items:center;gap:6px}
.css365jz-nav a{padding:9px 15px;border-radius:10px;color:var(--text);font-size:15px}
.css365jz-nav a:hover{background:var(--card);color:var(--coin)}
.css365jz-nav a.current{background:linear-gradient(135deg,var(--coin),#e0930f);color:#1a1206}
.css365jz-nav-btns{display:flex;align-items:center;gap:12px}
.css365jz-burger{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:20px;cursor:pointer}
/* 抽屉菜单 */
.css365jz-drawer{position:fixed;inset:0;z-index:200;display:none}
.css365jz-drawer.open{display:block}
.css365jz-drawer-mask{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.css365jz-drawer-box{position:absolute;top:0;right:0;width:78%;max-width:320px;height:100%;background:var(--bg2);padding:24px 20px;overflow-y:auto;border-left:1px solid var(--line)}
.css365jz-drawer-box h4{color:var(--muted);font-size:13px;margin:6px 0 12px}
.css365jz-drawer-box a{display:block;padding:12px 14px;border-radius:10px;color:var(--text)}
.css365jz-drawer-box a:hover{background:var(--card);color:var(--coin)}
/* Hero */
.css365jz-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 80% -10%,rgba(240,180,41,.18),transparent),radial-gradient(900px 480px at 10% 120%,rgba(45,212,191,.16),transparent),linear-gradient(180deg,var(--bg2),var(--bg))}
.css365jz-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:64px 20px}
.css365jz-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(240,180,41,.12);border:1px solid rgba(240,180,41,.35);color:var(--coin2);font-size:13px;font-weight:600;margin-bottom:18px}
.css365jz-hero h1{font-size:40px;line-height:1.22;margin-bottom:16px}
.css365jz-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--coin),var(--teal));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.css365jz-hero p{color:var(--muted);font-size:16px;margin-bottom:24px;max-width:560px}
.css365jz-hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.css365jz-hero-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}
.css365jz-hero-stats b{display:block;font-size:26px;color:var(--coin2)}
.css365jz-hero-stats span{font-size:13px;color:var(--muted)}
/* VS 主视觉 */
.css365jz-vs-hero{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.css365jz-vs-side{text-align:center;padding:22px 14px;border-radius:var(--radius);border:1px solid var(--line)}
.css365jz-vs-coin{background:linear-gradient(160deg,rgba(240,180,41,.16),rgba(45,212,191,.08));border-color:rgba(240,180,41,.4)}
.css365jz-vs-trad{background:linear-gradient(160deg,rgba(138,147,166,.16),rgba(138,147,166,.04));border-color:rgba(138,147,166,.35)}
.css365jz-vs-side svg{margin:0 auto 10px}
.css365jz-vs-side h3{font-size:16px}
.css365jz-vs-side span{font-size:12px;color:var(--muted)}
.css365jz-vs-badge{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;color:#1a1206;background:linear-gradient(135deg,#fff,var(--coin2));box-shadow:var(--shadow)}
/* 通用区块 */
.css365jz-section{padding:62px 0}
.css365jz-section.alt{background:var(--bg2)}
.css365jz-head{text-align:center;max-width:720px;margin:0 auto 40px}
.css365jz-head .k{color:var(--coin);font-weight:700;letter-spacing:2px;font-size:13px;text-transform:uppercase}
.css365jz-head h2{font-size:30px;margin:8px 0 12px}
.css365jz-head p{color:var(--muted)}
/* 对比表格 */
.css365jz-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}
.css365jz-cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}
.css365jz-cmp th,.css365jz-cmp td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}
.css365jz-cmp thead th{background:linear-gradient(90deg,#12203a,#16243e);font-size:15px}
.css365jz-cmp thead th.c-coin{color:var(--coin2)}
.css365jz-cmp thead th.c-trad{color:var(--trad2)}
.css365jz-cmp tbody tr:hover{background:var(--card2)}
.css365jz-cmp td:first-child{color:var(--muted);font-weight:600;white-space:nowrap}
.css365jz-cmp .col-coin{background:rgba(240,180,41,.05)}
.css365jz-cmp .yes{color:var(--green);font-weight:700}
.css365jz-cmp .no{color:var(--red);font-weight:700}
/* 双列卡片 */
.css365jz-dual{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.css365jz-dcard{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--card)}
.css365jz-dcard.coin{border-top:3px solid var(--coin)}
.css365jz-dcard.trad{border-top:3px solid var(--trad)}
.css365jz-dcard h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:16px}
.css365jz-dcard.coin h3{color:var(--coin2)}
.css365jz-dcard.trad h3{color:var(--trad2)}
.css365jz-dcard li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);color:var(--muted)}
.css365jz-dcard li:last-child{border-bottom:0}
.css365jz-dcard li i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.css365jz-dcard.coin li i{background:rgba(34,197,94,.16);color:var(--green)}
.css365jz-dcard.trad li i{background:rgba(239,90,90,.14);color:var(--red)}
/* 特性网格 */
.css365jz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.css365jz-feat{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--card);transition:transform .25s,border-color .25s}
.css365jz-feat:hover{transform:translateY(-5px);border-color:rgba(240,180,41,.4)}
.css365jz-feat .ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:14px;background:linear-gradient(135deg,rgba(240,180,41,.2),rgba(45,212,191,.14))}
.css365jz-feat h3{font-size:17px;margin-bottom:8px}
.css365jz-feat p{color:var(--muted);font-size:14px}
/* 时间轴 */
.css365jz-timeline{position:relative;padding-left:34px}
.css365jz-timeline::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--coin),var(--teal))}
.css365jz-tl-item{position:relative;padding:0 0 26px 8px}
.css365jz-tl-item::before{content:"";position:absolute;left:-30px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--coin)}
.css365jz-tl-item h4{font-size:16px;margin-bottom:4px}
.css365jz-tl-item p{color:var(--muted);font-size:14px}
/* 列表/资讯 */
.css365jz-layout{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.css365jz-crumbs{font-size:13px;color:var(--muted);padding:20px 0}
.css365jz-crumbs a:hover{color:var(--coin)}
.css365jz-crumbs ol{display:flex;flex-wrap:wrap;gap:8px}
.css365jz-crumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:#4b5871}
.css365jz-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.css365jz-filters a{padding:8px 16px;border-radius:999px;border:1px solid var(--line);font-size:14px;color:var(--muted)}
.css365jz-filters a:hover,.css365jz-filters a.current{border-color:var(--coin);color:var(--coin);background:rgba(240,180,41,.08)}
.css365jz-news{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.css365jz-news li{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);transition:transform .25s,border-color .25s}
.css365jz-news li:hover{transform:translateY(-4px);border-color:rgba(240,180,41,.4)}
.css365jz-news a.thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--card2)}
.css365jz-news img{width:100%;height:100%;object-fit:cover}
.css365jz-news .body{padding:16px}
.css365jz-news h3{font-size:16px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.css365jz-news p{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.css365jz-news .meta{font-size:12px;color:#5f6f8c;display:flex;justify-content:space-between}
/* 侧栏 */
.css365jz-side .box{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:20px;margin-bottom:20px}
.css365jz-side .box h4{font-size:16px;margin-bottom:14px;padding-left:12px;border-left:3px solid var(--coin)}
.css365jz-side .rank{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.css365jz-side .rank:last-child{border-bottom:0}
.css365jz-side .rank .n{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--card2);color:var(--muted)}
.css365jz-side .rank:nth-child(1) .n{background:var(--coin);color:#1a1206}
.css365jz-side .rank a{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 分页 */
.css365jz-pages{display:flex;justify-content:center;gap:8px;margin-top:30px;flex-wrap:wrap}
.css365jz-pages a,.css365jz-pages span{min-width:40px;height:40px;padding:0 12px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);color:var(--text)}
.css365jz-pages a:hover{border-color:var(--coin);color:var(--coin)}
.css365jz-pages .current,.css365jz-pages a.current{background:linear-gradient(135deg,var(--coin),#e0930f);color:#1a1206;border-color:transparent}
/* 文章 */
.css365jz-article{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:32px}
.css365jz-article h1{font-size:28px;margin-bottom:14px}
.css365jz-article-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:13px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}
.css365jz-body{font-size:16px}
.css365jz-body p{margin-bottom:16px;color:#cdd7e8}
.css365jz-body h2{font-size:21px;margin:26px 0 12px;padding-left:12px;border-left:4px solid var(--coin)}
.css365jz-body h3{font-size:18px;margin:20px 0 10px}
.css365jz-body img{border-radius:12px;margin:16px 0}
.css365jz-body ul li,.css365jz-body ol li{margin:8px 0 8px 22px;list-style:disc;color:#cdd7e8}
.css365jz-body ol li{list-style:decimal}
.css365jz-quote{border-left:4px solid var(--teal);background:rgba(45,212,191,.08);padding:14px 18px;border-radius:0 12px 12px 0;margin:18px 0;color:#bfeee7}
.css365jz-prevnext{display:flex;justify-content:space-between;gap:16px;margin:26px 0;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.css365jz-prevnext a{color:var(--text);max-width:48%}
.css365jz-prevnext a:hover{color:var(--coin)}
.css365jz-tags{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 26px}
.css365jz-tags a{padding:6px 14px;border-radius:999px;background:var(--card2);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.css365jz-tags a:hover{color:var(--coin);border-color:var(--coin)}
/* FAQ */
.css365jz-faq-item{border:1px solid var(--line);border-radius:12px;background:var(--card);margin-bottom:12px;overflow:hidden}
.css365jz-faq-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;font-weight:600}
.css365jz-faq-q .pm{color:var(--coin);font-size:20px;transition:transform .25s}
.css365jz-faq-a{padding:0 18px;max-height:0;overflow:hidden;color:var(--muted);transition:max-height .3s,padding .3s}
.css365jz-faq-item.open .css365jz-faq-a{max-height:400px;padding:0 18px 16px}
.css365jz-faq-item.open .css365jz-faq-q .pm{transform:rotate(45deg)}
/* CTA */
.css365jz-cta{border-radius:var(--radius);background:linear-gradient(135deg,rgba(240,180,41,.16),rgba(45,212,191,.12));border:1px solid rgba(240,180,41,.3);padding:40px;text-align:center}
.css365jz-cta h2{font-size:26px;margin-bottom:10px}
.css365jz-cta p{color:var(--muted);margin-bottom:22px}
/* 浮动工具 */
.css365jz-float{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:10px}
.css365jz-float a{width:56px;height:56px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;line-height:1.2;background:var(--card);border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow)}
.css365jz-float a i{font-style:normal;font-size:20px;margin-bottom:2px}
.css365jz-float a:hover{color:var(--coin);border-color:var(--coin)}
.css365jz-float-main{background:linear-gradient(135deg,var(--coin),#e0930f)!important;color:#1a1206!important;border-color:transparent!important}
/* 移动端Tabbar */
.css365jz-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:95;background:rgba(10,16,30,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.css365jz-tabbar ul{display:flex}
.css365jz-tabbar li{flex:1}
.css365jz-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0;font-size:11px;color:var(--muted)}
.css365jz-tabbar a i{font-style:normal;font-size:19px}
.css365jz-tab-main a{color:var(--coin)}
.css365jz-tab-main a i{width:44px;height:44px;margin-top:-22px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--coin),#e0930f);color:#1a1206;box-shadow:var(--shadow)}
/* 页脚 */
.css365jz-footer{border-top:1px solid var(--line);background:var(--bg2);padding:50px 0 24px;margin-top:20px}
.css365jz-foot-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}
.css365jz-foot-col h5{font-size:15px;margin-bottom:14px;color:var(--text)}
.css365jz-foot-col a,.css365jz-foot-col p{display:block;color:var(--muted);font-size:14px;padding:5px 0}
.css365jz-foot-col a:hover{color:var(--coin)}
.css365jz-foot-brand p{color:var(--muted);font-size:14px;margin-top:12px;max-width:320px}
.css365jz-copy{border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#5f6f8c;font-size:13px}
.css365jz-copy a{color:var(--muted)}
/* 响应式 */
@media(max-width:1024px){
  .css365jz-layout{grid-template-columns:1fr}
  .css365jz-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .css365jz-nav{display:none}
  .css365jz-burger{display:grid;place-items:center}
  .css365jz-hero .wrap{grid-template-columns:1fr;padding:44px 20px;gap:28px}
  .css365jz-hero h1{font-size:32px}
}
@media(max-width:768px){
  .css365jz-grid,.css365jz-dual,.css365jz-news{grid-template-columns:1fr}
  .css365jz-side{grid-template-columns:1fr}
  .css365jz-float{display:none}
  .css365jz-tabbar{display:block}
  body{padding-bottom:64px}
  .css365jz-head h2{font-size:24px}
  .css365jz-article{padding:22px}
  .css365jz-article h1{font-size:23px}
  .css365jz-vs-hero{grid-template-columns:1fr auto 1fr;gap:8px}
  .css365jz-vs-side{padding:14px 8px}
  .css365jz-hero-btns .btn{flex:1}
}