:root{--orange:#ff7133;--orange-dark:#f05b1d;--black:#111;--gray:#666;--line:#ececec;--soft:#fff6f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--black);font:16px Arial,sans-serif}.site-header{height:104px;padding:0 28px;display:flex;align-items:center;gap:32px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #00000014}.logo img{width:145px;display:block}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a,.language{color:#111;text-decoration:none;font-weight:700;white-space:nowrap}.site-header nav a:hover,.site-header nav .active{color:var(--orange)}.language{color:var(--orange);padding-left:8px}.header-actions{display:grid;gap:8px;width:170px}.header-actions a{text-align:center;padding:10px;border-radius:12px;text-decoration:none;font-weight:800}.header-actions .login{background:var(--orange);color:#fff}.header-actions .register{background:#fff;color:var(--orange);border:1.5px solid var(--orange)}.menu{display:none;border:0;background:#fff;color:var(--orange);font-size:28px}.slider{position:relative;width:100%;aspect-ratio:1920/338;background:var(--orange);overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity .45s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:fill}.slider>.prev,.slider>.next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;background:#0004;color:#fff;font-size:42px;cursor:pointer}.slider>.prev{left:0}.slider>.next{right:0}.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#ffffff88}.dots .on{width:25px;border-radius:5px;background:#fff}.notice{display:flex;align-items:center;gap:22px;padding:15px 6vw;border-bottom:1px solid var(--line)}.notice b{padding:8px 14px;border-radius:7px;background:var(--orange);color:#fff}.notice p{flex:1;margin:0;color:#555}.notice a{color:var(--orange);font-weight:bold;text-decoration:none}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 6vw;background:#fafafa}.quick a{padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;color:#111;text-decoration:none;box-shadow:0 8px 20px #00000008;transition:.2s}.quick a:hover{transform:translateY(-3px);border-color:#ffc4a9}.quick i{font-style:normal;font-size:27px}.quick b,.quick span{display:block}.quick span{font-size:13px;color:#777;margin-top:5px}.quick strong{font-size:25px;color:var(--orange)}.section{padding:80px 6vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-head span,.mobile>div>span,.support>div>span{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--orange)}.section-head h1,.section-head h2,.mobile h2,.support h2{font-size:46px;line-height:1.05;margin:9px 0}.section-head p{margin:0;color:var(--gray)}.tabs{display:flex;gap:8px}.tabs button{padding:11px 21px;border-radius:10px;border:1px solid #ddd;background:#fff;font-weight:bold}.tabs .selected{background:var(--orange);border-color:var(--orange);color:#fff}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.game-grid article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 9px 24px #0000000a;transition:.2s}.game-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000016}.game-grid img{width:100%;aspect-ratio:1/1.22;object-fit:cover;display:block}.game-grid article div{padding:15px}.game-grid b,.game-grid span{display:block}.game-grid span{font-size:13px;color:#777;margin-top:5px}.center{text-align:center;margin-top:35px}.primary{display:inline-block;padding:14px 26px;border-radius:10px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800}.promotion{background:var(--soft)}.section-head>a{color:var(--orange);font-weight:bold}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-grid article{min-height:250px;padding:30px;border-radius:18px;background:#fff;border:1px solid #ffd8c6;box-shadow:0 12px 30px #d9571912;display:flex;flex-direction:column}.promo-label{width:max-content;padding:7px 11px;border-radius:6px;background:var(--orange);color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}.promo-grid h3{font-size:25px;margin:20px 0 8px}.promo-grid p{color:#666;line-height:1.65}.promo-grid a{color:var(--orange);font-weight:bold;margin-top:auto}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.step-grid article{padding:36px;background:#fff;position:relative}.step-grid article>b{position:absolute;right:25px;top:22px;color:#eee;font-size:46px}.step-grid i{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--orange);font-style:normal;font-size:24px}.step-grid h3{font-size:22px;margin:22px 0 10px}.step-grid p{line-height:1.65;color:#666}.mobile{padding:80px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:linear-gradient(135deg,#fff 0 55%,var(--soft) 55%)}.mobile-art{display:grid;place-items:center}.phone{width:320px;height:560px;padding:18px;border:8px solid #111;border-radius:45px;background:#fff;box-shadow:0 30px 70px #0003;overflow:hidden}.phone-top{width:95px;height:18px;border-radius:12px;background:#111;margin:-6px auto 30px}.phone img{width:100%;height:250px;object-fit:cover;border-radius:20px}.phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.phone-actions span{padding:22px 5px;border-radius:12px;background:var(--soft);text-align:center;font-size:12px;font-weight:bold}.mobile p,.mobile li,.support p{color:#666;line-height:1.7}.mobile ul{padding-left:20px;margin-bottom:28px}.mobile li{margin:9px 0}.support{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.support-links{border-top:1px solid var(--line)}.support-links a{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 30px;color:#111;text-decoration:none}.support-links span{color:#777}.support-links strong{color:var(--orange)}footer{padding:46px 6vw;background:#111;color:#bbb;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}footer img{width:90px}footer nav{display:flex;gap:24px}footer a{color:#fff;text-decoration:none}footer>b{text-align:right;color:var(--orange)}@media(max-width:1100px){.site-header nav,.language{display:none}.header-actions{margin-left:auto}.menu{display:block}.game-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.site-header{height:78px;padding:0 14px}.logo img{width:92px}.header-actions{display:flex;width:auto}.header-actions .register{display:none}.slider{aspect-ratio:16/5}.notice a{display:none}.quick{grid-template-columns:1fr 1fr;padding:18px}.section{padding:55px 20px}.section-head{display:block}.tabs{margin-top:22px;overflow:auto}.section-head h1,.section-head h2,.mobile h2,.support h2{font-size:34px}.game-grid{grid-template-columns:1fr 1fr;gap:12px}.promo-grid,.step-grid{grid-template-columns:1fr}.mobile{grid-template-columns:1fr;padding:60px 22px}.phone{width:280px;height:500px}.support{grid-template-columns:1fr;gap:25px}.support-links a{grid-template-columns:1fr 25px}.support-links span{display:none}footer{grid-template-columns:1fr;gap:22px}footer>b{text-align:left}}