:root{--bg:#F5F8FA;--white:#fff;--pale:#EAF3F7;--sand:#F7F1E6;--title:#173044;--text:#294356;--muted:#607789;--blue:#176A91;--gold:#D1A35B;--dark:#123247;--line:#DCE6EC}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;overflow-x:hidden}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center center}h1,h2,h3{color:var(--title);line-height:1.35;margin:0 0 16px;overflow-wrap:anywhere}h1{font-size:30px}h2{font-size:23px}h3{font-size:18px}p{margin:0 0 16px}button{font:inherit;cursor:pointer}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto;min-width:0}.site-header{background:var(--white);border-bottom:1px solid var(--line)}.brand-bar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:0;color:var(--title)}.brand:hover{text-decoration:none}.brand-logo{max-width:140px;max-height:34px;width:auto;height:auto}.brand strong{display:block;font-size:20px;line-height:1.18;white-space:nowrap}.brand small{display:block;letter-spacing:.13em;color:var(--muted);font-size:11px;line-height:1.3}.head-links{display:flex;align-items:center;gap:26px}.head-links a,.topic-inner a{font-size:14px;color:var(--text);white-space:nowrap}.outline{padding:9px 17px;border:1px solid var(--blue);border-radius:8px;color:var(--blue)!important}.head-links a:hover,.topic-inner a:hover{color:var(--blue)}.topic-band{background:var(--pale);height:46px}.topic-inner{display:flex;align-items:center;gap:28px;height:100%;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}.topic-inner a{height:100%;display:inline-flex;align-items:center;flex:0 0 auto;position:relative}.topic-inner a[aria-current=page]{color:var(--blue);font-weight:700}.topic-inner a[aria-current=page]:after{content:"";position:absolute;height:3px;background:var(--gold);bottom:0;left:0;right:0}.menu-toggle,.mobile-panel,.bottom-nav,.menu-backdrop{display:none}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.13em;font-weight:700;margin-bottom:10px}.home-section{margin-block:56px}.hero{padding:54px 0 0}.hero h1{max-width:900px;font-size:30px}.hero>p:not(.eyebrow){max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 28px}.actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:8px;font-size:14px}.actions a+ a{background:white;color:var(--blue)}.actions a:hover{text-decoration:none;filter:brightness(.94)}.hero-banner{min-width:0;background:var(--sand);border-radius:12px}.hero-banner:empty{display:none}.banner-pic{width:auto;height:auto;max-width:100%;max-height:280px;margin:auto}.section-head{margin-bottom:22px;max-width:760px}.section-head p:last-child{color:var(--muted)}.topic-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card,.life-main,.life-side article,.visual-cards article,.info-grid article{min-width:0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 17px #17304408}.topic-card span,.cultural-layout article span,.longread article span{color:var(--blue);font-size:13px;font-weight:700}.topic-card p{margin:12px 0}.topic-card a,.life-grid a,.cultural a,.visual-cards a,.longread a,.site-info a,.more-link a,.split a,.related a,.index-columns a{font-size:14px;font-weight:650;display:inline-flex;min-height:44px;align-items:center}.life-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start}.life-side{display:grid;gap:18px;min-width:0}.card-pic{max-height:170px;width:auto;margin:0 auto 15px}.life-main>.card-pic{max-height:240px}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);align-items:center;gap:40px}.split>*{min-width:0}.travel-band{padding:34px;background:var(--pale);border-radius:12px}.split-photo{min-width:0}.split-photo:empty{display:none}.feature-pic{max-width:520px;max-height:240px;width:auto;margin:auto}.mini-notes{border-left:3px solid var(--blue);padding-left:18px;margin:18px 0}.mini-notes p{margin-bottom:8px;font-size:14px}.cultural-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px}.cultural-layout>*{min-width:0}.cultural-layout article{padding:16px 0;border-top:1px solid var(--line)}.visual-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-cards .tint{background:var(--pale);min-height:170px}.visual-cards .sand{background:var(--sand)}.tide{padding:34px;background:var(--sand);border-radius:12px}.tide ul{padding-left:20px}.tide li{margin:5px 0}.longread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:36px;align-items:start}.longread>*{min-width:0}.longread article{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.index-section{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px}.index-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 25px}.index-columns a{border-bottom:1px solid var(--line)}.mobile-reading{padding:34px;border-radius:12px;background:var(--pale);display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:45px;align-items:center}.app-art{min-width:0}.app-art:empty{display:none}.app-pic{max-width:240px;max-height:340px;width:auto;margin:auto}.small-icon{max-width:48px;max-height:48px;width:auto;margin:12px auto}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.closing{margin-top:32px;padding-top:28px;border-top:1px solid var(--line);max-width:760px}.inner-page{padding:24px 0 72px}.crumb{display:flex;gap:9px;color:var(--muted);font-size:13px;margin-bottom:26px}.page-head{max-width:760px;margin-bottom:30px}.page-head>p:last-child{color:var(--muted)}.feature-image{width:min(520px,100%);min-width:0;margin-bottom:32px}.feature-image:empty{display:none}.article-content{max-width:760px}.story-section{padding:26px 0 30px;border-top:1px solid var(--line)}.story-section p{margin-bottom:17px}.section-number{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.06em;margin-bottom:9px}.related{margin-top:32px;padding:22px 24px;border-radius:12px;background:var(--pale);max-width:760px}.related p{color:var(--muted);font-size:14px}.related-links{display:flex;flex-wrap:wrap;gap:8px 22px}.faq-list{max-width:850px}.faq-item{padding:22px 0;border-top:1px solid var(--line)}.faq-item h2{display:flex;align-items:baseline;gap:12px;font-size:20px}.faq-item h2 span{font-size:13px;color:var(--blue)}.site-footer{background:var(--dark);color:#e9f3f8}.footer-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:62px;padding-block:52px}.site-footer h2,.site-footer h3{color:white}.footer-brand p{font-size:13px;line-height:1.85;color:#d5e2e9;max-width:380px}.footer-brand h2{font-size:20px}.footer-brand h2 span{font-size:12px;font-weight:400;letter-spacing:.08em}.foot-logo{max-width:130px;max-height:30px;margin-bottom:12px}.foot-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.foot-groups section{min-width:0}.foot-groups h3{font-size:15px}.foot-groups a{display:block;color:#d5e2e9;font-size:13px;padding:4px 0;overflow-wrap:anywhere}.copyright{padding-block:18px;border-top:1px solid #ffffff30;color:#c2d5df;font-size:13px}@media(max-width:980px){.topic-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-inner{gap:20px}.head-links{gap:16px}.split{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-inner{grid-template-columns:1fr;gap:26px}.foot-groups{gap:24px}.life-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@media(min-width:768px) and (max-width:900px){.banner-pic{max-height:230px}.split{grid-template-columns:1fr}.life-grid{grid-template-columns:1fr}.life-side{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){body{font-size:15px;line-height:1.75;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.wrap{width:calc(100% - 32px)}h1{font-size:25px}h2{font-size:21px}h3{font-size:17px}.brand-bar{height:60px}.brand-logo{max-width:105px;max-height:30px}.brand strong{font-size:18px}.brand small{font-size:10px}.head-links,.topic-band{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:white;border:1px solid var(--line);border-radius:8px;color:var(--blue);min-width:66px;min-height:44px;font-size:14px;flex:0 0 auto}.mobile-panel:not([hidden]){display:block;position:absolute;left:0;right:0;top:60px;background:white;z-index:30;border-bottom:1px solid var(--line);box-shadow:0 10px 24px #17304422;max-height:calc(100dvh - 60px - 56px);overflow-y:auto;overscroll-behavior:contain}.site-header{position:relative;z-index:40}.mobile-panel-inner{padding:16px;max-width:1120px;margin:auto}.mobile-panel section{margin-bottom:15px}.mobile-panel h2{font-size:14px;margin:4px 0 7px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.menu-grid a{min-width:0;min-height:44px;padding:9px 10px;display:flex;align-items:center;border-radius:7px;border:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.menu-grid a[aria-current=page]{background:var(--pale);font-weight:700}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:60px 0 0;background:#12324750;z-index:20}.menu-open{overflow:hidden}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);z-index:15}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;min-width:0;min-height:44px}.bottom-nav a[aria-current=page]{color:var(--blue);font-weight:700}.nav-dot{width:15px;height:15px;border:2px solid currentColor;border-radius:5px}.home-section{margin-block:38px}.hero{padding:34px 0 0}.hero h1{font-size:25px}.hero-banner .banner-pic{max-height:190px}.topic-cards,.visual-cards,.info-grid,.life-grid,.life-side,.split,.cultural-layout,.longread,.mobile-reading{grid-template-columns:1fr}.topic-card,.life-main,.life-side article,.visual-cards article,.info-grid article{padding:17px}.travel-band,.tide,.mobile-reading,.index-section{padding:19px}.split{gap:14px}.feature-pic,.card-pic,.life-main>.card-pic{max-height:190px;max-width:100%;width:auto}.app-pic{max-height:300px}.mobile-reading{gap:12px}.app-art{max-width:240px;margin:auto}.cultural-layout,.longread{gap:16px}.section-head{margin-bottom:18px}.footer-inner{padding-block:36px}.foot-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.foot-groups a{min-height:36px}.inner-page{padding:18px 0 45px}.page-head{margin-bottom:20px}.related{padding:17px}.faq-item h2{font-size:17px}.copyright{padding-bottom:24px}}@media(max-width:360px){.brand-logo{max-width:80px}.brand strong{font-size:17px}.topic-card{padding:16px}.actions a{width:100%}.foot-groups{gap:18px 9px}.menu-grid{gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}