*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FAF6EF;color:#302F2B;font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:#295C4D;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.wrap{width:min(1280px,calc(100% - 36px));margin:auto}.header{background:#FFFDF9;position:relative;z-index:10;border-bottom:1px solid #E8E0D5}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#295C4D}.brand strong{font-size:28px;letter-spacing:.12em;display:block;line-height:1.15}.brand small{font-size:11px;color:#6B6861;display:block}.logo{width:90px;max-height:48px;object-fit:contain}.desktop-nav{display:flex;gap:26px;align-items:center}.desktop-nav a{font-weight:650;color:#302F2B}.desktop-nav a:hover{color:#B9543C}.menu-toggle{display:none;border:1px solid #E8E0D5;border-radius:10px;background:#fff;padding:8px 14px}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#FFFDF9;box-shadow:0 10px 18px #302f2b12;padding:12px 18px;display:grid;gap:4px}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:10px;border-bottom:1px solid #EEE8DF}.bottom-nav{display:none}.section{padding-top:70px;padding-bottom:70px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.045em;color:#B9543C}.section h2,.page-intro h1{font-size:clamp(26px,3vw,38px);line-height:1.3;margin:10px 0 18px}.section h3{line-height:1.35}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}.section-head h2{margin-bottom:0}.section-head>a{font-weight:700}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:42px;padding-top:55px;padding-bottom:55px}.hero h1{font-size:clamp(31px,4vw,54px);line-height:1.25;margin:18px 0}.hero h1 em{font-style:normal;color:#B9543C}.hero-copy>p{max-width:580px;color:#4D4A45;font-size:17px}.hero-copy small{display:block;margin-top:30px;color:#6B6861}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #B9543C;background:#B9543C;color:white;border-radius:12px;padding:10px 21px;font-weight:700;min-height:44px;line-height:1.4}.btn:hover{background:#913E2D;text-decoration:none;color:white}.btn.ghost{background:#FFFDF9;color:#295C4D;border-color:#D3D9D1}.btn.ghost:hover{background:#E6F0E8}.btn.light{background:#FFFDF9;color:#295C4D;border-color:#FFFDF9}.hero-art{min-height:360px;position:relative;background:linear-gradient(135deg,#E9C675,#E9AA93 57%,#A296B8);border-radius:24px;overflow:hidden;display:flex;align-items:end;justify-content:center;padding:24px}.hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.postcard{position:relative;background:#fffcf4ed;transform:rotate(-2deg);box-shadow:0 10px 40px #302f2b22;padding:25px 28px;border-radius:9px;max-width:330px}.postcard span,.postcard small{display:block;color:#6B6861}.postcard strong{display:block;font-size:24px;line-height:1.4;margin:14px 0}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.cat-card{background:#FFFDF9;border-radius:18px;padding:15px;border:1px solid #E8E0D5;display:block;color:#302F2B;transition:transform .2s}.cat-card:hover{transform:translateY(-3px);text-decoration:none}.cat-card:nth-child(4n+2){background:#FCEDE5}.cat-card:nth-child(4n+3){background:#E6F0E8}.cat-card:nth-child(4n){background:#EDF3F6}.cat-visual{height:112px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#EEE8DF;position:relative;overflow:hidden}.cat-visual img{width:100%;height:100%;object-fit:cover;position:absolute}.cat-visual span{position:relative;background:#FFFDF9ed;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:27px}.cat-card h3{font-size:19px;margin:14px 0 5px}.cat-card p{font-size:14px;color:#4D4A45;margin:0}.wash{background:#F6EEE2}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topic{background:#FFFDF9;padding:23px;border:1px solid #E8E0D5;border-radius:16px;display:flex;flex-direction:column}.topic:nth-child(3n+2){background:#F0ECF5}.topic:nth-child(3n){background:#EDF3F6}.topic h3{font-size:20px;margin:12px 0 5px}.topic p{color:#4D4A45;font-size:15px}.topic .prompt{border-left:3px solid #B9543C;padding-left:12px;margin-top:auto;color:#302F2B}.topic a{font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split.reverse{direction:ltr}.editorial h2{font-size:clamp(28px,3vw,40px)}.editorial p{font-size:17px;max-width:570px}.textlink{font-weight:750;font-size:16px}.feature-visual{min-height:300px;background:#E6F0E8;border-radius:24px;padding:20px;position:relative;display:flex;align-items:end;overflow:hidden}.feature-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-visual blockquote{position:relative;background:#fffdf9e8;padding:17px 20px;margin:0 10px 10px 0;border-left:4px solid #B9543C;border-radius:6px}.interest-map{min-height:220px;background:radial-gradient(circle at center,#E6F0E8,#FFFDF9);border:1px solid #E8E0D5;border-radius:26px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:40px}.interest-map a{background:#fff;padding:12px 18px;border-radius:50px;border:1px solid #E8E0D5;font-weight:700}.vinyl{position:relative;width:150px;height:150px;border:25px solid #295C4D;background:#E9C675;border-radius:50%;margin:auto;display:grid;place-items:center;font-size:35px}.magazine-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.magazine-grid article{padding:16px;background:#FFFDF9;border-radius:16px}.magazine-grid img{width:100%;height:180px;object-fit:cover;border-radius:10px}.magazine-grid article:not(:has(img)):before{content:'✦';height:180px;display:grid;place-items:center;background:#E6F0E8;border-radius:10px;font-size:64px;color:#295C4D}.magazine-grid p{color:#4D4A45}.note-stack{display:grid;gap:15px}.note-stack div{padding:22px 28px;font-size:20px;font-weight:700;border-radius:10px;background:#FCEDE5;transform:rotate(-1deg)}.note-stack div:nth-child(2){background:#E6F0E8;transform:rotate(2deg)}.note-stack div:nth-child(3){background:#FBF3DB;transform:rotate(-2deg)}.night{background:#21483D;color:white}.night .eyebrow{color:#E9C675}.night p{color:#e3ece5}.night-note{background:#FFFDF9;color:#21483D;border-radius:18px;padding:35px;max-width:420px;font-size:30px}.night-note p{color:#295C4D;font-size:15px}.night-note strong{font-size:22px;line-height:1.5}.rooms-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rooms-preview article,.knowledge-row article{padding:22px;border-radius:16px;background:#FFFDF9;border:1px solid #E8E0D5}.rooms-preview h3{font-size:20px}.rooms-preview p{font-size:14px}.knowledge-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}.finish{text-align:center;max-width:850px}.finish .actions{justify-content:center}.finish p{color:#6B6861;font-size:14px}.page-intro{margin-bottom:34px;max-width:850px}.page-intro h1{font-size:clamp(30px,3.5vw,44px)}.page-intro p{font-size:17px;color:#4D4A45}.layout{display:grid;grid-template-columns:195px minmax(0,1fr) 235px;gap:22px;align-items:start}.sidebar,.side-note{background:#FFFDF9;border:1px solid #E8E0D5;border-radius:15px;padding:18px}.sidebar h2{font-size:18px;margin:0 0 12px}.sidebar a{display:block;padding:10px;border-radius:9px;font-size:14px;color:#302F2B}.sidebar .selected{background:#295C4D;color:white}.side-note h3{margin-top:0}.side-note p{font-size:14px}.side-note hr{border:0;border-top:1px solid #EEE8DF;margin:22px 0}.list-info{display:flex;justify-content:space-between;align-items:center;gap:10px}.list-info h2{font-size:22px}.list-info span{font-size:14px;color:#6B6861}.pagination{display:flex;gap:12px;margin-top:24px}.pagination a,.tag-cloud a{padding:8px 14px;background:#FFFDF9;border:1px solid #E8E0D5;border-radius:9px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.room-card{position:relative;background:#FFFDF9;padding:25px;border:1px solid #E8E0D5;border-radius:17px}.room-card:nth-child(3n+2){background:#F0ECF5}.room-card:nth-child(3n){background:#E6F0E8}.room-card h2{font-size:22px;margin:14px 0}.room-card small{display:block;margin:14px 0 20px}.status{float:right;background:#E6F0E8;color:#295C4D;padding:3px 10px;border-radius:20px;font-size:12px}.status.off{background:#F8E4DB;color:#913E2D}.highlight{background:#FBF3DB;border:1px solid #E8E0D5;padding:30px;border-radius:18px;max-width:900px}.highlight h2{font-size:26px}.knowledge-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.knowledge-grid article,.about-grid article{background:#FFFDF9;padding:26px;border-radius:16px;border:1px solid #E8E0D5}.knowledge-grid article:nth-child(4n+2){background:#E6F0E8}.knowledge-grid article:nth-child(4n+3){background:#FCEDE5}.knowledge-grid blockquote{margin:10px 0 0;padding:10px 15px;border-left:3px solid #B9543C}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.search-form{background:#FFFDF9;padding:26px;border-radius:18px}.search-form label{display:block;font-weight:700;margin-bottom:10px}.search-line{display:flex;gap:9px}.search-line input,.search-line select,textarea{border:1px solid #CFC9C0;border-radius:10px;background:white;color:#302F2B;padding:11px;min-width:0}.search-line input{flex:1}.search-results{display:grid;gap:15px}.search-results article{background:#FFFDF9;padding:18px 24px;border:1px solid #E8E0D5;border-radius:14px}.search-results h3{margin:4px 0}.search-results p{margin:0;color:#4D4A45}.empty{padding:26px;background:#FFFDF9;border-radius:12px}.about-grid h2{font-size:22px}.about-grid p{font-size:15px}details{padding:15px;border-bottom:1px solid #E8E0D5}summary{cursor:pointer;font-weight:700}.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:18px;align-items:start}.chat-side{background:#FFFDF9;padding:20px;border-radius:16px;border:1px solid #E8E0D5}.chat-side h2{font-size:18px}.chat-side p{font-size:14px}.chat-center{min-width:0;background:#FFFDF9;border:1px solid #E8E0D5;border-radius:16px;overflow:hidden}.chat-head{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:17px;background:#E6F0E8}.chat-head span{font-size:13px}.nickname-box{padding:15px;background:#FBF3DB}.nickname-box label{display:block;font-weight:700}.nickname-box small{display:block}.messages{height:390px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.message{max-width:83%;background:#EDF3F6;border-radius:13px;padding:10px 15px;overflow-wrap:anywhere;align-self:start}.message.self{background:#F8E4DB;align-self:end}.message header{font-size:12px;color:#4D4A45;display:flex;justify-content:space-between;gap:12px}.message p{margin:3px 0;white-space:pre-wrap}.composer{display:flex;gap:10px;padding:14px;border-top:1px solid #E8E0D5}.composer textarea{flex:1;resize:vertical}.feedback{padding:0 15px;min-height:22px;color:#913E2D}.chat-off{padding:35px;text-align:center}.footer{background:#E6F0E8;margin-top:35px;padding:38px 0 25px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner strong{font-size:23px}.footer-inner p{margin:4px 0}.footer-inner>div:last-child{display:flex;gap:20px;flex-wrap:wrap}.legal{border-top:1px solid #cbdccd;padding-top:16px;margin-top:25px;font-size:13px;color:#4D4A45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #B9543C;outline-offset:3px}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr)}.layout .side-note{display:none}.chat-layout{grid-template-columns:1fr 2.3fr}.chat-layout>.chat-side:last-child{display:none}.rooms-preview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.desktop-nav{display:none}.menu-toggle{display:block}.topbar{height:68px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;background:#FFFDF9;border-top:1px solid #E8E0D5;display:flex;justify-content:space-around;padding:5px 0 max(5px,env(safe-area-inset-bottom))}.bottom-nav a{padding:7px 10px;font-size:13px;font-weight:700}.footer{padding-bottom:90px}.section{padding-top:45px;padding-bottom:45px}.hero,.split{grid-template-columns:1fr;gap:25px}.hero-art{min-height:300px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-grid{grid-template-columns:1fr 1fr}.magazine-grid article:first-child{grid-column:span 2}.layout,.room-layout,.chat-layout{grid-template-columns:1fr}.sidebar{display:flex;overflow-x:auto;gap:8px;align-items:center}.sidebar h2{display:none}.sidebar a{white-space:nowrap}.room-grid{grid-template-columns:1fr 1fr}.chat-layout>.chat-side:first-child{order:2}.chat-center{order:1}.knowledge-grid,.about-grid{grid-template-columns:1fr}.interest-map{padding:25px}.footer-inner{flex-direction:column}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:31px}.hero-art{min-height:245px}.postcard strong{font-size:18px}.postcard{padding:18px}.cat-visual{height:86px}.cat-card{padding:11px}.cat-card h3{font-size:16px}.cat-card p{font-size:13px}.topic-grid,.topic-grid.two,.room-grid,.knowledge-row,.magazine-grid{grid-template-columns:1fr}.magazine-grid article:first-child{grid-column:auto}.section-head{align-items:start;flex-direction:column}.search-line{flex-wrap:wrap}.search-line input{flex-basis:100%}.search-line select{flex:1}.chat-head{align-items:start;flex-direction:column}.composer{flex-direction:column}.messages{height:340px}.footer-inner>div:last-child{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cat-card{transition:none}}

