
:root{--background:#F7F8F5;--paper:#FFFFFF;--surface:#FFFFFF;--surface-soft:#EFF3F1;--ocean:#224850;--ocean-deep:#17353D;--ocean-soft:#E4F0EF;--amber:#B77C33;--amber-deep:#8C5C22;--amber-soft:#FAEFD9;--aqua:#367F8B;--aqua-deep:#245F6B;--aqua-soft:#E5F2F4;--coral:#C65B57;--coral-soft:#F9E9E7;--violet:#8073A0;--violet-soft:#F0EDF6;--title:#24333B;--body:#40525A;--muted:#62747C;--border:#DDE5E2;--divider:#EAF0ED}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--aqua-deep)}button,input{font:inherit}button,a{outline-offset:4px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--title);line-height:1.28}h1{font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.04em}h2{font-size:clamp(1.55rem,2.7vw,2.3rem);letter-spacing:-.02em}h3{font-size:1.25rem}.wrap{width:min(1360px,calc(100% - 56px));margin:auto}.section{padding:90px 0}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--aqua-deep);text-transform:uppercase}.masthead{background:var(--ocean-deep);color:#d8e5df;font-size:11px;letter-spacing:.12em}.masthead-inner{display:flex;justify-content:space-between;padding:6px 0}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.head-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:35px}.brand{font-size:28px;font-weight:900;letter-spacing:-.09em;color:var(--ocean-deep);line-height:1}.brand span{color:var(--amber)}.brand small{display:block;font-size:9px;letter-spacing:.25em;color:var(--muted);margin-top:8px}.main-menu{display:flex;gap:36px;font-size:14px;font-weight:700}.head-action{color:var(--ocean);font-weight:800;border-bottom:2px solid var(--amber);font-size:14px}.menu-button{display:none;border:1px solid var(--border);background:white;padding:8px 12px;border-radius:8px}.hero{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:6%;padding:74px 0 80px;min-height:610px}.hero h1{margin:20px 0}.hero h1 em,.features-heading em{font-style:normal;color:var(--aqua)}.hero-text>p{font-size:17px;max-width:615px}.hero-buttons{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--ocean);background:var(--ocean);color:white;padding:12px 23px;border-radius:7px;font-weight:750;min-height:45px}.button:hover{background:var(--ocean-deep);color:white}.button.ghost{background:transparent;color:var(--ocean)}.hero-metrics{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.hero-metrics b{font-size:23px;color:var(--ocean);margin-right:5px}.hero-media{position:relative;height:510px;border-radius:140px 14px 14px 14px;overflow:hidden;background:var(--ocean)}.hero-image,.hero-media>img,.hero-media>.photo-empty{width:100%;height:100%;object-fit:cover}.media-tag{position:absolute;bottom:20px;left:20px;background:var(--amber-soft);color:var(--amber-deep);padding:8px 16px;font-size:11px;letter-spacing:.14em;font-weight:900}.photo-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ocean),var(--aqua),var(--ocean-deep));color:#ffffff}.photo-empty span{font-size:12px;letter-spacing:.2em;border:1px solid #ffffff55;padding:12px 16px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-title h2{margin:10px 0 0}.section-title>p{max-width:420px;margin:0}.category-index{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.category-row{display:flex;gap:22px;align-items:center;padding:23px 25px;background:white;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .15s}.category-row:hover{background:var(--ocean-soft)}.category-number{font-size:13px;font-weight:900;color:var(--amber)}.category-name{font-size:19px;font-weight:800;color:var(--ocean);flex:1}.category-name small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.category-arrow{font-size:25px;color:var(--aqua)}.breakout{background:var(--ocean-soft)}.text-link,.read-link{color:var(--aqua-deep);font-weight:800;font-size:13px}.editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story{background:white;border:1px solid var(--border);min-width:0}.story-picture{height:170px;display:block;background:var(--ocean-soft);overflow:hidden}.story-picture img,.story-picture .photo-empty{width:100%;height:100%;object-fit:cover}.story-info{padding:22px}.story h3{margin:8px 0 12px;font-size:18px}.story p{font-size:13px;line-height:1.7;color:var(--muted)}.editor-grid .story.featured{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.editor-grid .story.featured .story-picture{height:350px}.editor-grid .story.featured h3{font-size:29px}.editor-grid .story.featured p{font-size:15px}.split-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.feature-picture{height:490px;background:var(--ocean-soft)}.feature-picture>img,.feature-picture>.photo-empty{width:100%;height:100%}.feature-copy p{max-width:530px}.feature-copy .button{margin-top:10px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.connection-grid a{padding:35px;border-top:3px solid var(--amber);background:white;min-height:170px}.connection-grid strong{display:block;color:var(--ocean);font-size:20px}.connection-grid span{font-size:13px;display:block;margin-top:12px}.notice{background:var(--ocean);color:#f2f7f4;display:flex;align-items:center;justify-content:space-between;padding:42px;gap:35px}.notice h2{color:white}.notice .eyebrow{color:#b8d9d3}.notice p{max-width:670px;margin:0}.notice .button{background:var(--amber-soft);border-color:var(--amber-soft);color:var(--ocean)}.footer{background:var(--ocean-deep);color:#d5e7e3;padding:54px 0 24px}.footer-inner{display:flex;justify-content:space-between;gap:24px}.footer-inner strong{font-size:20px;color:white}.footer-inner div:last-child{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.footer-note{margin-top:35px;border-top:1px solid #ffffff22;padding-top:18px;font-size:12px;color:#b4cac6}.directory-head{max-width:850px;margin-bottom:50px}.directory-head h1{margin:12px 0}.directory-layout{display:grid;grid-template-columns:235px 1fr;gap:55px;align-items:start}.directory-aside{position:sticky;top:110px;background:white;padding:20px;border:1px solid var(--border)}.directory-aside h2{font-size:17px}.directory-aside a{display:flex;justify-content:space-between;padding:12px 8px;font-size:13px;border-bottom:1px solid var(--divider)}.directory-aside a.selected{background:var(--ocean-soft);color:var(--ocean);font-weight:800}.search-form{padding:25px;background:var(--surface-soft);border:1px solid var(--border)}.search-form label{font-size:12px;font-weight:750;display:block;margin-bottom:10px}.search-form>div{display:flex;gap:10px}.search-form input{min-width:0;flex:1;padding:12px;border:1px solid var(--border);background:white;border-radius:3px}.search-form button{padding:11px 24px;background:var(--ocean);color:white;border:0;cursor:pointer}.results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:29px 0 14px;gap:10px}.results-head h2{font-size:22px;margin:0}.results-head span{font-size:12px;color:var(--muted)}.results-list .story.horizontal{display:grid;grid-template-columns:240px 1fr;border:0;border-bottom:1px solid var(--border);background:transparent;padding:22px 0}.results-list .story-picture{height:175px}.results-list .story-info{padding:0 25px}.pager{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0}.pager a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);background:white}.pager a.current{background:var(--ocean);color:white}.empty-state{padding:70px 25px;text-align:center;background:white}.features-heading{padding:35px 0 45px;max-width:900px}.features-heading p{max-width:760px;font-size:18px}.feature-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 0 23px;margin-bottom:30px}.feature-tabs a{white-space:nowrap;padding:9px 15px;border:1px solid var(--border);background:white;border-radius:50px;font-size:12px}.feature-tabs a.selected{background:var(--ocean);color:white}.feature-chapter{display:grid;grid-template-columns:.85fr 1fr;gap:55px;border-top:1px solid var(--border);padding:50px 0}.feature-chapter:nth-of-type(even){grid-template-columns:1fr .85fr}.feature-chapter:nth-of-type(even) .chapter-cover{order:2}.chapter-cover{height:460px}.chapter-cover img,.chapter-cover .photo-empty{height:100%;width:100%}.chapter-intro h2{margin:12px 0 18px}.chapter-intro p{max-width:530px}.chapter-rail{margin-top:28px;border-top:1px solid var(--border)}.chapter-rail>a{display:flex;align-items:center;gap:17px;padding:12px 2px;border-bottom:1px solid var(--border)}.chapter-rail>a>b{font-size:12px;color:var(--amber)}.chapter-rail>a>span:nth-child(2){flex:1;font-weight:750;color:var(--ocean)}.chapter-rail small{font-size:11px;font-weight:400;color:var(--muted);display:block}.breadcrumbs{font-size:12px;color:var(--muted)}.detail-head{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:55px 0 40px}.detail-head h1{max-width:850px}.lead{max-width:780px;font-size:20px}.detail-mark{background:var(--amber-soft);padding:30px;color:var(--amber-deep);font-size:33px;font-weight:900}.detail-mark span{display:block;font-size:9px;letter-spacing:.2em}.meta{display:flex;gap:12px;flex-wrap:wrap}.meta span{border:1px solid var(--border);font-size:11px;padding:5px 11px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:65px}.detail-cover{height:420px}.detail-cover img,.detail-cover .photo-empty{height:100%;width:100%}.article-body{padding:45px 0}.article-body h2{font-size:24px;margin:32px 0 15px}.article-body p{font-size:17px;max-width:850px}.article-callout{margin:40px 0;background:var(--amber-soft);padding:25px 30px;border-left:3px solid var(--amber)}.article-callout p{margin:8px 0 0;font-size:15px}.detail-aside{padding-top:15px}.aside-box{padding:26px;background:var(--ocean);color:#e6f2ed;margin-bottom:35px}.aside-box h3{color:white}.aside-box .eyebrow{color:#b3d4d0}.aside-box a{color:#fff;border-bottom:1px solid white}.detail-aside>h3{font-size:17px}.aside-link{display:block;padding:15px 0;border-bottom:1px solid var(--border)}.aside-link span{display:block;font-size:11px;color:var(--aqua)}.aside-link b{display:block;color:var(--title)}.schedule-hero{background:var(--ocean-soft);padding:55px;margin-bottom:35px}.schedule-hero p{max-width:750px}.schedule-layout{display:grid;grid-template-columns:1fr 320px;gap:30px}.schedule-board{border:1px solid var(--border);background:white}.board-head{padding:25px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--border)}.board-head h2{font-size:22px;margin:0}.board-head span{font-size:11px}.board-empty{text-align:center;padding:85px 32px;max-width:650px;margin:auto}.empty-symbol{color:var(--amber);font-size:70px}.schedule-guide{background:var(--paper);padding:30px}.schedule-guide h2{font-size:23px}.schedule-guide>div{padding:15px 0;border-bottom:1px solid var(--border)}.schedule-guide strong{color:var(--ocean)}.schedule-guide p{font-size:13px;margin:7px 0}.schedule-bottom{padding:55px 0}.about-hero{padding:55px 0 70px;max-width:950px}.about-hero p{font-size:20px;max-width:750px}.about-columns{display:grid;grid-template-columns:260px 1fr;gap:70px}.about-index{display:flex;flex-direction:column;gap:20px;color:var(--aqua-deep);font-size:13px;font-weight:750}.about-essay section{border-top:1px solid var(--border);padding:22px 0 38px}.about-essay h2{font-size:24px}.about-essay p{font-size:16px;max-width:850px}
@media(max-width:1050px){.main-menu{gap:16px}.editor-grid{grid-template-columns:repeat(2,1fr)}.editor-grid .story.featured{grid-column:span 2;grid-row:auto}.editor-grid .story.featured .story-picture{height:300px}.hero{min-height:0}.hero-media{height:400px}.directory-layout{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.section{padding:55px 0}.masthead-inner span:last-child,.head-action{display:none}.head-inner{height:65px}.menu-button{display:block}.main-menu{display:none;position:absolute;left:0;right:0;top:65px;padding:15px 18px 25px;background:white;border-bottom:1px solid var(--border);box-shadow:0 20px 35px #17353d22;flex-direction:column;gap:15px}.main-menu.open{display:flex}.hero,.split-feature,.feature-chapter,.feature-chapter:nth-of-type(even),.directory-layout,.detail-grid,.schedule-layout,.about-columns{grid-template-columns:1fr}.hero{padding:45px 0;gap:35px}.hero-media{height:330px;border-radius:80px 12px 12px 12px}.hero-metrics{gap:15px}.section-title,.notice,.board-head{align-items:start;flex-direction:column}.category-index{grid-template-columns:1fr}.category-row{padding:16px}.editor-grid{grid-template-columns:1fr}.editor-grid .story.featured{grid-column:span 1}.editor-grid .story.featured .story-picture{height:220px}.split-feature{gap:24px}.feature-picture,.chapter-cover{height:280px}.connection-grid{grid-template-columns:1fr}.notice{padding:27px}.directory-aside{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.directory-aside h2{grid-column:span 2}.directory-aside a{font-size:12px}.results-list .story.horizontal{grid-template-columns:1fr}.results-list .story-info{padding:18px 0}.results-list .story-picture{height:200px}.feature-chapter:nth-of-type(even) .chapter-cover{order:0}.detail-head{padding:30px 0;display:block}.detail-mark{display:none}.detail-cover{height:280px}.schedule-hero{padding:28px}.board-empty{padding:45px 20px}.footer-inner{flex-direction:column}.about-hero{padding:20px 0 45px}}
