 :root{--background:#FAF6EF;--paper:#FFFDF9;--surface:#fff;--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}*{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}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35}h1{font-size:clamp(29px,3.5vw,44px);letter-spacing:-.035em}h2{font-size:clamp(23px,2.3vw,29px)}h3{font-size:19px}p{margin-bottom:15px}.container{max-width:1280px;margin:0 auto;padding:0 22px}.site-header{background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar{height:74px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:26px;color:var(--terracotta-dark);font-weight:800}.brand small{display:block;font-size:11px;letter-spacing:1.2px;color:var(--muted);line-height:1.1}.logo{max-width:108px;max-height:44px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:27px;margin:auto}.main-nav a{font-weight:650;color:var(--ink);white-space:nowrap}.header-about{font-size:14px}.menu-toggle{display:none}.skip{position:absolute;top:-100px;left:1rem;z-index:99;background:white}.skip:focus{top:0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;margin-top:30px;background:#F5EADF;border-radius:24px;overflow:hidden;min-height:365px}.hero-copy{padding:45px 44px;align-self:center}.stamp,.eyebrow,.section-heading small,.page-intro small,.editorial-copy small,.feature small,.focus-topic small,.game-feature small,.night-feature small,.last-banner small{color:var(--terracotta-dark);font-size:13px;letter-spacing:1px;font-weight:750}.hero h1{margin:20px 0;font-size:clamp(33px,4vw,52px)}.hero h1 em{font-style:normal;color:var(--terracotta)}.hero p{max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn,button{border:0;border-radius:11px;background:var(--forest);color:white;padding:11px 20px;font:inherit;font-size:15px;font-weight:650;cursor:pointer;display:inline-block}.btn:hover,button:hover{background:var(--forest-dark);color:white;text-decoration:none}.btn.outline{background:white;color:var(--forest);border:1px solid var(--forest)}.hero-art{min-height:350px;position:relative;background:linear-gradient(135deg,#E6CDBB,#F4DEAB 55%,#A8C4AD);display:grid;place-items:center}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.letter{position:relative;z-index:1;width:74%;max-width:350px;min-height:205px;background:rgba(255,253,249,.94);padding:26px;transform:rotate(-5deg);box-shadow:0 12px 35px #46332620;display:flex;flex-direction:column;justify-content:space-between}.letter span{font-size:12px;color:var(--terracotta-dark)}.letter b{font-size:23px;line-height:1.6;color:var(--forest)}.section{margin:58px 0}.section-heading{margin-bottom:24px}.section-heading h2{margin:6px 0}.interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.interest-card{border:1px solid var(--border);border-radius:17px;padding:23px;min-height:166px;background:#E6F0E8}.interest-card h3{margin:6px 0 5px}.interest-card p{font-size:14px;margin:0}.interest-card.color-1{background:#F7E7DC}.interest-card.color-2{background:#F0ECF5}.interest-card.color-3{background:#EDF3F6}.icon-large{font-size:28px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.note{background:#F5E7CF;border-radius:6px 18px 12px 12px;padding:25px;min-height:178px;box-shadow:3px 4px 0 #e7d9c444;transform:rotate(-.5deg)}.note:nth-child(even){transform:rotate(1deg)}.note-1{background:#E7F0E6}.note-2{background:#F4E5EA}.note-3{background:#E3ECF0}.note h3{margin:14px 0 9px}.note p{font-size:14px}.note small{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split.reverse .editorial-image{order:2}.editorial-image{min-height:285px;background:linear-gradient(140deg,#d7e5d9,#e0c8a9);border-radius:24px;overflow:hidden;position:relative;display:grid;place-items:center}.editorial-image.blue{background:linear-gradient(130deg,#a4bccb,#ece1ce)}.editorial-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.editorial-image span{background:rgba(255,255,255,.86);padding:7px 15px;position:relative;letter-spacing:2px;font-size:13px}.editorial-copy h2{margin:12px 0}.editorial-copy a{font-weight:750}.connection-map{padding:28px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;background:var(--forest-soft);border-radius:90px 18px 90px 18px}.connection-map a{background:white;padding:13px 22px;border-radius:40px;border:1px solid #c6d8cb}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:white;border-radius:17px;overflow:hidden;border:1px solid var(--border);padding:20px;min-height:200px}.feature img{width:calc(100% + 40px);height:170px;object-fit:cover;margin:-20px -20px 16px;max-width:none}.feature h3{margin:9px 0}.game-feature,.night-feature,.last-banner{background:#F3E8D7;padding:35px 45px;border-radius:22px}.game-feature{display:flex;justify-content:space-between;align-items:center}.big-symbol{font-size:105px;padding:0 50px}.night-feature{display:flex;align-items:center;gap:28px;background:var(--forest);color:#fff}.night-feature h2,.night-feature small,.night-feature a{color:#fff}.night-feature img{width:220px;height:180px;object-fit:cover;border-radius:18px}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.room-card,.topic-card,.knowledge-row article,.knowledge-grid article{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:23px}.room-card small,.knowledge-row small,.knowledge-grid small{color:var(--terracotta-dark);font-size:12px;letter-spacing:.6px}.room-card h3{margin:9px 0}.room-card p{font-size:14px}.room-card .muted{font-size:13px}.status{display:inline-block;background:var(--forest-soft);color:var(--forest-dark);border-radius:22px;padding:3px 11px;font-size:12px;font-weight:700;margin-right:14px}.more{display:inline-block;margin-top:20px;font-weight:750}.knowledge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-row p{font-size:14px}.last-banner{text-align:center}.last-banner .hero-actions{justify-content:center}.footer{margin-top:70px;background:#E9E7DD;padding:40px 0 10px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner p{max-width:420px;font-size:13px}.footer nav{display:flex;flex-wrap:wrap;gap:17px;font-size:14px}.copyright{text-align:center;font-size:12px;color:var(--muted)}.mobile-bottom{display:none}.page-intro{padding:45px 0 26px;max-width:800px}.page-intro h1{margin:9px 0}.page-intro p{font-size:17px}.layout-sidebar{display:grid;grid-template-columns:195px minmax(0,1fr) 240px;gap:22px;align-items:start}.interest-aside,.side-note{background:var(--paper);padding:18px;border:1px solid var(--border);border-radius:16px}.interest-aside{position:sticky;top:90px}.interest-aside h2{font-size:16px}.interest-aside a{display:flex;justify-content:space-between;gap:4px;padding:9px 10px;font-size:13px;border-radius:9px}.interest-aside a.active{background:var(--forest);color:#fff}.directory-intro{background:#F1EADD;border-radius:15px;padding:20px 24px;margin-bottom:20px}.directory-intro h2{margin-bottom:8px}.directory-intro p{font-size:14px}.directory-intro span{color:var(--terracotta-dark);font-weight:750}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-card h3{margin:10px 0}.topic-card p{font-size:14px}.topic-card .question{background:#F6EFE6;border-left:3px solid var(--terracotta);padding:10px}.topic-card a{font-weight:650;font-size:13px}.side-note{position:sticky;top:90px;background:#FDF0DB}.side-note p{font-size:14px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:25px}.notice{padding:17px 21px;background:#F8EBCF;border-radius:12px;margin:14px 0 25px}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.pagination a{background:#fff;padding:5px 13px;border-radius:8px;border:1px solid var(--border)}.pagination a[aria-current]{background:var(--forest);color:white}.focus-topic{background:#e7f0e5;border-radius:20px;padding:32px;margin-bottom:28px}.focus-topic blockquote{font-size:21px;color:var(--forest);margin:14px 0;padding-left:18px;border-left:3px solid var(--forest)}.focus-topic a{margin-left:17px}.random-box{background:#F8E9D9;padding:35px;border-radius:20px;text-align:center}.random-box p{font-size:23px;font-weight:650;color:var(--ink)}.button-row{display:flex;gap:9px;justify-content:center}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.knowledge-grid .example{border-top:1px dashed var(--border);padding-top:12px;font-size:14px;color:var(--forest)}.search-form{background:white;padding:25px;border:1px solid var(--border);border-radius:16px;display:flex;align-items:end;gap:12px;flex-wrap:wrap}.search-form label{font-size:13px;font-weight:750}.search-form input,.search-form select{padding:12px;border:1px solid var(--border);border-radius:9px;font:inherit;min-width:130px}.search-form input{flex:1;min-width:200px}.search-results article{padding:19px 0;border-bottom:1px solid var(--border)}.search-results small{color:var(--terracotta)}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px}.about-layout article{background:white;border-radius:17px;padding:25px 35px}.about-layout h2{margin-top:32px;font-size:22px}.about-layout details{border-bottom:1px solid var(--border);padding:14px 0}.about-layout summary{cursor:pointer;font-weight:700}.chat-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 210px;gap:18px}.chat-side{background:white;border-radius:15px;padding:18px;align-self:start}.chat-side h2{font-size:18px}.chat-side p{font-size:14px}.chat-main{background:white;border-radius:18px;border:1px solid var(--border);overflow:hidden;min-width:0}.chat-top{padding:15px 20px;background:#F4F0E9;display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-top small{font-size:12px}.closed-chat{text-align:center;padding:60px 24px}.closed-chat span{font-size:48px}.closed-chat p{max-width:470px;margin:0 auto 18px}.nickname-panel{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.nickname-panel input{padding:8px;border:1px solid var(--border);border-radius:9px;flex:1}.nickname-panel button{padding:8px 12px}.messages{min-height:300px;max-height:450px;overflow:auto;padding:16px 20px;background:#FDFBF8}.message-entry{padding:10px 0;border-bottom:1px solid var(--border)}.message-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.message-head{display:flex;justify-content:space-between;gap:10px}.message-head time{font-size:12px;color:var(--muted)}#chat-form{padding:15px 20px}#chat-form label{display:block;font-size:13px}#chat-form textarea{width:100%;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:12px;font:inherit}.chat-action{display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-action small{font-size:12px}.chat-feedback{padding:0 20px;color:var(--terracotta-dark);font-size:14px}.muted{color:var(--muted)}:focus-visible{outline:3px solid #D98B54;outline-offset:3px}@media(max-width:1050px){.layout-sidebar{grid-template-columns:175px minmax(0,1fr)}.layout-sidebar>.side-note,.chat-shell>.side-note{display:none}.chat-shell{grid-template-columns:185px minmax(0,1fr)}.topbar{gap:17px}.main-nav{gap:15px}}@media(max-width:780px){.container{padding:0 17px}.topbar{height:68px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);padding:16px 22px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-about{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:32px 26px}.hero-art{min-height:260px}.interest-grid{grid-template-columns:repeat(2,1fr)}.note-grid,.feature-grid,.knowledge-row{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:15px}.split.reverse .editorial-image{order:0}.layout-sidebar,.room-layout,.about-layout,.chat-shell{display:block}.interest-aside{position:static;display:flex;overflow-x:auto;gap:6px;margin-bottom:18px;white-space:nowrap}.interest-aside h2{display:none}.interest-aside a{flex-shrink:0}.side-note{display:none}.chat-side{margin-bottom:14px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:var(--paper);border-top:1px solid var(--border);padding:9px 3px;z-index:12}.mobile-bottom a{font-size:13px}.footer{padding-bottom:60px}.footer-inner{display:block}.room-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.section{margin:40px 0}.hero h1{font-size:32px}.interest-card{padding:16px;min-height:140px}.note-grid,.feature-grid,.knowledge-row,.topic-grid,.knowledge-grid,.room-grid{grid-template-columns:1fr}.game-feature{padding:23px}.big-symbol{display:none}.night-feature{padding:23px}.night-feature img{display:none}.letter{min-height:180px}.footer nav{gap:10px}.search-form{display:grid}.search-form input,.search-form select{width:100%}.about-layout article{padding:20px}.chat-top{display:block}.chat-action{align-items:stretch;flex-direction:column}.button-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
