body.post-detail-page,
body.post-detail-page .post-detail-page-bg{background:#fff!important;color:#15151c;}
html.dark body.post-detail-page,
html.dark body.post-detail-page .post-detail-page-bg{background:#09090b!important;color:#f7f7f8;}
html.dark body.post-detail-page .post-detail-main,
html.dark body.post-detail-page .post-detail-card,
html.dark body.post-detail-page .post-detail-topbar,
html.dark body.post-detail-page .post-detail-actions,
html.dark body.post-detail-page .post-detail-comment-box{background:#111116;color:#f7f7f8;border-color:#292933;}
html.dark body.post-detail-page .post-detail-topbar h1,
html.dark body.post-detail-page .post-detail-back,
html.dark body.post-detail-page .post-detail-name,
html.dark body.post-detail-page .post-detail-text,
html.dark body.post-detail-page .post-detail-comments strong,
html.dark body.post-detail-page .post-detail-comments span,
html.dark body.post-detail-page .post-detail-actions button{color:#f7f7f8;}
html.dark body.post-detail-page .post-detail-more,
html.dark body.post-detail-page .post-detail-actions button,
html.dark body.post-detail-page .post-detail-comment-box button{background:#111116;color:#a1a1aa;}
html.dark body.post-detail-page .post-detail-more:hover{background:#24242b;color:#fff;}
html.dark body.post-detail-page .post-detail-menu,
html.dark body.post-detail-page .post-detail-menu button,
html.dark body.post-detail-page .post-detail-menu a{background:#1b1b22;color:#f7f7f8;border-color:#30303a;}
html.dark body.post-detail-page .post-detail-media,
html.dark body.post-detail-page .post-detail-slides,
html.dark body.post-detail-page .post-detail-slide{background:#050506;}
html.dark body.post-detail-page .post-detail-comment-box input{background:#24242b;color:#f7f7f8;}
html.dark body.post-detail-page .post-detail-side .hearts-right-col-inner,
html.dark body.post-detail-page .post-detail-rec-card{background:#18181d;color:#f7f7f8;}
html.dark body.post-detail-page .post-detail-rec-card h2,
html.dark body.post-detail-page .post-detail-rec,
html.dark body.post-detail-page .post-detail-see-more,
html.dark body.post-detail-page .post-detail-side .rec-see-more{color:#f7f7f8;}
html.dark body.post-detail-page .site-sidebar{background:#050506!important;border-color:#292933!important;color:#f7f7f8!important;}
html.dark body.post-detail-page .site-sidebar a{background:transparent!important;color:#f7f7f8!important;}
html.dark body.post-detail-page .site-sidebar a:hover{background:#18181d!important;color:#fff!important;}
html.dark body.post-detail-page .site-sidebar .logo-dark{display:block!important;}
html.dark body.post-detail-page .site-sidebar .logo-light{display:none!important;}
.post-detail-shell{width:min(100%,1040px);min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(0,640px) 280px;gap:32px;align-items:start;}
.post-detail-main{min-width:0;background:#fff;border-left:1px solid #e8e8ec;border-right:1px solid #e8e8ec;}
.post-detail-topbar{height:56px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;border-bottom:1px solid #ececf0;background:#fff;position:sticky;top:0;z-index:12;}
.post-detail-topbar h1{margin:0;color:#111;font-size:20px;font-weight:900;line-height:1;}
.post-detail-back{width:44px;height:44px;display:grid;place-items:center;color:#111;text-decoration:none;}
.post-detail-back svg,.post-detail-actions svg,.post-detail-comment-box svg,.post-detail-menu svg,.post-detail-album-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.post-detail-actions .tip-coins-icon .tip-coin-back{fill:#b96c08!important;stroke:#814200!important;}.post-detail-actions .tip-coins-icon .tip-coin-stack{fill:#e79a13!important;stroke:#954f00!important;}.post-detail-actions .tip-coins-icon .tip-coin-face{fill:#ffd966!important;stroke:#954f00!important;}.post-detail-actions .tip-coins-icon .tip-coin-mark{fill:none!important;stroke:#914300!important;stroke-width:1.45;}.post-detail-actions .tip-coins-icon .tip-coin-glint{fill:none!important;stroke:#fff6c6!important;stroke-width:1.25;}
.post-detail-card{background:#fff;}
.post-detail-author{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:26px 18px 14px;}
.post-detail-author>a img{width:52px;height:52px;border-radius:999px;object-fit:cover;background:#f3f4f6;}
.post-detail-name{display:inline-flex;align-items:center;gap:4px;color:#15151c;font-size:15px;font-weight:900;text-decoration:none;}
.post-detail-name img{width:15px;height:15px;}
.post-detail-author span{display:block;margin-top:3px;color:#8b8f98;font-size:13px;font-weight:700;}
.post-detail-more-wrap{position:relative;justify-self:end;}
.post-detail-more{width:40px;height:40px;border:0;border-radius:999px;background:#fff;color:#a1a1aa;font-size:18px;font-weight:900;cursor:pointer;}
.post-detail-more:hover{background:#f6f6f8;color:#111;}
.post-detail-menu{position:absolute;right:0;top:46px;width:206px;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.16);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;z-index:20;}
.post-detail-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0);}
.post-detail-menu button,.post-detail-menu a{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-bottom:1px solid #f0f1f4;background:#fff;color:#15151c;font:inherit;font-size:14px;font-weight:800;text-decoration:none;cursor:pointer;}
.post-detail-menu button:last-child,.post-detail-menu a:last-child{border-bottom:0;}
.post-detail-menu strong{font-size:22px;line-height:1;}
.post-detail-text{padding:8px 18px 0;color:#20242b;font-size:15px;font-weight:500;line-height:1.65;white-space:normal;}
.post-detail-translate{margin:9px 18px 14px;padding:0;border:0;background:transparent;color:#9ca3af;font-size:13px;font-weight:800;cursor:pointer;}
.post-detail-media{position:relative;width:100%;overflow:hidden;background:#f1f2f4;}
.post-detail-slides{position:relative;width:100%;background:#f1f2f4;}
.post-detail-slide{display:none;margin:0;position:relative;background:#f1f2f4;}
.post-detail-slide.is-active{display:block;}
.post-detail-slide img,.post-detail-slide video,.post-detail-media>img{width:100%;max-height:min(76vh,900px);display:block;object-fit:contain;background:#f1f2f4;}
.post-detail-slide video{background:#050507;}
.post-detail-album-nav{position:absolute;top:50%;z-index:5;width:34px;height:34px;margin-top:-17px;border:0;border-radius:999px;display:grid;place-items:center;background:rgba(16,17,20,.78);color:#fff;cursor:pointer;}
.post-detail-album-nav.is-prev{left:10px;}
.post-detail-album-nav.is-next{right:10px;}
.post-detail-album-nav[disabled]{opacity:.25;cursor:default;}
.post-detail-album-dots{position:absolute;left:50%;bottom:11px;z-index:5;display:flex;gap:7px;transform:translateX(-50%);}
.post-detail-album-dots button{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:rgba(17,17,20,.34);cursor:pointer;}
.post-detail-album-dots button.is-active{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12);}
.post-detail-album,.post-detail-duration{position:absolute;right:10px;bottom:10px;z-index:4;min-height:28px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border-radius:4px;background:rgba(28,28,31,.72);color:#fff;font-size:12px;font-weight:900;}
.post-detail-duration{right:10px;top:10px;bottom:auto;background:rgba(255,255,255,.9);color:#303238;}
.post-detail-duration svg{width:14px;height:14px;fill:currentColor;stroke:none;}
.post-detail-media.is-locked{min-height:340px;display:grid;place-items:center;background:#f2f3f5;}
.post-detail-media.is-locked>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);opacity:.42;}
.post-detail-lock{position:relative;z-index:3;display:grid;place-items:center;gap:12px;color:#8b8f98;text-align:center;}
.post-detail-lock span{width:58px;height:58px;border:5px solid #d3d6dc;border-radius:14px;position:relative;}
.post-detail-lock span:before{content:"";position:absolute;left:11px;top:-26px;width:28px;height:29px;border:5px solid #d3d6dc;border-bottom:0;border-radius:18px 18px 0 0;}
.post-detail-lock strong{font-size:14px;font-weight:900;}
.post-detail-unlock{display:flex;align-items:center;justify-content:center;min-height:42px;margin:12px 18px 0;border-radius:999px;background:#12aeea;color:#fff;font-size:14px;font-weight:900;text-decoration:none;}
.post-detail-actions{height:56px;display:flex;align-items:center;gap:19px;padding:0 18px;border-bottom:1px solid #ececf0;background:#fff;}
.post-detail-actions button{min-width:34px;height:44px;display:inline-flex;align-items:center;gap:6px;border:0;background:#fff;color:#24262d;font-size:15px;font-weight:900;cursor:pointer;}
.post-detail-actions button.is-save{margin-left:auto;}
.post-detail-actions button.is-liked{color:#ff365d;}
.post-detail-actions button.is-liked svg{fill:currentColor;}
.post-detail-comments{display:grid;gap:14px;padding:16px 18px 12px;}
.post-detail-comments article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;}
.post-detail-comments img{width:34px;height:34px;border-radius:999px;object-fit:cover;background:#f0f1f4;}
.post-detail-comments strong{color:#111;font-size:14px;font-weight:900;}
.post-detail-comments span{margin-left:5px;color:#303238;font-size:14px;}
.post-detail-comments small{display:block;margin-top:5px;color:#a1a1aa;font-size:12px;font-weight:700;}
.post-detail-comment-box{height:64px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center;padding:10px 14px 12px;border-top:1px solid #ececf0;background:#fff;}
.post-detail-comment-box input{width:100%;height:42px;border:0;border-radius:999px;background:#f2f2f4;padding:0 18px;color:#111;font-size:14px;outline:none;}
.post-detail-comment-box button{width:42px;height:42px;display:grid;place-items:center;border:0;background:#fff;color:#a1a1aa;cursor:pointer;}
.post-detail-side{position:sticky;top:72px;padding-top:14px;}
.post-detail-side .hearts-right-col-inner{position:static;width:auto;min-height:0;padding:22px 18px 18px;border-radius:18px;background:#f7f7f8;}
.post-detail-side .rec-item{margin-bottom:10px;}
.post-detail-side .rec-avatar{width:44px;height:44px;}
.post-detail-side .rec-see-more{color:#15151c;}
.post-detail-rec-card{padding:22px 18px 18px;border-radius:18px;background:#f7f7f8;}
.post-detail-rec-card h2{margin:0 0 18px;color:#20242b;font-size:16px;font-weight:900;}
.post-detail-rec{min-height:64px;display:grid;grid-template-columns:44px minmax(0,1fr) 56px;gap:10px;align-items:center;color:#20242b;text-decoration:none;}
.post-detail-rec img{width:44px;height:44px;border-radius:999px;object-fit:cover;background:#e5e7eb;}
.post-detail-rec strong,.post-detail-rec small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.post-detail-rec strong{font-size:14px;font-weight:900;}
.post-detail-rec small{margin-top:3px;color:#8b8f98;font-size:12px;font-weight:700;}
.post-detail-rec em{height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#100b3a;color:#fff;font-style:normal;font-size:12px;font-weight:900;}
.post-detail-see-more{display:inline-flex;margin-top:10px;color:#15151c;font-size:13px;font-weight:800;text-decoration:none;}
.post-tip-modal[hidden]{display:none!important;}
.post-tip-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:18px;}
.post-tip-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.48);}
.post-tip-dialog{position:relative;width:min(400px,calc(100vw - 34px));padding:31px 32px 28px;border-radius:28px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.28);box-sizing:border-box;}
.post-tip-dialog h2{margin:0 0 17px;color:#111;font-size:22px;font-weight:950;text-align:center;}
.post-tip-dialog p{max-width:280px;margin:0 auto 24px;color:#60636c;font-size:13px;font-weight:600;line-height:1.55;text-align:center;}
.post-tip-field-title{display:block;margin-bottom:8px;color:#111;font-size:16px;font-weight:900;}
.post-tip-input{height:52px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #dddfe5;border-radius:8px;padding:0 14px;background:#fff;}
.post-tip-heart{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ff4968;color:#fff;font-size:14px;font-weight:900;}
.post-tip-input input{width:100%;border:0;outline:none;color:#111;font-size:15px;font-weight:800;}
.post-tip-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:8px 0 24px;}
.post-tip-presets button{height:36px;border:0;border-radius:999px;background:#f0f0f6;color:#111;font-size:13px;font-weight:900;cursor:pointer;}
.post-tip-switch{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:12px;align-items:center;margin:0 0 20px;}
.post-tip-switch strong{display:block;color:#111;font-size:16px;font-weight:900;}
.post-tip-switch span{display:block;margin-top:4px;color:#696c75;font-size:12px;font-weight:600;line-height:1.45;}
.post-tip-switch input{position:absolute;opacity:0;pointer-events:none;}
.post-tip-switch i{width:46px;height:28px;border-radius:999px;background:#e6e7eb;position:relative;cursor:pointer;}
.post-tip-switch i:before{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .16s ease;}
.post-tip-switch input:checked+i{background:#100b3a;}
.post-tip-switch input:checked+i:before{transform:translateX(18px);}
.post-tip-message{width:100%;min-height:42px;margin-bottom:18px;border:1px solid #ececf0;border-radius:10px;padding:10px 12px;color:#111;font-size:13px;resize:vertical;outline:none;}
.post-tip-status{min-height:18px;margin:-4px 0 12px;color:#ef4058;font-size:13px;font-weight:800;text-align:center;}
.post-tip-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.post-tip-actions button{height:48px;border-radius:999px;font-size:15px;font-weight:900;cursor:pointer;}
.post-tip-cancel{border:1px solid #ececf0;background:#fff;color:#111;}
.post-tip-submit{border:0;background:#100b3a;color:#fff;}
.post-tip-submit:disabled{opacity:.55;cursor:default;}
@media(max-width:1023px){.post-detail-shell{display:block;width:100%;}.post-detail-main{border-left:0;border-right:0;}.post-detail-side{display:none;}.post-detail-topbar{top:0;}.post-detail-slide img,.post-detail-slide video,.post-detail-media>img{max-height:calc(100svh - 190px);}.post-tip-dialog{padding:28px 18px 22px;border-radius:24px;}}