/* 第二版：生活实验场布局。继承既有燕麦奶白、陶土橘、森林绿和辅助色 */
.new-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:54px;padding-top:62px;padding-bottom:64px}.new-hero-copy h1{font-size:clamp(36px,4.8vw,66px);line-height:1.2;letter-spacing:-.025em;margin:17px 0 22px}.new-hero-copy>p{font-size:18px;max-width:600px;color:#4D4A45}.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-points span{font-size:12px;border:1px solid #E8E0D5;padding:5px 11px;border-radius:99px;color:#295C4D}.new-hero-media{min-height:410px;background:linear-gradient(135deg,#F8E4DB,#FBF3DB 45%,#E6F0E8);border-radius:110px 23px 23px 23px;position:relative;padding:30px;display:flex;align-items:end;overflow:hidden}.new-hero-media img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.new-hero-paper{position:relative;background:#FFFDF9ef;max-width:330px;padding:22px 24px;border-radius:12px 12px 12px 2px;box-shadow:0 14px 35px #302f2b20}.new-hero-paper span,.new-hero-paper small{display:block;color:#6B6861;font-size:13px}.new-hero-paper strong{display:block;font-size:25px;line-height:1.45;margin:9px 0}.new-atlas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.atlas-item{display:flex;flex-direction:column;background:#FFFDF9;border:1px solid #E8E0D5;border-radius:18px;overflow:hidden;color:#302F2B;position:relative}.atlas-item:nth-child(4n+2){background:#FCEDE5}.atlas-item:nth-child(4n+3){background:#EDF3F6}.atlas-item:nth-child(4n){background:#E6F0E8}.atlas-visual{height:135px;display:grid;place-items:center;background:#F6EEE2;position:relative}.atlas-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.atlas-visual span{position:relative;background:#FFFDF9e8;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;font-size:32px}.atlas-item>div:nth-child(2){padding:18px 17px 25px}.atlas-item small{color:#6B6861;font-size:11px}.atlas-item h3{font-size:19px;margin:7px 0}.atlas-item p{font-size:13px;line-height:1.7;margin:0}.atlas-item>b{position:absolute;right:15px;bottom:8px;color:#B9543C}.new-feature-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.new-feature{border-radius:20px;background:#FFFDF9;padding:25px;min-height:255px;display:flex;flex-direction:column}.new-feature:nth-child(3){background:#E6F0E8}.new-feature h3{font-size:25px;line-height:1.4;margin:14px 0}.new-feature p{font-size:15px}.new-feature a{margin-top:auto;font-weight:700}.new-feature.large{background:#FCEDE5;min-height:330px;position:relative;overflow:hidden}.new-feature.large img{position:absolute;right:0;bottom:0;width:50%;max-height:85%;object-fit:cover;border-radius:25px 0 0 0}.feature-text{position:relative;z-index:1;max-width:60%}.new-duo{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.new-duo h2,.new-forest h2,.new-bottom h2{font-size:clamp(30px,3.4vw,48px);line-height:1.3}.new-duo p{font-size:17px}.new-steps{border-top:1px solid #E8E0D5;border-bottom:1px solid #E8E0D5;margin:25px 0}.new-steps p{font-size:15px;margin:0;padding:10px 0}.new-steps b{color:#B9543C;margin-right:14px}.duo-picture{border-radius:80px 18px 18px 18px;background:#E6F0E8;min-height:390px;position:relative;display:flex;align-items:end;padding:25px;overflow:hidden}.duo-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.duo-note{position:relative;background:#FFFDF9ed;color:#295C4D;font-size:21px;font-weight:700;padding:20px 25px;border-radius:15px;max-width:280px}.new-prompt-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.new-prompt-wall a{display:flex;flex-direction:column;min-height:170px;border:1px solid #E8E0D5;background:#FFFDF9;color:#302F2B;border-radius:18px;padding:22px}.new-prompt-wall a:nth-child(3n+2){background:#F0ECF5}.new-prompt-wall a:nth-child(3n){background:#FBF3DB}.new-prompt-wall small{color:#6B6861}.new-prompt-wall strong{font-size:19px;line-height:1.45;margin:12px 0}.new-prompt-wall span{margin-top:auto;color:#295C4D;font-size:14px}.new-forest{background:#21483D;color:#FFFDF9;padding:75px 0}.new-forest-inner{display:grid;grid-template-columns:1fr 1.15fr;gap:75px;align-items:center}.new-forest .eyebrow{color:#E9C675}.new-forest p{color:#E6F0E8}.new-room-tickets{display:grid;grid-template-columns:1fr 1fr;gap:14px}.new-room-tickets a{min-height:140px;border-radius:16px;padding:20px;background:#FFFDF9;color:#295C4D;display:flex;flex-direction:column;gap:6px}.new-room-tickets a:nth-child(2){background:#FCEDE5}.new-room-tickets a:nth-child(3){background:#EDF3F6}.new-room-tickets a:nth-child(4){background:#FBF3DB}.new-room-tickets a span{font-size:24px}.new-room-tickets a small{margin-top:auto;color:#6B6861}.new-guides{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.new-guides article{border-left:3px solid #B9543C;padding:0 15px 0 19px}.new-guides article>span{font-size:32px;font-weight:800;color:#B9543C}.new-guides h3{font-size:19px}.new-guides p{font-size:14px;line-height:1.8}.new-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.new-home-search{padding:25px;background:#FFFDF9;border-radius:18px}.new-home-search label{display:block;font-weight:700;margin-bottom:10px}
@media(max-width:1050px){.new-atlas{grid-template-columns:repeat(2,1fr)}.new-feature-grid{grid-template-columns:1fr 1fr}.new-feature.large{grid-column:span 2}.new-guides{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.new-hero,.new-duo,.new-forest-inner,.new-bottom{grid-template-columns:1fr;gap:26px}.new-hero{padding-top:38px}.new-hero-media{min-height:300px;border-radius:55px 18px 18px 18px}.new-feature-grid,.new-prompt-wall{grid-template-columns:1fr 1fr}.new-feature.large{grid-column:span 2}.new-forest{padding:46px 0}}
@media(max-width:520px){.new-hero-copy h1{font-size:37px}.new-hero-media{min-height:270px}.new-atlas{gap:10px}.atlas-visual{height:96px}.atlas-item>div:nth-child(2){padding:13px}.atlas-item h3{font-size:16px}.atlas-item p{font-size:12px}.new-feature-grid,.new-prompt-wall,.new-room-tickets,.new-guides{grid-template-columns:1fr}.new-feature.large{grid-column:auto}.new-feature.large img{opacity:.25;width:75%}.feature-text{max-width:100%}.duo-picture{min-height:290px}.new-home-search .search-line{display:block}.new-home-search input,.new-home-search button{width:100%;margin:4px 0}}
