*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8}a{color:#0877C9;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #0877C9;outline-offset:3px}button{font:inherit;cursor:pointer}.shell{width:min(1160px,calc(100% - 48px));margin:auto;min-width:0}.site-header{position:sticky;top:0;background:#fff;z-index:1000;border-bottom:1px solid #e5eff6}.header-inner{height:70px;display:flex;align-items:center;gap:24px}.site-logo{display:inline-flex;align-items:center;flex-shrink:0;gap:7px;min-width:145px;color:#0877C9;font-weight:800;font-size:19px}.logo-media{height:38px;min-width:36px;max-width:148px;background:transparent!important;display:flex;align-items:center}.logo-media img{width:auto;height:auto;max-width:148px;max-height:38px;object-fit:contain}.logo-media .media-placeholder{width:28px;height:28px;border-radius:6px}.desktop-nav{display:flex;align-items:center;gap:22px;margin:auto;min-width:0}.desktop-nav a{font-size:14px;font-weight:600;white-space:nowrap;color:#223044;border-bottom:2px solid transparent;height:70px;display:flex;align-items:center}.desktop-nav a.active{color:#0877C9;border-bottom-color:#1CA8F6}.main-btn{height:40px;min-width:78px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;background:#0877C9;color:white;border-radius:99px;font-weight:700;white-space:nowrap;margin-left:auto}.main-btn:hover{text-decoration:none;background:#0864ab}.quickbar{background:#EAF7FF;border-bottom:1px solid #d8eefa}.quick-inner{display:flex;align-items:center;gap:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;min-height:44px}.quick-inner a{color:#5F7082;font-size:13px;padding:0 15px;border-right:1px solid #d2e6f2;line-height:16px}.quick-inner a:first-child{padding-left:0}.main-shell{padding:28px 0 45px}.home-section,.home-hero{margin-bottom:35px;background:#fff;border:1px solid #e3eef5;border-radius:14px;padding:27px}.home-hero h1{font-size:35px;line-height:1.35;margin:0 0 24px}.hero-grid{display:grid;grid-template-columns:55fr 45fr;gap:25px;align-items:center}.hero-intro h2{font-size:25px;line-height:1.45;margin:4px 0}.hero-intro p{margin:12px 0}.eyebrow{font-size:12px;letter-spacing:.5px;font-weight:700;color:#0877C9}.hero-links,.horizontal-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:15px}.hero-links a,.horizontal-links a{border:1px solid #bedcf0;border-radius:8px;padding:5px 12px;font-size:14px}.media{min-width:0;width:100%;display:flex;justify-content:center;align-items:center;background:#EAF7FF;border-radius:12px;overflow:hidden}.media img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.media-natural{min-height:95px}.media-natural img{width:100%;height:auto;max-height:280px;object-fit:contain}.media-banner{height:clamp(160px,24vw,290px)}.media-wide{height:clamp(145px,22vw,240px)}.media-device{height:300px;max-width:340px;margin:0 auto}.media-device img{max-height:100%}.media-placeholder{height:100%;width:100%;min-height:80px;background:linear-gradient(135deg,#EAF7FF,#d5f0ff)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px}.section-heading p{font-size:14px;color:#5F7082;margin:0}.home-section h2{font-size:24px;line-height:1.45;margin:0 0 15px}.home-section h3{font-size:18px;line-height:1.55;margin:8px 0}.home-section p{margin:9px 0 16px}.topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-nav>div,.triple-text article,.mini-reading article{background:#f5fbff;border:1px solid #dfedf7;padding:16px;border-radius:12px}.topic-nav h3{margin:0 0 8px}.topic-nav p{font-size:14px;color:#5F7082;margin:0}.feature-layout{display:grid;grid-template-columns:65fr 35fr;gap:23px}.feature-primary{border-left:3px solid #1CA8F6;padding-left:19px}.feature-list article{border-bottom:1px solid #e4edf5;padding:3px 0 12px}.feature-list p{font-size:14px;color:#5F7082}.twin-columns,.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.twin-columns>article{min-width:0}.twin-columns.compact{gap:18px}.esports-spotlight,.mobile-reading{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:center}.mobile-reading{grid-template-columns:1.3fr .7fr}.triple-text{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-grid article{min-width:0}.numbered-list article{display:flex;gap:18px;padding:12px 0;border-bottom:1px solid #e2edf6}.numbered-list article>span{font-size:24px;font-weight:bold;color:#1CA8F6}.numbered-list h3,.numbered-list p{margin:0 0 5px}.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 20px}.brand-item{border:1px solid #e3edf6;border-radius:12px;padding:11px;background:#fcfeff;min-width:0}.brand-media{height:115px;background:#EAF7FF}.brand-media img{max-height:100px}.brand-item h2,.brand-item h3{font-size:16px;margin:9px 0 4px}.brand-item p{font-size:13px;color:#5F7082;line-height:1.7;margin:0}.culture-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:30px}.mini-reading{display:grid;gap:10px}.mini-reading article{padding:12px}.mini-reading h3,.mini-reading p{margin:0 0 4px}.responsibility{border-left:4px solid #1CA8F6}.breadcrumbs{font-size:13px;margin:0 0 20px;color:#5F7082}.breadcrumbs span{margin:0 9px}.inner-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:24px;align-items:start}.article-body{background:white;border:1px solid #e3eef5;border-radius:14px;padding:30px;min-width:0}.article-heading{border-bottom:1px solid #e6f0f6;padding-bottom:20px;margin-bottom:20px}.article-heading h1{font-size:31px;line-height:1.4;margin:6px 0}.lead{font-size:17px;color:#4e6173;line-height:1.85;margin:0}.content-section{padding:12px 0 6px}.content-section h2{font-size:23px;line-height:1.5;margin:8px 0 13px}.content-section p{font-size:16px;line-height:1.82;margin:0 0 17px}.content-section ul{padding-left:23px}.content-section li{margin:9px 0}.read-sidebar{background:white;border:1px solid #e3eef5;border-radius:12px;padding:19px;position:sticky;top:132px}.read-sidebar h2{margin:0 0 9px;font-size:19px}.read-sidebar>a{display:block;border-bottom:1px solid #e5eff5;padding:8px 1px;font-size:14px}.sidebar-note{font-size:13px;color:#5F7082}.gallery-entry{margin:0 0 20px}.gallery-entry p{font-size:14px;color:#5F7082}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-list>div{background:#f2faff;padding:16px;border-radius:10px}.category-list h3{font-size:18px;margin:0 0 4px}.category-list p{font-size:14px}.faq-list details{border-bottom:1px solid #e0edf6;padding:9px}.faq-list summary{font-weight:700;cursor:pointer}.faq-list details p{font-size:15px;padding:10px 0}.site-footer{background:#082A46;color:#EAF8FF;padding:39px 0 15px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}.footer-brand p{font-size:14px;color:#d4e9f6}.footer-logo{display:inline-flex;margin-right:8px;vertical-align:middle}.footer-brand strong{font-size:19px}.footer-links h2{font-size:16px;margin:0 0 12px}.footer-links>a{display:block;color:#EAF8FF;font-size:14px;margin:4px 0}.footer-end{margin-top:28px;border-top:1px solid #31536e;padding-top:14px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#d8ebf5}.footer-end p{margin:0}.menu-toggle,.mobile-bottom,.mobile-drawer,.drawer-mask{display:none}.drawer-mask,.mobile-drawer{pointer-events:none}@media(max-width:980px){.shell{width:calc(100% - 40px)}.header-inner{height:59px;justify-content:space-between;gap:10px}.desktop-nav{display:none}.menu-toggle{display:inline-flex;background:transparent;border:0;color:#223044;font-size:24px;align-items:center;justify-content:center;width:38px;height:38px}.site-logo{min-width:0;margin:auto}.site-logo .logo-media{height:30px}.site-logo .logo-media img{max-height:30px}.site-logo .logo-fallback{font-size:15px}.main-btn{height:36px;min-width:65px;padding:0 12px;margin-left:0}.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-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;font-weight:700;border-bottom:1px solid #e2eef6}.menu-close{font-size:25px;border:0;background:none;color:#223044}.drawer-group{padding:10px 18px;border-bottom:1px solid #e3eef5}.drawer-group h2{font-size:15px;color:#0877C9;margin:2px 0 6px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.drawer-links a{display:flex;min-height:40px;align-items:center;font-size:14px;color:#223044}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #dce9f2;z-index:1000}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:#223044;font-size:14px}.mobile-bottom a.active{color:#0877C9;font-weight:700}.site-footer{padding-bottom:77px}.inner-layout{grid-template-columns:1fr}.read-sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-nav{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.shell{width:calc(100% - 32px)}.main-shell{padding:20px 0 35px}.home-section,.home-hero{padding:18px;margin-bottom:23px}.home-hero h1{font-size:27px}.home-section h2{font-size:21px}.hero-intro h2{font-size:21px}.hero-grid,.feature-layout,.twin-columns,.esports-spotlight,.visual-grid,.culture-layout,.mobile-reading{grid-template-columns:1fr}.hero-grid{gap:15px}.hero-grid .media-banner{height:175px}.triple-text{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-media{height:96px}.section-heading{display:block}.article-body{padding:19px}.article-heading h1{font-size:26px}.content-section h2{font-size:20px}.content-section p{font-size:15.5px}.lead{font-size:16px}.category-list{grid-template-columns:1fr}.footer-end{display:block}.footer-grid{gap:18px}.media-device{height:240px}.site-logo .logo-fallback{display:none}}@media(max-width:350px){.main-btn{min-width:59px;padding:0 9px}.site-logo .logo-media{max-width:112px}.quick-inner a{padding:0 10px}.topic-nav{gap:9px}.topic-nav>div{padding:11px}.topic-nav p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer-mask,.mobile-drawer{transition:none}}