:root{--blue:#ADE0F4;--soft:#edf8fc;--brown:#693918;--muted:#8b6248;--cream:#fffaf3;--line:rgba(105,57,24,.14);--shadow:0 12px 34px rgba(105,57,24,.08)}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--brown);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.wrap{width:min(820px,calc(100% - 32px));margin:auto}button,input,textarea{font:inherit;touch-action:manipulation}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:rgba(255,250,243,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.head{min-height:66px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}.brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:var(--blue)}.brand b{letter-spacing:.06em}nav{margin-left:auto;display:flex;gap:16px}nav a{color:inherit;text-decoration:none;font-size:13px;white-space:nowrap}main{padding:30px 0 58px}.communityHero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 30px;border:1px solid rgba(59,147,184,.22);border-radius:25px;background:var(--soft)}.communityHero small{font-weight:800;letter-spacing:.12em}.communityHero h1{margin:6px 0 2px;font-size:clamp(30px,7vw,43px);line-height:1.2}.communityHero p{margin:0;color:var(--muted)}.communityHero>span{font-size:48px;white-space:nowrap}.composer,.feed{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}h2{margin:0 0 16px;font-size:21px}.composer label{display:block;margin-top:13px;font-size:13px;font-weight:750}.composer em{color:var(--muted);font-size:11px;font-style:normal;font-weight:400}.composer input,.composer textarea{display:block;width:100%;min-height:46px;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fffdf9;color:var(--brown);font-size:16px;outline:none}.composer textarea{resize:vertical}.composer input:focus,.composer textarea:focus{border-color:#59a9ca;box-shadow:0 0 0 3px rgba(173,224,244,.35)}.photoActions,.photoPreview>div,.formBottom,.feedHead,.toolRow{display:flex;align-items:center;gap:10px}.photoActions{margin-top:14px;flex-wrap:wrap}.soft,.loadMore,.doodleHead button,.toolRow button{min-height:44px;border:1px solid rgba(59,147,184,.28);border-radius:12px;background:var(--soft);color:var(--brown);padding:9px 13px;font-weight:750}.textButton{min-height:44px;border:0;background:transparent;color:#3b93b8;font-weight:750}.primary{min-height:46px;border:0;border-radius:13px;background:var(--brown);color:#fff;padding:10px 18px;font-weight:800}.photoPreview{margin-top:14px;padding:12px;border-radius:15px;background:var(--soft)}.photoPreview img{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:11px;background:#fff}.photoPreview>div{margin-top:9px}.privacy{color:var(--muted);font-size:11px}.formBottom{justify-content:space-between;min-height:48px}.formBottom span{font-size:12px;color:var(--muted)}.feedHead{justify-content:space-between}.posts{display:grid;gap:14px}.post{min-width:0;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fffdf9}.postHeader{display:flex;justify-content:space-between;gap:12px;align-items:start}.postHeader b{font-size:14px}.postHeader span,.post time{display:block;color:var(--muted);font-size:11px}.postText{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.postImage{display:block;width:100%;max-height:620px;margin-top:12px;object-fit:cover;border:0;border-radius:13px;background:var(--soft);cursor:zoom-in}.loadMore{display:block;width:100%;margin-top:15px}.empty{text-align:center;padding:30px;color:var(--muted)}.lightbox,.doodleModal{position:fixed;inset:0;z-index:100;background:rgba(35,20,12,.83);display:grid;place-items:center;padding:16px}.lightbox[hidden],.doodleModal[hidden]{display:none}.lightbox img{max-width:96vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:15px;top:calc(12px + env(safe-area-inset-top));width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--brown);font-size:27px}.doodlePanel{width:min(920px,100%);max-height:calc(100vh - 24px);overflow:auto;border-radius:20px;background:#fff;padding:14px}.doodleHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.canvasWrap{display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#eee;touch-action:none}.canvasWrap canvas{display:block;max-width:100%;max-height:62vh;touch-action:none}.doodleTools{padding-top:10px}.toolRow{flex-wrap:wrap;margin-top:8px}.toolRow button{padding:8px 11px}.toolRow button.active{outline:3px solid var(--blue)}#colors button{width:44px;padding:0;background:var(--c)}.actions .primary{margin-left:auto}.empty[hidden],.loadMore[hidden],.photoPreview[hidden]{display:none}footer{padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
@media(max-width:600px){.wrap{width:min(100% - 24px,820px)}nav a:not(:first-child){display:none}.communityHero{padding:23px 20px}.communityHero>span{font-size:35px}.composer,.feed{padding:17px;margin-top:14px}.photoActions{display:grid;grid-template-columns:1fr 1fr}.photoActions button{width:100%}.formBottom{align-items:stretch;flex-direction:column}.formBottom .primary{width:100%}.post{padding:14px}.doodleModal{padding:6px}.doodlePanel{max-height:calc(100vh - 12px);border-radius:16px}.canvasWrap canvas{max-height:56vh}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1;width:100%}}