*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f4f9ff;color:#26394d;font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible{outline:3px solid #1674d5;outline-offset:5px}header{max-width:1280px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dbe8f6;background:rgba(244,249,255,.96)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;white-space:nowrap}.brand-mark{background:linear-gradient(130deg,#22c6d8,#1968fa);color:white;border-radius:13px;padding:6px 10px;font-size:23px;letter-spacing:-1px}.brand small{display:block;font-size:10px;color:#65809b;font-weight:500;letter-spacing:2px}nav{display:flex;gap:25px;font-size:14px;font-weight:650}nav a:hover,.back:hover{color:#1674d5}.nav-contact{font-size:14px;padding:10px 17px;background:white;border:1px solid #dbe8f6;border-radius:13px;box-shadow:0 4px 12px #164c8b08;color:#126ac9}main{max-width:1200px;padding:0 24px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:60px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#1674d5;font-weight:750}h1,h2,h3,p{margin:0}h1{font-size:clamp(40px,4.5vw,64px);line-height:1.2;letter-spacing:-2px;margin:20px 0}h1 em{font-style:normal;color:#1674d5}.hero-copy>p{font-size:18px;color:#657b91;line-height:1.9}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 22px;border-radius:13px;font-weight:700;font-size:15px;transition:transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#23bfd7,#1c65fa);color:white;box-shadow:0 8px 22px #147fe329}.secondary{background:#fff;border:1px solid #dbe8f6;color:#126ac9}.hero-tags{display:flex;gap:18px;margin-top:28px;font-size:12px;color:#6c849b}.hero-art{background:linear-gradient(140deg,#e5f5ff,#fff);border:1px solid #dbe8f6;border-radius:28px;position:relative;overflow:hidden;height:470px;padding:28px 30px;box-shadow:0 18px 50px #236ba40d}.art-label{font-size:11px;letter-spacing:2px;color:#6486a8}.art-heading{font-size:32px;line-height:1.4;margin-top:18px;font-weight:700}.art-heading strong{color:#1674d5}.phones{position:absolute;right:24px;top:60px;width:60%;display:flex;gap:16px;align-items:center;transform:rotate(-9deg)}.phones img{width:46%;filter:drop-shadow(0 18px 15px #27517633)}.phones img+img{margin-top:80px}.art-caption{position:absolute;bottom:22px;font-size:12px;color:#6c849b}.section{padding:42px 0;scroll-margin-top:24px}.brochure{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 38px;background:white;border:1px solid #dbe8f6;border-radius:24px;box-shadow:0 10px 35px #236ba408}h2{font-size:30px;line-height:1.4;margin:10px 0 12px;color:#174a7b}.brochure p,.section-heading p{color:#6b8095;font-size:15px}.file-meta{display:flex;gap:16px;font-size:12px;color:#6c849b;margin-top:18px}.file-meta span{padding-left:16px;border-left:1px solid #dbe8f6}.brochure-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.brochure-actions small{grid-column:1/-1;color:#6c849b;font-size:12px;text-align:center}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.section-heading h2{margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}figure{margin:0;border:1px solid #dbe8f6;border-radius:20px;padding:18px 12px 12px;background:white}figure img{height:220px;width:100%;object-fit:contain}figcaption{text-align:center;font-size:12px;color:#6c849b;margin-top:14px}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{background:white;border:1px solid #dbe8f6;border-radius:20px;overflow:hidden}.game-card img{height:145px;object-fit:contain;width:100%;background:#eff6ff;padding:8px}.game-card>div{padding:18px}h3{font-size:18px;color:#174a7b}.game-card p,.feature p{font-size:13px;color:#6b8095;margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:white;border:1px solid #dbe8f6;padding:26px;border-radius:20px}.number{color:#1674d5;background:#eff8ff;border-radius:10px;padding:5px 10px;display:inline-block;font-size:13px;margin-bottom:16px}.contact{text-align:center;background:linear-gradient(120deg,#e8f8ff,#eaf1ff);border:1px solid #dbe8f6;border-radius:24px;padding:40px 20px;margin:22px 0 50px}.contact p{font-size:14px;color:#657b91;margin-bottom:22px}.contact small{display:block;margin-top:16px;font-size:12px;color:#657b91}footer{max-width:1200px;margin:auto;padding:28px 24px;border-top:1px solid #dbe8f6;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}footer p,footer a:not(.brand),footer small{font-size:12px;color:#6c849b}.floating-contact{position:fixed;right:24px;bottom:24px;background:linear-gradient(120deg,#23bfd7,#1c65fa);color:white;border:3px solid white;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 22px #147fe340}.reader-main{padding-top:34px;padding-bottom:40px}.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.reader-heading h1{font-size:28px;letter-spacing:0;margin:16px 0 8px}.reader-heading p,.back{font-size:13px;color:#6c849b}.reader-note{margin:24px 0 16px;padding:12px 18px;border:1px solid #dbe8f6;background:white;border-radius:12px;font-size:13px;color:#6c849b}.reader-note a{color:#126ac9;text-decoration:underline}.pdf-viewer{width:100%;height:76vh;min-height:500px;border:1px solid #dbe8f6;border-radius:16px;background:white}.mobile-pdf{display:none}@media(max-width:1000px){nav{gap:14px;font-size:12px}.nav-contact{display:none}.hero{gap:22px}.hero-art{height:410px}.template-grid{grid-template-columns:repeat(3,1fr)}.games-grid{grid-template-columns:repeat(3,1fr)}.brochure-actions{grid-template-columns:1fr}.brochure-actions small{max-width:200px}}@media(max-width:680px){header{padding:16px 20px;flex-direction:column;align-items:start;gap:14px}.brand{font-size:21px}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:34px 0;gap:24px}h1{font-size:43px}.hero-copy>p{font-size:16px}.hero-art{height:340px}.phones{width:52%;top:14px;right:34px}.art-heading{font-size:28px}.brochure{display:block;padding:26px 22px}.brochure h2{font-size:25px}.brochure-actions{grid-template-columns:1fr 1fr;margin-top:24px}.brochure-actions small{max-width:none}.button{font-size:13px;padding:11px 16px;gap:8px}.section{padding-top:30px;padding-bottom:30px}.section-heading{display:block}.section-heading p{margin-top:10px;font-size:13px}h2{font-size:26px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px}figure img{height:230px}.games-grid{grid-template-columns:repeat(2,1fr);gap:12px}.game-card img{height:130px}.game-card>div{padding:14px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature{padding:18px}.contact p{max-width:270px;margin:0 auto 22px}.reader-heading{display:block}.reader-heading h1{font-size:23px}.reader-heading>.button{margin-top:18px}.pdf-viewer{height:65vh;min-height:400px}.mobile-pdf{display:block;margin-top:18px;font-size:13px;color:#6c849b}.mobile-pdf .button{margin-top:12px}footer{justify-content:start;gap:14px}.floating-contact{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.page-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px}.page-nav a{padding:7px 13px;border:1px solid #dbe8f6;background:white;border-radius:8px;color:#126ac9}.pdf-page{padding:0;overflow:hidden;margin:0 0 24px}.pdf-page figcaption{margin:0;padding:12px 18px;text-align:left;background:#eff8ff}.pdf-page img{width:100%;height:auto;object-fit:contain}.pdf-page{scroll-margin-top:20px}
@media(max-width:680px){.phones{right:12px;width:48%}}