:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#20242e;background:#f6f7f9;font-synthesis:none;font-weight:400;line-height:1.6;--blue: #2477ef;--muted: #8b919d;--border: #edf0f4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #92bbff;outline-offset:4px}a{color:inherit;text-decoration:none}button,a,input,textarea,select{touch-action:manipulation}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#87b5f8!important;box-shadow:0 0 0 3px #2477ef12}h1,h2,h3,p{margin:0}.desktop-shell{max-width:1376px;margin:auto;display:grid;grid-template-columns:224px minmax(0,660px) 296px;gap:32px;padding:0 28px}.left-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:37px 0 24px;overflow-y:auto;scrollbar-width:none}.left-sidebar>*{flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.9px;font-weight:760;width:max-content}.brand img{width:36px;height:36px;object-fit:contain;border-radius:10px}.beta{font-size:9px;letter-spacing:1.3px;font-weight:650;color:#8793a6;background:#e9edf3;padding:3px 5px;border-radius:5px;margin-left:-3px;align-self:flex-start;margin-top:4px}.sidebar-label{font-size:10px;letter-spacing:2px;color:#a0a6b0;margin:40px 0 14px 15px}.left-sidebar nav{display:flex;flex-direction:column;gap:7px}.left-sidebar nav button{display:flex;align-items:center;gap:16px;padding:12px 18px;text-align:left;font-size:15px;border-radius:12px;color:#606977;transition:background .15s,color .15s}.left-sidebar nav button.active{background:#e6efff;color:#2477ef;font-weight:650}.left-sidebar nav button.selected{color:#2477ef}.left-sidebar nav button:hover{background:#ebeff5}.nav-divider{height:1px;background:#e7ebf0;margin:11px 14px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:#fff;border-radius:12px;padding:12px 20px;font-weight:600;font-size:14px;min-height:44px;box-shadow:0 6px 15px #2477ef18}.primary:hover:not(:disabled){background:#1467df}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e0e5ed;background:#fff;border-radius:10px;padding:10px 17px;font-size:13px;font-weight:550;min-height:42px}.secondary:hover{background:#f8faff}.new-post{margin:26px 0 0;min-height:48px;width:100%;box-shadow:0 8px 16px #2477ef20}.sidebar-bottom{margin-top:auto;padding:24px 7px 0;font-size:12px;color:var(--muted)}.sidebar-bottom>.secondary{width:100%;margin-top:13px}.sidebar-bottom>p{font-size:12px}.legal{display:flex;gap:9px;font-size:10px;margin-top:22px}.legal a:hover{color:var(--blue)}.copyright{display:block;font-size:10px;margin-top:6px;color:#adb3bd}.account{display:flex;gap:10px;align-items:center;text-align:left;width:100%}.account span{min-width:0}.account strong{font-size:13px;color:#343d4a;display:block;overflow:hidden;text-overflow:ellipsis;max-width:130px}.account small{font-size:11px}.text-button{color:#7a8596;font-size:11px;margin:9px 0 0 50px}.main-column{min-width:0;padding-bottom:60px}.topbar{height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf0;margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:#99a2b1;font-weight:600}.topbar h1{font-size:25px;line-height:1.5;font-weight:720;letter-spacing:-.8px;display:flex;align-items:center;gap:12px;margin-top:4px}.live-dot{width:6px;height:6px;background:#64b68a;border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e9eef6}.refresh{font-size:26px;color:#929ba9;line-height:1}.welcome-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;background:#eaf1fe;border:1px solid #e2ebfc;border-radius:19px;padding:28px 28px 25px;min-height:236px}.pill{display:inline-block;font-size:10px;background:#fff9;border:1px solid #fff;color:#537bb3;padding:3px 9px;border-radius:20px;letter-spacing:.5px}.welcome-card h2{font-size:27px;line-height:1.5;font-weight:650;letter-spacing:-.7px;color:#2b405f;margin-top:10px}.welcome-card p{font-size:11px;color:#7c90ad;margin-top:8px}.welcome-card button{display:flex;align-items:center;gap:9px;font-size:11px;color:#427dd0;font-weight:600;padding:0;margin-top:20px;min-height:26px}.welcome-art{position:relative;min-width:180px;align-self:stretch;margin-left:5px}.orbit{position:absolute;border:1px solid #cadbf9;border-radius:50%;width:160px;height:160px;top:20px;left:5px;transform:rotate(-25deg)}.orbit-two{width:110px;height:180px;top:5px;left:30px;transform:rotate(40deg)}.art-card{display:flex;align-items:center;gap:10px;position:absolute;background:#ffffffea;box-shadow:0 12px 22px #597cab12;padding:14px 16px;border-radius:13px;white-space:nowrap;font-size:12px;color:#5b7396}.card-one{top:30px;left:-3px;transform:rotate(-8deg)}.card-one svg{color:#80a6eb}.card-two{top:109px;left:27px;transform:rotate(8deg)}.card-two svg{color:#d7a46c}.art-spark{position:absolute;top:2px;right:5px;color:#87acf0;font-size:30px}.compose-prompt{display:flex;align-items:center;gap:13px;border:1px solid #e9edf3;background:#fff;padding:17px 20px;width:100%;text-align:left;border-radius:15px;margin-top:20px;color:#a1a7b0;font-size:13px}.compose-prompt>span:nth-child(2){flex:1}.compose-plus{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#eff5ff;color:#6d98da}.avatar{width:37px;height:37px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e8effa}.fallback{display:inline-flex;align-items:center;justify-content:center;color:#7991b6;font-weight:650;font-size:16px}.avatar.large{width:72px;height:72px;font-size:27px}.feed-tabs{display:flex;gap:26px;border-bottom:1px solid #e5e9ef;margin:18px 0 19px;padding:0 5px}.feed-tabs button{padding:14px 1px 13px;font-size:13px;color:#8d96a3;position:relative}.feed-tabs button.chosen{font-weight:650;color:#2b75dc}.feed-tabs button.chosen:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#2477ef;border-radius:3px}.feed-tabs>span{margin-left:auto;align-self:center;font-size:10px;color:#a1a9b4;letter-spacing:1px}.post{background:#fff;border:1px solid #e9edf2;border-radius:15px;padding:23px 24px 10px;margin-bottom:15px;transition:border-color .15s}.post:hover{border-color:#dce3ee}.post-head{display:flex;align-items:center;gap:11px}.author-info{flex:1;min-width:0}.author-info strong{display:block;font-size:13px;font-weight:650}.author-info>span{display:block;font-size:10px;color:#a0a7b1;margin-top:1px}.tag{font-size:10px;border-radius:6px;padding:3px 9px;background:#f0f4fa;color:#7c8b9f}.tag.ask{background:#edf3ff;color:#6b92d0}.tag.market{background:#fff6e7;color:#c7994c}.tag.share{background:#eef6f1;color:#7caa8c}.post-content{display:block;margin-top:17px}.post-content h2{font-size:17px;font-weight:650;letter-spacing:-.2px;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}.post-content p{font-size:13px;color:#7c8390;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.excerpt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.post-actions{display:flex;gap:32px;border-top:1px solid #f1f3f6;padding-top:10px;margin-top:18px;min-height:40px;align-items:center}.post-actions button,.post-actions a{display:flex;align-items:center;gap:7px;color:#9aa3b0;font-size:11px;padding:5px 0;min-width:52px;min-height:30px}.post-actions .liked{color:#e07786}.post-actions .liked svg{fill:#ffe6eb}.post-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.post-images img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.feed-end{text-align:center;padding:27px 8px;color:#b1b7c2;font-size:10px;letter-spacing:1px}.right-sidebar{position:sticky;top:0;align-self:start;max-height:100dvh;overflow:auto;scrollbar-width:none;padding-top:36px;padding-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #e6eaf0;background:#fff;border-radius:12px;padding:11px 13px;color:#a4abb6;margin-bottom:30px}.search-box input{border:0;background:transparent;font-size:11px;width:100%;min-width:0;color:#566477;box-shadow:none}.search-box input::placeholder{color:#b0b6c0}.search-box button{display:grid;place-items:center;padding:0}.side-card{background:#fff;border:1px solid #e9edf2;border-radius:15px;padding:21px;margin-bottom:18px}.section-label{font-size:10px;color:#a0a8b4;letter-spacing:1px}.side-card h2{font-size:15px;font-weight:650;margin-top:6px}.school-title{display:flex;align-items:center;gap:11px;margin:15px 0 13px}.school-title h2{margin:0;font-size:14px}.school-title p{font-size:8px;color:#99a2b0;margin-top:3px}.school-symbol{display:grid;place-items:center;width:43px;height:43px;background:#f2f5fa;border-radius:12px;color:#6d89b0}.school-card>p{font-size:11px;color:#9099a6;margin-bottom:17px}.school-card>.secondary{width:100%;font-size:11px;justify-content:space-between;min-height:37px;padding:8px 12px;background:#f9fbfe;border-color:#edf0f5}.school-card>small{display:block;color:#a9b0bc;font-size:9px;text-align:center;margin-top:11px}.explore-row{display:flex;width:100%;align-items:center;gap:11px;text-align:left;padding:15px 0;border-bottom:1px solid #f1f3f6}.explore-row:last-child{border:0;padding-bottom:0}.explore-row>span:nth-child(2){flex:1}.explore-row strong{font-size:12px;font-weight:550;display:block}.explore-row small{display:block;font-size:9px;color:#a1a8b4;margin-top:3px}.explore-row>svg{color:#b2bac6}.category-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef3fd;color:#80a0d2}.category-icon.market{background:#fcf4e9;color:#c9a16c}.category-icon.share{background:#edf6f2;color:#84aa97}.app-card{border:1px solid #e3eaf6;background:linear-gradient(140deg,#edf2fc,#f3f6fc);border-radius:15px;padding:21px}.app-card-title{display:flex;align-items:center;gap:10px;margin-top:14px}.app-card-title img{width:32px;height:32px;border-radius:9px}.app-card h2{font-size:15px;font-weight:650}.app-card p{font-size:11px;color:#8c9ab0;line-height:1.9;margin-top:14px}.app-card button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;border:1px solid #dfe7f4;color:#5e7faa;border-radius:10px;margin-top:18px;padding:9px;font-size:12px;font-weight:550}.app-card>small{display:block;text-align:center;font-size:9px;letter-spacing:1px;color:#a9b5c7;margin-top:9px}.right-footnote{font-size:10px;color:#b1b7c1;margin:22px 6px;line-height:1.9}.banner{display:flex;gap:12px;align-items:center;padding:15px 18px;background:#fff8eb;border:1px solid #f0e6ce;border-radius:12px;margin-bottom:16px;font-size:12px;color:#9e7b3d}.banner>div{flex:1}.banner strong{font-size:12px}.banner p{font-size:11px;margin-top:4px;overflow-wrap:anywhere}.banner button{color:#936b2a;white-space:nowrap;min-height:36px}.publish-status{background:#edf5ff;border-color:#dae8fb;color:#527cae}.publish-status a{display:block;margin-top:7px;color:#2477ef}.publish-status button{color:#527cae}.empty{text-align:center;padding:55px 25px;background:#fff;border:1px solid #e9edf2;border-radius:15px}.empty-symbol{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#a2b8d8;background:#f1f5fc}.empty h2{font-size:16px;margin-top:20px;color:#53657c}.empty p{font-size:12px;color:#98a1af;margin:9px auto 20px;max-width:350px}.skeleton{border:1px solid #e9edf2;padding:25px;background:#fff;border-radius:15px;margin-bottom:16px}.skeleton div{height:11px;border-radius:5px;background:#f0f3f7;margin:13px 0;animation:breathe 1.5s ease-in-out infinite alternate}.skeleton div:first-child{width:30%;height:30px;margin-bottom:23px}.skeleton div:last-child{width:65%}@keyframes breathe{to{opacity:.4}}.overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#172b4960;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:25px}.modal{width:520px;max-width:100%;max-height:calc(100dvh - 50px);overflow:auto;background:#fff;border-radius:21px;padding:28px;box-shadow:0 30px 100px #12264425}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal h2{font-size:21px;font-weight:650;letter-spacing:-.5px}.modal-intro{font-size:12px;color:#8c96a6;margin:6px 0 23px}.modal label{display:block;font-size:12px;color:#6a7586;margin:15px 0}.modal input:not([type=checkbox]),.modal textarea,.modal select{display:block;margin-top:7px;border:1px solid #e1e6ee;background:#fafbfd;border-radius:10px;padding:11px 13px;font-size:13px;width:100%;resize:vertical;color:#3e4e63}.modal input::placeholder,.modal textarea::placeholder{color:#afb7c3}.wide{width:100%;margin-top:8px}.modal label.consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.8;margin:18px 0}.consent input{margin-top:5px;accent-color:var(--blue)}.consent a{color:var(--blue);margin:0 3px}.muted{color:#9aa3b2;font-size:11px}.login-hint{text-align:center;font-size:11px;line-height:1.9;margin-top:20px}.form-error{font-size:12px;color:#c36559;margin:10px 0}.type-picker{display:flex;gap:10px;margin:16px 0 20px}.type-picker button{border:1px solid #e5eaf2;border-radius:9px;flex:1;min-height:39px;font-size:12px;color:#8a94a4}.type-picker button.selected{background:#edf4ff;border-color:#c7ddff;color:#347bdc}.publish-scope{display:flex;align-items:center;gap:7px;font-size:11px;color:#6482a9;background:#f2f6fc;padding:9px 11px;border-radius:8px;margin-bottom:10px}.compose-footer{border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:21px;padding-top:18px}.compose-footer small{font-size:10px}.download-info{padding:18px 0 8px}.download-info h2{font-size:17px;margin-bottom:20px}.download-platform{padding:15px;background:#f5f7fb;border:1px solid #edf0f5;border-radius:11px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.download-platform strong{font-size:13px}.download-platform span{font-size:11px;color:#939faf}.download-info>p{font-size:11px;line-height:1.9;color:#98a3b2;margin-top:15px}.toast{position:fixed;z-index:60;bottom:28px;left:50%;transform:translate(-50%);padding:13px 23px;border-radius:12px;background:#29374ded;color:#fff;box-shadow:0 8px 30px #21374d20;max-width:calc(100vw - 30px);font-size:13px}.back-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#8a99ad;margin:0 0 18px}.full-post .post-content p{font-size:14px;line-height:2.1;color:#5c687b}.comments{padding:23px;background:#fff;border:1px solid #e9edf2;border-radius:15px}.comments>h2{font-size:16px;margin-bottom:20px}.comments>h2 span{font-size:13px;color:#aab3c1;font-weight:400}.comment-form{text-align:right;margin-bottom:25px}.comment-form textarea{display:block;resize:vertical;width:100%;border:1px solid #e4e9f1;border-radius:10px;background:#fafbfd;padding:12px;font-size:13px;margin-bottom:12px}.comment-form .primary{font-size:12px;padding:9px 18px;min-height:38px}.comment{display:flex;gap:10px;border-top:1px solid #f1f3f6;padding:17px 0;font-size:12px}.comment strong{font-size:12px}.comment p{color:#7d899c;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-dot{display:grid;place-items:center;width:30px;height:30px;background:#eff3fb;border-radius:50%;color:#9baec9;flex-shrink:0}.profile-card{background:#fff;border:1px solid #e9edf2;border-radius:15px;padding:26px;margin-bottom:20px}.profile-card h2{margin-top:13px;font-size:22px}.profile-card p{font-size:13px;color:#929dad;margin:6px 0}.profile-card>span{display:block;font-size:12px;color:#7387a3;margin-top:13px}.profile-card p.muted{font-size:10px;margin-top:18px}.load-more{display:flex;margin:25px auto}.mobile-shell{display:none}@media(min-width:1450px){.desktop-shell{padding:0 35px;gap:36px}}@media(max-width:1130px)and (min-width:769px){.desktop-shell{grid-template-columns:185px minmax(0,1fr);max-width:950px;gap:24px}.right-sidebar{display:none}.left-sidebar .brand{font-size:21px}.brand img{width:31px;height:31px}.beta{display:none}.welcome-art{min-width:150px}.welcome-card{padding:24px}.welcome-card h2{font-size:25px}}@media(max-width:768px){.desktop-shell{display:none}.mobile-shell{display:block;max-width:520px;margin:auto;padding:0 25px 30px;background:radial-gradient(ellipse at 70% 42%,#eaf1ff,transparent 68%);min-height:100dvh}.mobile-shell header{height:98px;display:flex;align-items:center}.mobile-shell .brand{font-size:23px}.mobile-shell .brand img{width:34px;height:34px}.mobile-shell .beta{display:inline-block}.mobile-pill{display:inline-block;font-size:10px;color:#7996bf;background:#eaf1fe;border:1px solid #dfe9fa;padding:5px 11px;border-radius:20px;margin-top:26px}.mobile-shell>h1{font-size:34px;font-weight:680;line-height:1.5;letter-spacing:-1.5px;margin-top:20px;color:#2d405c}.mobile-shell>p{font-size:13px;color:#8c9bb0;margin-top:16px;line-height:1.9}.phone-preview{max-width:265px;padding:29px 21px 25px;border-radius:33px;margin:37px auto;background:#fff;border:5px solid #e4eaf4;box-shadow:0 20px 60px #6486bd17;position:relative;transform:rotate(-3deg)}.phone-notch{width:60px;height:14px;border-radius:0 0 12px 12px;background:#e4eaf4;position:absolute;top:0;left:50%;transform:translate(-50%)}.preview-date{font-size:8px;letter-spacing:2px;color:#acb9ce;margin:10px 0}.phone-preview>h2{font-size:17px;color:#3d5270;margin:0 0 20px}.preview-feature{display:flex;gap:11px;align-items:center;background:#f5f8fd;border:1px solid #edf2fa;padding:13px 12px;border-radius:12px;margin-bottom:11px;color:#8da9d0}.preview-feature strong{display:block;font-size:11px;color:#6c83a4}.preview-feature small{font-size:8px;color:#a7b4c6}.preview-caption{display:block;font-size:8px;color:#b6c0cd;text-align:center;margin-top:19px}.mobile-shell .download-info{margin-top:25px}.mobile-shell .download-info h2{font-size:16px;color:#586f8f}.mobile-shell .download-platform{background:#ffffffad}.mobile-legal{display:flex;gap:17px;justify-content:center;color:#acb5c2;font-size:9px;margin-top:32px}.mobile-author{font-size:11px!important}.mobile-body{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:25px;color:#657994}.modal{padding:22px}.modal h2{font-size:19px}.download-platform{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-get{margin-top:24px;min-height:47px;border-radius:12px}.mobile-invite{display:block;color:#9eacc0;font-size:10px;margin-top:8px}
