:root{--blue:#08aeea;--deep:#078fc6;--line:#e9edf0;--muted:#777;--orange:#f09a24}
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{min-height:100vh;display:flex;flex-direction:column;margin:0;background:#f8f8f8 url('images/indexbg.jpg') repeat-x top;color:#333;font:14px/1.6 "Microsoft YaHei",Arial,sans-serif}
    a{color:inherit;text-decoration:none} img{max-width:100%;vertical-align:middle}
    .wrap{width:984px;max-width:calc(100% - 24px);margin:0 auto}
    .top{height:54px;display:flex;align-items:flex-end;justify-content:space-between}
    .logo{width:253px;height:100px;object-fit:contain;margin-top:7px}
    .top-note{align-self:flex-end;margin:0 27px 10px auto;color:#a5a5a5;font-size:12px}
    nav{height:46px;background:var(--blue);border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #b8ddea}
    nav ul{display:flex;margin:0;padding:0;height:100%;list-style:none}
    nav li{flex:1;position:relative;border-right:1px solid rgba(255,255,255,.2)} nav li:last-child{border:0}
    nav a{display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:16px;transition:.2s}
    nav a:hover,nav li.active a{background:#fff;color:var(--deep)}
    .hero-grid{display:grid;grid-template-columns:650px 1fr;gap:12px;margin-top:10px}
    .slider{height:340px;position:relative;overflow:hidden;background:#160d0a}
    .slides{height:100%;display:flex;transition:transform .5s ease}
    .slide{min-width:100%;height:100%;position:relative}.slide img{width:100%;height:100%;object-fit:cover}
    .caption{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:rgba(0,0,0,.62);color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:56px;border:0;background:rgba(0,0,0,.22);color:#fff;font-size:30px;cursor:pointer;opacity:0;transition:.2s}.slider:hover .arrow{opacity:1}.prev{left:0}.next{right:0}
    .dots{position:absolute;right:14px;bottom:43px;display:flex;gap:6px}.dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#ddd;cursor:pointer}.dots button.on{background:var(--blue)}
    .panel{background:#fff;border:1px solid var(--line);overflow:hidden}.panel-title{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);font-size:16px}.panel-title strong{height:40px;display:flex;align-items:center;border-bottom:2px solid var(--blue);font-weight:400}.more{color:#75b6d4;font-size:11px}.news{height:340px}.news-list{margin:0;padding:6px 13px;list-style:none}.news-list li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dotted #ddd;font-size:13px}.news-list li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-list time{color:#aaa;font-size:11px;flex:none}
    .section-head{height:40px;margin-top:10px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding-left:11px;border-left:3px solid var(--blue);font-size:16px}
    .activity{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:0}.activity a{display:block;height:130px;border:1px solid #b5dfff;overflow:hidden;background:#eef8ff}.activity img{width:100%;height:100%;object-fit:cover;transition:.25s}.activity a:hover img{transform:scale(1.04)}
    .columns{display:grid;grid-template-columns:1fr 320px;gap:12px;margin-top:10px}.game-panel,.gift-panel{min-height:548px;padding-bottom:14px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:17px 8px}.game{border:1px solid #e3e7ea;text-align:center;min-height:205px;padding:18px 8px 12px;background:#fff;transition:.2s}.game:hover{border-color:#8dd7f4;box-shadow:0 2px 8px #dfeff5}.game img{width:100px;height:100px;object-fit:cover;border-radius:18px}.game h3{margin:7px 0 11px;font-size:14px;font-weight:400}.download{display:inline-block;border:1px solid var(--blue);color:var(--blue);padding:2px 17px;font-size:13px}.download:hover{background:var(--blue);color:#fff}.gifts{padding:5px 12px}.gift{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #eee}.gift img{width:64px;height:64px;object-fit:cover;border-radius:12px}.gift-info{flex:1;min-width:0}.gift-info h3{margin:0 0 2px;font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-info p{margin:0;color:#999;font-size:12px}.claim{display:inline-block;margin-top:4px;border:1px solid #e94a4a;color:#e94a4a;padding:1px 12px;font-size:12px}.claim:hover{background:#e94a4a;color:#fff}
    .partners{margin-top:10px;padding-bottom:9px}.partner-list{padding:8px 12px;color:#666;display:flex;flex-wrap:wrap;gap:6px 13px;font-size:12px}.partner-list a:hover{color:var(--blue)}
    footer{margin-top:auto;background:#dadada;color:#686868;padding:20px 0 23px;font-size:12px}.foot-inner{display:flex;gap:20px;align-items:flex-start;max-width:1000px;width:calc(100% - 24px);margin:auto}.foot-logo{width:70px;height:77px;object-fit:contain}.foot-copy{line-height:2}.foot-copy p{margin:0}.foot-copy a:hover{color:#00719e}.age{color:#e33}
    .toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);padding:18px 28px;background:rgba(20,35,46,.94);border-radius:4px;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1}
    @media(max-width:760px){.wrap{max-width:calc(100% - 20px)}.top{height:44px}.top-note{display:none}nav a{font-size:12px} .hero-grid,.columns{grid-template-columns:1fr}.slider{height:auto;aspect-ratio:650/340}.news{height:auto;min-height:190px}.activity{grid-template-columns:1fr}.activity a{height:auto;aspect-ratio:318/130}.game-grid{grid-template-columns:repeat(2,1fr)}.game-panel,.gift-panel{min-height:0}.foot-inner{align-items:flex-start}.foot-copy{font-size:11px;line-height:1.8}}
@media(max-width:420px){nav a{font-size:11px}.game-grid{gap:6px;padding:10px 5px}.game{padding:12px 4px;min-height:190px}.game img{width:82px;height:82px}}
.content-grid{display:grid;grid-template-columns:1fr 238px;gap:10px}.article{min-height:430px}.about-nav{background:#fff;border:1px solid #b8e0ff}.about-nav a{display:block;padding:10px 14px;border-bottom:1px dotted #ddd;font-size:16px;text-align:center}.about-nav a:hover,.about-nav a.active{background:#16afe9;color:#fff}.side .panel{margin-bottom:10px}.contact-box{padding:12px 14px;color:#777;font-size:12px}.contact-box p{margin:7px 0}.jobs{background:#fff;border:1px solid #b8e0ff}.job{padding:12px 16px;border-bottom:1px solid #eee}.job:last-child{border-bottom:0}.job summary{cursor:pointer;color:#333;font-size:15px}.job p{margin:8px 0 0 17px;color:#666}.about-main{padding:16px 20px;line-height:2;color:#555}.about-main img{display:block;max-width:100%;margin:0 auto 15px}.about-main h3{color:#078fc6;font-weight:400}.crumb{height:55px;display:flex;align-items:center;color:#0aa6df;font-size:12px;padding-left:5px}.panel{background:#fff;border:1px solid #e6ebee;overflow:hidden}.news-item{padding:14px 16px;border-bottom:1px solid #eee}.news-item h3{display:flex;justify-content:space-between;margin:0 0 6px;font-size:16px;font-weight:400}.news-item time{font-size:12px;color:#aaa}.news-item p{margin:0;color:#777;font-size:13px}