:root{--background:#FAF6EF;--paper:#FFFDF9;--surface:#FFFFFF;--surface-warm:#F6EEE2;--terracotta:#B9543C;--terracotta-dark:#913E2D;--terracotta-soft:#F8E4DB;--forest:#295C4D;--forest-dark:#21483D;--forest-soft:#E6F0E8;--peach:#E9AA93;--butter:#E9C675;--lavender:#A296B8;--mist-blue:#7697A5;--ink:#302F2B;--body:#4D4A45;--muted:#6B6861;--border:#E8E0D5}*{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,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--terracotta-dark)}button,input,select{font:inherit}button,.btn{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:clamp(23px,3vw,28px)}h3{font-size:19px}.container{width:min(1280px,calc(100% - 36px));margin-inline:auto}.site-header{background:#fffdfa;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--terracotta);color:white;width:44px;height:44px;border-radius:17px;font-size:26px}.brand b{display:block;color:var(--forest);font-size:22px;line-height:1.1}.brand small{font-size:12px;color:var(--muted)}.desktop-nav{display:flex;gap:28px;font-size:15px;font-weight:650}.menu-toggle{display:none;border:1px solid var(--border);background:white;border-radius:12px;padding:5px 13px}.mobile-menu{padding:18px;box-shadow:0 16px 24px #0002}.mobile-menu a{display:block;padding:10px;border-bottom:1px solid var(--border)}.bottom-nav{display:none}.page{padding:42px 0 75px}.hero{min-height:350px;background:linear-gradient(115deg,#fffdf8 5%,#f8e4db 68%,#f2e7d7);border:1px solid var(--border);border-radius:30px;display:grid;grid-template-columns:1.18fr 1fr;overflow:hidden}.hero-copy{padding:52px 7%}.hero-copy p{max-width:550px}.hero-visual{min-height:310px;position:relative;display:grid;place-items:center;padding:30px}.postcard{transform:rotate(4deg);background:#fffdf9;border:1px solid #e8d9c9;box-shadow:12px 18px 0 #d9bca75c;padding:30px;border-radius:12px;width:min(360px,90%)}.postcard .stamp{display:block;font-size:46px}.postcard h2{font-size:27px}.eyebrow{color:var(--terracotta-dark);font-weight:800;font-size:13px;letter-spacing:.09em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--forest);color:white;border:0;padding:11px 22px;border-radius:12px;min-height:44px}.btn:hover{background:var(--forest-dark);color:white}.btn.alt{background:var(--terracotta)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{margin-top:58px}.section-heading{margin-bottom:23px}.section-heading h2{margin:5px 0 8px}.section-heading p{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card{min-height:185px;padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--paper);transition:transform .2s}.category-card:hover{transform:translateY(-3px)}.category-card .emoji{font-size:32px}.category-card h3{margin:8px 0}.category-card p{font-size:14px;margin:0}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{padding:23px;border:1px solid var(--border);background:white;border-radius:19px;display:flex;flex-direction:column;min-height:225px}.topic-card:nth-child(3n+2){background:#f9f0e6}.topic-card:nth-child(3n+3){background:#edf3ef}.topic-card h3{margin:9px 0}.topic-card p{font-size:15px}.topic-foot{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:end;font-size:12px;color:var(--muted)}.topic-foot a{white-space:nowrap;color:var(--forest);font-weight:750}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:23px}.panel{padding:28px;background:white;border:1px solid var(--border);border-radius:23px}.panel.warm{background:var(--surface-warm)}.panel.green{background:var(--forest);color:#fff}.panel.green h2,.panel.green h3{color:white}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.story-layout .image-fallback{height:300px}.image-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#eed2bd,#a7beb4);color:#ffffffb0;font-size:80px;border-radius:20px;min-height:150px}.section-image{width:100%;height:300px;object-fit:cover;border-radius:20px}.pill-row{display:flex;gap:9px;flex-wrap:wrap}.pill{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:7px 14px;background:white;font-size:14px}.interest-map{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:45px 10px;background:#e9f0e9;border-radius:26px}.interest-map a{background:white;border-radius:50%;width:118px;height:118px;display:grid;place-items:center;text-align:center;box-shadow:0 4px 14px #173d2914;padding:10px}.interest-map a:nth-child(even){transform:translateY(18px)}.list-links{padding:0;list-style:none}.list-links li{padding:12px 0;border-bottom:1px solid var(--border)}.list-links a{color:var(--forest);font-weight:700}.callout{border-left:5px solid var(--terracotta);padding:18px 25px;background:#fff4e8;border-radius:0 14px 14px 0}.page-intro{max-width:850px;margin-bottom:30px}.explore-layout{display:grid;grid-template-columns:195px minmax(0,1fr) 240px;gap:22px;align-items:start}.sidebar{position:sticky;top:90px}.side-nav{padding:12px;background:#fff;border:1px solid var(--border);border-radius:16px}.side-nav a{display:block;padding:8px 11px;border-radius:9px;font-size:14px}.side-nav a[aria-current=page]{background:var(--forest);color:white}.mini-note{background:#fbf0db;border:1px dashed #dccba9;padding:18px;border-radius:16px;font-size:14px}.filter{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}.filter input,.filter select{min-width:0;background:white;border:1px solid #bdb7ae;border-radius:10px;padding:10px 12px;min-height:44px}.filter input{flex:1}.pagination{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.pagination a{padding:6px 13px;background:white;border:1px solid var(--border);border-radius:10px}.pagination a[aria-current=page]{background:var(--forest);color:white}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.room-card{border:1px solid var(--border);background:white;border-radius:20px;padding:24px}.status{font-size:13px;color:var(--terracotta-dark);font-weight:700}.room-card h3{margin:12px 0}.room-card .btn{margin-top:10px}.chat-layout{display:grid;grid-template-columns:235px minmax(0,1fr) 235px;gap:18px}.chat-box{background:white;border:1px solid var(--border);border-radius:20px;overflow:hidden}.chat-feed{height:400px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:11px}.message{padding:11px 14px;border-radius:15px;background:#eff2ed;max-width:90%;overflow-wrap:anywhere}.message.own{align-self:end;background:#fce9db}.message small{display:block;color:var(--muted)}.chat-controls{padding:16px;border-top:1px solid var(--border)}.chat-controls textarea{width:100%;min-height:84px;padding:10px;border:1px solid #bcb5ae;border-radius:12px;resize:vertical}.chat-controls input{max-width:210px;padding:9px;border:1px solid #bcb5ae;border-radius:10px}.chat-controls .actions{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:9px}.knowledge{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.knowledge article{background:white;border:1px solid var(--border);border-radius:20px;padding:25px}.knowledge article:nth-child(4n+2){background:#ecf2ef}.knowledge article:nth-child(4n+3){background:#fbf2df}.knowledge .number{font-size:30px;color:var(--terracotta);font-weight:bold}.empty{text-align:center;padding:65px 0}.site-footer{background:#eae9dd;border-top:1px solid #dcd9cd;padding:34px 0 25px}.foot-grid{display:flex;align-items:start;justify-content:space-between;gap:40px}.foot-grid a{display:inline-block;margin:0 12px 12px 0}.foot-bottom{font-size:13px;border-top:1px solid #d3d1c7;padding-top:16px;color:#5b5a54}.badge-inline{background:#f2e9d6;padding:4px 9px;border-radius:6px;font-size:12px}.alert{padding:15px;background:#fbf0df;border:1px solid #e2c599;border-radius:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.explore-layout{grid-template-columns:170px minmax(0,1fr)}.explore-layout>.mini-note{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:180px minmax(0,1fr)}.chat-layout>.mini-note{display:none}}@media(max-width:760px){body{padding-bottom:59px}.container{width:calc(100% - 34px)}.desktop-nav{display:none}.menu-toggle{display:block}.bottom-nav{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));font-size:13px}.bottom-nav a{min-height:44px;display:grid;place-items:center}.page{padding:23px 0 48px}.hero{grid-template-columns:1fr}.hero-copy{padding:32px 24px}.hero-visual{min-height:240px}.postcard{padding:22px}.topic-grid,.room-grid,.knowledge,.split,.story-layout{grid-template-columns:1fr}.explore-layout{grid-template-columns:1fr}.sidebar{position:static;overflow:auto}.side-nav{display:flex;gap:6px;overflow:auto}.side-nav a{flex:none}.chat-layout{grid-template-columns:1fr}.chat-feed{height:45vh;min-height:300px}.section{margin-top:39px}.foot-grid{display:block}.interest-map a{width:100px;height:100px}.site-header .nav-wrap{height:68px}}@media(max-width:390px){.category-grid{grid-template-columns:1fr}.hero-actions{display:grid}.brand small{font-size:11px}.postcard h2{font-size:23px}}

/* Edition 2 editorial refinements: original palette remains unchanged */
.hero {align-items:center}
.hero-copy h1 {letter-spacing:-.035em}
.category-card {transition:transform .18s ease,box-shadow .18s ease}
.category-card:hover {transform:translateY(-3px);box-shadow:0 12px 30px #302f2b0d}
.story-layout .section-image {min-height:260px}
.topic-card h3 a:hover,.room-card a:hover {text-decoration:underline}
@media(prefers-reduced-motion:reduce){.category-card {transition:none}}
