:root{--primary:#087E78;--primary-deep:#075C58;--primary-hover:#064D49;--teal:#159E98;--teal-light:#D5F3EE;--teal-pale:#EEF9F6;--mint:#66C7AC;--mint-soft:#E9F8F1;--sea:#3AA8B3;--sea-soft:#E6F5F7;--coral:#DB796C;--coral-soft:#FFF0EB;--amber:#B88128;--amber-soft:#FFF2D9;--lavender:#987EC8;--lavender-soft:#F3EEFC;--background:#F7FBFA;--surface:#fff;--surface-soft:#F0F8F5;--title:#203238;--body:#34484C;--muted:#586B70;--border:#DDEAE6;--divider:#E9F1EF;--footer:#163B3A;--footer-text:#F2FBF7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--body);font:16px/1.78 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:var(--primary-deep);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{color:var(--title);line-height:1.35;margin:0 0 .7em}h1{font-size:clamp(27px,3.5vw,42px)}h2{font-size:clamp(22px,2.3vw,27px)}h3{font-size:19px}p{margin:.6em 0 1em}small{font-size:13px}.wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;top:-100px;background:#fff;z-index:30}.skip:focus{top:0}.site-header{background:#fff;border-bottom:1px solid var(--border)}.topbar{height:76px;display:flex;align-items:center;gap:32px}.brand{min-width:240px;display:flex;gap:12px;align-items:center;color:var(--primary-deep)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--primary);color:white;border-radius:14px;width:46px;height:46px;font-size:26px}.brand-img{max-width:50px;max-height:45px;object-fit:contain}.brand strong{display:block;font-size:22px;letter-spacing:1px}.brand small{display:block;color:var(--muted);font-size:12px}.search-form{flex:1;display:flex;max-width:510px;background:var(--background);border:1px solid var(--border);border-radius:30px;overflow:hidden}.search-form input{min-width:0;flex:1;border:0;background:transparent;padding:8px 18px;outline:none}.search-form button{border:0;background:var(--primary-deep);color:#fff;padding:0 24px}.top-actions{display:flex;align-items:center;margin-left:auto;gap:17px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary-deep);border-radius:12px;background:var(--primary-deep);color:#fff;padding:11px 24px;min-height:44px;font-weight:650;white-space:normal;text-align:center}.btn:hover{background:var(--primary-hover);color:white;text-decoration:none}.btn-small{padding:8px 16px}.btn-outline{background:transparent;color:var(--primary-deep)}.btn-outline:hover{background:var(--teal-pale);color:var(--primary-deep)}.menu-toggle,.drawer-close{border:1px solid var(--border);border-radius:10px;background:white;min-height:44px;padding:6px 12px;color:var(--primary-deep)}.main-nav{background:var(--primary-deep)}.nav-links{display:flex;gap:38px;min-height:50px;align-items:center}.nav-links a{color:white;font-size:15px}.quick-track{background:#f1faf7}.quick-inner{display:flex;gap:26px;align-items:center;min-height:52px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.quick-inner a{font-size:14px;color:var(--primary-deep)}.drawer{position:fixed;inset:0 0 0 auto;width:min(350px,90vw);padding:30px;background:#fff;z-index:51;overflow-y:auto;transform:translateX(105%);transition:transform .2s;visibility:hidden}.drawer.open{transform:none;visibility:visible}.drawer a{display:block;padding:9px 0;border-bottom:1px solid var(--divider)}.drawer-overlay{position:fixed;inset:0;background:#102b2b99;z-index:50}.drawer-open{overflow:hidden}.section{margin:54px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.section-heading h2{margin:0}.eyebrow{font-size:13px;color:var(--primary-deep);font-weight:700;letter-spacing:.05em}.hero{margin-top:28px;display:grid;grid-template-columns:1.2fr .8fr;background:var(--teal-pale);border:1px solid var(--border);border-radius:22px;overflow:hidden;min-height:365px}.hero-copy{padding:44px 48px}.hero-copy h1{max-width:600px;margin:18px 0}.hero-copy p{max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{font-size:13px;color:var(--muted);margin-top:22px}.hero-side{position:relative;background:linear-gradient(130deg,#0d7069,#3ca6a0);min-height:350px;color:#fff;display:flex;align-items:end}.hero-side .hero-photo{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.hero-side-text{position:relative;z-index:1;background:#063f3cdd;width:100%;padding:24px 30px}.hero-side-text span,.hero-side-text strong,.hero-side-text a{display:block;color:#fff}.hero-side-text strong{font-size:21px;line-height:1.4;margin:5px 0}.flash-line{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#fff;border:1px solid var(--border);border-radius:13px;margin-top:18px;overflow-x:auto;white-space:nowrap}.flash-line a{font-size:14px}.board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.board-card{display:flex;flex-direction:column;min-height:192px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--primary);padding:20px;border-radius:15px;transition:transform .15s}.board-card:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 8px 22px #123e3820}.board-card strong{font-size:18px;color:var(--title)}.board-card p{font-size:14px;line-height:1.65;margin:8px 0 0;color:var(--muted)}.board-icon{font-size:26px;margin-bottom:6px}.accent-coral{border-top-color:var(--coral)}.accent-amber{border-top-color:var(--amber)}.accent-lavender{border-top-color:var(--lavender)}.accent-sea{border-top-color:var(--sea)}.accent-mint{border-top-color:var(--mint)}.board-card.selected{outline:2px solid var(--primary)}.feature-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.panel,.feature-card,.topic-area,.mini-feature,.life-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}.feature-card{min-height:320px}.feature-card .feature-photo{width:100%;max-height:250px;object-fit:contain;margin-bottom:14px}.compact-link{display:block;border-bottom:1px solid var(--divider);padding:14px 0}.compact-link:last-child{border-bottom:0}.compact-link small{display:block;color:var(--muted);font-weight:500}.compact-link strong{display:block;line-height:1.5;color:var(--title)}.thread-row{display:flex;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--divider)}.thread-row:first-child{padding-top:0}.thread-row:last-child{border:0;padding-bottom:0}.thread-row h3{margin:7px 0}.thread-row h3 a{color:var(--title)}.thread-row p{font-size:14px;color:var(--muted);margin:0;max-width:760px}.thread-meta{min-width:110px;display:flex;flex-direction:column;text-align:right;gap:8px;font-size:13px;color:var(--muted)}.split,.three-grid{display:grid;gap:22px}.split{grid-template-columns:1fr 1fr}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-area .section-heading{min-height:42px}.wide-photo{display:block;max-height:200px;width:100%;object-fit:contain;margin-bottom:10px}.topic-area .thread-row{padding:14px 0}.topic-area .thread-meta{display:none}.quote-card{border-radius:12px;background:var(--lavender-soft);color:#4a3c61;padding:22px;font-size:19px;margin-bottom:12px}.index-link{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid var(--divider);padding:13px 0;color:var(--title)}.digital-section{background:var(--sea-soft);padding:28px;border-radius:18px}.mini-feature{min-height:220px}.mini-feature h3{margin-top:12px}.mini-feature p,.life-card p{font-size:14px;color:var(--muted)}.creators-inner{display:grid;grid-template-columns:32% 1fr;gap:22px}.creator-photo{width:100%;max-height:280px;object-fit:contain}.timeline-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline-node{padding:22px;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;background:#fff}.timeline-node span{font-size:13px;color:var(--primary-deep)}.timeline-node p{font-size:14px}.tile-photo{max-height:200px;width:100%;object-fit:contain}.lounge{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px;background:var(--teal-pale);border-radius:18px}.lounge-link{display:block;padding:12px;border-bottom:1px solid #cfe8e2}.guide{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px}.guide .three-grid a{background:var(--mint-soft);padding:20px;border-radius:12px}.guide strong{color:var(--title)}.guide p{margin:8px 0 0;font-size:14px}.subpage{min-height:55vh}.page-intro{padding:44px 0 26px;max-width:890px}.page-intro p{font-size:17px}.pulse-layout,.thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin:18px 0 70px}.pulse-layout aside,.thread-layout aside{display:flex;flex-direction:column;gap:20px}.timeline-large{border-left:2px solid #c1e7dd;margin:25px 0 45px;padding-left:28px}.timeline-large article{display:flex;gap:16px;position:relative;margin:0 0 28px}.timeline-large .step{font-weight:800;background:var(--teal-pale);color:var(--primary-deep);border-radius:10px;padding:8px 12px;height:fit-content}.timeline-large article h3{margin:9px 0}.timeline-large article p{font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.filters a{border:1px solid var(--border);background:white;padding:7px 12px;border-radius:100px;font-size:14px}.filters a.active{background:var(--primary-deep);color:#fff}.plaza-content{max-width:1020px}.pagination{display:flex;justify-content:center;gap:9px;padding:22px}.pagination a{border:1px solid var(--border);padding:7px 13px;background:white;border-radius:8px}.pagination [aria-current]{background:var(--primary-deep);color:#fff}.empty{padding:26px;color:var(--muted);background:#f8fcfa;border-radius:10px}.crumb{padding:22px 0;color:var(--muted);font-size:13px}.reading{min-width:0}.reading-header{border-bottom:1px solid var(--border);padding-bottom:22px}.reading-header h1{font-size:clamp(25px,3vw,36px);margin-top:16px}.reading-info{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}.reading-body{max-width:820px;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.reading-body p{margin:23px 0}.source-note{font-size:13px;background:var(--teal-pale);padding:16px;border-radius:12px}.replies{margin:35px 0}.reply{padding:18px 0;border-bottom:1px solid var(--divider)}.reply-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.reply p{overflow-wrap:anywhere}.form-area{margin:20px 0}.form-area form,.publish-form,.auth-form{display:grid;gap:16px}.report{margin:20px 0}.report summary{cursor:pointer;color:var(--primary-deep)}.report form{margin-top:15px}.publish-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;margin:10px 0 65px}.publish-layout label,.form-area label,.report label,.auth-form label,.search-page-form label{display:grid;gap:7px;font-weight:650}.publish-layout input:not([type=checkbox]),.publish-layout textarea,.publish-layout select,.form-area input,.form-area textarea,.report textarea,.auth-form input,.search-page-form input,.search-page-form select{width:100%;border:1px solid #adc9c3;border-radius:10px;padding:12px;background:#fff;min-height:44px;color:var(--title)}.publish-layout textarea,.form-area textarea{resize:vertical}.publish-layout label small{font-weight:400;color:var(--muted)}.checkbox-label{display:flex!important;align-items:flex-start;gap:10px;font-size:14px;font-weight:400!important}.checkbox-label input{margin-top:6px}.success,.error{padding:14px;border-radius:10px}.success{background:#e0f5e9;color:#145835}.error{background:#fff0eb;color:#903a26}.search-panel{margin-bottom:35px}.search-page-form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:14px;align-items:end}.about-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:24px;margin:0 0 65px}.about-index{position:sticky;top:20px;height:max-content}.about-index a{display:block;padding:7px 0}.about-content{display:grid;gap:20px}.about-content section{scroll-margin-top:28px}.about-board-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.about-board-links a{background:var(--teal-pale);padding:10px;border-radius:8px}.about-content details{padding:12px 0;border-bottom:1px solid var(--divider)}.moderation-item{margin:15px 0;overflow-wrap:anywhere}.moderation-actions{display:flex;gap:12px}.footer{background:var(--footer);color:var(--footer-text);padding:45px 0 20px}.footer h2,.footer h3{color:white}.footer a{display:block;color:#e5faf2;margin:7px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-bottom{margin-top:26px;padding-top:22px;border-top:1px solid #517470;font-size:13px}.footer-bottom a{display:inline;margin-left:14px}.mobile-bottom{display:none}#backtop{position:fixed;right:22px;bottom:24px;background:var(--primary-deep);color:white;border:0;border-radius:50%;width:44px;height:44px;z-index:5}#backtop[hidden]{display:none}
@media(max-width:1100px){.wrap{width:min(100% - 44px,1280px)}.topbar{gap:14px}.brand{min-width:192px}.top-actions>a:first-child{display:none}.nav-links{gap:24px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pulse-layout,.thread-layout{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:820px){.wrap{width:calc(100% - 36px)}.topbar{height:68px}.brand{min-width:0}.brand small{display:none}.brand strong{font-size:18px}.search-form{max-width:260px}.search-form button{padding:0 12px}.top-actions>.btn{display:none}.main-nav{display:none}.quick-inner{gap:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:33px}.hero-side{min-height:230px}.feature-layout,.split,.lounge,.pulse-layout,.thread-layout,.publish-layout,.about-layout{grid-template-columns:1fr}.three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,1fr);gap:26px}.pulse-layout aside,.thread-layout aside{display:grid;grid-template-columns:repeat(2,1fr)}.about-index{position:static}.about-index a{display:inline-block;margin:0 12px 0 0}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -5px 18px #00000011;z-index:10;justify-content:space-around;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-bottom a{display:grid;text-align:center;font-size:18px;line-height:1.1;min-width:55px;color:var(--primary-deep)}.mobile-bottom span{font-size:11px;margin-top:5px}.footer{padding-bottom:85px}#backtop{bottom:85px}.search-page-form{grid-template-columns:1fr 1fr}.search-page-form button{grid-column:1/-1}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.topbar{gap:10px}.brand strong{font-size:16px}.brand-mark{width:38px;height:38px}.brand-img{max-width:40px}.search-form{width:40px;max-width:40px;height:40px;border:0;background:transparent}.search-form input{display:none}.search-form button{width:40px;height:40px;padding:0;font-size:0;background:var(--teal-pale);color:var(--primary-deep)}.search-form button:after{content:'⌕';font-size:25px}.top-actions{gap:5px}.top-actions>a{display:none}.quick-inner{gap:15px;min-height:46px}.hero{margin-top:16px}.hero-copy{padding:26px 22px}.hero-side{min-height:200px}.hero-side-text{padding:16px 20px}.hero-side-text strong{font-size:18px}.flash-line{gap:15px}.section{margin:35px 0}.section-heading{align-items:start}.section-heading>a{font-size:13px}.board-grid,.three-grid,.timeline-preview,.creators-inner,.footer-grid,.pulse-layout aside,.thread-layout aside,.search-page-form{grid-template-columns:1fr}.board-grid{gap:10px}.board-card{min-height:0;padding:17px}.board-card p{margin-bottom:0}.panel,.topic-area,.feature-card,.mini-feature,.life-card{padding:18px}.thread-row{display:block}.thread-meta{flex-direction:row;text-align:left;margin-top:8px}.digital-section,.guide{padding:18px}.lounge{padding:23px}.page-intro{padding:28px 0}.reading-body{font-size:16px}.search-page-form button{grid-column:auto}.about-board-links{grid-template-columns:1fr}.footer{padding-top:32px}}
