:root{--background:#FAF6EF;--paper:#FFFDF9;--surface:#fff;--surface-warm:#F6EEE2;--terracotta:#B9543C;--terracotta-dark:#913E2D;--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;--divider:#EEE8DF}*{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,'PingFang SC','Microsoft YaHei',sans-serif;overflow-x:hidden}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:clamp(29px,3.3vw,42px)}h2{font-size:clamp(23px,2.3vw,28px)}h3{font-size:19px}p{margin:.6em 0 1em}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}.container{width:min(1280px,calc(100% - 36px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:white;z-index:99}.skip:focus{top:10px}.topbar{background:#fffdf9f5;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.top-inner{max-width:1280px;margin:auto;min-height:74px;padding:8px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;color:var(--terracotta-dark)}.brand-logo{max-width:100px;max-height:50px;object-fit:contain}.brand small{font-size:11px;letter-spacing:1px;display:block;color:var(--muted);font-weight:400;line-height:1.2}.nav{display:flex;gap:23px;align-items:center}.nav a{font-size:15px;color:var(--ink);padding:8px 3px}.nav a[aria-current]{font-weight:700;color:var(--terracotta-dark);border-bottom:2px solid var(--terracotta)}.menu-btn{display:none}.page-head{padding:18px 0 8px}.page-head h1{margin:.3em 0}.page-head>p{max-width:800px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--terracotta-dark);display:block;text-transform:uppercase}.section{margin:52px 0}.section-title{margin-bottom:20px}.section-title h2{margin:.2em 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#f7e9da;border-radius:24px;min-height:370px;margin:10px 0 45px;padding:38px 48px;gap:32px;overflow:hidden}.hero h1{margin:16px 0}.hero p{max-width:500px}.hero-art{min-height:285px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 65% 40%,#f3cb8a,#e8b7a4 65%,transparent 66%);border-radius:23px}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:23px}.postcard{position:relative;background:#fffaf2f2;box-shadow:0 12px 22px #644b3622;transform:rotate(-5deg);padding:24px 27px;max-width:290px;border:1px dashed #c29c77}.postcard span,.postcard strong{display:block}.postcard strong{font-size:22px;color:var(--forest)}.btn{display:inline-block;background:var(--terracotta-dark);color:#fff;padding:11px 22px;border-radius:12px;border:1px solid var(--terracotta-dark);font-weight:650;min-height:44px}.btn:hover{background:#6d2e23;color:#fff;text-decoration:none}.btn.secondary{background:#fffdf9;color:var(--forest-dark);border-color:var(--forest)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{background:white;border-radius:20px;padding:20px;border:1px solid var(--border);color:var(--body);min-height:195px}.category-tile:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.category-tile h3{margin:8px 0}.category-tile p{font-size:14px;margin:0}.circle-media{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--accent) 19%,white);display:grid;place-items:center;font-size:30px;overflow:hidden}.circle-media img{width:100%;height:100%;object-fit:cover}.circle-media:has(img) span{display:none}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-card{background:var(--paper);padding:20px;border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 0 #eee3d5}.topic-card:nth-child(3n+2){background:#f0f5ef}.topic-card:nth-child(3n){background:#fbf0ea}.topic-card h3{margin:10px 0}.topic-card p{font-size:15px}.split{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:35px}.split.reverse{grid-template-columns:.8fr 1.2fr}.sticky-note,.side-note,.paper{background:#fbefd6;padding:26px;border:1px solid #ead6b8;border-radius:12px;transform:rotate(1deg)}.wide-image{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:16px;margin-bottom:16px}.interest-map{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;background:radial-gradient(circle,#eaf3ed 0,transparent 65%);padding:30px 10px}.interest-map a{border-radius:100px;padding:12px 22px;background:#fff;border:1px solid var(--border);font-weight:bold}.interest-map a:nth-child(even){transform:translateY(15px)}.visual-block{background:#ece5f1;border-radius:18px;min-height:200px;padding:30px;display:grid;place-items:center;font-size:45px}.visual-block:has(img){padding:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{padding:18px;background:#fff;border-radius:16px;border:1px solid var(--border)}.game-strip{background:#f8e8df;border-radius:18px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.night{background:var(--forest-dark);padding:32px;border-radius:18px;color:#fff}.night h2,.night a,.night .eyebrow{color:#fff}.room-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.room-mini a{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.room-mini span{display:block;font-size:13px;color:var(--muted)}.ending{text-align:center;padding:40px;background:#eaf0e8;border-radius:20px}.ending .actions{justify-content:center}.footer{margin-top:60px;border-top:1px solid var(--border);background:#fffdf8;padding:30px 0 90px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner a{margin-right:15px}.fine{font-size:13px;color:var(--muted)}.mobile-bottom{display:none}.discovery-layout{display:grid;grid-template-columns:200px minmax(0,1fr) 240px;gap:22px}.filter-panel,.side-note{align-self:start}.filter-panel{background:#fff;padding:17px;border-radius:14px;border:1px solid var(--border)}.filter-panel h2{font-size:19px}.filter-link{display:block;font-size:14px;padding:8px 10px;border-radius:8px}.filter-link.selected{background:var(--forest);color:#fff}.topic-grid.compact{grid-template-columns:repeat(2,1fr)}.pagination{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.pagination a{background:#fff;border:1px solid var(--border);padding:3px 13px;border-radius:6px}.pagination a[aria-current]{background:var(--forest);color:#fff}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.room-card{background:#fff;padding:28px;border-radius:18px;border-top:5px solid var(--accent);box-shadow:0 5px 20px #3f342112}.room-card .state,.state{display:block;color:var(--forest-dark);background:#e7f1e9;padding:7px 12px;border-radius:8px;font-size:13px;margin:12px 0}.room-card>a{font-weight:700}.ice-widget,.search-form{background:#fff;padding:24px;border-radius:16px;border:1px solid var(--border)}input,select,textarea{max-width:100%;background:#fff;padding:10px;border:1px solid #bdb5ab;border-radius:9px;color:var(--ink)}.ice-widget select,.search-form input,.search-form select{margin:8px 18px 8px 0}.ice-widget>p{padding:18px;background:#f9f1e4;min-height:70px;border-radius:10px}.lesson-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lesson-list article,.search-results article{border-bottom:1px solid var(--border);padding:18px;background:#fff;border-radius:12px}.search-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.search-results{display:grid;gap:9px;margin-top:20px}.info{background:#fff3da;border-radius:12px;padding:22px}.about-body{background:#fff;padding:25px 32px;border-radius:18px;max-width:950px}.about-body h2{margin-top:30px}.about-body details{margin-bottom:14px;border-bottom:1px solid var(--border);padding:10px}.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 200px;gap:20px}.chat-main,.chat-sidebar{background:#fff;border-radius:15px;padding:20px;border:1px solid var(--border)}.messages{height:340px;overflow-y:auto;background:#f7f4ed;padding:13px;border-radius:12px}.message-item{background:#fff;padding:10px 14px;border-radius:12px;margin-bottom:10px;max-width:90%;overflow-wrap:anywhere}.message-item.mine{background:#e5f0e7;margin-left:auto}.message-item p{margin:0;white-space:pre-wrap}.message-item time{font-size:12px;color:var(--muted)}.chat-form{display:grid;gap:7px;margin-top:18px}.chat-form .btn{justify-self:start}.chat-form textarea{width:100%;resize:vertical}
@media(max-width:1100px){.discovery-layout{grid-template-columns:180px 1fr}.discovery-layout>.side-note,.chat-layout>.side-note{display:none}.chat-layout{grid-template-columns:200px 1fr}.room-mini{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.top-inner{min-height:68px}.menu-btn{display:block;border:1px solid var(--border);border-radius:8px;background:white;padding:6px 10px}.nav{display:none;position:absolute;top:68px;right:0;left:0;background:#fffdf9;padding:18px;box-shadow:0 12px 15px #0002;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-open{overflow:hidden}.hero{grid-template-columns:1fr;padding:28px}.hero-art{min-height:190px}.category-grid{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.discovery-layout{grid-template-columns:1fr}.filter-panel{display:flex;overflow-x:auto;gap:6px;padding:10px}.filter-panel h2{display:none}.filter-link{white-space:nowrap}.chat-layout{grid-template-columns:1fr}.chat-sidebar{order:2}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;background:#fffdf9;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);z-index:18;padding:7px 3px env(safe-area-inset-bottom)}.mobile-bottom a{text-align:center;font-size:14px;padding:6px}.footer{padding-bottom:105px}.split,.split.reverse{grid-template-columns:1fr}.room-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{width:calc(100% - 32px)}.hero{padding:23px 18px;min-height:auto}.hero h1{font-size:29px}.section{margin:35px 0}.category-tile{padding:15px;min-height:180px}.topic-grid,.topic-grid.compact,.lesson-list,.feature-grid{grid-template-columns:1fr}.room-mini{grid-template-columns:1fr}.game-strip{flex-direction:column;align-items:start}.search-form{display:grid}.chat-main{padding:12px}.messages{height:300px}}

.topic-cover{display:block;width:100%;max-height:130px;object-fit:cover;border-radius:10px;margin-bottom:12px}