*{box-sizing:border-box}:root{--ink:#16191d;--muted:#889099;--line:#edf0f2;--green:#181b20;--blue:#526a94}body{margin:0;background:#fff;color:var(--ink);font:15px/1.65 -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}button:hover{background:#f5f6f7}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}a{color:inherit;text-decoration:none}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{display:grid;grid-template-columns:218px minmax(0,630px) 306px;max-width:1210px;gap:0;margin:auto;padding:0 20px}.left{height:100vh;position:sticky;top:0;padding:28px 26px 20px 0;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1px;margin:0 15px 28px}.brandmark{font-size:23px;background:#191c20;color:white;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px}.branddot{color:#06a96b;font-size:29px}nav button{display:flex;align-items:center;gap:18px;padding:13px 17px;width:100%;border-radius:28px;text-align:left;font-size:19px;margin:4px 0;line-height:1.6}nav button .icon{width:25px;height:25px}nav button.selected{font-weight:700}nav button.selected .icon{stroke-width:2.4}.navdot{width:5px;height:5px;border-radius:50%;background:#05aa70;margin-left:auto}.navdivider{margin:19px 17px;border-top:1px solid var(--line)}.primary,.smallprimary{background:#191c20;color:white;font-weight:600;border-radius:24px;padding:11px 23px}.primary:hover,.smallprimary:hover{background:#343940}.compose{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:23px;font-size:16px;padding:13px}.compose .icon{width:19px;height:19px}.leftbottom{margin-top:auto;padding:35px 5px 0}.account{display:flex;gap:11px;align-items:center}.avatar{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#e7e8ed;color:#575f70;border-radius:10px;font-size:17px;font-weight:600;overflow:hidden}.avatar.me{background:#e2e9e4;color:#40554d}.avatar img{width:100%;height:100%;object-fit:cover}.account b{font-size:13px}.account small{font-size:12px;display:block;color:#9299a0}.accountmore{margin-left:auto;font-weight:bold;font-size:19px}.leftbottom p{font-size:10px;color:#a6abb0;line-height:2;margin:22px 0 0}.leftbottom .avatar{width:37px;height:37px}main{border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh;min-width:0}.mainheading{height:76px;display:flex;align-items:center;padding:0 25px;gap:17px;border-bottom:1px solid var(--line);background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.mainheading b{font-size:21px;white-space:nowrap}.mainheading span{font-size:12px;color:#a2a8ad}.mainheading>.icon{width:20px;height:20px;margin-left:auto;color:#5b656e}.filterrow{border-bottom:1px solid var(--line)}#tabs{display:flex;height:57px}#tabs button{flex:1;position:relative;color:#8c939b;font-size:14px}#tabs button.active{color:#1a1d21;font-weight:700}#tabs .active:after{content:'';position:absolute;background:#181c20;height:3px;width:28px;border-radius:3px;left:calc(50% - 14px);bottom:0}.composer{display:flex;gap:13px;padding:21px 24px 15px;border-bottom:1px solid var(--line)}.composebody{flex:1;min-width:0}#quickPost{font-size:17px;color:#a2a8ae;text-align:left;display:block;width:100%;padding:6px 0 19px}#quickPost:hover{background:none;color:#6c737a}.composetools{display:flex;gap:12px;align-items:center}.composetools>button:not(.smallprimary){padding:4px 0;display:flex;color:#657b99}.composetools .icon{width:20px;height:20px}.composetools>span{font-size:11px;color:#b0b6bc}.smallprimary{margin-left:auto;font-size:13px;padding:6px 20px}.categories{display:flex;gap:5px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line)}.categories button{padding:3px 13px;color:#989ea5;font-size:12px;border-radius:5px}.categories .active{background:#f0f2f4;color:#323a43;font-weight:600}.categories>span{font-size:11px;color:#b3b8bd;margin-left:auto}.post{padding:23px 24px 19px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 13px}.post>.avatar{grid-column:1;grid-row:1 / 8}.author{display:flex;gap:7px;align-items:center;min-width:0;line-height:1.5}.author b{color:#526a91;font-size:14px;font-weight:650}.author .handle{font-size:11px;color:#a9afb5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level{font-size:10px;background:#f1f3f5;padding:1px 5px;color:#8c96a3;border-radius:3px;white-space:nowrap;line-height:1.7}.author time{font-size:11px;color:#9da5ae;margin-left:auto;white-space:nowrap}.postcontent{grid-column:2;min-width:0}.posttitle{text-align:left;padding:0;display:block;max-width:100%}.posttitle:hover{background:none}.posttitle h2{font-size:16px;line-height:1.7;font-weight:600;margin:10px 0 5px;overflow-wrap:anywhere}.post.daily .posttitle h2{font-weight:400;font-size:15px;margin-top:9px}.body{font-size:14px;color:#40464c;line-height:1.9;margin:5px 0 11px;white-space:pre-wrap;overflow-wrap:anywhere}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0 10px;max-width:430px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;background:#f1f3f4;border-radius:4px;display:block;cursor:pointer}.photo-grid.single{grid-template-columns:1fr;max-width:420px}.photo-grid.single img{aspect-ratio:1.65}.photo-grid.three{grid-template-columns:repeat(3,1fr)}.postcontext{font-size:11px;color:#a1a9b2;display:flex;align-items:center;gap:9px;margin-top:8px}.postcontext .tag{color:#7589a4}.postactions{display:flex;align-items:center;justify-content:space-between;margin:10px 0 1px;max-width:420px}.postactions button{display:flex;align-items:center;gap:7px;padding:5px 0;color:#959fa9;font-size:11px;min-width:46px}.postactions .icon{width:17px;height:17px;stroke-width:1.6}.postactions button:hover{background:none;color:#526a94}.postactions .on{color:#526a94}.postactions .liked{color:#d66875}.postactions .liked .icon{fill:#d6687518}.postactions button:last-child{min-width:auto}.socialbox{background:#f7f8fa;border-radius:4px;margin-top:9px;font-size:12px;line-height:1.8;color:#526a91;padding:8px 12px}.socialbox .icon{width:13px;height:13px;margin-right:5px;vertical-align:-2px}.commentpreview{color:#535c65;border-top:1px solid #eaeef1;margin-top:6px;padding-top:6px}.commentpreview b{color:#526a91;font-weight:500}.socialbox>button{padding:0;display:block;text-align:left;width:100%}.socialbox>button:hover{background:none}.linkpreview{border:1px solid #e8ecf0;border-radius:6px;display:flex;align-items:center;gap:12px;background:#fafbfc;padding:13px;margin:13px 0;text-align:left;width:100%}.linkpreview .linkicon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#e8edf3;color:#596f8c;border-radius:7px;font:20px monospace}.linkpreview b{font-size:13px;color:#46515f;display:block}.linkpreview small{font-size:11px;color:#9ba4af;display:block}.linkpreview>.icon{width:16px;margin-left:auto;color:#9aa4b0}.right{padding:20px 0 30px 27px}.search{display:flex;align-items:center;gap:10px;background:#f5f6f7;border-radius:23px;height:42px;padding:0 14px;margin-bottom:30px}.search .icon{width:18px;height:18px;color:#9ba4ad}.search input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px}.search kbd{font-size:11px;color:#b4bbc1}.sideblock{padding-bottom:25px;margin-bottom:26px;border-bottom:1px solid var(--line)}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px}.sectiontitle h3{font-size:15px;margin:0;font-weight:700}.sectiontitle button{font-size:11px;color:#9ca5ad;padding:0}.muted{color:#9aa3ac;font-size:11px}.trending>button{display:block;text-align:left;padding:17px 0 0;width:100%}.trending>button:hover{background:none}.trending small{display:block;color:#a3acb4;font-size:10px}.trending b{display:block;font-size:13px;margin:3px 0;font-weight:600}.trending button>span{display:block;font-size:11px;color:#99a2ab}.trending .morelink{color:#607a99;font-size:12px;margin-top:7px;display:flex;align-items:center;justify-content:space-between}.morelink span{color:inherit!important}.person{display:flex;gap:9px;align-items:center;margin-top:19px}.person .avatar{width:35px;height:35px;font-size:14px;border-radius:8px}.rui{background:#e5dfd8;color:#827466}.pixel{background:#dce4ef;color:#6682a1}.person b{display:block;font-size:12px}.person small{display:block;font-size:10px;color:#9da6b0}.follow{border:1px solid #dde2e7;padding:3px 12px;border-radius:16px;font-size:11px;margin-left:auto;white-space:nowrap}.xphead{display:flex;justify-content:space-between;align-items:center;margin:19px 0 10px;color:#9ba4ad;font-size:10px}.xphead .level{color:#7486a0;background:#f0f3f7}.progress{height:3px;background:#edf0f3;border-radius:3px}.progress span{display:block;height:100%;background:#a9b7c8;border-radius:3px}.profile>p{font-size:10px;margin:9px 0 18px}.balance{display:flex;justify-content:space-between;align-items:center}.balance b{font-size:16px;color:#4b5663}.balance small{font-size:10px;color:#a4adb5}.balance button{font-size:11px;border:1px solid #e4e8ec;border-radius:6px;padding:4px 12px}.taskstatus{display:flex;gap:9px;margin-top:12px;font-size:9px;color:#9da6ae}.shopentry{display:flex;width:100%;gap:12px;text-align:left;align-items:center;padding:0 0 24px}.shopentry .icon{width:21px;height:21px;color:#7b8692}.shopentry b{font-size:12px;font-weight:500;display:block}.shopentry small{color:#a3acb5;font-size:11px;display:block}.shopentry>span:last-child{margin-left:auto;color:#99a4ad}.rightfooter{font-size:10px;color:#b1b8bf;line-height:2}.feedend{font-size:11px;color:#b9bfc6;text-align:center;padding:30px}.feedend span{padding-left:6px;color:#a4afba}.pagehead{padding:24px}.pagehead h1{font-size:23px;margin:4px 0 10px}.pagehead p{font-size:13px;color:#89949e;margin:0}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#a7afb8}.panel{margin:0 24px 24px;border:1px solid var(--line);border-radius:8px;padding:20px}.panel h3{font-size:15px;margin:0 0 10px}.panel>.muted{font-size:13px;line-height:2}.panel p{font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 24px}.product{padding:15px;border:1px solid var(--line);border-radius:8px}.productart{height:135px;display:flex;align-items:center;justify-content:center;font-size:60px;background:#f4f6f8;color:#95a5b7;border-radius:5px}.product h3{font-size:13px}.product p{font-size:11px;color:#919ca7;min-height:36px}.product strong{font-size:13px;color:#677b92}.product button{width:100%;font-size:12px;margin-top:12px}.empty{padding:60px 25px;text-align:center;color:#929ca7;font-size:13px}.timeline{border-left:2px solid #e9edf1;padding-left:20px;margin:25px 5px}.timeline h3{font-size:14px;margin:20px 0 5px}.timeline p{color:#929da8;font-size:12px}.topic{display:block;border-bottom:1px solid var(--line);padding:21px 25px;text-align:left;width:100%}.topic b{font-size:16px}.topic p{font-size:13px;color:#929da8}.row{display:flex;align-items:center;gap:10px}.row b{font-size:13px}.topic+.panel{margin-top:24px}.prototype{font-size:11px!important;color:#a1aab3;border-top:1px solid var(--line);padding-top:12px}dialog{border:1px solid var(--line);border-radius:15px;padding:25px;width:560px;max-width:94vw;max-height:88vh;color:var(--ink)}dialog::backdrop{background:#16223065;backdrop-filter:blur(3px)}dialog h2{font-size:20px}dialog input:not([type=file]),dialog textarea,dialog select{display:block;border:1px solid #e2e6eb;border-radius:6px;width:100%;padding:11px;margin:12px 0;color:var(--ink);background:white;outline-color:#8398b1}dialog textarea{height:170px;resize:vertical}dialog label{font-size:12px;color:#818b95}dialog label select{padding:7px}dialog .primary{width:100%}.comment{padding:12px;background:#f4f6f8;border-radius:5px;margin:10px 0;font-size:13px;white-space:pre-wrap}.longbody{white-space:pre-wrap;color:#4a535d;line-height:1.9;font-size:14px}.uploadlabel{display:flex;align-items:center;gap:8px;cursor:pointer}.uploadlabel input{font-size:10px;max-width:180px}.uploadlabel .icon{width:19px}.image-preview{display:flex;gap:6px;margin-top:12px}.image-preview img{width:75px;height:75px;border-radius:4px;object-fit:cover}.image-preview button{color:#a7767e;font-size:11px}.lightbox img{width:100%;height:auto}.lightbox{width:800px}.lightbox button{display:block;margin-left:auto;font-size:13px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#242a32;color:#fff;padding:11px 22px;border-radius:8px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px;box-shadow:0 6px 24px #17233120}.tag{font-size:11px;color:#8292a7}
.righttop{display:flex;align-items:center;gap:12px;margin-bottom:30px}.righttop .search{flex:1;min-width:0;margin-bottom:0}.accounttrigger{display:flex;padding:0;border-radius:50%;flex-shrink:0}.accounttrigger .avatar{width:36px;height:36px;border-radius:50%;font-size:14px}.accounttrigger:hover{box-shadow:0 0 0 4px #f1f4f2}.compactaccount{display:none;margin-left:auto}#accountPanel{position:fixed;inset:76px max(20px,calc((100vw - 1210px)/2 + 20px)) auto auto;margin:0;width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 95px);overflow:auto;background:#fff;color:var(--ink);border:1px solid #e7ebef;border-radius:14px;padding:20px;box-shadow:0 12px 40px #17233118}.accountidentity{display:flex;align-items:center;gap:11px}.accountidentity b{display:block;font-size:15px}.accountidentity small{display:block;font-size:11px;color:#96a0aa}.accountidentity>button{margin-left:auto;font-size:12px;color:#9aa3ac;padding:6px;border-radius:50%}#accountPanel .profile{padding:0 0 17px;margin:0;border-bottom:1px solid var(--line)}#accountPanel .xphead{margin-top:21px}#accountPanel .taskstatus{display:flex}.accountlinks{padding-top:8px}.accountlinks button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;font-size:13px;padding:10px 6px;border-radius:6px}.accountlinks button span{color:#a2acb5}.leftbottom p{margin-top:0}
@media(min-width:1400px){.layout{grid-template-columns:225px minmax(0,640px) 320px;max-width:1245px}.right{padding-left:32px}.post{padding-top:24px;padding-bottom:21px}#accountPanel{right:max(20px,calc((100vw - 1245px)/2 + 20px))}}
@media(max-width:1090px){.layout{grid-template-columns:185px minmax(0,630px);max-width:855px}.left{padding-right:20px}.right{display:none}.brand{margin-left:10px}.left nav button{font-size:17px;padding-left:13px}}
@media(max-width:700px){.layout{display:block;padding:0;margin:0}.left{position:fixed;top:auto;bottom:0;left:0;right:0;height:64px;padding:0;background:#fffffffa;border-top:1px solid var(--line);z-index:10;display:block;backdrop-filter:blur(12px)}.left .brand,.navdivider,.leftbottom{display:none}.left nav{height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 5px}.left nav button{width:auto;flex-direction:column;gap:2px;border-radius:0;font-size:9px;padding:5px 8px;margin:0}.left nav button .icon{width:21px;height:21px}.navdot{display:none}.compose{position:fixed;right:18px;bottom:83px;width:51px;height:51px;padding:0;margin:0;border-radius:50%;box-shadow:0 5px 16px #27344030}.compose span{display:none}.compose .icon{width:23px;height:23px}main{border:0;padding-bottom:66px}.mainheading{height:59px;padding:0 18px}.mainheading b{font-size:20px}.mainheading span{font-size:11px}.mainheading>.icon{width:18px}#tabs{height:49px}.composer{padding:18px 17px 12px;gap:11px}.composetools>span{font-size:9px}.categories{padding:11px 17px}.categories>span{font-size:10px}.avatar{width:37px;height:37px;border-radius:8px;font-size:15px}.post{padding:20px 17px 15px;grid-template-columns:37px minmax(0,1fr);gap:0 11px}.author .handle{display:none}.author b{font-size:13px}.author time{font-size:10px}.posttitle h2{font-size:15px}.post.daily .posttitle h2,.body{font-size:14px}.photo-grid{max-width:100%}.postactions{max-width:100%}.categories button{padding:3px 12px}.pagehead{padding:20px 17px}.pagehead h1{font-size:22px}.panel{margin:0 17px 17px;padding:17px}.grid{padding:0 17px;gap:10px}.product{padding:10px}.productart{height:105px}.taskstatus{display:none}.socialbox{font-size:11px}.uploadlabel{flex-wrap:wrap}.image-preview img{width:65px;height:65px}}
@media(max-width:1090px){.compactaccount{display:flex}#accountPanel{right:max(20px,calc((100vw - 855px)/2 + 20px))}}@media(max-width:700px){#accountPanel{top:66px;right:16px;width:310px}.accounttrigger .avatar{width:32px;height:32px;font-size:13px}.mainheading{gap:10px}}
.notegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:19px 20px 0}.notecolumn{display:flex;flex-direction:column;gap:23px;min-width:0}.notecard{min-width:0}.notecover{position:relative;width:100%;display:flex;flex-direction:column;text-align:left;overflow:hidden;border-radius:12px;padding:25px;isolation:isolate;aspect-ratio:4/5;background:#f2f3ef}.notecover:hover{filter:brightness(.98)}.notecover.imagecover{padding:0;aspect-ratio:3/4;background:#eeeae4}.notecover.imagecover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.notecover.imagecover:hover img{transform:scale(1.025)}.photocount{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;background:#ffffffdd;border-radius:14px;padding:3px 8px;font-size:10px;color:#586068}.photocount .icon{width:12px;height:12px}.cover-kicker{font-size:8px;letter-spacing:1.5px;font-weight:600;opacity:.6;line-height:1.7}.notecover strong{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;font-size:27px;line-height:1.65;letter-spacing:-.7px;margin-top:24px;font-weight:700;position:relative;z-index:1;overflow-wrap:anywhere}.cover-note{font-size:10px;letter-spacing:.6px;margin-top:auto;padding-top:18px;opacity:.65;position:relative;z-index:1}.experiencecover{background:#e9eddd;color:#33452e;aspect-ratio:1}.experiencecover:hover{background:#e9eddd}.experiencecover strong{font-size:26px;line-height:1.55;margin-top:17px}.cover-number{position:absolute;right:11px;bottom:12px;font-size:88px;font-weight:750;line-height:1;color:#d4dbc3;z-index:0;letter-spacing:-7px}.techcover{background:#e7edf5;color:#334968;aspect-ratio:4/5}.techcover:hover{background:#e7edf5}.techcover strong{font-size:25px;line-height:1.55}.tooltiles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:25px}.tooltiles>span{background:#ffffff99;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:9px 3px;color:#5c7394;font-size:22px;line-height:1.3}.tooltiles small{font-size:8px;margin-top:5px}.lifecover{background:#f2e8df;color:#785749;aspect-ratio:4/5}.lifecover:hover{background:#f2e8df}.lifecover strong{margin-top:19px;font-size:26px}.cover-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border:1px solid #cdb6a77a;border-radius:50%;align-self:flex-end;margin-top:auto;font-size:35px;font-weight:300;line-height:1.2;color:#a18575}.cover-circle small{font-size:7px;letter-spacing:1.7px;font-weight:500}.textcover{background:#f2eee5;color:#685c47;aspect-ratio:1}.textcover:hover{background:#f2eee5}.textcover strong{font-size:22px;margin-top:18px;-webkit-line-clamp:5}.notecaption{padding:10px 3px 0}.notetitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.65;font-weight:600;text-align:left;padding:0;overflow-wrap:anywhere;width:100%}.notetitle:hover{background:none;color:#526a94}.notefooter{display:flex;align-items:center;gap:7px;margin-top:9px;min-width:0}.notefooter .avatar{width:22px;height:22px;border-radius:50%;font-size:10px}.noteauthor{font-size:11px;color:#8e959c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.notefooter>button{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;color:#8e969e;padding:3px 0;flex-shrink:0}.notefooter>button .icon{width:16px;height:16px}.notefooter>button:hover{background:none;color:#de546d}.notefooter>button.liked{color:#e0506a}.notefooter>button.liked .icon{fill:#e0506a;stroke:#e0506a}.sectiontitle .detailsave{margin-left:auto;color:#657e9c;font-size:12px;padding:5px 12px;border-radius:15px;background:#f2f5f8}.composer{padding-top:15px;padding-bottom:12px}#quickPost{padding-bottom:12px;font-size:16px}
@media(max-width:700px){.notegrid{padding:13px 12px 0;gap:10px}.notecolumn{gap:18px}.notecover{border-radius:9px;padding:15px}.notecover strong,.experiencecover strong,.techcover strong,.lifecover strong{font-size:19px;line-height:1.55;margin-top:13px}.cover-kicker{font-size:6px;letter-spacing:.8px}.cover-note{font-size:8px;padding-top:12px}.cover-number{font-size:58px;right:9px;bottom:10px}.tooltiles{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:14px}.tooltiles>span{font-size:19px;padding:7px 3px;flex-direction:row;gap:5px;justify-content:center;border-radius:6px}.tooltiles small{font-size:7px;margin:0}.cover-circle{width:58px;height:58px;font-size:26px}.cover-circle small{font-size:5px;letter-spacing:1px}.textcover strong{font-size:17px;-webkit-line-clamp:5}.notecaption{padding:8px 2px 0}.notetitle{font-size:13px;line-height:1.6}.notefooter{gap:4px;margin-top:7px}.noteauthor{font-size:10px}.notefooter>button{font-size:10px;gap:3px}.notefooter .avatar{width:19px;height:19px;font-size:9px}.notefooter>button .icon{width:14px;height:14px}.photocount{right:8px;top:8px;font-size:9px;padding:2px 6px}}
@media(max-width:700px){.techcover:not(.lifecover){aspect-ratio:3/4}.notecover strong{flex-shrink:0}.textcover strong{-webkit-line-clamp:3}}
.messagebadge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#df6372;color:white;font-size:10px;line-height:18px;text-align:center;font-weight:600}.messagebadge[hidden]{display:none}.detailauthor{display:flex;align-items:center;justify-content:space-between;gap:10px}.detailauthor>button{border:1px solid #e3e8ed;border-radius:15px;padding:3px 12px;font-size:11px;color:#697e99}.messaging .feedend{display:none}.messaging #view{height:calc(100dvh - 76px);min-height:440px}.messages-shell{display:grid;grid-template-columns:190px minmax(0,1fr);height:100%;min-height:0}.conversation-list{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;background:#fcfcfd}.conversationheading{display:flex;align-items:center;justify-content:space-between;padding:21px 15px 12px}.conversationheading b{font-size:14px}.conversationheading>button{border:1px solid #e8ecf0;border-radius:7px;width:25px;height:25px;padding:0;font-size:19px;line-height:1;color:#758397}#chatSearch{width:calc(100% - 28px);margin:0 14px 15px;border:0;border-radius:6px;background:#f0f2f5;padding:8px 10px;outline-color:#aebccb;font-size:11px;color:#59636e}#conversationRows{overflow:auto}.conversation{width:100%;display:flex;align-items:center;gap:8px;padding:15px 12px;text-align:left;position:relative;border-left:2px solid transparent}.conversation.active{background:#eaf0f6;border-left-color:#7793b5}.conversation:hover{background:#f0f3f7}.conversation .avatar{width:33px;height:33px;border-radius:9px;font-size:13px}.conversationtext{min-width:0;flex:1}.conversationtext b{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversationtext small{display:block;font-size:10px;color:#929da9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.unreadcount{background:#df6372;border-radius:9px;color:white;min-width:15px;line-height:15px;font-size:9px;text-align:center;padding:0 4px}.chat-list-note{font-size:10px;color:#aab2bb;text-align:center;margin-top:auto;padding:20px 8px}.conversationempty{font-size:11px;color:#a0a9b3;text-align:center;padding:15px}.chatroom{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.chatheading{display:flex;align-items:center;gap:10px;padding:17px 18px;border-bottom:1px solid var(--line);height:76px;flex-shrink:0}.chatheading .avatar{width:34px;height:34px;font-size:13px}.chatheading b{display:block;font-size:13px}.chatheading small{display:block;font-size:10px;color:#9fa9b3}#backToChats{display:none}.chat-demo-note{padding:9px 13px;font-size:9px;line-height:1.6;text-align:center;color:#92a0af;background:#f8fafc;border-bottom:1px solid #f1f4f7}.message-log{padding:23px 16px;flex:1;min-height:0;overflow:auto;scroll-behavior:smooth;background:#fcfdfe}.message{display:flex;align-items:flex-start;gap:8px;margin-bottom:23px}.message>.avatar{width:29px;height:29px;border-radius:8px;font-size:12px}.message>div{max-width:calc(100% - 54px);min-width:0}.messagebubble{background:#f0f3f6;color:#465261;font-size:13px;line-height:1.8;padding:10px 12px;border-radius:0 10px 10px 10px;white-space:pre-wrap;overflow-wrap:anywhere}.message small{display:block;color:#acb5bf;font-size:9px;margin-top:5px}.message.outgoing{flex-direction:row-reverse}.outgoing .messagebubble{background:#e5edf8;color:#405873;border-radius:10px 0 10px 10px}.outgoing small{text-align:right}#messageForm{border-top:1px solid var(--line);padding:14px 16px 16px;background:white}#messageInput{width:100%;height:68px;max-height:140px;resize:vertical;border:0;outline:0;font-size:13px;color:#4d5967;padding:0;background:white}#messageInput::placeholder{color:#adb5be}#messageForm>div{display:flex;align-items:center;justify-content:space-between;gap:8px}#messageForm>div>span{font-size:8px;color:#afb7bf}#messageForm .primary{font-size:11px;padding:5px 17px;border-radius:6px}.chat-placeholder{margin:auto;text-align:center;padding:25px;max-width:320px}.chat-placeholder>.icon{width:40px;height:40px;color:#c0cbd7;stroke-width:1.2}.chat-placeholder h2{font-size:17px;font-weight:600;margin:15px 0 6px}.chat-placeholder p{font-size:11px;color:#a4aeb9}.chat-placeholder .primary{font-size:12px;padding:8px 21px;margin:14px 0}.chat-placeholder small{display:block;font-size:9px;color:#bbc2ca}.chat-empty-thread{text-align:center;font-size:12px;color:#b1bbc5;padding:35px 0}.chat-recipient{width:100%;display:flex;align-items:center;gap:11px;padding:15px 8px;border-bottom:1px solid var(--line);text-align:left}.chat-recipient b{display:block;font-size:13px}.chat-recipient small{font-size:11px;color:#a0aab5;display:block}.chat-recipient>.icon{margin-left:auto;color:#acb6c0;width:17px}.chat-recipient .avatar{width:35px;height:35px;font-size:14px}
@media(max-width:700px){nav .messagesnav{position:relative}.messagesnav .messagebadge{position:absolute;right:1px;top:1px;min-width:13px;height:13px;line-height:13px;font-size:8px;padding:0 3px}.left nav button{padding-left:6px;padding-right:6px}.messaging main{padding-bottom:0}.messaging .compose{display:none}.messaging #view{height:calc(100dvh - 123px);min-height:0}.messages-shell{display:block}.conversation-list{height:100%;border:0;background:white}.conversationheading{padding:20px 19px 14px}.conversationheading b{font-size:16px}.conversationheading>button{width:29px;height:29px}#chatSearch{font-size:13px;padding:10px 12px;margin-left:18px;margin-right:18px;width:calc(100% - 36px)}.conversation{padding:18px;gap:12px;border-bottom:1px solid #f4f6f8}.conversation .avatar{width:42px;height:42px;font-size:17px}.conversationtext b{font-size:14px}.conversationtext small{font-size:12px;margin-top:5px}.unreadcount{min-width:18px;line-height:18px;font-size:10px}.chatroom{display:none;height:100%}.chat-open .conversation-list{display:none}.chat-open .chatroom{display:flex}.chatheading{height:65px;padding:12px 16px}.chatheading b{font-size:14px}#backToChats{display:block;font-size:28px;line-height:1;padding:3px 9px 5px 0;color:#728194}.chat-demo-note{font-size:9px;padding:8px 12px}.messagebubble{font-size:14px}.message-log{padding:21px 17px}#messageForm{padding:12px 17px}#messageInput{height:52px;font-size:14px}#messageForm .primary{font-size:12px;padding:6px 18px}#messageForm>div>span{font-size:9px}}
.message-tabs{height:54px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:#fff}.message-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:14px;color:#929ca8;position:relative}.message-tabs>button.active{color:#222b35;font-weight:650}.message-tabs>button.active:after{content:'';position:absolute;bottom:0;left:calc(50% - 14px);height:3px;width:28px;border-radius:3px;background:#1c252f}.message-tabs>button>span{background:#f5e7ea;color:#c85c72;min-width:17px;line-height:17px;font-size:10px;padding:0 5px;border-radius:10px;font-weight:500}.messaging .messages-shell{height:calc(100% - 54px)}.notifications-view{height:calc(100% - 54px);overflow:auto}.notifications-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 23px;border-bottom:1px solid var(--line)}.notifications-heading>span{font-size:11px;color:#9ba6b2}.notifications-heading>button{font-size:11px;color:#6e849e;padding:4px 8px;border-radius:5px;white-space:nowrap}.notification-item{display:flex;width:100%;align-items:flex-start;gap:14px;padding:23px;text-align:left;border-bottom:1px solid #f0f3f6}.notification-item.unread{background:#fafbfd}.notification-item:hover{background:#f4f7fa}.notification-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#edf1f6;color:#8c9eb3;border-radius:10px;flex-shrink:0}.notification-icon .icon{width:18px;height:18px}.notification-content{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}.notification-meta{font-size:10px;color:#a7b0bb}.notification-content>b{font-size:13px;font-weight:550;color:#4b5867}.notification-body{font-size:12px;color:#929eac;line-height:1.9;overflow-wrap:anywhere}.notification-dot{width:6px;height:6px;background:#da7385;border-radius:50%;margin-top:9px;flex-shrink:0}.notification-demo{padding:20px;text-align:center;font-size:10px;color:#b3bcc6}@media(max-width:700px){.message-tabs{height:49px}.messaging .messages-shell,.notifications-view{height:calc(100% - 49px)}.notifications-heading{padding:16px}.notifications-heading>span{font-size:10px}.notification-item{padding:19px 16px;gap:11px}.notification-content>b{font-size:14px}.notification-body{font-size:12px}.notification-icon{width:34px;height:34px}.notification-demo{font-size:9px}}
.messaging .layout{max-width:none;grid-template-columns:218px minmax(0,1fr)}.messaging .right{display:none}.messaging .compactaccount{display:flex}.messaging #accountPanel{right:20px}@media(min-width:1400px){.messaging .layout{grid-template-columns:225px minmax(0,1fr)}}@media(min-width:701px){.messaging .messages-shell{grid-template-columns:280px minmax(0,1fr)}}@media(max-width:1090px){.messaging .layout{grid-template-columns:185px minmax(0,1fr)}}@media(max-width:700px){.messaging #accountPanel{right:16px}}

.layout{grid-template-columns:218px minmax(0,800px);max-width:1058px}.compactaccount{display:flex}.mainheading .search{margin:0 0 0 auto;width:300px;max-width:calc(100% - 48px)}.mainheading .compactaccount{margin-left:0}#accountPanel{right:max(20px,calc((100vw - 1058px)/2 + 20px))}@media(min-width:1400px){.layout{grid-template-columns:225px minmax(0,800px);max-width:1065px}#accountPanel{right:max(20px,calc((100vw - 1065px)/2 + 20px))}}@media(max-width:1090px){.layout{grid-template-columns:185px minmax(0,800px);max-width:1025px}#accountPanel{right:max(20px,calc((100vw - 1025px)/2 + 20px))}}@media(max-width:700px){.mainheading .search{height:36px;flex:1;width:auto}#accountPanel{right:16px}}.messaging #accountPanel{right:20px}@media(max-width:700px){.messaging #accountPanel{right:16px}}

body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:#333;line-height:1.5}.icon{stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}main{border:0}.mainheading{border-bottom:0}.search{border-radius:999px;background:#f7f7f7}.search input{font-size:14px}.left nav button{font-size:17px;font-weight:600;gap:14px;min-height:52px;padding:13px 18px;border-radius:999px;margin:8px 0}.left nav button.selected{background:#f7f7f7;font-weight:700}.left nav button.selected .icon{stroke-width:1.8}.left nav button .icon{width:24px;height:24px}.navdivider{border:0;margin:14px 0}.primary,.smallprimary{border-radius:999px}.brandmark{border-radius:13px}.filterrow{border:0}#tabs{height:58px;align-items:center;gap:10px;padding:0 20px}#tabs button{flex:none;padding:10px 20px;border-radius:999px;font-size:16px;color:#666}#tabs button.active{background:#f7f7f7;color:#333}#tabs .active:after{display:none}.categories{border:0;gap:8px;padding-top:14px;padding-bottom:6px}.categories button{font-size:14px;padding:7px 15px;border-radius:999px;color:#666}.categories .active{background:#f7f7f7;color:#333}.notecover{border-radius:18px}.notecaption{padding:10px 8px 0}.notetitle{font-size:16px;font-weight:500;line-height:1.5;color:#333}.noteauthor,.notefooter>button{font-size:12px;color:#777}.notefooter>button .icon{width:18px;height:18px}.avatar{border-radius:50%}.composer{border-bottom-color:#f5f5f5}.notegrid{gap:24px}.notecolumn{gap:28px}.message-tabs>button{font-size:16px}.messagebubble{border-radius:16px}.outgoing .messagebubble{border-radius:16px}dialog,#accountPanel{border-radius:20px}@media(max-width:700px){.left nav button{font-size:10px;min-height:0;gap:3px;padding:5px 12px;margin:0;border-radius:16px}.left nav button .icon{width:22px;height:22px}#tabs{height:52px;padding:0 12px;gap:6px}#tabs button{font-size:14px;padding:8px 16px}.categories{gap:4px}.categories button{font-size:13px;padding:6px 12px}.notegrid{gap:12px}.notecover{border-radius:14px}.notetitle{font-size:14px}.notecaption{padding:8px 4px 0}.noteauthor,.notefooter>button{font-size:11px}.notecolumn{gap:22px}}
.mainheading{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:16px}.mainheading .search{grid-column:2;justify-self:center;width:480px;max-width:100%;margin:0;background:#f5f5f5}.mainheading .compactaccount{grid-column:3;justify-self:end;margin:0}.search .icon{color:#666}.search input{color:#333}.search input::placeholder{color:#999}.search kbd{color:#aaa}.avatar.me{background:#efefef;color:#333}.mainheading .accounttrigger .avatar{color:#333}.accounttrigger:hover{box-shadow:0 0 0 4px #f5f5f5}.branddot{color:#191c20}@media(max-width:700px){.mainheading{grid-template-columns:minmax(0,1fr) 32px;gap:16px}.mainheading .search{grid-column:1;width:100%}.mainheading .compactaccount{grid-column:2}}
.brand>span:last-child,.branddot{color:#15966a}
.brandmark{background:#15966a;color:#fff}
#newPost,#quickPublish,#postForm>.primary{background:#15966a;color:#fff}#newPost:hover,#quickPublish:hover,#postForm>.primary:hover{background:#117d58}
#detail.post-detail{padding:0;width:680px;max-height:88dvh;overflow:hidden}#detail.post-detail[open]{display:flex;flex-direction:column}.detail-scroll{padding:22px 26px 0;overflow:auto;min-height:0;scroll-behavior:smooth}.detail-scroll>.sectiontitle{justify-content:space-between}.thread-section{margin-top:26px;border-top:1px solid #eee;padding-top:20px}.thread-section h3{font-size:13px;color:#999;font-weight:400;margin:0 0 24px}.comment-thread{margin-bottom:30px}.thread-comment{display:flex;gap:14px;align-items:flex-start}.thread-comment>.avatar{width:42px;height:42px;font-size:16px;background:#f2f2f2;color:#777;flex-shrink:0}.thread-body{flex:1;min-width:0}.comment-name{font-size:14px;color:#999;line-height:1.5}.comment-text{font-size:15px;color:#333;line-height:1.65;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-text>span{color:#999}.thread-body>time{color:#aaa;font-size:12px}.comment-actions{display:flex;gap:20px;margin-top:9px}.comment-actions button{display:flex;align-items:center;gap:5px;font-size:12px;color:#888;padding:0}.comment-actions .icon{width:18px;height:18px}.thread-replies{margin-left:56px}.child-comment{margin-top:22px;gap:11px}.child-comment>.avatar{width:28px;height:28px;font-size:12px}.expand-replies{color:#526a94;font-size:13px;margin:18px 0 0 39px;padding:0}.no-comments{font-size:13px;color:#aaa;text-align:center;padding:20px}.comment-dock{flex-shrink:0;background:#fff;border-top:1px solid #eee;padding:14px 20px}.comment-dock #commentForm{display:flex;align-items:center;gap:14px}.comment-dock #commentInput{min-width:0;flex:1;background:#f6f6f6;border:0;border-radius:24px;padding:12px 16px;font-size:14px;margin:0;outline-color:#15966a}.comment-dock button{display:flex;align-items:center;gap:5px;padding:0;font-size:13px;white-space:nowrap}.comment-dock .icon{width:23px;height:23px}.comment-dock .comment-submit{display:none;color:#15966a;font-weight:600}.comment-dock:focus-within .comment-submit{display:flex}.comment-actions .liked,.comment-dock .liked{color:#df6372}.liked .icon{fill:#df63721a}.comment-dock .saved{color:#15966a}.comment-dock .saved .icon{fill:#15966a1a}#replyContext{font-size:12px;color:#999;padding:0 0 10px}#replyContext button{display:inline-flex;margin-left:10px;font-size:11px}@media(max-width:700px){#detail.post-detail{max-width:100vw;width:100%;max-height:92dvh;border-radius:20px 20px 0 0;margin:auto 0 0}.detail-scroll{padding:18px 18px 0}.comment-dock{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.comment-dock #commentForm{gap:10px}.comment-dock:focus-within #detailLike,.comment-dock:focus-within #detailSave,.comment-dock:focus-within #focusComments{display:none}.thread-comment{gap:12px}.thread-comment>.avatar{width:36px;height:36px}.child-comment>.avatar{width:26px;height:26px}.thread-replies{margin-left:48px}.comment-text{font-size:14px}}
.comment-actions [data-comment-like]{order:1;margin-left:auto}
.detailauthor{justify-content:flex-start;margin:20px 0;gap:12px}.detailauthor .author-avatar{border:0;padding:0;border-radius:50%;flex-shrink:0}.detailauthor .avatar{width:44px;height:44px;font-size:17px}.author-info{min-width:0}.author-info b{display:block;font-size:14px;font-weight:600}.author-info small{display:block;font-size:11px;color:#aaa;margin-top:4px}.author-follow,.detailauthor .author-follow{background:#15966a;color:#fff;border:0;border-radius:999px;padding:7px 22px;font-size:13px}.author-follow:hover{background:#117d58}.detailauthor .author-follow{margin-left:auto}.user-profile{padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.profile-identity{display:flex;gap:16px;align-items:center;min-width:0}.profile-identity>.avatar{width:68px;height:68px;font-size:26px}.profile-identity h1{font-size:22px;margin:0 0 6px;overflow-wrap:anywhere}.profile-identity p{font-size:13px;color:#999;margin:0}.profile-buttons{display:flex;gap:10px;flex-shrink:0}.profile-message{display:flex;gap:7px;align-items:center;border:1px solid #ddd;padding:7px 17px;border-radius:999px;font-size:13px}.profile-message .icon{width:17px;height:17px}@media(max-width:700px){.user-profile{padding:24px 17px;flex-wrap:wrap}.profile-identity>.avatar{width:56px;height:56px;font-size:22px}.profile-identity h1{font-size:19px}.profile-buttons{margin-left:72px}.detailauthor .avatar{width:38px;height:38px}.detailauthor .author-follow{padding:6px 18px}}
.author-info b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.author-level{font-size:10px;font-weight:500;color:#15966a;background:#eaf5ef;border-radius:6px;padding:2px 6px;line-height:1.5;white-space:nowrap}
#authDialog{width:420px}#authError{color:#c34c5e;font-size:13px}.auth-switch,.auth-entry{display:block;padding:12px 0;font-size:13px;color:#15966a;margin:auto}.auth-entry{width:100%;text-align:center}.loadmore{display:block;margin:25px auto;padding:10px 25px;background:#f5f5f5;border-radius:99px}#authForm .primary{background:#15966a}
#nicknameDialog{width:460px}#nicknameDialog .primary{background:#15966a}#nicknameError,#adminEditError{color:#c34c5e;font-size:13px}#adminEntry[hidden]{display:none}.admin-header{padding:24px}.admin-header h1{font-size:23px;margin:0 0 8px}.admin-header p{color:#999;font-size:13px}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.admin-tabs button{border-radius:99px;padding:8px 16px;font-size:13px}.admin-tabs .active{background:#eaf5ef;color:#15966a}#adminSearch{display:flex;gap:10px}#adminSearch input{flex:1;min-width:0;padding:10px 14px;border:1px solid #eee;border-radius:99px}#adminSearch button{color:#15966a}.admin-row{padding:20px 24px;border-bottom:1px solid #eee;display:flex;gap:15px;justify-content:space-between}.admin-row>div:first-child{min-width:0;flex:1}.admin-row b{font-size:14px;overflow-wrap:anywhere}.admin-row small{display:block;font-size:11px;color:#999;margin-top:6px}.admin-row p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.admin-row-actions{display:flex;gap:12px;align-items:flex-start;font-size:12px;color:#15966a;flex-shrink:0}.admin-pager{display:flex;justify-content:center;gap:20px;padding:25px}.admin-pager button{font-size:13px;color:#15966a}#adminEditor .primary{background:#15966a}@media(max-width:700px){.admin-header{padding:20px 17px}.admin-row{padding:18px 17px;flex-wrap:wrap}.admin-row-actions{width:100%;justify-content:flex-end}.left nav #adminEntry span{font-size:9px}}