: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}

/* V2: editorial conversation journal — preserve original palette variables */
.v2-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:stretch;margin:12px 0 54px}.v2-hero-copy{border-radius:26px;padding:52px 46px;background:var(--surface-warm);display:flex;flex-direction:column;justify-content:center}.v2-hero h1{font-size:clamp(32px,4vw,53px);line-height:1.24;letter-spacing:-1px;margin:18px 0}.v2-hero h1 em{font-style:normal;color:var(--terracotta-dark)}.v2-hero p{max-width:590px}.v2-hero-visual{position:relative;border-radius:26px;min-height:450px;background:linear-gradient(135deg,var(--forest-soft),var(--peach-soft));overflow:hidden;display:flex;align-items:end;justify-content:center;padding:28px}.v2-hero-visual .hero-image{inset:0;border-radius:0}.v2-hero-note{position:relative;z-index:1;background:#fffdf9f0;box-shadow:0 10px 40px #302f2b22;width:min(310px,100%);padding:25px;border-radius:12px 12px 32px 12px;transform:rotate(2deg)}.v2-hero-note span,.v2-hero-note strong,.v2-hero-note small{display:block}.v2-hero-note strong{font-size:22px;margin:10px 0;color:var(--forest)}.v2-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v2-category{background:var(--paper);border:1px solid var(--border);border-radius:18px;padding:20px;min-width:0;color:var(--body);position:relative}.v2-category:nth-child(4n+2){background:var(--forest-soft)}.v2-category:nth-child(4n+3){background:var(--peach-soft)}.v2-category:nth-child(4n){background:var(--lavender-soft)}.v2-category h3{font-size:19px;margin:14px 0 8px}.v2-category p{font-size:14px;min-height:76px}.v2-category strong{color:var(--forest-dark);font-size:14px}.v2-cat-heading{display:flex;justify-content:space-between;align-items:center}.v2-cat-icon{font-size:32px}.v2-cat-photo{width:100%;height:110px;object-fit:cover;margin:14px 0 2px;border-radius:12px}.v2-editorial,.v2-split{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}.v2-editorial{padding:35px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.v2-editorial h2{font-size:clamp(28px,3.4vw,43px)}.v2-editorial-art{background:var(--butter-soft);padding:26px;border-radius:24px}.v2-quote{font-size:21px;color:var(--forest-dark);font-weight:bold}.v2-feature-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--forest-dark)}.v2-feature-list article{padding:20px 19px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.v2-feature-list article:nth-child(even){background:var(--surface-warm)}.v2-feature-list h3{font-size:19px}.v2-feature-list p{font-size:14px}.v2-photo-panel{background:var(--peach-soft);border-radius:24px;padding:28px}.v2-photo-panel .wide-image{max-height:290px}.v2-list-panel{padding:24px}.v2-list-panel>a{display:block;padding:16px 0;border-bottom:1px solid var(--border)}.v2-list-panel>a strong,.v2-list-panel>a span{display:block}.v2-list-panel>a span{font-size:14px;color:var(--muted);margin-top:5px}.v2-night{background:var(--forest-dark);color:white;padding:42px;border-radius:24px}.v2-night h2,.v2-night .eyebrow,.v2-night a{color:#fff}.v2-night .btn.secondary{color:var(--forest-dark)}.v2-room-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.v2-room-links a{background:#ffffff19;border:1px solid #ffffff55;padding:19px;border-radius:12px;display:flex;justify-content:space-between}.v2-finale{background:var(--forest-soft);border-radius:28px;padding:42px;text-align:center}.v2-finale .actions{justify-content:center}.v2-discover-intro{display:flex;justify-content:space-between;gap:24px;background:var(--surface-warm);padding:30px;border-radius:22px}.v2-discover-photo{max-width:220px;max-height:160px;object-fit:cover;border-radius:16px}.v2-topic-stream{display:grid;gap:14px}.v2-stream-item{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border-bottom:2px solid var(--border);padding:22px;border-radius:12px}.v2-stream-item:nth-child(3n+2){background:var(--forest-soft)}.v2-stream-item:nth-child(3n){background:var(--butter-soft)}.v2-stream-item h3{font-size:23px;margin:8px 0}.v2-stream-item p{margin:8px 0}.v2-stream-photo{width:135px;height:118px;object-fit:cover;flex-shrink:0;border-radius:12px}.v2-side{background:var(--butter-soft);padding:19px;border-radius:15px;align-self:start}.v2-room-guide{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center}.v2-room-guide aside{padding:22px;background:var(--forest-soft);border-radius:14px}.v2-room-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.v2-room{border:1px solid var(--border);background:white;border-radius:17px;padding:25px;display:flex;gap:20px;align-items:start;border-left:5px solid var(--accent)}.v2-room:nth-child(3n+2){background:var(--surface-warm)}.v2-room-index{font-size:35px;font-weight:800;line-height:1;color:var(--accent);display:grid;gap:15px}.v2-room-index span{font-size:26px}.v2-room h2{font-size:24px;margin:8px 0}.v2-room .state{width:fit-content}.v2-toolkit{display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.v2-toolkit aside{background:var(--lavender-soft);padding:25px;border-radius:20px}.v2-toolkit blockquote{margin:18px 0;border-left:4px solid var(--lavender);padding:12px 20px;font-size:23px;color:var(--ink)}.v2-lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.v2-lesson-grid article{padding:25px;background:var(--paper);border-left:4px solid var(--forest);border-radius:14px}.v2-lesson-grid article:nth-child(4n+2){border-color:var(--terracotta);background:var(--peach-soft)}.v2-lesson-grid article:nth-child(4n+3){border-color:var(--lavender);background:var(--lavender-soft)}.v2-lesson-grid h3{margin:14px 0}.v2-about-lead{background:var(--forest-dark);color:white;padding:36px;border-radius:22px}.v2-about-lead h2,.v2-about-lead .eyebrow{color:#fff}.v2-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.v2-about-grid article{background:white;padding:23px;border-radius:15px;border-top:4px solid var(--terracotta)}.v2-about-grid article:nth-child(even){background:var(--forest-soft);border-color:var(--forest)}.v2-about-grid h2{font-size:19px}.v2-faq{max-width:980px;margin-inline:auto}.v2-faq details{background:white;padding:18px;border-bottom:1px solid var(--border)}.v2-faq summary{cursor:pointer;font-weight:bold}.v2-room a,.v2-stream-item a{font-weight:bold}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}@media(max-width:1050px){.v2-category-grid{grid-template-columns:repeat(2,1fr)}.v2-feature-list{grid-template-columns:repeat(2,1fr)}.v2-about-grid{grid-template-columns:repeat(2,1fr)}.v2-room-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.v2-hero,.v2-editorial,.v2-split,.v2-toolkit,.v2-room-guide{grid-template-columns:1fr}.v2-hero-copy{padding:32px}.v2-hero-visual{min-height:280px}.v2-hero-note{margin-top:100px}.v2-room-layout{grid-template-columns:1fr}.v2-side{display:none}.v2-discover-intro{flex-direction:column}}@media(max-width:500px){.v2-category-grid,.v2-feature-list,.v2-lesson-grid,.v2-about-grid,.v2-room-links{grid-template-columns:1fr}.v2-hero-copy{padding:26px}.v2-hero-visual{min-height:260px}.v2-stream-photo{width:90px;height:90px}.v2-stream-item{gap:12px;padding:16px}.v2-stream-item h3{font-size:19px}.v2-night,.v2-finale{padding:25px}.v2-category p{min-height:auto}.v2-editorial{padding:15px 0}}