*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#172326;background:#fafbfc;font-family:Arial,"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #dd691c;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid #d9dfe1;background:#fafbfc} .brand{display:flex;align-items:center;gap:15px;font-size:36px;font-weight:900;line-height:1;letter-spacing:-3px}.brand span{font-size:18px;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:9px}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#b75414}.hero{background:#123a40;color:#fff;padding:65px 8% 0;overflow:hidden}.eyebrow,.section-label{font-size:13px;letter-spacing:2px;font-weight:600}.hero h1{font-size:clamp(40px,6.5vw,88px);line-height:1.3;letter-spacing:-2px;margin:34px 0}.hero-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1000px}.hero p{color:#d6e2e3;font-size:19px}.button{background:#f1b75b;color:#162e31;padding:14px 25px;font-weight:bold;display:inline-flex;gap:44px}.button:hover{background:#ffd187}.hero-type{margin-top:45px;font-size:clamp(65px,16vw,220px);line-height:.95;letter-spacing:-.07em;font-weight:900;color:#31616a;white-space:nowrap}.hero-type span{color:#91b4b8}.section{padding:95px 8%;display:grid;grid-template-columns:1fr 1.5fr;gap:70px;max-width:1600px;margin:auto}.section h2{font-size:32px;letter-spacing:0;line-height:1.5;margin:15px 0}.section h3{font-size:32px;line-height:1.5;margin:0 0 25px}.section p{color:#536369;max-width:700px}.about{border-bottom:1px solid #d5dddf}.service-list article{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid #d5dddf}.service-list article:first-child{padding-top:0}.service-list article>span{color:#ac591c;font-size:15px}.service-list h3{font-size:23px;margin:0}.service-list p{margin:12px 0}.game{margin:10px 5%;background:#e8eff0;padding:65px 5%;display:grid;grid-template-columns:1.15fr 1fr;gap:80px;border-top:5px solid #b97530}.status{display:inline-block;font-size:13px;border:1px solid #80989a;padding:2px 12px;margin:25px 0 0}.game h2{font-size:55px;margin:12px 0;line-height:1.3}.game-lead{font-size:25px;line-height:1.6}.game p{max-width:600px}.notice{font-size:14px;color:#52666b;border-top:1px solid #b8cacc;padding-top:18px}.game-features{align-self:center}.game-features article{padding:22px 0;border-bottom:1px solid #b8cacc}.game-features span{font-size:12px;letter-spacing:3px;color:#655535}.game-features h3{font-size:22px;margin:7px 0}.game-features p{margin:0;color:#4b6267}.contact{padding-top:100px}.contact .section-label p{letter-spacing:0;font-size:16px;font-weight:400}.email{font-size:clamp(17px,2.1vw,29px);font-weight:600;border-bottom:2px solid #173b41;padding-bottom:12px;display:block;overflow-wrap:anywhere}.email span{float:right}dl{display:grid;grid-template-columns:100px 1fr;gap:15px;font-size:15px;margin-top:30px}dt{color:#69777b}dd{margin:0}footer{border-top:1px solid #d5dddf;margin:0 8%;padding:25px 0;display:flex;justify-content:space-between;font-size:13px;color:#5a6c70}@media(max-width:760px){header{padding:20px 6%;align-items:flex-start;gap:20px;flex-direction:column}nav{gap:22px;flex-wrap:wrap}.hero{padding:42px 6% 0}.hero h1{letter-spacing:0}.hero-bottom{display:block}.hero p{font-size:17px}.button{margin-top:15px}.hero-type{margin-top:40px}.section{padding:55px 6%;grid-template-columns:1fr;gap:25px}.section h3{font-size:25px}.game{margin:0;padding:50px 6%;grid-template-columns:1fr;gap:25px}.game h2{font-size:44px}.game-lead{font-size:22px}.service-list h3{font-size:21px}.email{font-size:20px}footer{margin:0 6%;gap:20px}.brand small{font-size:10px}dl{grid-template-columns:85px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}