*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F5F8FA;color:#294356;font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;overflow-x:hidden}a{color:#176A91;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #D1A35B;outline-offset:3px}button{font:inherit;cursor:pointer}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto;min-width:0}.skip-link{position:absolute;left:12px;top:-80px;z-index:50;background:white;padding:10px}.skip-link:focus{top:4px}h1,h2,h3{line-height:1.35;color:#173044;margin:0 0 16px;font-weight:700;overflow-wrap:anywhere}h1{font-size:30px}h2{font-size:23px}h3{font-size:18px}p{margin:0 0 16px}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center center}.site-header{position:relative;z-index:12}.brand-bar{background:#fff;border-bottom:1px solid #DCE6EC}.brand-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:0;color:#173044}.brand-logo{max-width:140px;max-height:34px;width:auto;height:auto;flex-shrink:1}.brand-name{display:block;font-size:19px;font-weight:750;white-space:nowrap}.brand-name small{display:block;font-size:10px;line-height:1.2;letter-spacing:2px;color:#607789}.header-shortcuts{display:flex;align-items:center;gap:24px}.header-shortcuts a{font-size:14px;white-space:nowrap;color:#294356}.header-shortcuts .is-active,.strip-inner .is-active{color:#176A91;font-weight:700}.outline-shortcut{border:1px solid #176A91;border-radius:8px;padding:7px 16px;color:#176A91!important}.desktop-strip{background:#EAF3F7}.strip-inner{height:46px;display:flex;align-items:center;gap:clamp(13px,2.2vw,27px);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap}.strip-inner a{height:44px;display:inline-flex;align-items:center;font-size:14px;flex-shrink:0;color:#294356;border-bottom:2px solid transparent}.strip-inner a.is-active{border-bottom-color:#176A91}.menu-toggle,.mobile-menu{display:none}.main-content{padding-top:40px;padding-bottom:66px}.eyebrow{font-size:13px;letter-spacing:1.2px;color:#176A91;font-weight:700;margin-bottom:12px}.hero{padding:14px 0 0}.hero h1{max-width:800px}.hero-copy{max-width:790px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;min-height:44px;border-radius:8px;font-size:14px;font-weight:650}.primary{background:#176A91;color:white}.primary:hover{background:#105777;color:white;text-decoration:none}.secondary{border:1px solid #176A91;background:white;color:#176A91}.secondary:hover{text-decoration:none;background:#EAF3F7}.image-shell{display:flex;justify-content:center;align-items:center;min-width:0;max-width:100%;padding:9px;background:#F7F1E6;border-radius:12px;border:1px solid #DCE6EC}.image-shell img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center center}.banner{max-width:1120px;max-height:280px;margin-top:26px}.banner img{max-height:260px}.home-section{margin-top:58px;min-width:0}.section-head{margin-bottom:23px}.section-head p:last-child{color:#607789}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card,.feature-card,.feature-stack article,.picture-grid article,.notes-grid article{min-width:0;border:1px solid #DCE6EC;border-radius:12px;background:#fff;padding:20px;box-shadow:0 4px 20px rgba(18,50,71,.035)}.topic-card{display:flex;flex-direction:column}.topic-card p{flex:1}.number{font-size:13px;font-weight:750;color:#D1A35B;display:block;margin-bottom:15px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}.coast-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:18px}.feature-card{display:flex;flex-direction:column;gap:20px}.feature-card .illustration{max-width:520px;max-height:240px}.feature-card .illustration img{max-height:220px}.feature-stack{display:grid;gap:18px}.feature-stack article{padding:16px}.feature-stack .illustration{max-height:170px;margin-bottom:12px}.feature-stack .illustration img{max-height:150px}.feature-stack h3{margin-bottom:8px}.feature-stack p{font-size:15px}.tinted{background:#EAF3F7;border-radius:12px;padding:26px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);align-items:center;gap:32px;min-width:0}.split>*,.coast-grid>*,.longread>*{min-width:0}.side-picture{max-width:520px;max-height:240px}.side-picture img{max-height:220px}.inline-points{padding-left:20px;margin:10px 0 16px}.wind{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.editorial-list article{padding:16px 0;border-bottom:1px solid #DCE6EC}.editorial-list span,.longread span{font-size:13px;color:#607789}.editorial-list h3,.longread h3{margin-top:8px}.picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.picture-grid .illustration{max-height:170px;margin-bottom:16px}.picture-grid .illustration img{max-height:150px}.plain-card{background:#EAF3F7!important}.plain-card.sand{background:#F7F1E6!important}.sand-panel{max-width:1060px;margin-inline:auto;background:#F7F1E6;border:1px solid #DCE6EC;border-radius:12px;padding:28px}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.fact-grid span{border-left:3px solid #D1A35B;padding:7px 10px;background:#fff;font-size:14px}.longread{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px;align-items:center}.longread article{padding:18px 0;border-bottom:1px solid #DCE6EC}.index-panel{background:white;border:1px solid #DCE6EC;border-radius:12px;padding:24px}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px}.quick-links a{display:block;padding:12px 0;border-bottom:1px solid #DCE6EC}.mobile-reading{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:35px;align-items:center}.mobile-art{display:grid;justify-items:center;gap:12px;min-width:0}.app-picture{max-width:240px;max-height:340px}.app-picture img{max-height:320px}.icon-picture{max-width:48px;max-height:48px;padding:0}.icon-picture img{max-width:48px;max-height:48px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.last-word{max-width:760px;border-top:1px solid #DCE6EC;margin-top:26px;padding-top:25px}.page-lead{margin-bottom:30px}.crumb{font-size:14px;color:#607789;margin-bottom:18px}.lede{max-width:760px;color:#607789}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);align-items:start;gap:34px}.reading{background:#fff;padding:28px;border:1px solid #DCE6EC;border-radius:12px;min-width:0;max-width:760px}.article-picture{max-width:520px;max-height:240px;margin:0 0 25px}.article-picture img{max-height:220px}.article-section{margin-bottom:32px}.article-section h2{border-left:4px solid #D1A35B;padding-left:12px}.reading p{max-width:690px}.aside{border:1px solid #DCE6EC;border-radius:12px;padding:20px;background:#EAF3F7;min-width:0}.aside h2{font-size:18px}.aside p{font-size:14px}.aside-link{display:block;padding:12px 0;border-top:1px solid #DCE6EC;font-size:14px;min-height:44px}.closing-note{max-width:760px;margin-top:34px;padding:24px;border-radius:12px;background:#EAF3F7}.closing-note h2{font-size:20px}.index-article,.faq-list{max-width:900px}.index-article>p{max-width:760px}.index-category{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid #DCE6EC}.index-letter{font-size:21px;font-weight:750;color:#D1A35B}.index-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.index-links a{display:inline-flex;min-height:44px;align-items:center;background:white;border:1px solid #DCE6EC;border-radius:8px;padding:6px 14px;font-size:14px}.faq-item{background:white;border:1px solid #DCE6EC;border-radius:12px;padding:22px;margin-bottom:16px}.faq-item h2{font-size:19px}.faq-item p{margin-bottom:0}.site-footer{background:#123247;color:#F3F7F9;font-size:13px}.footer-inner{padding:45px 0 20px}.footer-intro{max-width:760px;margin-bottom:24px}.footer-intro p{line-height:1.7;color:#D9E6EC}.footer-brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:700;margin-bottom:13px}.footer-brand img{max-width:130px;max-height:30px}.footer-brand small{font-size:11px;letter-spacing:1px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;border-top:1px solid #486174;padding-top:25px}.footer-groups h2{color:#fff;font-size:15px}.footer-groups a{display:block;color:#D9E6EC;padding:4px 0;min-height:32px}.footer-groups a.is-active{color:#fff;text-decoration:underline}.copyright{border-top:1px solid #486174;margin-top:27px;padding-top:15px;color:#D9E6EC}.bottom-nav{display:none}@media(max-width:1000px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coast-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr)}.header-shortcuts{gap:12px}.split{gap:22px}.article-layout{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:767px){body{font-size:15px;line-height:1.75}.container{width:calc(100% - 32px)}h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}.brand-inner{height:60px}.brand-logo{max-width:105px;max-height:32px}.brand-name{font-size:17px}.header-shortcuts,.desktop-strip{display:none}.menu-toggle{display:flex;align-items:center;gap:8px;background:white;color:#176A91;border:1px solid #DCE6EC;border-radius:8px;min-height:44px;padding:5px 12px;font-size:14px}.mobile-menu:not([hidden]){display:block;position:absolute;left:0;right:0;top:60px;z-index:18;background:#fff;border-bottom:1px solid #DCE6EC;box-shadow:0 14px 22px rgba(18,50,71,.13);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}.mobile-menu-inner{padding-top:12px;padding-bottom:18px}.mobile-menu section{margin-bottom:14px}.mobile-menu h2{font-size:14px;margin-bottom:5px;color:#607789}.menu-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.menu-link-grid a{display:flex;align-items:center;min-height:44px;padding:7px 11px;border-radius:8px;background:#F5F8FA;color:#294356;font-size:14px;overflow-wrap:anywhere}.menu-link-grid a.is-active{background:#EAF3F7;color:#176A91;font-weight:700}.main-content{padding-top:26px;padding-bottom:42px}.hero{padding-top:2px}.home-section{margin-top:37px}.topic-grid,.coast-grid,.picture-grid,.notes-grid,.split,.longread,.mobile-reading,.article-layout{grid-template-columns:minmax(0,1fr)}.feature-stack{grid-template-columns:minmax(0,1fr)}.feature-card,.topic-card,.feature-stack article,.picture-grid article,.notes-grid article{padding:17px}.tinted,.sand-panel{padding:17px}.side-picture,.article-picture{max-height:190px;width:100%}.side-picture img,.article-picture img{max-height:172px}.banner{max-height:190px}.banner img{max-height:170px}.feature-card .illustration{max-height:190px}.feature-card .illustration img{max-height:170px}.longread{gap:12px}.mobile-reading{gap:22px}.mobile-art{grid-template-columns:minmax(0,1fr) 48px;justify-content:start;align-items:center}.app-picture{max-height:300px;width:100%;max-width:240px}.app-picture img{max-height:282px}.article-layout{gap:16px}.reading{padding:18px}.aside{padding:17px}.footer-inner{padding-top:32px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#fff;border-top:1px solid #DCE6EC;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;color:#607789;line-height:1.3;min-height:56px}.bottom-nav a.is-active{color:#176A91;font-weight:750}.nav-dot{width:14px;height:14px;border:2px solid currentColor;border-radius:5px;margin-bottom:4px}.site-footer{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.fact-grid{grid-template-columns:minmax(0,1fr)}.quick-links{gap:6px 14px}}@media(max-width:360px){.brand-logo{max-width:78px}.brand-name{font-size:15px}.brand-inner{gap:5px}.menu-toggle{padding-inline:9px}.mobile-art{grid-template-columns:minmax(0,1fr)}.footer-groups{gap:12px}.index-category{grid-template-columns:34px minmax(0,1fr);gap:9px}.image-shell{padding:5px}}@media(min-width:768px) and (max-width:1100px){.banner{max-height:230px}.banner img{max-height:210px}}