*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4FBFF;color:#223044;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.8}a{color:#0877C9;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0877C9;outline-offset:3px}button{cursor:pointer;font:inherit}.container{max-width:1160px;margin:auto;padding-left:24px;padding-right:24px}.skip{position:absolute;left:-9999px;top:8px;z-index:15000;background:#fff}.skip:focus{left:8px}.site-header{height:70px;background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 12px #09263c0b}.header-inner{max-width:1160px;padding:0 24px;display:flex;align-items:center;gap:30px;height:100%;margin:auto}.logo{display:flex;align-items:center;flex:0 0 auto;min-width:118px;max-width:174px;height:45px;color:#0877C9;font-size:21px}.logo img{display:block;width:auto;height:auto;max-width:100%;max-height:37px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;white-space:nowrap}.main-nav a{height:70px;display:flex;align-items:center;color:#223044;font-size:14px;border-bottom:2px solid transparent}.main-nav a.active{color:#0877C9;border-color:#1CA8F6}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:40px;padding:0 18px;background:#0877C9;color:#fff;border-radius:999px;font-weight:700;white-space:nowrap}.main-btn:hover{text-decoration:none;background:#075e9b}.quick-nav{background:#EAF7FF}.quick-inner{max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:thin}.quick-inner a{flex:0 0 auto;padding:9px 18px;color:#5F7082;font-size:14px;white-space:nowrap;position:relative}.quick-inner a+a:before{content:"";position:absolute;left:0;top:15px;height:14px;border-left:1px solid #c4e1f4}.quick-inner a.active{color:#0877C9;font-weight:bold}.site-main{padding-top:32px;padding-bottom:52px;min-height:65vh}.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#0877C9;font-weight:700}.page-head{padding:36px 40px;border-radius:14px;background:#fff;margin-bottom:24px;border:1px solid #deecf5}.page-head h1{font-size:32px;line-height:1.35;margin:8px 0 16px}.lead{font-size:17px;color:#52677a;margin:0;max-width:900px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:22px;align-items:start}.reading{min-width:0}.article-section{background:#fff;border:1px solid #deecf5;border-radius:13px;padding:26px 32px;margin:0 0 20px}.article-section h2{font-size:24px;margin:4px 0 16px;line-height:1.4}.article-section h3{font-size:18px;margin:16px 0 8px}.article-section p{margin:12px 0 17px;line-height:1.82}.sidebar{padding:24px 22px;border:1px solid #deecf5;border-radius:13px;background:#fff;position:sticky;top:138px}.sidebar h2{font-size:17px;margin:0 0 8px}.sidebar p{font-size:13px;color:#5F7082;margin:0 0 12px}.sidebar>a{display:block;padding:9px 0;border-bottom:1px solid #e7f0f6;font-size:14px}.sidebar hr{border:0;border-top:1px solid #e3edf4;margin:20px 0}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{display:flex;flex-direction:column;background:#F4FBFF;border:1px solid #deedf9;border-radius:11px;padding:15px}.category-tile strong{font-size:16px}.category-tile span{font-size:13px;color:#5F7082}.media{width:100%;max-width:100%;min-width:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;background:#EAF7FF}.media img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-wide{aspect-ratio:16/9}.media-banner{aspect-ratio:16/7}.media-device{aspect-ratio:9/16}.media-natural{min-height:95px}.media-natural img{width:100%;max-height:280px;height:auto;object-fit:contain}.media-placeholder{background:linear-gradient(125deg,#eaf7ff,#f8fcff);border:1px dashed #c7e3f5}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-card{margin:0;border:1px solid #e3edf4;border-radius:12px;overflow:hidden}.gallery-card .media{border-radius:0}.gallery-card figcaption{padding:12px 14px}.gallery-card p{font-size:13px;margin:5px 0}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand{border:1px solid #e0edf6;border-radius:12px;padding:12px;background:#fbfdff}.brand-img .media{height:115px}.brand-img .media img{max-height:102px}.brand h3{font-size:16px;margin:8px 0 3px}.brand p{font-size:13px;margin:0;color:#5F7082;line-height:1.6}.small-figure{max-width:280px;margin:auto}.qa{border-bottom:1px solid #deedf5;padding:10px 0}.qa summary{font-weight:700;cursor:pointer}.qa p{padding:0 10px}.number-list>div{padding:8px 0;border-bottom:1px solid #e4edf4}.number-list b{margin-right:14px;color:#0877C9}.footer{background:#082A46;color:#EAF8FF}.footer-columns{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:26px;padding-top:40px;padding-bottom:34px}.footer a{color:#EAF8FF;display:block;font-size:14px;margin:6px 0}.footer h2{font-size:16px;color:#fff}.footer p{font-size:14px;line-height:1.8}.footer-logo{font-size:22px!important;font-weight:700}.footer-logo small{font-size:10px;display:block;letter-spacing:.12em}.footer-note{border-top:1px solid #ffffff30;padding-top:18px;padding-bottom:22px;font-size:13px;color:#d1edff}.menu-toggle,.bottom-nav,.mobile-drawer,.drawer-mask{display:none}.home-hero{display:grid;grid-template-columns:55fr 45fr;gap:24px;align-items:center;background:#fff;padding:24px;border-radius:14px;border:1px solid #dfeaf5}.home-hero .media{max-height:290px}.home-hero h1{font-size:35px;line-height:1.3;margin:9px 0 16px}.home-hero p{color:#52677a}.text-links{display:flex;flex-wrap:wrap;gap:14px}.text-links a{font-weight:700}.home-section{margin-top:38px}.section-heading{font-size:25px;margin:0 0 17px}.home-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-card{background:#fff;border:1px solid #deecf5;border-radius:12px;padding:20px;min-width:0}.home-card h3{font-size:18px;line-height:1.45;margin:0 0 10px}.home-card p{margin:0 0 12px;color:#52677a;font-size:15px}.home-feature{display:grid;grid-template-columns:65fr 35fr;gap:18px}.home-feature.reverse{grid-template-columns:45fr 55fr}.home-feature .home-card{height:100%}.home-article-list{padding:0;margin:0;list-style:none}.home-article-list li{border-bottom:1px solid #dceaf4;padding:12px 0}.home-article-list a{font-weight:700}.home-article-list p{margin:4px 0 0;color:#52677a;font-size:14px}.home-visual{padding:14px;background:#fff;border-radius:13px;border:1px solid #deecf5}.home-visual p{font-size:14px;padding:0 8px}.home-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-brands .brand-img .media{height:110px}.home-brands .brand{padding:10px}.home-brands .brand h3{font-size:14px}.adult-note{background:#EAF7FF;border-left:3px solid #0877C9;padding:18px 22px;border-radius:8px}.drawer-mask{display:none}@media(max-width:980px){.main-nav{display:none}.header-inner{justify-content:space-between;gap:10px}.site-header{height:59px}.logo{min-width:0;max-width:150px;height:36px}.logo img{max-height:30px}.main-btn{height:36px;min-width:68px;padding:0 11px}.menu-toggle{display:flex;flex:0 0 40px;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent}.menu-toggle span{width:20px;height:2px;background:#223044}.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{position:sticky;top:0;background:#eaf7ff;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;font-weight:700}.drawer-head button{border:0;background:transparent;color:#223044;font-size:29px}.drawer-group{padding:8px 16px 16px;border-bottom:1px solid #e7eff5}.drawer-group h2{font-size:15px;color:#0877C9;margin:8px 0}.drawer-group a{display:block;padding:8px 12px;min-height:40px;color:#223044}.drawer-group a.active{color:#0877C9;background:#EAF7FF}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #d4e8f6;display:grid;grid-template-columns:repeat(4,1fr);z-index:900}.bottom-nav a{display:flex;align-items:center;justify-content:center;color:#5F7082;font-size:14px}.bottom-nav a.active{color:#0877C9;font-weight:700}.site-main{padding-bottom:100px}.footer{padding-bottom:60px}.home-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.home-brands{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.header-inner,.quick-inner{padding-left:20px;padding-right:20px}.content-layout{display:block}.sidebar{position:static;margin-top:22px}.home-hero{grid-template-columns:1fr}.home-hero .media{max-height:190px}.home-feature,.home-feature.reverse{grid-template-columns:1fr}.home-grid3{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){body{font-size:15px}.container{padding-left:16px;padding-right:16px}.header-inner,.quick-inner{padding-left:12px;padding-right:12px}.header-inner{gap:5px}.logo{max-width:135px}.logo strong{font-size:18px}.quick-inner a{font-size:13px;padding:8px 12px}.site-main{padding-top:20px}.page-head{padding:23px 20px}.page-head h1{font-size:25px}.lead{font-size:15px}.article-section{padding:22px 18px}.article-section h2{font-size:21px}.home-hero{padding:14px}.home-hero h1{font-size:27px}.home-hero .media{max-height:175px}.home-grid2,.gallery-grid{grid-template-columns:1fr}.home-grid4{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.home-card{padding:14px}.home-card h3{font-size:16px}.home-card p{font-size:14px}.section-heading{font-size:21px}.home-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand{padding:9px}.brand-img .media{height:90px}.brand-img .media img{max-height:80px}.brand h3{font-size:14px}.brand p{font-size:12px}.footer-columns{gap:18px}.footer h2{font-size:15px}}@media(max-width:350px){.logo{max-width:110px}.main-btn{min-width:59px}.menu-toggle{flex-basis:34px;width:34px}.home-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}