:root{--c-brand:#C9151E;--c-brand-deep:#A01018;--c-brand-soft:#FBE9EA;--c-gold:#F0A32F;--c-gold-deep:#C77E14;--c-gold-soft:#FDF3E1;--c-ball-red:#E0484E;--c-ball-blue:#1E6FEB;--c-ball-green:#2BA245;--c-warning:#F08A1D;--c-danger:#DC2626;--c-ink-900:#16181D;--c-ink-800:#1F2329;--c-ink-600:#4E5969;--c-ink-400:#86909C;--c-ink-300:#C9CDD4;--c-ink-200:#E5E6EB;--c-ink-100:#F2F3F5;--c-ink-50:#FAFBFC;--c-surface:#FFFFFF;--font-base:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Source Han Sans SC",sans-serif;--font-num:"Bahnschrift","DIN Alternate","Arial Narrow",var(--font-base);--font-code:Consolas,"JetBrains Mono","Courier New",monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--el-color-primary:#C9151E;--el-color-success:#2BA245;--el-color-warning:#F08A1D;--el-color-danger:#DC2626;--van-primary-color:#C9151E;--van-success-color:#2BA245;--van-danger-color:#DC2626}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);font-size:14px;line-height:1.7;color:var(--c-ink-800);background:var(--c-ink-50)}a{color:var(--c-ball-blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.wrap{max-width:1200px;margin:0 auto;padding:0 var(--sp-4)}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-ink-200);position:sticky;top:0;z-index:50}.site-header .wrap{display:flex;align-items:center;gap:var(--sp-5);height:60px}.site-header .logo img{height:34px;display:block}.nav{display:flex;gap:var(--sp-4);margin-left:auto}.nav a{color:var(--c-ink-600);font-size:14px;padding:6px 4px}.nav a:hover{color:var(--c-brand);text-decoration:none}.nav a[aria-current]{color:var(--c-brand);font-weight:600}.menu-btn{display:none;margin-left:auto;background:none;border:none;padding:8px;cursor:pointer;color:var(--c-ink-800)}.menu-btn svg{width:24px;height:24px;display:block}.crumbs{font-size:12px;color:var(--c-ink-400);padding:var(--sp-3) 0}.crumbs a{color:var(--c-ink-400)}.crumbs span{margin:0 6px;color:var(--c-ink-300)}.hero{background:var(--c-ink-900);color:#fff;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-6);align-items:center;padding-top:var(--sp-7);padding-bottom:var(--sp-7)}.hero h1{font-size:40px;line-height:1.3;font-weight:700}.hero h1 em{color:var(--c-gold);font-style:normal}.hero p.sub{margin-top:var(--sp-3);color:#c9cdd4;font-size:15px}.hero-stats{display:flex;gap:var(--sp-5);margin-top:var(--sp-5);flex-wrap:wrap}.hero-stats b{display:block;font-size:28px;font-family:var(--font-num);color:var(--c-gold)}.hero-stats span{font-size:12px;color:#c9cdd4}.hero-img img{width:100%;border-radius:var(--r-lg)}.section{padding:var(--sp-7) 0}.section-title{font-size:20px;font-weight:600;margin-bottom:var(--sp-5);display:flex;align-items:center;gap:var(--sp-3)}.section-title:before{content:"";width:4px;height:20px;background:var(--c-brand);border-radius:2px}.section-title .more{margin-left:auto;font-size:13px;font-weight:400}.grid{display:grid;gap:var(--sp-4)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.pcard{background:var(--c-surface);border:1px solid var(--c-ink-200);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s}.pcard:hover{box-shadow:0 6px 20px #16181d14}.pcard .cover{aspect-ratio:16/9;object-fit:cover;width:100%;display:block;background:var(--c-ink-900)}.pcard .body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1}.pcard h3{font-size:15px;line-height:1.5}.pcard h3 a{color:var(--c-ink-800)}.pcard h3 a:hover{color:var(--c-brand);text-decoration:none}.pcard .meta{font-size:12px;color:var(--c-ink-400)}.pcard .price{margin-top:auto;display:flex;align-items:baseline;gap:6px;padding-top:var(--sp-2)}.pcard .price b{font-family:var(--font-num);font-size:22px;color:var(--c-brand)}.pcard .price small{font-size:12px;color:var(--c-ink-400)}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 10px;border-radius:var(--r-full);font-size:12px;line-height:1}.tag--onsale{background:#e8f5ec;color:var(--c-ball-green)}.tag--demo{background:#e8f0fe;color:var(--c-ball-blue)}.tag--ask{background:var(--c-gold-soft);color:var(--c-gold-deep)}.tag--paused{background:var(--c-ink-100);color:var(--c-ink-400)}.tag--off{background:var(--c-ink-100);color:var(--c-ink-300)}.tag--brand{background:var(--c-brand-soft);color:var(--c-brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 22px;border-radius:var(--r-full);font-size:14px;border:none;cursor:pointer;font-family:var(--font-base);transition:opacity .15s}.btn svg{width:18px;height:18px}.btn:active{opacity:.7}.btn--primary{background:var(--c-brand);color:#fff}.btn--primary:hover{background:var(--c-brand-deep)}.btn--gold{background:var(--c-gold);color:#5a3600}.btn--gold:hover{background:#e2961f}.btn--ghost{background:var(--c-surface);color:var(--c-brand);border:1.5px solid var(--c-brand)}.btn--lg{height:46px;padding:0 28px;font-size:15px}.strip{background:var(--c-ink-900);color:#fff;border-radius:var(--r-lg);padding:var(--sp-5);display:flex;gap:var(--sp-5);flex-wrap:wrap;align-items:center}.strip b{color:var(--c-gold);font-family:var(--font-num)}.faq{border:1px solid var(--c-ink-200);border-radius:var(--r-md);background:var(--c-surface);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.faq q{display:block;quotes:"Q：" "";font-weight:600;color:var(--c-ink-800)}.faq p{margin-top:var(--sp-2);color:var(--c-ink-600);font-size:13px}.ktable{width:100%;border-collapse:collapse;background:var(--c-surface);border:1px solid var(--c-ink-200);border-radius:var(--r-md);overflow:hidden}.ktable th,.ktable td{padding:10px var(--sp-4);border-bottom:1px solid var(--c-ink-100);text-align:left;font-size:13px;vertical-align:top}.ktable th{color:var(--c-ink-400);font-weight:400;width:120px;background:var(--c-ink-50)}.prose{background:var(--c-surface);border:1px solid var(--c-ink-200);border-radius:var(--r-md);padding:var(--sp-6);line-height:1.9}.prose h2{font-size:18px;margin:var(--sp-5) 0 var(--sp-3)}.prose h3{font-size:15px;margin:var(--sp-4) 0 var(--sp-2)}.prose p{margin-bottom:var(--sp-3);color:var(--c-ink-600)}.prose ul,.prose ol{margin:0 0 var(--sp-3) 1.4em;color:var(--c-ink-600)}.prose li{margin-bottom:4px}.prose table{width:100%;border-collapse:collapse;margin-bottom:var(--sp-3)}.prose table th,.prose table td{border:1px solid var(--c-ink-200);padding:8px 12px;font-size:13px}.prose blockquote{border-left:4px solid var(--c-gold);background:var(--c-gold-soft);padding:var(--sp-3) var(--sp-4);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-bottom:var(--sp-3);color:var(--c-ink-800)}.prose code{font-family:var(--font-code);background:var(--c-ink-100);padding:2px 6px;border-radius:4px;font-size:13px}.conclusion{border-left:4px solid var(--c-gold);background:var(--c-gold-soft);padding:var(--sp-3) var(--sp-4);border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13px;color:var(--c-ink-800)}.float-wechat{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none}.float-wechat .inner{margin:0 var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));background:var(--c-ink-900);border-radius:var(--r-full);padding:10px 10px 10px 18px;display:flex;align-items:center;gap:var(--sp-3);box-shadow:0 6px 24px #16181d59}.float-wechat .wx{color:#fff;font-size:14px}.float-wechat .wx b{color:var(--c-gold)}.side-wechat{display:block}.side-wechat .inner{position:fixed;right:16px;bottom:20%;z-index:60;background:var(--c-brand);color:#fff;border-radius:var(--r-full);padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px #c9151e66;border:none;font-size:14px;font-family:var(--font-base)}.side-wechat svg{width:18px;height:18px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%) translateY(20px);background:#16181deb;color:#fff;padding:10px 20px;border-radius:var(--r-full);font-size:13px;opacity:0;pointer-events:none;transition:all .25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.demo-mask{position:fixed;inset:0;background:#16181d8c;z-index:80;display:none;align-items:center;justify-content:center;padding:var(--sp-4)}.demo-mask.open{display:flex}.demo-pop{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-6);max-width:380px;width:100%;text-align:center}.demo-pop h3{font-size:17px;margin-bottom:var(--sp-2)}.demo-pop p{font-size:13px;color:var(--c-ink-600);margin-bottom:var(--sp-4)}.demo-pop .row{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.site-footer{background:var(--c-ink-900);color:#c9cdd4;margin-top:var(--sp-8);font-size:13px}.site-footer .wrap{padding-top:var(--sp-6);padding-bottom:var(--sp-6)}.site-footer a{color:#c9cdd4}.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--sp-6)}.site-footer h4{color:#fff;font-size:14px;margin-bottom:var(--sp-3)}.site-footer li{list-style:none;margin-bottom:6px}.site-footer .base{border-top:1px solid rgba(255,255,255,.1);margin-top:var(--sp-5);padding-top:var(--sp-4);color:var(--c-ink-400);font-size:12px}.game-hero{background:var(--c-ink-900);color:#fff;padding:var(--sp-7) 0;margin-bottom:var(--sp-5)}.game-hero h1{font-size:30px}.game-hero .rule{color:var(--c-gold);margin-top:var(--sp-2);font-size:15px}.game-hero .facts{display:flex;gap:var(--sp-4);margin-top:var(--sp-4);flex-wrap:wrap;font-size:13px;color:#c9cdd4}.game-hero .facts span{background:#ffffff14;border-radius:var(--r-full);padding:4px 14px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.game-grid a{background:var(--c-surface);border:1px solid var(--c-ink-200);border-radius:var(--r-sm);padding:8px 4px;text-align:center;font-size:13px;color:var(--c-ink-600);display:block}.game-grid a:hover{border-color:var(--c-brand);color:var(--c-brand);text-decoration:none}.game-grid a.has{border-color:var(--c-ball-green);background:#e8f5ec}@media(max-width:767px){.nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--c-surface);flex-direction:column;padding:var(--sp-4);border-bottom:1px solid var(--c-ink-200);gap:0}.nav.open{display:flex}.nav a{padding:12px 4px;border-bottom:1px solid var(--c-ink-100)}.menu-btn{display:block}.hero .wrap{grid-template-columns:1fr;padding-top:var(--sp-6);padding-bottom:var(--sp-6)}.hero h1{font-size:28px}.hero-img{order:-1}.grid-4,.grid-3{grid-template-columns:1fr}.section{padding:var(--sp-6) 0}.float-wechat{display:block}.side-wechat{display:none}.site-footer .cols{grid-template-columns:1fr}.prose{padding:var(--sp-4)}}@media(min-width:768px){.float-wechat{display:none}}