:root{color:#294c3d;font-synthesis:none;background:#f7f3ea;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#e9e4da;margin:0}a,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.app{background:#f7f3ea;max-width:520px;min-height:100vh;margin:auto;box-shadow:0 0 40px #38534412}.page{min-height:100vh;padding:28px 20px calc(100px + env(safe-area-inset-bottom));background-image:linear-gradient(#f7f3eadd,#f7f3eaf5),url(/assets/community/desk-morning-bg.jpg);background-size:cover;background-attachment:fixed;position:relative}.hero{padding:46px 8px 36px}.brand{letter-spacing:4px;color:#ad7654;font-size:13px}.hero h1{margin:18px 0 12px;font-family:serif;font-size:34px;line-height:1.45}.hero p,.muted,.title p{color:#7c8276;line-height:1.8}.primary{color:#fff;background:#dc7757;border:0;border-radius:24px;margin-top:20px;padding:13px 25px;display:inline-block;box-shadow:0 6px 18px #dc77572a}.full{text-align:center;width:100%}.sectionTitle{justify-content:space-between;align-items:center;display:flex}.sectionTitle a{color:#b06b4d;font-size:13px}.storyGrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.storyCard{background:#fffcf6;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px #3853440d}.storyCard img{object-fit:cover;background:#eae4d6;width:100%;height:150px}.storyCard div{padding:12px}.storyCard b{line-height:1.5;display:block}.storyCard span{color:#8b8b80;margin-top:7px;font-size:11px;display:block}.softCard,.paper,.joinCard{background:#fffaf1e8;border:1px solid #e9decb;border-radius:20px;margin-top:24px;padding:22px;display:block;box-shadow:0 8px 30px #6e59330a}.softCard a{color:#c36c4c}.tabbar{z-index:20;width:min(520px,100%);padding:12px 5px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf6f5;border-top:1px solid #e8dfd1;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{text-align:center;color:#96988d;font-size:12px}.tabbar a.active{color:#d76d4e;font-weight:700}.profileEntry{z-index:15;background:#fffaf0d9;border-radius:18px;padding:7px 12px;font-size:12px;position:fixed;top:14px;right:max(14px,50vw - 246px)}.title{padding:25px 4px 22px}.title h1{margin:0 0 6px;font-family:serif;font-size:30px}.dual{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dual a{text-align:center;color:#45664f;background:#e5eddf;border-radius:15px;padding:18px 8px}.dual a+a{color:#99684d;background:#f5e6d7}.search{background:#fffdf8;border:1px solid #e2d9c9;border-radius:14px;outline:none;width:100%;margin-top:18px;padding:14px}.letterFloat{color:#fff;text-align:center;background:#d67554;border-radius:50%;width:82px;height:82px;padding-top:20px;font-size:12px;position:fixed;bottom:100px;right:max(12px,50vw - 248px);box-shadow:0 8px 25px #6a463440}.backbar{text-align:center;grid-template-columns:60px 1fr 60px;align-items:center;margin:-12px 0 24px;display:grid}.backbar button{text-align:left;color:#9b6c51;background:0 0;border:0;padding:8px 0}.reader article{line-height:1.9}.reader article h1{font-family:serif}.articleText{margin-top:24px;font-size:16px;line-height:2}.audio{width:100%;margin:14px 0}.paper textarea,.editor{resize:vertical;background:0 0;border:0;outline:none;width:100%;min-height:130px;line-height:1.8}.editor{background:#fffaf1;border-radius:16px;min-height:340px;margin-top:16px;padding:18px}.feedCard{background:#fffaf3e8;border:1px solid #e9e0d2;border-radius:18px;margin-bottom:14px;padding:18px}.feedCard p{white-space:pre-wrap;line-height:1.8}.meta{color:#939083;justify-content:space-between;gap:10px;font-size:11px;display:flex}.meta button{color:#c57455;background:0 0;border:0}.empty,.loading{text-align:center;color:#8e9185;padding:70px 20px}.notice{background:#e8efe3;border-radius:10px;margin-top:15px;padding:12px;line-height:1.6}.error{color:#9f4e3e;background:#f8e8df}.error button{float:right}.periods{gap:14px;display:grid}.period{background:#fffaf2eb;border-left:4px solid #b6c5aa;border-radius:18px;padding:22px}.period span,.period p{color:#90917e;font-size:12px}.period h3{margin:10px 0}.memberBanner{text-align:center;color:#fff;background:#315c48;border-radius:20px;margin-top:24px;padding:16px;display:block}.channel.museum,.reader.museum{background-image:linear-gradient(#f7f3eacc,#f7f3eaf5),url(/assets/museum/museum-bg.jpg)}.articleImage{border-radius:16px;width:100%}.joinCard{text-align:center;padding:35px 24px}.joinCard h1{font-family:serif}.price{color:#d37250;margin:24px;font-size:48px}.joinCard ul{text-align:left;color:#737d70;padding-left:22px;line-height:2.2}.narrow{max-width:520px}.profile{text-align:center}.avatar{background:#dce7d5;border-radius:50%;place-items:center;width:76px;height:76px;margin:auto;font-size:28px;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.cardRow,.menuRow{background:#fffaf2;border-radius:14px;justify-content:space-between;margin-top:12px;padding:18px;display:flex}.cardRow b{color:#a67355;font-size:12px}.textButton{color:#8b8e82;background:0 0;border:0;margin:24px auto;display:block}.letter{font-family:serif;line-height:2}.sign{text-align:right}.artImages{gap:12px;margin-top:16px;display:grid}.artImages img{object-fit:contain;background:#eee8dc;border-radius:12px;width:100%;max-height:220px}.artImages input{background:0 0;border:0;border-bottom:1px solid #ddd;width:100%;padding:10px}.artImages+button{margin-top:20px}@media (width<=360px){.page{padding-left:15px;padding-right:15px}.hero h1{font-size:30px}}