:root{--bg:#f5f5f0;--ink:#151918;--muted:#737a75;--line:#dedfd8;--card:#fff;--green:#b9f447;--deep:#18352d;--serif:'Noto Serif SC',serif;--sans:'DM Sans','PingFang SC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}.app-shell{display:grid;grid-template-columns:240px minmax(550px,1fr) 300px;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 20px 20px;display:flex;flex-direction:column;background:#f8f8f4}.brand,.mobile-brand{color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--green);display:grid;place-items:center;border-radius:11px;font-size:16px}.nav-list{margin-top:45px;display:grid;gap:6px}.nav-item{border:0;background:none;padding:12px 13px;text-align:left;border-radius:10px;font-size:14px;color:#555d58;display:flex;gap:13px;align-items:center;cursor:pointer}.nav-item span{font-size:20px}.nav-item i{margin-left:auto;background:#df4f43;color:white;border-radius:20px;padding:1px 6px;font-style:normal;font-size:10px}.nav-item.active,.nav-item:hover{background:#e9eadf;color:#101412;font-weight:600}.sidebar-label{font-size:10px;color:#999f9a;letter-spacing:1.5px;margin:34px 12px 14px}.group-list{display:grid;gap:7px}.group-list button{display:flex;gap:11px;align-items:center;border:0;background:none;text-align:left;padding:8px;border-radius:10px;cursor:pointer}.group-list button:hover{background:#edeee7}.group-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;background:#cfdfbd;color:#244231;font-family:var(--serif)}.group-icon.book{background:#e6d7c6;color:#714b28}.group-icon.ai{background:#ccd7e8;color:#304f79;font-size:11px}.group-list span{font-size:13px}.group-list small,.sidebar-footer small{display:block;color:#989d99;font-size:10px;margin-top:3px}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.sidebar-footer .avatar{height:34px;width:34px;border-radius:50%;display:grid;place-items:center;background:#252c29;color:#fff;font-size:11px}.sidebar-footer strong{font-size:12px}.sidebar-footer button{margin-left:auto;border:0;background:none}.main{min-width:0;border-right:1px solid var(--line)}.topbar{height:82px;display:flex;align-items:center;padding:0 38px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,245,240,.92);backdrop-filter:blur(16px);z-index:5}.mobile-brand{display:none;border:0;background:none}.search{display:flex;align-items:center;gap:10px;background:#eaeae4;border-radius:30px;padding:10px 17px;width:290px}.search span{font-size:20px}.search input{border:0;outline:0;background:transparent;width:100%;font-family:inherit}.top-actions{margin-left:auto;display:flex;gap:12px}.icon-btn{border:1px solid var(--line);width:38px;height:38px;border-radius:50%;background:transparent;position:relative}.dot{position:absolute;width:6px;height:6px;background:#e75246;border:2px solid var(--bg);border-radius:50%;right:7px;top:6px}.primary-btn{border:0;background:var(--ink);color:#fff;padding:11px 17px;border-radius:9px;font-family:inherit;cursor:pointer}.content{max-width:880px;margin:auto;padding:54px 45px 90px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#7b827e}.hero h1{font-family:var(--serif);font-size:40px;line-height:1.28;margin:13px 0 9px;letter-spacing:-1px}.hero h1 em{font-style:normal;color:#6d756f}.hero p{color:var(--muted);margin:0}.check-card{margin-top:35px;background:var(--deep);color:white;border-radius:18px;padding:22px 24px;display:flex;align-items:center;gap:20px;box-shadow:0 15px 40px rgba(24,53,45,.12)}.check-copy{display:flex;align-items:center;gap:12px;min-width:230px}.mini-icon{width:37px;height:37px;background:var(--green);color:#173129;border-radius:12px;display:grid;place-items:center;font-size:18px}.check-copy p{font-size:11px;color:#aabbb5;margin:5px 0}.streak{display:flex;align-items:center;gap:7px;border-left:1px solid #3e5b52;padding-left:18px}.streak span{font-size:20px}.streak b{display:block;font-size:18px}.streak small{color:#92a39d;font-size:9px}.week{display:flex;gap:7px;margin-left:auto}.day{display:grid;gap:5px;text-align:center;color:#80958e;font-size:8px}.day i{width:19px;height:19px;border-radius:50%;border:1px solid #48645c;display:grid;place-items:center;font-style:normal;font-size:9px}.day.done i{background:#d5f980;color:#19382e;border-color:#d5f980}.day.today i{border-color:#fff;color:#fff}.check-btn{border:0;background:var(--green);color:#17261f;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer;white-space:nowrap}.check-btn.checked{background:#39574e;color:#b8cac3}.section-head{display:flex;justify-content:space-between;align-items:end;margin:45px 0 18px}.section-head h2{font-family:var(--serif);font-size:23px;margin:5px 0 0}.section-head>button,.side-title button{border:0;background:none;color:#767e79;font-size:11px;cursor:pointer}.events{display:grid;grid-template-columns:1fr 1fr;gap:14px}.event-card{border-radius:17px;padding:20px;min-height:265px;display:flex;flex-direction:column}.event-card.featured{background:#23342f;color:#fff}.event-card.reading{background:#e7decd;color:#29241e}.event-top,.event-time,.event-bottom{display:flex;justify-content:space-between;align-items:center}.event-top button{background:none;border:0;color:inherit}.live-pill,.read-pill{font-size:9px;padding:5px 8px;border-radius:6px;background:#364c45;color:#d4f67f;letter-spacing:.8px}.read-pill{background:#d4c5af;color:#634b31}.event-time{justify-content:flex-start;gap:9px;margin-top:22px}.event-time b{font-size:18px}.event-time span{font-size:10px;opacity:.6}.event-card h3{font-family:var(--serif);font-size:19px;line-height:1.55;margin:13px 0 7px}.event-card p{font-size:11px;line-height:1.6;opacity:.62;margin:0}.event-bottom{margin-top:auto}.faces,.host{display:flex;align-items:center}.faces i,.host i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#6e817a;border:2px solid #23342f;font-style:normal;font-size:9px;margin-right:-5px}.faces span{font-size:9px;margin-left:9px;opacity:.7}.host{gap:8px;font-size:10px}.host i{background:#bc9a70;border:0;margin:0}.join-btn{border:1px solid rgba(255,255,255,.28);color:inherit;background:transparent;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.reading .join-btn{border-color:#bdad97}.discussions-head{align-items:center}.filters{display:flex;gap:5px}.filters button{border:0;background:transparent;color:#8a908c;padding:7px 9px;border-radius:8px;font-size:10px;cursor:pointer}.filters button.active{background:#e1e3da;color:#202622}.feed{display:grid;gap:12px}.post{background:var(--card);border:1px solid #e6e6df;border-radius:15px;padding:22px;display:flex;gap:14px}.post-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;font-family:var(--serif)}.post-avatar.green{background:#d6e7d0;color:#345440}.post-avatar.gold{background:#eadbc2;color:#79582c}.post-body{flex:1;min-width:0}.post-meta strong{font-size:12px}.post-meta span{font-size:9px;color:#929893;margin-left:8px}.post h3{font-family:var(--serif);font-size:17px;margin:14px 0 8px}.post p{color:#626964;font-size:12px;line-height:1.75}.quote{border-left:2px solid #afca72;background:#f3f4ed;padding:11px 13px;color:#5f695e;font-family:var(--serif);font-size:11px}.tags{display:flex;gap:6px}.tags span{font-size:9px;background:#f0f1eb;color:#6f7771;padding:5px 7px;border-radius:5px}.post-actions{display:flex;gap:19px;border-top:1px solid #ecece6;padding-top:13px;margin-top:15px}.post-actions button{border:0;background:none;color:#7f8581;font-size:10px;cursor:pointer}.post-actions .save{margin-left:auto}.post-actions .liked{color:#d65c50}.rightbar{position:sticky;top:0;height:100vh;padding:30px 24px;overflow:auto;background:#f8f8f4}.daily-quote{background:#d8f181;border-radius:16px;padding:22px;position:relative;overflow:hidden}.daily-quote:after{content:'?';position:absolute;font:700 130px/1 var(--serif);color:rgba(255,255,255,.25);right:-3px;bottom:-28px}.daily-quote>span{font-size:9px;letter-spacing:1px;font-weight:700}.daily-quote h3{font-family:var(--serif);font-size:16px;line-height:1.65;margin:14px 0 20px;position:relative;z-index:1}.daily-quote button{background:none;border:0;padding:0;font-size:10px;font-weight:700;position:relative;z-index:1;cursor:pointer}.ranking{margin-top:30px}.side-title{display:flex;justify-content:space-between;align-items:center}.side-title h3{font-family:var(--serif);font-size:15px}.ranking ol{list-style:none;margin:15px 0;padding:0;display:grid;gap:16px}.ranking li{display:flex;align-items:center;gap:8px}.rank{font-size:10px;color:#a5aaa6;width:12px}.rank-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:9px}.purple{background:#d9d1e9}.blue{background:#c9dfe5}.orange{background:#ead1bb}.ranking li div{flex:1}.ranking li b{display:block;font-size:11px}.ranking li small{font-size:8px;color:#9a9f9b}.ranking li em{font-style:normal;font-size:9px;color:#6a956c}.progress-card{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:26px}.progress-card .side-title b{color:#678240;font-size:12px}.progress{height:5px;background:#e3e4dc;border-radius:4px;overflow:hidden;margin:13px 0 9px}.progress span{display:block;width:68%;height:100%;background:#a9d34d}.progress-card p{font-size:10px;margin:0}.progress-card small{font-size:8px;color:#9ba09c}.rightbar footer{font-size:8px;color:#a7aaa7;line-height:2;margin-top:26px}.mobile-nav{display:none}dialog{border:0;padding:0;border-radius:18px;width:min(520px,90vw);box-shadow:0 30px 100px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(15,20,18,.55);backdrop-filter:blur(4px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{font-family:var(--serif);margin:6px 0 22px}.dialog-head button{border:0;background:none;font-size:26px;color:#777}.dialog-head+label,dialog label{display:grid;gap:7px;margin-bottom:16px;font-size:11px;color:#737a75}dialog input,dialog select,dialog textarea{border:1px solid #dcddd7;border-radius:9px;padding:12px;font:inherit;outline:none;resize:vertical}dialog input:focus,dialog textarea:focus{border-color:#7e9c45}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.dialog-actions>button:first-child{border:0;background:#edece7;border-radius:9px;padding:10px 16px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:#17231f;color:#fff;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;transition:.25s;z-index:20;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.app-shell{grid-template-columns:220px 1fr}.rightbar{display:none}.main{border-right:0}}@media(max-width:780px){.app-shell{display:block}.sidebar{display:none}.topbar{height:66px;padding:0 18px}.mobile-brand{display:flex}.search{display:none}.top-actions .icon-btn{display:none}.top-actions .primary-btn{display:none}.content{padding:30px 18px 95px}.hero h1{font-size:31px}.check-card{display:grid;grid-template-columns:1fr auto;padding:18px}.check-copy{min-width:0}.streak{border:0}.week{grid-column:1/2;margin:0}.check-btn{grid-column:2;grid-row:2}.events{grid-template-columns:1fr}.event-card{min-height:255px}.section-head.discussions-head{display:block}.filters{overflow:auto;margin-top:14px}.filters button{white-space:nowrap}.post{padding:17px}.post-avatar{width:32px;height:32px;flex-basis:32px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(249,249,245,.95);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:10;justify-content:space-around;align-items:center}.mobile-nav button{border:0;background:none;color:#8b918d;font-size:18px;display:grid;gap:3px;place-items:center}.mobile-nav button span{font-size:9px}.mobile-nav button.active{color:#1d2b26}.mobile-nav .create{width:44px;height:44px;border-radius:15px;background:#1c2d27;color:#d8f181;font-size:24px;margin-top:-20px}.post-meta span{display:block;margin:3px 0}.hero{margin-bottom:5px}.book-cover{width:65px;min-width:65px;height:105px}.filters{max-width:100%;justify-content:flex-start;flex-wrap:nowrap}}

/* 悦读森林主题分区 */
.group-icon.dharma{background:#ddd3eb;color:#5d4778}.group-icon.gestalt{background:#c9e3dc;color:#285d50}.group-icon.recommend{background:#f1d9a6;color:#76551c}.filters{flex-wrap:wrap;justify-content:flex-end;max-width:74%}.post-avatar.purple{background:#ddd3eb;color:#5d4778}.post-avatar.teal{background:#c9e3dc;color:#285d50}.recommend-filter{color:#8a641c!important}.recommend-filter.active{background:#f0dfb5!important;color:#654914!important}.recommendation{background:linear-gradient(135deg,#fff 65%,#faf4e4)}.book-cover{width:88px;min-width:88px;height:130px;border-radius:3px;background:#172b27;color:#e5edc8;padding:12px 9px;box-shadow:6px 7px 0 #e2d6b9;display:flex;flex-direction:column;justify-content:space-between}.book-cover span{font-size:8px;line-height:1.3;letter-spacing:1px}.book-cover b{font-family:var(--serif);font-size:11px}.recommend-badge{display:inline-block;margin-top:11px;padding:4px 7px;border-radius:5px;background:#f1dfb6;color:#76561f;font-size:9px;font-weight:700}
@media(max-width:780px){.filters{max-width:100%;justify-content:flex-start;flex-wrap:nowrap}.book-cover{width:65px;min-width:65px;height:105px;padding:8px 6px}.book-cover span{font-size:6px}.book-cover b{font-size:9px}}

/* 与完形对话 */
.gestalt-invite{border-radius:17px;padding:22px;background:linear-gradient(118deg,#193b34,#285c50);color:#fff;display:flex;align-items:center;gap:18px;overflow:hidden;position:relative}.gestalt-invite:after{content:'完';position:absolute;right:100px;bottom:-46px;font:700 120px/1 var(--serif);color:rgba(255,255,255,.035)}.gestalt-orbit{width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(216,241,129,.35);border-radius:50%;display:grid;place-items:center;position:relative}.gestalt-orbit:before{content:'';position:absolute;width:39px;height:39px;border:1px dashed rgba(216,241,129,.4);border-radius:50%}.gestalt-orbit span{width:28px;height:28px;background:#d8f181;color:#21463c;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);z-index:1}.gestalt-invite h3{font-family:var(--serif);font-size:19px;margin:5px 0}.gestalt-invite p{font-size:11px;color:#bad0c9;margin:0;line-height:1.6}.gestalt-meta{display:flex;gap:6px;margin-top:10px}.gestalt-meta span{font-size:8px;padding:4px 6px;border-radius:4px;background:rgba(255,255,255,.08);color:#bcd0ca}.gestalt-invite>button{margin-left:auto;border:1px solid rgba(216,241,129,.5);background:transparent;color:#e3f6ad;border-radius:8px;padding:9px 12px;font-size:10px;white-space:nowrap;cursor:pointer;z-index:1}.gestalt-dialog{width:min(640px,94vw);background:#f6f5ef}.gestalt-chat{height:min(720px,88vh);display:flex;flex-direction:column}.gestalt-chat>header{display:flex;align-items:center;padding:20px 22px;border-bottom:1px solid #e1e1d9}.gestalt-guide{display:flex;align-items:center;gap:10px}.gestalt-guide>span,.mini-guide{width:35px;height:35px;border-radius:11px;background:#214a40;color:#d8f181;display:grid;place-items:center;font-family:var(--serif)}.gestalt-guide h2{font-family:var(--serif);font-size:17px;margin:0}.gestalt-guide small{font-size:9px;color:#8a918c}.question-quota{margin-left:auto;display:flex;align-items:center;gap:6px;padding:6px 9px;background:#e9eadf;border-radius:8px}.question-quota b{font-size:16px;color:#436453}.question-quota span{font-size:8px;color:#7d847f}.gestalt-chat>header>button{border:0;background:none;font-size:23px;color:#7c827e;margin-left:9px;cursor:pointer}.safety-note{font-size:9px;color:#7d847f;background:#eeeee7;padding:8px 22px;text-align:center}.chat-messages{flex:1;overflow:auto;padding:23px;display:flex;flex-direction:column;gap:16px}.message{display:flex;gap:9px;max-width:86%;line-height:1.7}.message>div{padding:11px 13px;border-radius:4px 13px 13px 13px;background:#fff;border:1px solid #e4e4dc}.message p{font-size:12px;margin:0;white-space:pre-line}.message small{font-size:9px;color:#909691;display:block;margin-top:4px}.message.user{align-self:flex-end}.message.user>div{background:#214a40;color:#fff;border:0;border-radius:13px 4px 13px 13px}.mini-guide{width:28px;height:28px;flex:0 0 28px;border-radius:9px;font-size:11px}.prompt-chips{display:flex;gap:6px;padding:0 22px 12px;overflow:auto}.prompt-chips button{white-space:nowrap;border:1px solid #d8d9d1;background:#fff;border-radius:15px;padding:7px 10px;font:9px var(--sans);color:#646c67;cursor:pointer}.chat-compose{margin:0 20px;display:flex;align-items:end;border:1px solid #d8d9d1;background:#fff;border-radius:13px;padding:7px}.chat-compose textarea{flex:1;border:0;outline:0;resize:none;padding:6px;font:12px/1.5 var(--sans)}.chat-compose button{border:0;width:34px;height:34px;border-radius:10px;background:#214a40;color:#d8f181;font-size:18px;cursor:pointer}.chat-compose button:disabled{opacity:.35}.gestalt-chat>footer{display:flex;justify-content:space-between;padding:10px 22px 15px;color:#9a9f9b;font-size:8px}@media(max-width:780px){.gestalt-invite{align-items:flex-start}.gestalt-orbit{display:none}.gestalt-invite>button{position:absolute;right:15px;bottom:16px}.gestalt-meta{padding-right:90px}.gestalt-chat{height:88vh}.gestalt-chat>footer span:last-child{display:none}.message{max-width:94%}}