:root{--primary:#087E78;--primary-deep:#075C58;--teal:#159E98;--mint:#66C7AC;--mint-soft:#E9F8F1;--sea:#3AA8B3;--coral:#DB796C;--amber:#B88128;--lavender:#987EC8;--background:#F7FBFA;--surface:#FFFFFF;--surface-soft:#F0F8F5;--title:#203238;--body:#34484C;--muted:#586B70;--border:#DDEAE6;--footer:#163B3A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.8 system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;display:block}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}.wrap{max-width:1280px;padding:0 32px;margin:auto}.skip{position:absolute;left:-9999px;z-index:99;background:white;padding:12px}.skip:focus{left:10px;top:10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.32;color:var(--title)}p{margin-bottom:1em}.site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--border);position:relative;z-index:10}.header-row{height:82px;display:flex;gap:40px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-weight:800;font-size:22px;color:var(--primary-deep);line-height:1.15}.brand small{font-weight:500;display:block;color:var(--muted);font-size:11px;letter-spacing:1px;margin-top:5px}.brand-mark{display:grid;place-items:center;background:var(--mint-soft);width:46px;height:46px;border-radius:14px}.brand-logo{width:84px;max-height:48px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{padding:10px 0;font-weight:650;white-space:nowrap}.main-nav a[aria-current]{color:var(--primary);border-bottom:3px solid var(--mint)}.head-actions{display:flex;align-items:center;gap:10px}.search-link{font-weight:700;border:1px solid var(--border);padding:7px 15px;border-radius:30px;white-space:nowrap}.topic-rail{display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:13px;color:var(--muted);font-size:13px}.topic-rail::-webkit-scrollbar{display:none}.topic-rail a:hover{color:var(--primary)}.menu-toggle,.menu-close{display:none;cursor:pointer;border:0;background:transparent;font-size:28px;color:var(--primary-deep);min-width:44px;min-height:44px}.hero{background:linear-gradient(120deg,#075955,#0b8983 57%,#39b2aa);color:#fff}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;min-height:385px;padding-top:35px;padding-bottom:35px}.hero h1{color:white;font-size:clamp(30px,3.2vw,42px);line-height:1.28;margin:15px 0 18px}.hero p{color:#edfffa;max-width:590px;font-size:17px}.hero-kicker,.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--primary);text-transform:uppercase}.hero-kicker{color:#c3f8e9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{min-height:44px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-weight:750;cursor:pointer;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--primary);color:white}.hero .btn.primary{background:#f9fffe;color:var(--primary-deep)}.btn.light{border-color:#c3eee8;color:white}.btn.outline{border-color:var(--primary);color:var(--primary)}.hero-art{background:radial-gradient(circle at 70% 15%,#89e4c9 0%,transparent 40%),linear-gradient(135deg,#186969,#0a504c);height:300px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 24px 60px #043b3544}.hero-img{width:100%;height:100%;object-fit:cover}.hero-art-label{position:absolute;bottom:20px;left:23px;display:grid;gap:1px;border-radius:13px;background:#003d3aaf;padding:14px 20px;color:#fff}.hero-art-label b{font-size:25px}.hero-art-label span{font-size:13px}.section{padding-top:64px;padding-bottom:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:24px}.section-head h2{font-size:27px;margin:5px 0 0}.section-head>a{color:var(--primary);font-weight:700;font-size:14px;white-space:nowrap}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.board-card,.topic-card,.mini-card,.quote-tile,.info-tile,.sidebar-box,.article-box,.visual-panel,.question-grid a{background:white;border:1px solid var(--border);border-radius:16px}.board-card{padding:22px;display:grid;gap:6px;min-height:140px;transition:transform .2s,box-shadow .2s}.board-card:hover,.topic-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #174d4420}.board-emoji{font-size:26px}.board-card strong{font-size:18px;color:var(--title)}.board-card small{line-height:1.5;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.feature-main{padding:23px;border-radius:18px;background:linear-gradient(160deg,#d8f1e8,#f9fffd);min-height:375px}.feature-main h3{font-size:27px;margin:12px 0}.feature-main p{max-width:560px}.wide-image{width:100%;height:220px;object-fit:cover;border-radius:12px;margin-bottom:18px}.feature-side{display:grid;gap:12px}.feature-side>a{background:white;border:1px solid var(--border);border-radius:12px;padding:15px 22px;display:grid;gap:3px}.feature-side strong{font-size:17px;color:var(--title)}.feature-side small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{overflow:hidden;min-width:0}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover}.topic-inner{padding:21px}.topic-inner h3{font-size:19px;margin:9px 0}.topic-inner p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 12px}.tag{background:var(--mint-soft);color:var(--primary-deep);border-radius:30px;padding:3px 10px;font-size:12px}.split-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px}.section-copy{max-width:550px}.line-list{display:grid;border-top:1px solid var(--border)}.line-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}.line-list a strong{font-size:16px}.line-list a span{font-size:12px;color:var(--primary);flex-shrink:0}.visual-panel{min-height:290px;padding:23px;background:linear-gradient(140deg,#b4e2dc,#ecf8ef);display:flex;flex-direction:column;justify-content:flex-end}.visual-panel .wide-image{height:240px}.visual-caption{font-weight:750;color:var(--primary-deep)}.teal-panel{background:linear-gradient(135deg,#d5edf0,#e5f5f0)}.soft-section{background:var(--surface-soft);border-radius:24px;padding:30px;margin-top:54px}.h-scroll{display:flex;gap:15px;overflow-x:auto;padding-bottom:8px}.mini-card{flex:0 0 238px;min-height:215px;padding:22px;display:grid;align-content:start;gap:12px}.mini-card span,.question-grid span{font-size:12px;color:var(--primary);font-weight:750}.mini-card strong{font-size:17px;line-height:1.4}.mini-card small,.question-grid small{font-size:13px;color:var(--muted);line-height:1.65}.columns-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quote-tile,.info-tile{padding:24px;min-height:210px}.quote-tile span{color:var(--coral);font-size:13px}.quote-tile h3{margin:12px 0;font-size:21px}.quote-tile p,.info-tile p{font-size:14px;color:var(--muted)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.timeline>div{position:relative;border-top:3px solid var(--mint);padding:18px 12px 0}.timeline span{color:var(--primary);font-size:23px;font-weight:850}.timeline strong{display:block;font-size:18px;color:var(--title)}.timeline p{font-size:14px;color:var(--muted)}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.question-grid a{padding:22px;display:grid;gap:12px;align-content:start}.question-grid strong{font-size:17px}.service-band{background:#e2f3ed;border:1px solid var(--border);border-radius:20px;margin-top:70px;margin-bottom:65px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.service-band h2{font-size:26px;margin:8px 0}.service-band p{margin:0;max-width:640px}.service-band>div:last-child{display:flex;gap:12px;flex-shrink:0}.site-footer{background:var(--footer);color:#d3e8df;padding:47px 0 18px}.footer-grid{display:flex;justify-content:space-between;gap:38px}.footer-grid>div{max-width:520px}.footer-grid strong{color:white;font-size:18px}.footer-grid p{font-size:14px;margin-top:8px}.footer-grid a{color:#e8fffb}.footer-bottom{border-top:1px solid #416262;padding-top:18px;font-size:12px}.inner{padding-top:42px;padding-bottom:65px}.page-intro{max-width:850px;margin-bottom:28px}.page-intro h1{font-size:38px;margin:8px 0 12px}.page-intro p{color:var(--muted);font-size:17px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.pill{font-size:13px;white-space:nowrap;background:#fff;border:1px solid var(--border);padding:7px 13px;border-radius:30px}.pill.selected{background:var(--primary);color:#fff}.listing-layout,.read-layout,.pulse-grid,.service-columns,.about-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.list-title h2{font-size:23px;margin:0}.list-title span{color:var(--muted);font-size:13px}.topic-list{display:grid;gap:12px}.topic-list .topic-card .topic-inner{padding:22px}.topic-list .topic-card .topic-inner h3{font-size:20px}.sidebar-box{padding:22px;position:sticky;top:20px}.sidebar-box h2{font-size:21px}.sidebar-box h3{font-size:17px}.sidebar-box p{font-size:14px;color:var(--muted)}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tag-cloud a{background:var(--mint-soft);border-radius:8px;padding:4px 9px;font-size:12px;color:var(--primary-deep)}.pager{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.pager a{display:grid;place-items:center;min-width:44px;min-height:44px;background:white;border:1px solid var(--border);border-radius:8px}.pager a.selected{background:var(--primary);color:white}.breadcrumbs{margin-bottom:24px;color:var(--muted);font-size:13px}.read-layout{grid-template-columns:minmax(0,810px) minmax(230px,1fr)}.read-article{padding:34px;background:white;border:1px solid var(--border);border-radius:18px;min-width:0}.read-article h1{font-size:clamp(27px,3vw,38px);margin:10px 0 17px}.article-lead{font-size:18px;color:#485c60;border-left:3px solid var(--mint);padding-left:16px}.article-image{max-height:400px;width:100%;object-fit:contain;margin:18px auto;border-radius:12px}.article-body{line-height:1.9;margin:26px 0}.article-body p{margin:0 0 24px;white-space:pre-line}.read-article h2{font-size:23px}.questions{padding-left:25px}.questions li{margin:12px 0}.source-note{background:var(--mint-soft);border-radius:13px;padding:23px;margin-top:30px;font-size:14px}.source-note p{margin:8px 0}.return-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px;color:var(--primary);font-weight:750}.related-link{display:block;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.article-box{padding:34px}.article-box h2{font-size:23px;margin-top:24px}.article-box h2:first-child{margin-top:0}.method-timeline>div{border-left:3px solid var(--mint);padding:0 0 24px 23px;position:relative}.method-timeline b{color:var(--primary)}.method-timeline h3{font-size:19px;margin:5px 0}.method-timeline p{font-size:15px}.search-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:32px;background:white;padding:24px;border-radius:14px;border:1px solid var(--border)}.search-form label{font-weight:650}.search-form input,.search-form select{height:48px;border:1px solid #adc6bf;border-radius:9px;padding:0 12px;color:var(--body);min-width:140px}.search-form input{flex:1;min-width:180px}.search-form .btn{height:48px}.empty-state{background:var(--mint-soft);padding:50px 22px;border-radius:18px;text-align:center;margin:20px auto;max-width:850px}.empty-state h2{font-size:25px}.error-page{min-height:340px}.error-page h1{font-size:34px}.menu-shade,.mobile-menu{display:none}
@media(max-width:1100px){.header-row{gap:18px}.main-nav{gap:15px}.question-grid{grid-template-columns:repeat(2,1fr)}.board-grid{grid-template-columns:repeat(4,1fr)}.wrap{padding-left:24px;padding-right:24px}}
@media(max-width:800px){.main-nav{display:none}.menu-toggle,.menu-close{display:block}.brand{font-size:19px}.wrap{padding-left:18px;padding-right:18px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero-art{height:230px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid,.columns-three{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-layout,.split-section,.listing-layout,.read-layout,.pulse-grid,.service-columns,.about-grid{grid-template-columns:1fr}.feature-main{min-height:0}.timeline{grid-template-columns:1fr;gap:12px}.service-band{flex-direction:column;align-items:start}.mobile-menu:not([hidden]){display:flex;position:fixed;right:0;top:0;height:100dvh;width:min(320px,85vw);background:#fff;z-index:40;flex-direction:column;padding:27px 22px;gap:12px;box-shadow:-15px 0 35px #17363044;overflow:auto}.mobile-menu a{padding:9px 8px;border-bottom:1px solid var(--border);font-weight:700}.menu-close{align-self:end}.menu-shade:not([hidden]){display:block;position:fixed;inset:0;background:#061a1abb;z-index:30}.sidebar-box{position:static}.topic-rail{padding-bottom:12px}}
@media(max-width:520px){body{font-size:15px}.header-row{height:69px}.brand small{font-size:9px}.brand-mark{width:36px;height:36px}.brand-logo{width:68px}.search-link{padding:6px 10px}.search-link span{display:none}.section{padding-top:45px}.section-head h2{font-size:23px}.section-head{align-items:center}.board-card{min-height:130px;padding:16px}.board-card strong{font-size:16px}.board-card small{font-size:12px}.card-grid,.columns-three{grid-template-columns:1fr}.hero-grid{padding-top:32px;padding-bottom:30px}.hero h1{font-size:29px}.hero p{font-size:15px}.hero-art{height:195px}.feature-main{padding:18px}.feature-main h3{font-size:22px}.soft-section{margin-top:38px;padding-top:25px;padding-bottom:25px}.question-grid{grid-template-columns:1fr}.service-band{margin-top:40px;padding:25px}.service-band>div:last-child{flex-wrap:wrap}.read-article{padding:21px}.read-article h1{font-size:27px}.page-intro h1{font-size:30px}.search-form{display:grid}.search-form input,.search-form select{width:100%}.footer-grid{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
