:root{--blue:#0877C9;--sky:#1CA8F6;--text:#223044;--muted:#5F7082;--soft:#EAF7FF;--line:#DCECF6;--bg:#F4FBFF}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#0877C9;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}p{margin:0 0 16px}h1,h2,h3{line-height:1.35;margin:0 0 16px;letter-spacing:-.015em}h1{font-size:34px}h2{font-size:24px}h3{font-size:19px}ul{padding-left:20px}button{font:inherit;cursor:pointer}.shell{max-width:1160px;width:calc(100% - 48px);margin:0 auto}.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line)}.topbar{height:70px;display:flex;align-items:center;gap:28px}.site-logo{display:flex;align-items:center;min-width:155px;color:#0877C9;line-height:1.1;white-space:nowrap}.site-logo img{display:block;max-height:38px;width:auto;object-fit:contain}.site-logo strong{font-size:23px}.site-logo small{font-size:9px;margin-left:8px}.desktop-nav{display:flex;align-items:stretch;gap:19px;flex:1;height:100%;justify-content:center;white-space:nowrap}.desktop-nav a{color:#223044;display:flex;align-items:center;border-bottom:2px solid transparent;font-size:14px}.desktop-nav a.is-current,.desktop-nav a:hover{color:var(--blue);border-bottom-color:#1CA8F6;text-decoration:none}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:40px;padding:0 18px;border-radius:999px;background:#0877C9;color:white;font-size:14px;font-weight:700;white-space:nowrap}.main-btn:hover{background:#0965a8;text-decoration:none}.topic-bar{background:var(--soft);border-bottom:1px solid var(--line)}.topic-scroll{display:flex;align-items:center;gap:0;height:44px;overflow-x:auto;scrollbar-width:thin}.topic-scroll a{flex:none;white-space:nowrap;padding:0 17px;color:var(--muted);font-size:13px;border-right:1px solid #cce3ef}.topic-scroll a:first-child{padding-left:0}.topic-scroll a.is-current{color:var(--blue);font-weight:700}.main-content{padding-top:32px;padding-bottom:50px;min-height:55vh}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:20px}.breadcrumbs span{margin:0 9px}.article-header{max-width:825px;margin-bottom:25px}.article-header p:last-child{font-size:16px;color:#526579}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.body-with-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:30px;align-items:start}.reading-body{min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:30px 34px}.story-section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line)}.story-section:last-child{border:0;margin:0;padding:0}.story-section h2{color:#183b5c;font-size:23px}.story-section p{line-height:1.83}.read-more{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;position:sticky;top:92px}.read-more h2{font-size:17px}.read-more ul{list-style:none;padding:0;margin:0}.read-more li{border-top:1px solid var(--line);padding:9px 0}.read-more a{font-size:14px}.inline-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:15px}.inline-links a{font-size:14px;font-weight:600}.feature-visual{max-width:750px;margin:0 0 24px}.media{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;border-radius:12px;overflow:hidden;background:#EAF7FF}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain;margin:auto}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-square{aspect-ratio:1}.media-portrait{aspect-ratio:3/4}.media-device{aspect-ratio:9/16;max-width:230px}.media-placeholder{width:100%;min-height:105px;background:linear-gradient(125deg,#e4f5ff,#d2edfc)}.media-banner .media-placeholder,.media-wide .media-placeholder{height:100%}.media-device .media-placeholder{height:100%}.hero{display:grid;grid-template-columns:55fr 45fr;gap:30px;align-items:center;background:white;padding:22px;border-radius:14px;border:1px solid var(--line)}.hero-picture .media{max-height:290px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:15px}.hero-link-list{display:flex;flex-wrap:wrap;gap:8px 17px}.hero-link-list a{font-size:14px;font-weight:700}.home-block{margin-top:40px}.home-block>h2,.section-title h2{color:#173d5c}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:17px}.section-title h2{margin:0}.section-title p{font-size:14px;color:var(--muted);margin:0}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.topic-card{background:white;border:1px solid var(--line);padding:21px;border-radius:12px;min-width:0}.topic-card h2,.topic-card h3{font-size:18px;margin-bottom:8px}.topic-card p{font-size:14px;margin:0;color:#4c6172}.observation{display:grid;grid-template-columns:65fr 35fr;gap:30px;align-items:start;background:white;border:1px solid var(--line);border-radius:14px;padding:28px}.observation p{max-width:740px}.observ-list{background:var(--soft);border-radius:10px;padding:20px}.observ-list h3{font-size:17px}.observ-list p{border-top:1px solid #cae2f0;padding:9px 0;margin:0}.split-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.split-columns article,.three-columns article{background:#fff;border:1px solid var(--line);padding:24px;border-radius:12px;min-width:0}.three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.three-columns p,.split-columns p{font-size:15px}.esports-feature{display:grid;grid-template-columns:55fr 45fr;align-items:center;gap:26px;padding:26px;border:1px solid var(--line);border-radius:14px;background:white}.esports-feature .media{max-height:220px}.mahjong-panel{border-left:4px solid var(--sky);background:#fff;padding:27px 30px;border-radius:8px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0}.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.gallery-grid .media{max-height:220px}.gallery-grid figcaption{display:flex;flex-direction:column;padding:12px 4px 2px}.gallery-grid figcaption strong{font-size:16px}.gallery-grid figcaption span{font-size:13px;color:var(--muted)}.editorial-list{background:#fff;border:1px solid var(--line);padding:10px 24px;border-radius:12px;margin:20px 0}.editorial-entry{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:17px 0}.editorial-entry:last-child{border:0}.entry-number{font-size:17px;color:#72b6da;font-weight:700;line-height:1.4}.editorial-entry h2,.editorial-entry h3{font-size:18px;margin:0 0 7px}.editorial-entry p{font-size:14px;color:var(--muted);margin:0}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.brand-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.brand-card .media{height:115px}.brand-card .media img{max-height:115px}.brand-card h2,.brand-card h3{font-size:16px;margin:10px 0 5px}.brand-card p{font-size:13px;color:var(--muted);margin-bottom:5px}.home-brand .brand-card{text-align:center}.more-line{margin-top:12px}.app-feature{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:35px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.app-feature .media{justify-self:center;max-height:330px}.contact-visual{max-width:450px;margin:0 0 20px}.responsibility{padding:24px;border:1px solid #c6e5f7;background:#eaf7ff;border-radius:12px}.responsibility h2{font-size:21px}.faq-list{display:grid;gap:10px;margin:20px 0 30px}.faq-entry{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:white}.faq-entry summary{font-weight:700;color:#184b73;cursor:pointer}.faq-entry p{margin:8px 0 0;font-size:15px}.site-footer{background:#082A46;color:#EAF8FF;padding:44px 0 22px}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px}.footer-columns h2{font-size:16px;color:white}.footer-columns a:not(.footer-brand){display:block;color:#d4eafa;font-size:13px;margin-bottom:6px}.footer-brand{font-size:23px;color:#fff;font-weight:700}.footer-brand span{font-size:10px;display:block;letter-spacing:.13em}.footer-intro p{font-size:13px;color:#c1dded;margin-top:12px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:22px;margin-top:28px;border-top:1px solid #2d526b;font-size:12px;color:#c1dded}.menu-button,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}
@media(max-width:1120px){.desktop-nav{gap:12px}.topbar{gap:15px}.desktop-nav a{font-size:13px}.site-logo{min-width:140px}}
@media(max-width:980px){.shell{width:calc(100% - 40px)}.topbar{height:58px;justify-content:space-between;position:relative;gap:12px}.desktop-nav{display:none}.site-logo{position:absolute;left:50%;transform:translateX(-50%);min-width:0;max-width:50%;justify-content:center}.site-logo img{max-height:29px}.site-logo strong{font-size:19px}.site-logo small{display:none}.main-btn{height:36px;min-width:66px;padding:0 12px}.menu-button{display:flex;flex-direction:column;gap:4px;justify-content:center;width:40px;height:40px;border:0;background:none;padding:8px}.menu-button span{width:22px;height:2px;background:#223044}.body-with-sidebar{grid-template-columns:minmax(0,1fr)}.read-more{position:static}.hero-copy h1{font-size:28px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;z-index:900;border-top:1px solid #dbeaf4;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom a{font-size:13px;display:flex;justify-content:center;align-items:center;color:var(--muted)}.mobile-bottom a.is-current{color:var(--blue);font-weight:700}.site-footer{padding-bottom:83px}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);height:100dvh;background:#fff;color:#223044;z-index:12000;overflow-y:auto;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s}.mobile-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-mask{display:block;position:fixed;inset:0;background:rgba(8,42,70,.42);z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s}.drawer-mask.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line);color:var(--blue)}.drawer-head button{border:0;background:var(--soft);border-radius:7px;width:34px;height:34px;font-size:25px;line-height:1}.drawer-group{padding:12px 18px;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:14px;margin:3px 0 8px;color:var(--muted)}.drawer-group a{display:block;padding:7px 3px;min-height:40px;color:var(--text);font-size:15px}.drawer-group a.is-current{color:var(--blue);font-weight:700}}
@media(max-width:768px){.hero,.esports-feature,.observation{grid-template-columns:1fr}.hero-picture .media{max-height:190px}.hero{gap:15px}.split-columns{grid-template-columns:1fr}.three-columns{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.section-title p{margin-top:7px}.app-feature{grid-template-columns:1fr}.app-feature .media{grid-row:1;max-height:250px}.gallery-grid{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-body{padding:24px}.home-block{margin-top:30px}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.main-content{padding-top:23px}.hero{padding:15px}.hero-copy h1{font-size:27px}.hero-copy p{font-size:15px}.article-header h1{font-size:26px}.article-header p:last-child{font-size:15px}.story-section h2{font-size:20px}.reading-body{padding:20px 17px}.topic-grid{gap:10px}.topic-card{padding:15px}.topic-card h2,.topic-card h3{font-size:16px}.topic-card p{font-size:13px}.observ-list{padding:15px}.observation,.esports-feature{padding:19px}.brand-card{padding:9px}.brand-card .media{height:95px}.brand-card .media img{max-height:95px}.gallery-grid .media{max-height:145px}.footer-columns{gap:22px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.site-logo strong{font-size:18px}.site-logo small{display:none}.app-feature{padding:18px}.app-feature .media{max-width:160px}.faq-entry{padding:12px}.media-banner{aspect-ratio:16/9}}