:root{--background:#FAF6EF;--paper:#FFFDF9;--surface:#FFFFFF;--surface-warm:#F6EEE2;--terracotta:#B9543C;--terracotta-dark:#913E2D;--forest:#295C4D;--forest-dark:#21483D;--forest-soft:#E6F0E8;--peach:#E9AA93;--peach-soft:#FCEDE5;--butter:#E9C675;--butter-soft:#FBF3DB;--lavender:#A296B8;--lavender-soft:#F0ECF5;--mist-blue:#7697A5;--mist-blue-soft:#EDF3F6;--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-family:system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;line-height:1.75;font-size:16px}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.3}h1{font-size:clamp(28px,3.3vw,42px)}h2{font-size:clamp(23px,2.3vw,28px)}h3{font-size:20px}.container{max-width:1280px;margin:0 auto;padding:0 22px}.skip{position:absolute;transform:translateY(-150%)}.skip:focus{transform:none;background:white;z-index:20}.site-header{background:var(--paper);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:15}.header-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:0 22px}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:800;white-space:nowrap}.brand small{font-size:12px;color:var(--muted);font-weight:400;border-left:1px solid var(--border);padding-left:10px}.main-nav{display:flex;gap:7px;flex-wrap:wrap}.main-nav a{padding:10px 13px;color:var(--ink);border-radius:24px;font-size:14px}.main-nav a:hover,.main-nav a.current{background:var(--forest-soft);color:var(--forest-dark);text-decoration:none}.mobile-menu{display:none;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:8px 12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:370px;gap:24px;align-items:stretch;margin-top:26px;background:var(--paper);border-radius:24px;overflow:hidden;border:1px solid var(--border)}.hero-copy{padding:50px 30px 44px 48px;align-self:center}.hero-copy h1{margin:16px 0 18px}.hero-copy p{max-width:540px}.hero-visual{position:relative;min-height:330px}.hero-image{height:100%;min-height:330px;width:100%;object-fit:cover}.hero-visual .photo-fallback{background:linear-gradient(125deg,#e8bca6,#f5e9cc 58%,#c8ded1)}.stamp{position:absolute;right:22px;bottom:22px;background:#fffdf4ed;border:2px dashed var(--terracotta);transform:rotate(-6deg);padding:12px;color:var(--terracotta-dark);font-size:13px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:750;text-transform:uppercase;color:var(--terracotta-dark);display:block;margin-bottom:10px}.section{margin:75px 0}.section-heading{margin-bottom:26px}.section-heading p{margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--terracotta-dark);color:white;border:1px solid var(--terracotta-dark);border-radius:12px;padding:11px 20px;min-height:44px;font-size:15px}.btn:hover{background:var(--terracotta);text-decoration:none;color:white}.btn.ghost{background:transparent;color:var(--forest-dark);border-color:var(--forest)}.btn.ghost:hover{background:var(--forest-soft);color:var(--forest-dark)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{padding:22px;min-height:175px;background:var(--tile);border-radius:17px;display:flex;flex-direction:column;color:var(--ink);border:1px solid #0000000a}.category-tile:hover{text-decoration:none;transform:translateY(-2px)}.category-tile strong{font-size:19px;margin:8px 0}.category-tile span:last-child{font-size:14px;color:var(--body)}.cat-emoji{font-size:28px}.note-section{background:var(--surface-warm);border-radius:22px;padding:34px 30px}.note-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.sticky{background:var(--butter-soft);padding:20px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:3px 5px 10px #4d3f3010;transform:rotate(-1deg);color:var(--ink)}.sticky:nth-child(2n){background:var(--peach-soft);transform:rotate(1deg)}.sticky:nth-child(3n){background:var(--lavender-soft)}.sticky:hover{text-decoration:none}.sticky span,.sticky small{font-size:12px;color:var(--muted)}.sticky strong{font-size:17px;line-height:1.55}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split>div{min-width:0}.photo{width:100%;height:300px;border-radius:18px;object-fit:cover}.photo-fallback{background:linear-gradient(125deg,#e2eee5,#f6dfd0);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--forest);font-size:40px;text-align:center}.photo-fallback span{font-size:15px}.text-link{display:inline-block;margin-top:8px;font-weight:700}.interest-map{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:22px;background:radial-gradient(ellipse at center,#e5f0e7,#faf6ef 72%);border:1px dashed var(--forest);border-radius:100px;padding:65px 22px}.interest-map a{padding:16px 19px;border-radius:60px;background:white;box-shadow:0 5px 25px #295c4d16}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.editorial{color:var(--body)}.editorial:hover{text-decoration:none}.editorial h3{margin:15px 0 5px}.editorial .photo{height:215px}.play-section{background:var(--butter-soft);padding:40px;border-radius:24px;max-width:840px}.night{background:var(--forest-dark);padding:30px;border-radius:20px;color:#f2f5ef}.night h2{color:#fff}.night .eyebrow,.night .text-link{color:#fce4c2}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.room-card{padding:24px;border-radius:18px;background:white;border:1px solid var(--border)}.room-card h2{font-size:21px}.room-card .small{min-height:52px}.room-card a{display:block;margin-top:12px}.status{display:inline-block;background:var(--forest-soft);border-radius:99px;color:var(--forest-dark);padding:3px 10px;font-size:12px;font-weight:700}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.knowledge-card{padding:24px;border-left:4px solid var(--terracotta);border-radius:12px;background:var(--paper)}.knowledge-card p{font-size:15px}.closing{background:var(--peach-soft);text-align:center;padding:44px;border-radius:22px}.closing .actions{justify-content:center}.page-intro{padding:54px 0 35px;max-width:900px}.page-intro.compact{padding:40px 0 26px}.page-intro p{font-size:17px}.discovery-layout{display:grid;grid-template-columns:195px minmax(0,1fr) 235px;align-items:start;gap:22px}.side-nav,.side-note{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:18px}.side-nav{position:sticky;top:96px}.side-nav strong{display:block;margin-bottom:12px}.side-nav a{font-size:14px;display:flex;justify-content:space-between;gap:6px;padding:9px 8px;border-radius:8px}.side-nav a.selected{background:var(--forest-soft);font-weight:700}.side-nav span{color:var(--muted)}.side-note{font-size:14px}.side-note hr{border:0;border-top:1px solid var(--divider)}.result-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-head h2{font-size:21px}.result-head p{font-size:13px}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-card{background:var(--paper);border:1px solid var(--border);border-radius:15px;padding:21px;overflow-wrap:anywhere}.topic-card h3{font-size:18px}.topic-card p{font-size:14px}.topic-card .small{border-left:3px solid var(--peach);padding-left:12px}.small{font-size:13px;color:var(--muted)}.pagination{display:flex;gap:8px;justify-content:center;margin:30px 0;flex-wrap:wrap}.pagination a{border:1px solid var(--border);background:white;border-radius:9px;min-width:42px;text-align:center;padding:7px}.pagination a[aria-current]{background:var(--forest);color:white}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;margin-bottom:70px}.chat-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 230px;gap:16px;align-items:start;margin-bottom:70px}.chat-panel{background:white;border:1px solid var(--border);border-radius:18px;min-height:470px;overflow:hidden}.chat-top{display:flex;justify-content:space-between;padding:17px 20px;background:var(--forest-soft);font-weight:700}.maintenance{text-align:center;padding:80px 20px}.nickname-row{padding:15px;display:flex;gap:10px;align-items:end;background:var(--paper)}.nickname-row label{flex:1}.nickname-row input{display:block;width:100%}.nickname-row button{min-height:44px}.messages{height:350px;overflow:auto;padding:16px}.message{padding:12px;border-radius:10px;background:var(--background);margin-bottom:10px;overflow-wrap:anywhere}.message strong{color:var(--forest)}.message time{float:right;font-size:12px;color:var(--muted)}#chatForm{display:flex;align-items:end;gap:10px;padding:14px;border-top:1px solid var(--border)}#chatForm textarea{flex:1;min-width:0;resize:vertical}#chatStatus{padding:0 14px}.selected-topic{background:var(--butter-soft);padding:30px;border-radius:19px}.quote-line{background:white;border-radius:10px;padding:12px;margin:10px 0;display:flex;gap:20px;justify-content:space-between}.copy-btn{background:var(--forest-soft);color:var(--forest-dark);border:1px solid var(--forest);border-radius:9px;padding:8px 12px;min-height:42px;white-space:nowrap}.random-box{border:2px dashed var(--terracotta);border-radius:18px;text-align:center;padding:34px;background:var(--paper)}.random-box p{font-size:20px}.random-box button{margin:5px}.search-form{display:flex;gap:10px;align-items:end;background:var(--paper);padding:23px;border-radius:14px;flex-wrap:wrap}.search-form label{width:100%;font-weight:700}.search-form input{flex:1;min-width:180px}.search-form input,.search-form select,.nickname-row input,#chatForm textarea{padding:10px;border:1px solid #aaa096;border-radius:9px;background:white}.search-results article{padding:20px 0;border-bottom:1px solid var(--divider)}.search-results h3{margin:0 0 7px}.search-results p{margin:0}.empty{background:var(--paper);padding:30px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:70px}.about-block{background:var(--paper);padding:28px;border-radius:15px;border:1px solid var(--border)}.footer{border-top:1px solid var(--border);background:#f1eade;padding:35px 0}.foot-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot-inner>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}
@media(max-width:1090px){.discovery-layout{grid-template-columns:190px minmax(0,1fr)}.discovery-layout>.side-note{display:none}.chat-layout{grid-template-columns:1fr 2.3fr}.chat-layout>.side-note:last-child{display:none}.note-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:780px){.mobile-menu{display:block}.header-inner{flex-wrap:wrap}.main-nav{display:none;width:100%;padding-bottom:12px;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px}.hero-visual,.hero-image{min-height:220px;max-height:270px}.category-grid{grid-template-columns:repeat(2,1fr)}.note-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr;gap:20px}.split>div:first-child.photo{order:1}.editorial-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.discovery-layout,.room-layout,.chat-layout{grid-template-columns:1fr}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:5px}.side-nav strong{width:100%}.side-nav a{border:1px solid var(--border)}.chat-layout>.side-note:last-child{display:block}.room-layout>.side-note{order:-1}.section{margin:55px 0}}
@media(max-width:480px){body{font-size:16px}.container{padding:0 16px}.header-inner{padding:0 16px}.brand{font-size:19px}.brand small{font-size:10px}.hero-copy h1{font-size:29px}.category-tile{min-height:158px;padding:15px}.category-tile strong{font-size:17px}.note-grid,.editorial-grid,.room-grid,.topic-grid,.knowledge-grid,.about-grid{grid-template-columns:1fr}.note-section{padding:24px 16px}.sticky{min-height:130px}.section{margin:46px 0}.interest-map{border-radius:28px;padding:35px 16px}.page-intro{padding:30px 0}.room-card{padding:19px}.quote-line{flex-direction:column;gap:8px}.search-form{flex-direction:column;align-items:stretch}.search-form input{min-width:0;width:100%}.chat-top{gap:8px}.messages{height:320px}.foot-inner{flex-direction:column}.play-section,.closing{padding:25px 20px}}