:root{--brand: #0c4da2;--brand-light: #00adef;--brand-mid: #1266d6;--brand-dark: #0b4fa8;--nav-hover: #1a7ad9;--gold: #edae47;--gold-light: #ffe169;--gold-dark: #b9821f;--bg: #ffffff;--bg-soft: #f4f6f9;--surface: #ffffff;--surface-alt: #eaf1fa;--text: #1b2430;--text-muted: #5a6b7d;--line: #dde5ee;--footer-top: #22aeee;--footer-bottom: #1668cf;--footer-text: #eaf4ff;--link: #0a4fa8;--link-visited: #5a3d9a;--radius-card: 14px;--radius-btn: 6px;--shadow-card: 0 6px 20px rgba(12, 77, 162, .1);--shadow-card-hover: 0 14px 32px rgba(12, 77, 162, .18);--container: 1440px;--prose: 820px;--font-zh: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", system-ui, sans-serif;--font-en: "Cinzel", "Times New Roman", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-zh);font-size:16px;line-height:1.8;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--link)}h1,h2,h3,h4{line-height:1.35;font-weight:800;color:var(--text);margin:0 0 .6em}h1{font-size:clamp(1.7rem,3.6vw,2.5rem)}h2{font-size:clamp(1.35rem,2.6vw,1.85rem)}h3{font-size:clamp(1.12rem,2vw,1.35rem)}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.section{padding:56px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.eyebrow{font-family:var(--font-en);letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--brand);font-weight:700;margin:0 0 4px}.section-title{margin:0;position:relative;padding-left:16px}.section-title:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--brand-light),var(--brand))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:800;font-family:inherit;text-decoration:none;border-radius:var(--radius-btn);padding:11px 22px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#3b2a06;box-shadow:0 6px 16px #f0b64c61}.btn-gold:hover{box-shadow:0 10px 22px #f0b64c80}.btn-brand{background:linear-gradient(180deg,var(--brand-mid),var(--brand));color:#fff;box-shadow:0 6px 16px #0c4da252}.btn-ghost{background:transparent;color:var(--brand);border:2px solid var(--brand)}.btn-lg{padding:15px 40px;font-size:1.08rem;border-radius:999px}.site-header{position:sticky;top:0;z-index:60;background:#fffffff0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:18px;height:72px}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand-link img{width:46px;height:46px}.brand-text{display:flex;flex-direction:column;line-height:1.12}.brand-text b{font-size:1.12rem;color:var(--brand);letter-spacing:.02em}.brand-text span{font-family:var(--font-en);font-size:.62rem;letter-spacing:.22em;color:var(--gold-dark)}.main-nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}.main-nav a{padding:8px 10px;border-radius:8px;font-size:.95rem;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--surface-alt);color:var(--brand)}.header-actions{display:flex;gap:8px;flex-shrink:0}.header-actions .btn{padding:9px 18px;font-size:.92rem}.nav-toggle{display:none;background:transparent;border:2px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}.nav-toggle span{display:block;width:20px;height:2px;background:var(--brand);position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--brand)}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.hero{padding:22px 0 8px}.hero-frame{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-card);background:#0b1a2e}.hero-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1)}.hero-slide{min-width:100%}.hero-slide img{width:100%;aspect-ratio:1920 / 610;object-fit:cover}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#0b1a2e8c;color:#fff;font-size:1.4rem;cursor:pointer;display:grid;place-items:center}.hero-arrow:hover{background:var(--brand)}.hero-prev{left:14px}.hero-next{right:14px}.hero-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px}.hero-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:#ffffff73;cursor:pointer}.hero-dots button[aria-current=true]{background:var(--gold);width:26px;border-radius:6px}.hero-count{position:absolute;right:16px;bottom:14px;background:#0b1a2e99;color:#fff;font-size:.8rem;padding:3px 10px;border-radius:999px;font-variant-numeric:tabular-nums}.marquee{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-top:18px;box-shadow:var(--shadow-card)}.marquee-tag{flex-shrink:0;background:linear-gradient(135deg,var(--brand),var(--brand-mid));color:#fff;font-weight:800;font-size:.82rem;padding:5px 12px;border-radius:999px}.marquee-viewport{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee-track{display:inline-flex;gap:46px;white-space:nowrap;animation:marquee 34s linear infinite}.marquee-viewport:hover .marquee-track{animation-play-state:paused}.marquee-track span{color:var(--text-muted);font-size:.92rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-more{flex-shrink:0;font-weight:700;font-size:.88rem}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero-track{transition:none}}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.game-card{background:var(--surface);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.game-card figcaption{background:linear-gradient(180deg,var(--brand-mid),var(--brand));color:#fff;font-weight:800;text-align:center;padding:11px 6px;font-size:1.02rem}.game-card .game-art{aspect-ratio:7 / 8;object-fit:contain;background:#fff;padding:6px}.game-card .game-foot{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#3b2a06;text-align:center;font-weight:800;font-size:.82rem;letter-spacing:.1em;padding:8px;font-family:var(--font-en)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.post-card .cover{aspect-ratio:16 / 9;object-fit:cover;width:100%}.post-card .cover-fallback{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--brand),var(--brand-light));display:grid;place-items:center;color:#ffffffe6;font-family:var(--font-en);letter-spacing:.2em;font-size:.9rem}.post-card .body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.chip{align-self:flex-start;background:var(--surface-alt);color:var(--brand);font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:999px}.post-card h3{margin:0;font-size:1.08rem}.post-card h3 a{color:var(--text);text-decoration:none}.post-card h3 a:hover{color:var(--brand);text-decoration:underline}.post-card p{margin:0;color:var(--text-muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card time{color:var(--text-muted);font-size:.82rem;margin-top:auto}.service{background:linear-gradient(180deg,#eef4fb,#e2ebf5)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:var(--surface);border-radius:var(--radius-card);padding:24px 20px;text-align:center;box-shadow:var(--shadow-card)}.service-card .ico{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-light),var(--brand));color:#fff;font-size:1.4rem;font-weight:800;font-family:var(--font-en)}.service-card h3{margin:0 0 6px;font-size:1.05rem}.service-card p{margin:0;color:var(--text-muted);font-size:.9rem}.cta{background:radial-gradient(120% 140% at 50% 0%,#1464c9,#0c4da2 45%,#072d63);color:#fff;text-align:center;padding:60px 0}.cta h2{color:#fff}.cta p{color:#cfe0f5;max-width:620px;margin:0 auto 26px}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:46px 0 26px;margin-top:10px}.site-footer h4{color:#fff;font-size:.98rem;margin:0 0 12px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-grid a{color:var(--footer-text);text-decoration:none;font-size:.92rem}.footer-grid a:hover{color:var(--gold);text-decoration:underline}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:7px}.provider-strip{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;padding:26px 0;margin-top:26px;border-top:1px solid rgba(255,255,255,.12)}.provider-strip img{height:34px;width:auto;opacity:.72}.age-note{background:#f0b64c1a;border:1px solid rgba(240,182,76,.32);border-radius:12px;padding:14px 18px;margin-top:20px;font-size:.88rem;color:#e7d6b0}.age-note b{color:var(--gold)}.copyright{text-align:center;font-size:.84rem;color:#8ba0b8;padding-top:20px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1)}.breadcrumbs{font-size:.88rem;color:var(--text-muted);padding:18px 0 0}.breadcrumbs a{color:var(--brand)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:36px 0 0;flex-wrap:wrap}.pagination a,.pagination span{min-width:42px;height:42px;padding:0 12px;display:grid;place-items:center;border-radius:10px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:700}.pagination [aria-current=page]{background:var(--brand);color:#fff;border-color:var(--brand)}.prose{max-width:var(--prose);margin-inline:auto}.page-hero{background:linear-gradient(135deg,#0c4da2,#00aeef);color:#fff;padding:40px 0 44px}.page-hero h1{color:#fff;margin-bottom:8px}.page-hero p{margin:0;color:#dcecfb;max-width:760px}.article-content{background:var(--surface);border-radius:var(--radius-card);padding:34px clamp(18px,4vw,46px);box-shadow:var(--shadow-card)}.article-content h2{margin-top:1.9em;padding-top:.3em;border-top:2px solid var(--surface-alt)}.article-content ul,.article-content ol{padding-left:1.4em}.article-content li{margin:.4em 0}.article-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.94rem}.article-content th,.article-content td{border:1px solid var(--line);padding:9px 12px;text-align:left}.article-content th{background:var(--surface-alt)}.article-content blockquote{border-left:4px solid var(--gold);background:#fdf7ea;margin:1.3em 0;padding:12px 18px;border-radius:0 10px 10px 0}.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-muted);font-size:.88rem;margin-bottom:20px}.faq-block{margin-top:34px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}.faq-item h3{margin:0 0 6px;font-size:1.02rem;color:var(--brand-dark)}.faq-item p{margin:0}.further-reading{margin-top:34px;background:var(--surface-alt);border-radius:var(--radius-card);padding:22px 26px}.further-reading h2{margin-top:0;border:0;padding-top:0;font-size:1.15rem}.rg-footer-note{background:#fff8ea;border:1px solid #f0dcae;border-radius:12px;padding:14px 18px;margin-top:28px;font-size:.9rem;color:#6b5320}.article-content a:not(.button):not(.btn):not([role=button]),.prose a:not(.button):not(.btn):not([role=button]){color:#005fcc;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.article-content a:not(.button):not(.btn):not([role=button]):hover,.prose a:not(.button):not(.btn):not([role=button]):hover{text-decoration-thickness:.14em}.article-content a:not(.button):not(.btn):not([role=button]):focus-visible,.prose a:not(.button):not(.btn):not([role=button]):focus-visible{outline:2px solid currentColor;outline-offset:3px}.article-content a:not(.button):not(.btn):not([role=button]):visited,.prose a:not(.button):not(.btn):not([role=button]):visited{color:var(--link-visited)}.display-only{cursor:default}.empty-state{background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-card);padding:40px 24px;text-align:center;color:var(--text-muted)}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.main-nav{position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 16px 16px;box-shadow:0 12px 24px #00000014;display:none}.main-nav.open{display:flex}.main-nav a{padding:12px 8px;border-bottom:1px solid var(--surface-alt);border-radius:0}.nav-toggle{display:flex;margin-left:auto}.header-actions{order:3}.game-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:1fr}.section{padding:42px 0}}@media(max-width:600px){body{font-size:15.5px}.hero-frame{border-radius:14px}.hero-arrow{width:36px;height:36px;font-size:1.1rem}.section{padding:34px 0}.header-actions .btn{padding:8px 12px;font-size:.86rem}.footer-grid{grid-template-columns:1fr}.article-content{padding:22px 16px}}@media(max-width:420px){.brand-text{display:none}.header-inner{gap:8px}.header-actions .btn{padding:8px 10px;font-size:.8rem}.game-card figcaption{font-size:.9rem}}body{background:var(--bg)}.site-header{background:#fff;border-bottom:0;box-shadow:0 2px 10px #0000000f}.header-inner{height:88px;gap:14px}.brand-link img{width:74px;height:74px}.brand-text{display:none}.main-nav{gap:10px;justify-content:flex-start}.main-nav>a,.nav-item>button,.nav-guide{font-size:clamp(14px,1.15vw,17px);font-weight:600;color:#2c3542;background:transparent;border:0;padding:9px 7px;border-radius:6px;cursor:pointer;font-family:inherit;white-space:nowrap;text-decoration:none;line-height:1.2}.nav-guide:hover{color:var(--nav-hover)}.main-nav{flex-wrap:nowrap}.login-box input{width:clamp(78px,7vw,118px)}.main-nav>a:hover,.nav-item>button:hover,.nav-item.open>button,.main-nav>a[aria-current=page]{color:var(--nav-hover);background:transparent}.nav-item{position:relative}.mega{display:none;position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 18px);z-index:70;min-width:320px;background:#fff;border-radius:12px;box-shadow:0 18px 40px #0c4da22e;padding:16px}.nav-item.open .mega,.nav-item:hover .mega,.nav-item:focus-within .mega{display:block}.mega ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mega a{display:block;padding:9px 12px;border-radius:8px;color:#2c3542;text-decoration:none;font-size:.95rem;font-weight:600}.mega a:hover{background:var(--surface-alt);color:var(--brand)}.mega .mega-note{margin:8px 4px 0;font-size:.8rem;color:var(--text-muted)}.login-box{display:flex;align-items:center;gap:4px}.login-box input{height:38px;width:118px;border:1px solid var(--line);border-radius:4px;padding:0 10px;font-family:inherit;font-size:.92rem;background:#fff}.login-box .forgot{font-size:.78rem;font-weight:700;color:var(--gold-dark);text-decoration:none;margin-left:-34px;z-index:2}.btn-login{background:linear-gradient(180deg,#00adef,#1266d6);color:#fff;height:38px;padding:0 20px;border-radius:4px}.btn-register{background:linear-gradient(180deg,#ffe169,#edae47);color:#4a3607;height:38px;padding:0 20px;border-radius:4px}.lang-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:4px;font-size:.9rem;color:#2c3542;background:#fff}.notice-bar{background:var(--gold);color:#241a02}.notice-inner{display:flex;align-items:center;height:38px;gap:0}.notice-tag{position:relative;background:#b9821f;color:#fff;font-weight:800;font-size:.92rem;padding:0 26px 0 18px;height:38px;display:flex;align-items:center}.notice-tag:after{content:"";position:absolute;right:-14px;top:0;border-left:14px solid #b9821f;border-top:19px solid transparent;border-bottom:19px solid transparent}.notice-viewport{flex:1;overflow:hidden;margin-left:24px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.notice-track{display:inline-flex;gap:42px;white-space:nowrap;animation:marquee 38s linear infinite;font-size:.92rem;font-weight:600}.notice-viewport:hover .notice-track{animation-play-state:paused}.notice-more{flex-shrink:0;margin-left:18px;font-weight:800;font-size:.88rem;color:#241a02;text-decoration:none}.wave{display:block;width:100%;height:46px}.wave-gold path{fill:#edae47}.wave-white path{fill:#fff}.lobby{background:var(--bg-soft);padding:46px 0 60px}.lobby-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:start}.lobby-card{position:relative;text-align:center;transition:transform .22s ease}.lobby-grid>.lobby-card:nth-child(2n){transform:translateY(26px)}.lobby-card:hover{transform:translateY(-8px)}.lobby-grid>.lobby-card:nth-child(2n):hover{transform:translateY(16px)}.lobby-card img{width:100%;height:auto;filter:drop-shadow(0 10px 18px rgba(12,77,162,.18))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.brandwall{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.brandwall figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;place-items:center}.brandwall img{max-height:46px;width:auto}.appsec{background:linear-gradient(180deg,#1e8ee0,#1359bd);color:#fff;padding:54px 0}.appsec h2{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem)}.appsec p{color:#d8ecff}.appsec-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.qr-box{background:#fff;padding:10px;border-radius:10px;width:148px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 46px}.feature{display:flex;gap:18px;align-items:flex-start}.feature .fico{flex-shrink:0;width:62px;height:62px;border-radius:14px;display:grid;place-items:center;background:#eaf4fd;color:var(--brand-mid);font-size:1.5rem;font-weight:800;font-family:var(--font-en)}.feature h3{color:var(--brand-mid);margin:0 0 6px;font-size:1.25rem}.feature p{margin:0;color:#4a5563;font-size:.95rem}.site-footer{background:linear-gradient(180deg,var(--footer-top),var(--footer-bottom));color:var(--footer-text);padding:40px 0 26px;margin-top:0}.site-footer h4{color:#fff}.site-footer .footer-grid a:hover{color:#ffe169}.provider-strip{justify-content:center;border-top:1px solid rgba(255,255,255,.22)}.provider-strip img{height:40px;opacity:.95}.footer-inline{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:22px;font-weight:700}.footer-inline a{color:#fff;text-decoration:none}.footer-inline a:hover{color:#ffe169;text-decoration:underline}.age-note{background:#ffffff1f;border-color:#ffffff4d;color:#f2f8ff}.age-note b{color:#ffe169}.copyright{color:#dbebfb;border-top-color:#ffffff38}@media(max-width:1200px){.lobby-grid{grid-template-columns:repeat(3,1fr)}.brandwall{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.header-inner{height:74px;gap:10px}.brand-link img{width:60px;height:60px}.main-nav{top:74px}.main-nav>a,.nav-item>button{width:100%;text-align:left}.nav-item{width:100%}.mega{position:static;transform:none;box-shadow:none;padding:0 0 8px 12px;min-width:0}.login-box,.lang-chip{display:none}.appsec-grid,.feature-grid{grid-template-columns:1fr}.lobby-grid>.lobby-card:nth-child(2n){transform:none}.lobby-grid>.lobby-card:nth-child(2n):hover{transform:translateY(-8px)}}@media(max-width:600px){.lobby-grid{grid-template-columns:repeat(2,1fr)}.brandwall{grid-template-columns:repeat(3,1fr)}.wave{height:26px}}@media(max-width:420px){.header-actions .btn{padding:0 12px;font-size:.82rem}}