:root{--posts-ink:#17223d;--posts-muted:#71809c;--posts-line:#e8ebf2;--posts-blue:#347fe9;--posts-pink:#f24778;--posts-coral:#ff765d;--posts-shadow:0 8px 25px rgba(62,51,91,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.posts-page{margin:0;min-height:100vh;color:var(--posts-ink);font:14px/1.55 "PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;background-color:#f8effb;background-image:linear-gradient(125deg,rgba(255,228,239,.78),rgba(237,230,255,.78)),linear-gradient(rgba(255,255,255,.52) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.52) 1px,transparent 1px);background-size:auto,26px 26px,26px 26px;background-attachment:fixed}body.posts-page a{color:inherit;text-decoration:none}body.posts-page button,body.posts-page input,body.posts-page textarea{font:inherit}.post-container{width:min(1240px,calc(100% - 48px));margin:0 auto}.post-skip{position:fixed;z-index:2000;top:-50px;left:12px;padding:8px 12px;border-radius:8px;background:#fff;color:var(--posts-ink)}.post-skip:focus{top:10px}.post-breadcrumb{min-height:36px;display:flex;align-items:center;gap:10px;color:#8994aa;font-size:12px}.post-breadcrumb a:hover{color:var(--posts-blue)}
.post-hero{height:142px;position:relative;display:flex;align-items:center;overflow:hidden;margin:8px 0 14px;padding:16px 26px;border:1px solid #fff;border-radius:14px;background:linear-gradient(100deg,#fffdfd 0%,rgba(255,252,255,.95) 44%,rgba(247,240,255,.72) 100%);box-shadow:var(--posts-shadow)}.post-hero:before,.post-hero:after{position:absolute;content:"";pointer-events:none}.post-hero:before{inset:auto -2% -46px 0;height:92px;background:radial-gradient(ellipse at 12% 100%,#e9dafa 0 16%,transparent 17%),radial-gradient(ellipse at 34% 100%,#e4dcfa 0 20%,transparent 21%),radial-gradient(ellipse at 57% 100%,#e8e0fb 0 15%,transparent 16%),linear-gradient(0deg,#e7def7aa,transparent 70%);opacity:.7}.post-hero-copy{position:relative;z-index:2}.post-eyebrow{color:#db758e;font-size:9px;font-weight:850;letter-spacing:.14em}.post-hero h1{margin:3px 0;color:#182440;font-size:27px;line-height:1.25}.post-hero p{margin:4px 0 10px;color:#74829d;font-size:12px;line-height:1.6}.post-primary-link,.post-primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 17px;border:0;border-radius:9px;background:linear-gradient(105deg,var(--posts-coral),#f34270);box-shadow:0 5px 13px rgba(239,82,121,.17);color:#fff!important;font-size:12px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s}.post-primary-link:hover,.post-primary-button:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(239,82,121,.23)}.post-hero>img{position:absolute;z-index:1;right:15%;bottom:-8px;width:215px;height:140px;object-fit:contain;object-position:center bottom}.post-hero-note{position:absolute;right:4%;top:20px;color:#8e7ba8;font:italic 12px/1.5 Georgia,serif;transform:rotate(-7deg)}
.post-layout,.post-detail-layout,.post-create-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(280px,.88fr);gap:12px;align-items:start}.post-feed-panel,.post-side-card,.post-form-card,.post-profile-card,.post-mylist-panel,.post-detail-card,.post-comments-card{border:1px solid rgba(231,232,241,.9);border-radius:13px;background:rgba(255,255,255,.96);box-shadow:var(--posts-shadow)}.post-feed-panel{overflow:hidden}.post-feed-toolbar,.post-mylist-toolbar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid #edf0f5}.post-feed-tabs,.post-mylist-tabs{height:100%;display:flex;align-items:stretch;gap:22px}.post-feed-tabs button,.post-mylist-tabs button{position:relative;padding:0 2px;border:0;background:transparent;color:#465672;font-size:12px;font-weight:750;cursor:pointer}.post-feed-tabs button.is-active,.post-mylist-tabs button.is-active{color:#e94270}.post-feed-tabs button.is-active:after,.post-mylist-tabs button.is-active:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:3px;background:#f24778;content:""}.post-create-small{display:inline-flex;align-items:center;gap:5px;color:#ec4a70!important;font-size:11px;font-weight:750}.post-feed-list{padding:0 12px}.post-loading{margin:0;padding:22px;color:#8793a9;text-align:center;font-size:12px}.post-card{display:grid;grid-template-columns:minmax(0,1fr) 114px;gap:12px;padding:13px 4px;border-bottom:1px solid #edf0f5;cursor:pointer}.post-card:last-child{border-bottom:0}.post-card:hover .post-card-title{color:#276fc9}.post-card-main{min-width:0}.post-card-author{display:flex;align-items:center;gap:7px;color:#8a96ab;font-size:10px}.post-avatar{width:27px;height:27px;display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid #e6eaf0;border-radius:50%;background:linear-gradient(145deg,#e8edff,#ffebdf);font-size:16px}.post-avatar img{width:100%;height:100%;object-fit:cover}.post-card-author strong{color:#273550;font-size:10px}.post-card-title{margin:4px 0 3px;color:#182440;font-size:13px;font-weight:850;line-height:1.45;transition:color .15s}.post-card-excerpt{display:-webkit-box;overflow:hidden;margin:0;color:#77849a;font-size:10px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.post-tag-chip{display:inline-flex;align-items:center;min-height:19px;padding:1px 7px;border-radius:99px;background:#eef4ff;color:#3473cc;font-size:9px}.post-card-image{width:114px;height:78px;align-self:center;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#dbe5f6,#f8ddce)}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-card-foot{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:8px;color:#77849c;font-size:10px}.post-card-foot span{display:inline-flex;align-items:center;gap:4px}.post-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px}.post-pagination button{min-width:27px;height:27px;padding:0 7px;border:1px solid #e1e6ef;border-radius:7px;background:#fff;color:#54627b;font-size:11px;cursor:pointer}.post-pagination button[aria-current=page]{border-color:#fb5e71;background:#fb5e71;color:#fff}.post-pagination button:disabled{opacity:.45;cursor:default}.post-empty{padding:32px 14px;text-align:center;color:#8591a7}.post-empty[hidden]{display:none}.post-empty strong{display:block;color:#34425e;font-size:14px}.post-empty p{margin:5px 0 12px;font-size:11px}.post-empty a{color:#347fe9;font-size:11px;font-weight:750}
.post-sidebar{display:grid;gap:10px}.post-side-card{padding:13px 14px}.post-side-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #eff1f5}.post-side-heading h2{margin:0;font-size:13px;font-weight:850}.post-side-heading>span{color:#f17280;font-size:16px}.post-hot-list{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.post-hot-list li{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:7px;color:#687791;font-size:10px}.post-hot-list b{width:16px;height:16px;display:grid;place-items:center;border-radius:5px;background:#f2f4f8;color:#66758e;font-size:9px}.post-hot-list li:nth-child(-n+3) b{background:#fff0e8;color:#f06b46}.post-tag-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.post-tag-cloud a{padding:4px 8px;border-radius:99px;background:#eff4ff;color:#4679c5!important;font-size:9px;transition:background .15s}.post-tag-cloud a:hover{background:#e1ebff}
.post-create-container{padding-bottom:18px}.post-create-layout{grid-template-columns:minmax(0,2.05fr) minmax(260px,.86fr)}.post-form-card{padding:17px 19px}.post-form-heading{margin-bottom:15px}.post-form-heading h1{margin:0;color:#17223d;font-size:19px}.post-form-heading p{margin:3px 0 0;color:#77849b;font-size:11px}.post-field{min-width:0;margin:0 0 12px}.post-field>label,.post-field>legend{display:block;margin-bottom:5px;color:#2f3e5b;font-size:11px;font-weight:800}.post-field em{color:#ee5574;font-style:normal}.post-optional{color:#8994a7;font-size:10px;font-weight:500}.post-input-count{position:relative}.post-input-count input,.post-custom-tag input{width:100%;height:37px;padding:0 54px 0 11px;border:1px solid #dfe4ee;border-radius:8px;outline:0;background:#fff;color:#24334f;font-size:11px}.post-input-count input:focus,.post-editor textarea:focus,.post-custom-tag input:focus{border-color:#92b5ed;box-shadow:0 0 0 3px #4385f31a}.post-input-count small{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#94a0b4;font-size:9px}.post-editor{overflow:hidden;border:1px solid #dfe4ee;border-radius:8px}.post-editor-tools{height:32px;display:flex;align-items:center;gap:13px;padding:0 10px;border-bottom:1px solid #eff1f5;background:#fff}.post-editor-tools button{border:0;background:transparent;color:#55647f;font-size:10px;cursor:pointer}.post-editor-tools button:hover{color:#287de2}.post-editor textarea{display:block;width:100%;min-height:117px;padding:10px 11px;border:0;outline:0;resize:vertical;color:#263652;font-size:11px;line-height:1.65}.post-editor textarea:focus{box-shadow:none}.post-editor-footer{min-height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#95a0b2;font-size:9px}.post-editor-footer small{margin-left:auto}.post-field-error{min-height:0;margin:0;color:#d84b63;font-size:10px}.post-field-error:empty{display:none}.post-upload-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:stretch;gap:8px}.post-dropzone{min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px dashed #cdd6e6;border-radius:8px;background:#fbfcff;color:#76839a;text-align:center;cursor:pointer}.post-upload-icon{color:#8194b7;font-size:18px;line-height:1.1}.post-dropzone b{font-size:10px;font-weight:650}.post-dropzone small{font-size:8px}.post-dropzone .post-local-warning{color:#d17a6f}.post-image-previews{display:flex;gap:6px;align-items:center}.post-image-thumb{position:relative;width:62px;height:62px;overflow:hidden;border:1px solid #e3e8f1;border-radius:7px;background:#f3f5fa}.post-image-thumb img{width:100%;height:100%;object-fit:cover}.post-image-thumb button{position:absolute;top:2px;right:2px;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:#202a3bcc;color:#fff;font-size:12px;line-height:17px;cursor:pointer}.post-tags-field{padding:0;border:0}.post-tag-options{display:flex;flex-wrap:wrap;gap:5px}.post-tag-options button,.post-selected-tags button{padding:4px 7px;border:1px solid transparent;border-radius:99px;background:#eef4ff;color:#4678bf;font-size:9px;cursor:pointer}.post-tag-options button.is-selected{border-color:#f3aaba;background:#fff1f4;color:#df4b70}.post-custom-tag{display:flex;gap:6px;margin-top:7px}.post-custom-tag input{height:31px;padding:0 9px;font-size:10px}.post-custom-tag button{min-width:49px;border:1px solid #e1e6ef;border-radius:7px;background:#fff;color:#4b6488;font-size:10px;cursor:pointer}.post-selected-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.post-selected-tags button:after{content:" ×"}.post-form-message,.post-page-message{min-height:16px;margin:4px 0;color:#75839b;font-size:10px}.post-form-message[data-kind=error],.post-page-message[data-kind=error]{color:#d7465f}.post-form-message[data-kind=success],.post-page-message[data-kind=success]{color:#348263}.post-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.post-secondary-button,.post-form-actions .post-primary-button{height:36px;border-radius:8px;font-size:11px;font-weight:800}.post-secondary-button{border:1px solid #dce5fa;background:#eef3ff;color:#3973cc;cursor:pointer}.post-form-actions .post-primary-button{width:100%}.post-create-sidebar{display:grid;gap:10px}.post-share-note{position:relative;min-height:200px;overflow:hidden;padding:15px 15px 84px;border:1px solid #ffe3e7;border-radius:13px;background:linear-gradient(145deg,#fff6f5,#fff0f4);box-shadow:var(--posts-shadow)}.post-note-kicker{color:#de8493;font-size:8px;font-weight:850;letter-spacing:.1em}.post-share-note h2{margin:4px 0 8px;color:#e64d70;font-size:14px}.post-share-note p{position:relative;z-index:2;margin:0 0 7px;color:#75819a;font-size:10px;line-height:1.7}.post-share-note img{position:absolute;right:4px;bottom:-3px;width:142px;height:94px;object-fit:contain;object-position:right bottom}.post-tip-list{display:grid;gap:11px;margin:11px 0 0;padding:0;list-style:none}.post-tip-list li{display:flex;gap:8px;align-items:flex-start}.post-tip-list li>b{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:6px;background:#eef4ff;color:#4283e8;font-size:11px}.post-tip-list li span{display:grid;gap:2px}.post-tip-list strong{color:#2c3a56;font-size:10px}.post-tip-list small{color:#8390a6;font-size:9px}
.post-mylist-container{padding-bottom:18px}.post-profile-card{position:relative;display:flex;align-items:center;gap:14px;min-height:116px;margin:7px 0 10px;padding:15px 18px}.post-profile-avatar{width:67px;height:67px;display:grid;place-items:center;flex:none;overflow:hidden;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#e6edff,#fde8de);box-shadow:0 0 0 2px #dce5f2;font-size:37px}.post-profile-avatar img{width:100%;height:100%;object-fit:cover}.post-profile-identity{min-width:110px}.post-profile-identity h1{margin:0;color:#17223d;font-size:15px}.post-profile-identity p{margin:3px 0 0;color:#8290a8;font-size:10px}.post-profile-stats{display:flex;align-items:center;gap:30px;margin-left:auto}.post-profile-stats div{display:grid;justify-items:center;gap:2px}.post-profile-stats strong{color:#182440;font-size:14px}.post-profile-stats span{color:#8190a8;font-size:9px}.post-profile-edit{position:absolute;top:13px;right:13px;padding:5px 10px;border:1px solid #b9d0ff;border-radius:7px;color:#347de5!important;font-size:9px}.post-profile-stats{padding-right:100px}.post-mylist-panel{overflow:hidden}.post-mylist-toolbar{min-height:50px}.post-mylist-tabs{gap:22px}.post-mylist-tabs button{font-size:11px}.post-mylist-tabs button span{margin-left:3px;color:#8290a7;font-size:9px}.post-mylist-tools{display:flex;align-items:center;gap:8px}.post-mylist-tools input{width:170px;height:30px;padding:0 9px;border:1px solid #e2e7f0;border-radius:7px;outline:0;font-size:10px}.post-primary-compact{min-height:30px;padding:0 10px;font-size:10px}.post-mylist-list{padding:5px 10px}.post-mylist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:77px;padding:8px;border-bottom:1px solid #edf0f5}.post-mylist-row:last-child{border-bottom:0}.post-mylist-main{display:flex;align-items:center;gap:10px;min-width:0}.post-mylist-image{width:88px;height:58px;flex:none;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#dce8f9,#f9e0d0)}.post-mylist-image img{width:100%;height:100%;object-fit:cover}.post-mylist-copy{min-width:0}.post-mylist-copy h2{overflow:hidden;margin:0;color:#1d2943;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.post-mylist-copy p{display:-webkit-box;overflow:hidden;margin:3px 0;color:#7c899f;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:1}.post-mylist-tags{display:flex;gap:4px}.post-mylist-meta{display:flex;align-items:center;gap:8px;color:#8793a8;font-size:8px;white-space:nowrap}.post-status{padding:2px 6px;border-radius:99px;background:#e7f8f0;color:#2f9d71}.post-status.draft{background:#fff2e7;color:#d78932}.post-mylist-actions{display:flex;align-items:center;gap:5px}.post-mylist-actions a,.post-mylist-actions button{padding:5px 8px;border:1px solid #e1e7f0;border-radius:6px;background:#fff;color:#3c72c3!important;font-size:9px;cursor:pointer}.post-mylist-actions .post-action-edit{border-color:#bdd2ff;background:#f7faff}.post-mylist-footer{display:flex;align-items:center;justify-content:space-between;padding:2px 10px 7px;color:#8592a9;font-size:9px}.post-mylist-footer .post-pagination{padding:5px}
.post-detail-container{padding-bottom:20px}.post-detail-layout{grid-template-columns:minmax(0,2.12fr) minmax(245px,.83fr)}.post-detail-column{display:grid;gap:10px}.post-detail-card{padding:16px 18px}.post-detail-author{display:flex;align-items:center;gap:8px}.post-detail-author .post-avatar{width:32px;height:32px}.post-detail-author-info{display:grid;gap:1px;color:#8b96a9;font-size:9px}.post-detail-author-info strong{color:#2c3b58;font-size:10px}.post-follow-button{margin-left:auto;padding:4px 12px;border:1px solid #ff9eaa;border-radius:7px;background:#fff;color:#ee536d;font-size:10px;cursor:pointer}.post-detail-title{margin:11px 0 6px;color:#182440;font-size:18px;line-height:1.4}.post-detail-content{color:#4d5d78;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.post-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.post-detail-images{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px}.post-detail-images img{width:100%;max-height:280px;object-fit:contain;border-radius:8px;background:#f3f5f8}.post-actions{display:flex;align-items:center;justify-content:space-around;margin-top:12px;padding-top:9px;border-top:1px solid #edf0f5}.post-actions button{display:flex;align-items:center;gap:6px;padding:4px 9px;border:0;background:transparent;color:#596984;font-size:10px;cursor:pointer}.post-actions button:hover,.post-actions button.is-active{color:#ee4c70}.post-actions .is-active{font-weight:800}.post-comments-card{padding:13px 15px}.post-comments-heading{display:flex;align-items:center;justify-content:space-between}.post-comments-heading h2{margin:0;font-size:13px}.post-comments-heading h2 span{color:#8190a6;font-size:10px}.post-comments-heading>span{color:#8994a8;font-size:9px}.post-comment-form{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:7px;margin-top:10px}.post-comment-avatar{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#f0f3fa;font-size:15px}.post-comment-avatar img{width:100%;height:100%;object-fit:cover}.post-comment-form textarea{min-height:34px;max-height:110px;padding:8px 9px;border:1px solid #dfe5ef;border-radius:7px;outline:0;resize:vertical;font-size:10px}.post-comment-form textarea:focus{border-color:#91b5ef}.post-comment-form button{min-height:34px;padding:0 11px;border:0;border-radius:7px;background:linear-gradient(105deg,#ff805b,#f24778);color:#fff;font-size:10px;font-weight:750;cursor:pointer}.post-comment{display:grid;grid-template-columns:27px 1fr;gap:7px;padding:9px 0;border-top:1px solid #f0f2f6}.post-comment-body{min-width:0}.post-comment-meta{display:flex;align-items:center;gap:7px;color:#8994a7;font-size:9px}.post-comment-meta strong{color:#34425c}.post-comment-body p{margin:3px 0 0;color:#53627b;font-size:10px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.post-detail-sidebar{display:grid;gap:10px}.post-recommend-list{display:grid;gap:10px;margin-top:11px}.post-recommend{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center}.post-recommend-image{width:64px;height:45px;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#dce8f9,#f9e0d0)}.post-recommend-image img{width:100%;height:100%;object-fit:cover}.post-recommend strong{display:-webkit-box;overflow:hidden;color:#34415c;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-recommend small{display:block;margin-top:3px;color:#8793a9;font-size:8px}.post-not-found{padding:35px 12px;text-align:center;color:#8290a6}.post-not-found h1{margin:0 0 5px;color:#34415c;font-size:16px}.post-not-found a{display:inline-flex;margin-top:10px;color:#347fe9;font-size:11px}
@media(max-width:900px){.post-layout,.post-create-layout,.post-detail-layout{grid-template-columns:minmax(0,1fr) 260px}.post-profile-stats{gap:14px}.post-profile-card{flex-wrap:wrap}.post-profile-stats{margin-left:0;padding-right:0}.post-profile-edit{top:12px;right:12px}}
@media(max-width:700px){.post-container{width:calc(100% - 24px)}.post-layout,.post-create-layout,.post-detail-layout{grid-template-columns:1fr}.post-hero{height:132px;padding:13px 15px}.post-hero>img{right:2%;width:145px;height:100px;opacity:.9}.post-hero-note{right:3%;top:8px;font-size:9px}.post-hero h1{font-size:22px}.post-hero p{max-width:58%;font-size:10px}.post-sidebar,.post-create-sidebar,.post-detail-sidebar{grid-template-columns:1fr 1fr}.post-side-card{padding:11px}.post-hot-list{gap:5px}.post-hot-list li{font-size:9px}.post-share-note{min-height:190px}.post-form-card{padding:14px}.post-profile-card{padding:13px}.post-profile-stats{width:100%;justify-content:space-around}.post-profile-edit{position:static;margin-left:auto}.post-mylist-toolbar{align-items:flex-start;flex-direction:column;padding:8px 12px}.post-mylist-tabs{min-height:32px}.post-mylist-tools{width:100%}.post-mylist-tools input{flex:1}.post-mylist-row{grid-template-columns:1fr}.post-mylist-actions{justify-content:flex-end}.post-detail-images{grid-template-columns:1fr}}
@media(max-width:480px){.post-sidebar,.post-create-sidebar,.post-detail-sidebar{grid-template-columns:1fr}.post-hero>img{right:-14px;width:125px}.post-hero p{max-width:66%}.post-card{grid-template-columns:minmax(0,1fr) 84px;gap:8px;padding:11px 2px}.post-card-image{width:84px;height:66px}.post-card-foot{gap:11px}.post-upload-row{grid-template-columns:1fr}.post-image-previews{flex-wrap:wrap}.post-form-actions{gap:8px}.post-detail-card{padding:13px}.post-detail-title{font-size:16px}.post-comment-form{grid-template-columns:25px minmax(0,1fr) auto;gap:5px}.post-comment-form button{padding-inline:8px}}

/* Sidebar content is derived from published posts rather than demo statistics. */
.post-hot-list li{grid-template-columns:18px minmax(0,1fr) auto}
.post-hot-list li>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-hot-list li>small{color:#8b97aa;font-size:8px}
.post-tag-cloud a small{margin-left:3px;color:#8795ad;font-size:8px}
.post-side-empty{color:#8793a9;font-size:9px;line-height:1.6}
.post-dropzone{transition:border-color .16s,background .16s}
.post-dropzone.is-dragging{border-color:#6d9bea;background:#f1f6ff}

/* Refined desktop rhythm and type scale for the four post views. */
body.posts-page{font-size:15px;line-height:1.65}
.post-container{width:min(1240px,calc(100% - 48px))}
.post-breadcrumb{min-height:42px;font-size:13px}
.post-hero{height:172px;margin:7px 0 16px;padding:20px 32px;border-radius:16px}
.post-eyebrow{font-size:10px}
.post-hero h1{font-size:31px;letter-spacing:-.025em}
.post-hero p{font-size:14px;line-height:1.7}
.post-primary-link,.post-primary-button{min-height:40px;padding-inline:20px;font-size:13px}
.post-hero>img{right:17%;bottom:-8px;width:285px;height:172px}
.post-hero-note{top:25px;font-size:14px}
.post-layout{grid-template-columns:minmax(0,2.04fr) minmax(280px,.9fr);gap:16px}
.post-feed-panel,.post-side-card,.post-form-card,.post-profile-card,.post-mylist-panel,.post-detail-card,.post-comments-card{border-radius:15px;box-shadow:0 9px 26px rgba(62,51,91,.065)}
.post-feed-toolbar{min-height:54px;padding-inline:20px}
.post-feed-tabs{gap:28px}
.post-feed-tabs button{font-size:14px}
.post-create-small{font-size:12px}
.post-feed-list{padding-inline:18px}
.post-card{grid-template-columns:minmax(0,1fr) 132px;gap:16px;min-height:142px;padding:17px 4px}
.post-card-author{gap:9px;font-size:11px}
.post-avatar{width:34px;height:34px;font-size:18px}
.post-card-author strong{font-size:12px}
.post-card-title{margin:6px 0 4px;font-size:15px;line-height:1.5}
.post-card-excerpt{font-size:12px;line-height:1.7;-webkit-line-clamp:2}
.post-card-tags{gap:6px;margin-top:8px}
.post-tag-chip{min-height:22px;padding-inline:9px;font-size:10px}
.post-card-image{width:132px;height:96px;border-radius:9px}
.post-card-foot{gap:18px;margin-top:9px;font-size:11px}
.post-sidebar,.post-detail-sidebar{gap:14px}
.post-side-card{padding:17px 18px}
.post-side-heading{padding-bottom:11px}
.post-side-heading h2{font-size:15px}
.post-side-heading>span{font-size:19px}
.post-hot-list{gap:10px;margin-top:13px}
.post-hot-list li{gap:9px;font-size:12px}
.post-hot-list b{width:20px;height:20px;font-size:10px}
.post-hot-list li>small{font-size:10px}
.post-tag-cloud{gap:8px;margin-top:13px}
.post-tag-cloud a{padding:6px 10px;font-size:11px}
.post-tag-cloud a small{font-size:9px}
.post-side-empty{font-size:11px}
.post-pagination{gap:7px;padding:13px}
.post-pagination button{min-width:32px;height:32px;font-size:12px}

.post-create-layout{grid-template-columns:minmax(0,2.05fr) minmax(280px,.88fr);gap:16px}
.post-form-card{padding:23px 25px}
.post-form-heading{margin-bottom:21px}
.post-form-heading h1{font-size:23px}
.post-form-heading p{font-size:13px}
.post-field{margin-bottom:17px}
.post-field>label,.post-field>legend{margin-bottom:7px;font-size:13px}
.post-optional{font-size:11px}
.post-input-count input,.post-custom-tag input{height:43px;padding-inline:14px;font-size:13px}
.post-input-count input{padding-right:62px}
.post-input-count small{font-size:10px}
.post-editor-tools{height:39px;gap:17px;padding-inline:13px}
.post-editor-tools button{font-size:12px}
.post-editor textarea{min-height:158px;padding:13px 14px;font-size:13px;line-height:1.75}
.post-editor-footer{min-height:30px;font-size:10px}
.post-upload-row{gap:10px}
.post-dropzone{min-height:88px;border-radius:10px}
.post-upload-icon{font-size:22px}
.post-dropzone b{font-size:12px}
.post-dropzone small{font-size:10px}
.post-image-thumb{width:72px;height:72px;border-radius:9px}
.post-tag-options{gap:7px}
.post-tag-options button,.post-selected-tags button{padding:6px 10px;font-size:11px}
.post-custom-tag{gap:8px;margin-top:9px}
.post-custom-tag input{height:37px}
.post-custom-tag button{min-width:62px;font-size:12px}
.post-form-message,.post-page-message{font-size:11px}
.post-form-actions{gap:14px}
.post-secondary-button,.post-form-actions .post-primary-button{height:43px;font-size:13px}
.post-create-sidebar{gap:14px}
.post-share-note{min-height:235px;padding:19px 19px 100px;border-radius:15px}
.post-note-kicker{font-size:9px}
.post-share-note h2{font-size:17px}
.post-share-note p{font-size:12px;line-height:1.8}
.post-share-note img{width:165px;height:108px}
.post-tip-list{gap:14px;margin-top:14px}
.post-tip-list li{gap:10px}
.post-tip-list li>b{width:27px;height:27px;font-size:13px}
.post-tip-list strong{font-size:12px}
.post-tip-list small{font-size:11px}

.post-profile-card{min-height:142px;gap:18px;margin:8px 0 14px;padding:19px 23px}
.post-profile-avatar{width:78px;height:78px;font-size:36px}
.post-profile-identity h1{font-size:20px}
.post-profile-identity p{font-size:12px}
.post-profile-stats{gap:30px}
.post-profile-stats strong{font-size:20px}
.post-profile-stats span{font-size:10px}
.post-profile-edit{font-size:11px}
.post-mylist-toolbar{min-height:60px;padding-inline:21px}
.post-mylist-tabs{gap:28px}
.post-mylist-tabs button{font-size:14px}
.post-mylist-tools{gap:10px}
.post-mylist-tools input{height:38px;font-size:12px}
.post-primary-compact{min-height:38px;font-size:12px}
.post-mylist-list{padding-inline:15px}
.post-mylist-row{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 5px}
.post-mylist-main{display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;align-items:center}
.post-mylist-image{display:block;width:126px;height:91px}
.post-mylist-image[hidden]+.post-mylist-copy{grid-column:1/-1}
.post-mylist-image{width:126px;height:91px;border-radius:9px}
.post-mylist-copy h2{font-size:14px}
.post-mylist-copy>p{font-size:11px;line-height:1.6}
.post-mylist-tags{gap:5px;margin-top:6px}
.post-mylist-meta{gap:9px;margin-top:8px;font-size:9px}
.post-mylist-actions{gap:7px}
.post-mylist-actions a{min-height:32px;padding:0 11px;font-size:10px}
.post-mylist-footer{min-height:51px;padding-inline:20px;font-size:11px}

.post-detail-layout{grid-template-columns:minmax(0,2.08fr) minmax(260px,.86fr);gap:16px}
.post-detail-column{gap:14px}
.post-detail-card{padding:23px 26px}
.post-detail-author .post-avatar{width:42px;height:42px}
.post-detail-author-info{font-size:11px}
.post-detail-author-info strong{font-size:13px}
.post-follow-button{padding:6px 15px;font-size:12px}
.post-detail-title{margin:17px 0 10px;font-size:24px;line-height:1.45}
.post-detail-content{font-size:14px;line-height:1.9}
.post-detail-tags{gap:8px;margin-top:15px}
.post-detail-images{gap:10px;margin-top:16px}
.post-detail-images img{border-radius:11px}
.post-actions{margin-top:17px;padding-top:13px}
.post-actions button{gap:7px;padding:7px 12px;font-size:12px}
.post-comments-card{padding:19px 22px}
.post-comments-heading h2{font-size:16px}
.post-comments-heading h2 span,.post-comments-heading>span{font-size:11px}
.post-comment-form{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;margin-top:14px}
.post-comment-avatar{width:32px;height:32px;font-size:18px}
.post-comment-form textarea{min-height:42px;padding:10px 12px;font-size:12px}
.post-comment-form button{min-height:42px;padding-inline:16px;font-size:12px}
.post-comment{grid-template-columns:34px 1fr;gap:10px;padding:13px 0}
.post-comment-meta{font-size:10px}
.post-comment-body p{font-size:12px;line-height:1.7}
.post-recommend-list{gap:13px;margin-top:14px}
.post-recommend{grid-template-columns:78px minmax(0,1fr);gap:11px}
.post-recommend-image{width:78px;height:56px;border-radius:8px}
.post-recommend strong{font-size:11px;line-height:1.55}
.post-recommend small{font-size:10px}
.post-not-found{padding:52px 20px}
.post-not-found h1{font-size:20px}
.post-not-found a{font-size:13px}
.post-demo-badge{display:inline-flex;align-items:center;min-height:18px;margin-left:6px;padding:1px 7px;border:1px solid #f8dec6;border-radius:99px;background:#fff8ef;color:#bb7542;font-size:9px;font-weight:700;vertical-align:1px}

@media(max-width:900px){
  .post-hero>img{right:12%;width:240px}
  .post-profile-stats{gap:18px}
  .post-mylist-row{grid-template-columns:1fr}
  .post-mylist-actions{justify-content:flex-end}
}
@media(max-width:700px){
  .post-container{width:calc(100% - 28px)}
  .post-breadcrumb{min-height:38px;font-size:12px}
  .post-hero{height:158px;padding:14px 17px}
  .post-hero h1{font-size:25px}
  .post-hero p{max-width:60%;font-size:12px}
  .post-hero>img{right:1%;width:155px;height:120px}
  .post-hero-note{right:3%;font-size:10px}
  .post-layout,.post-create-layout,.post-detail-layout{grid-template-columns:minmax(0,1fr);gap:13px}
  .post-sidebar,.post-create-sidebar,.post-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-side-card{padding:14px}
  .post-feed-toolbar{padding-inline:14px}
  .post-feed-tabs{gap:19px}
  .post-card{grid-template-columns:minmax(0,1fr) 104px;min-height:124px;padding:14px 3px}
  .post-card-image{width:104px;height:82px}
  .post-form-card{padding:18px}
  .post-profile-card{flex-wrap:wrap;padding:16px}
  .post-profile-stats{width:100%;justify-content:space-between;margin:5px 0 0;padding:0}
  .post-profile-edit{position:static;margin-left:auto}
  .post-mylist-toolbar{align-items:flex-start;flex-direction:column;padding:12px 14px}
  .post-mylist-tabs{min-height:36px}
  .post-mylist-tools{width:100%}
  .post-mylist-tools input{flex:1}
  .post-mylist-main{grid-template-columns:108px minmax(0,1fr)}
  .post-mylist-image{width:108px;height:82px}
  .post-detail-card{padding:19px}
  .post-detail-title{font-size:21px}
  .post-detail-content{font-size:13px}
}
@media(max-width:480px){
  .post-hero{height:150px}
  .post-hero>img{right:-16px;width:125px;height:105px;opacity:.85}
  .post-hero p{max-width:68%;font-size:11px}
  .post-hero-note{display:none}
  .post-sidebar,.post-create-sidebar,.post-detail-sidebar{grid-template-columns:1fr}
  .post-card{grid-template-columns:minmax(0,1fr) 86px;gap:9px;padding:13px 2px}
  .post-card-image{width:86px;height:68px}
  .post-card-title{font-size:14px}
  .post-card-excerpt{font-size:11px}
  .post-card-foot{gap:12px;font-size:10px}
  .post-upload-row{grid-template-columns:1fr}
  .post-image-previews{flex-wrap:wrap}
  .post-form-actions{gap:8px}
  .post-mylist-main{grid-template-columns:1fr}
  .post-mylist-image{width:100%;height:165px}
  .post-mylist-meta{flex-wrap:wrap}
  .post-comment-form{grid-template-columns:30px minmax(0,1fr) auto;gap:6px}
  .post-comment-form button{padding-inline:10px}
}
.post-hero-actions{display:flex;align-items:center;gap:8px;margin-top:9px}.post-hero-actions .post-primary-link{margin-top:0}.post-secondary-link{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 15px;border:1px solid #dfe6f2;border-radius:9px;background:rgba(255,255,255,.82);color:#4776bf;font-size:12px;font-weight:750;text-decoration:none;box-shadow:0 4px 12px rgba(50,65,105,.06)}.post-secondary-link:hover{border-color:#a9c7fb;background:#fff;color:#2f70d5}@media(max-width:480px){.post-hero-actions{gap:6px}.post-secondary-link{min-height:36px;padding-inline:10px;font-size:11px}}
.post-type-pill{display:inline-flex;align-items:center;margin-left:5px;padding:1px 6px;border-radius:999px;background:#f0f5ff;color:#4776bf;font-size:9px;font-weight:700;white-space:nowrap;vertical-align:1px}.post-type-pill.image{background:#edf7ff;color:#347fe9}.post-type-pill.video{background:#fff0f4;color:#e84f78}.post-detail-images video{display:block;width:100%;max-height:640px;border-radius:11px;background:#111}
.post-type-field{margin-bottom:11px}.post-type-options{display:flex;gap:8px;margin-top:5px}.post-type-options button{min-height:34px;padding:0 13px;border:1px solid #e1e7f0;border-radius:8px;background:#fff;color:#56647c;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.16s}.post-type-options button:hover{border-color:#b8cff8;color:#347fe9}.post-type-options button.is-selected{border-color:#ff8a8b;background:linear-gradient(110deg,#fff4f2,#fff0f5);color:#e9506c;box-shadow:0 3px 10px rgba(241,88,110,.1)}.post-field-hint{margin:5px 0 0;color:#8793a9;font-size:9px}.post-mylist-actions .post-action-delete{border-color:#f1d7dc;color:#d65a6b!important}.post-mylist-actions .post-action-delete:hover{border-color:#e99aa5;background:#fff5f6}.post-mylist-actions .post-action-delete:disabled{opacity:.6;cursor:wait}.post-create-container [data-image-field][hidden],.post-create-container [data-video-field][hidden]{display:none!important}
.post-video-upload-row{display:flex;align-items:flex-start;gap:10px;margin-top:6px}.post-video-dropzone{min-height:68px;min-width:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border:1px dashed #cbd6e6;border-radius:9px;background:#f9fbff;color:#52617b;cursor:pointer}.post-video-dropzone>span{color:#ed6476;font-size:16px}.post-video-dropzone b{font-size:10px}.post-video-dropzone small{color:#8995aa;font-size:8px}.post-video-preview{display:grid;grid-template-columns:minmax(0,230px) auto;align-items:center;gap:6px 10px;min-width:0;color:#71809b;font-size:9px}.post-video-preview video{grid-column:1/-1;width:min(100%,360px);max-height:150px;border-radius:7px;background:#111}.post-video-preview button{justify-self:start;padding:4px 8px;border:1px solid #f0d5db;border-radius:6px;background:#fff;color:#d45b70;font-size:9px;cursor:pointer}.post-video-url-label{display:block;margin:8px 0 4px;color:#63728c;font-size:9px;font-weight:700}
@media(max-width:480px){.post-video-upload-row{flex-direction:column}.post-video-dropzone{width:100%;box-sizing:border-box}.post-video-preview{width:100%;grid-template-columns:minmax(0,1fr)}.post-video-preview video{width:100%}}