.pd-mask{position:fixed;inset:0;z-index:90;background:#1410088c;display:flex;align-items:center;justify-content:center;padding:24px}.pd-panel{position:relative;width:min(1080px,96vw);height:min(86vh,820px);display:flex;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #14100859}.pd-close{position:absolute;right:12px;top:12px;z-index:3;width:34px;height:34px;border-radius:50%;border:none;background:#ffffffe6;color:#444;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #1410082e}.pd-close:hover{background:#fff}.pd-media{flex:1.2;min-width:0;position:relative;background:#f4f2ec;display:flex;align-items:center;justify-content:center}.pd-media-item{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.pd-media-state{background:transparent}.pd-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:#ffffffe0;color:#444;font-size:20px;cursor:pointer;box-shadow:0 2px 8px #1410082e}.pd-nav.prev{left:12px}.pd-nav.next{right:12px}.pd-nav:hover{background:#fff}.pd-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px}.pd-dots i{width:7px;height:7px;border-radius:50%;background:#00000040;cursor:pointer;transition:background .2s}.pd-dots i.on{background:#f5a80c}.pd-side{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.pd-author{display:flex;align-items:center;gap:10px;padding:14px 60px 14px 18px;border-bottom:1px solid #f0ece0}.pd-a-avatar{width:38px;height:38px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f0ece0}.pd-a-name{flex:1;min-width:0;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-follow{border:1px solid #f5a80c;color:#b57e00;background:#fff;border-radius:999px;padding:5px 16px;font-size:13px;font-weight:600;cursor:pointer}.pd-follow:hover{background:#fff8e3}.pd-follow.on{border-color:#ddd6c6;color:#a3988a}.pd-scroll{flex:1;overflow-y:auto;padding:14px 18px;min-height:0}.pd-desc{margin:0 0 10px;font-size:14.5px;line-height:1.75;color:#333;white-space:pre-wrap;word-break:break-word}.pd-tags{display:flex;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px}.pd-tags span{color:#2f6bd8;font-size:13.5px;cursor:pointer}.pd-date{font-size:12px;color:#b3ac9a}.pd-c-head{margin:16px 0 4px;font-size:13px;color:#8a7f6a;font-weight:600}.pd-comments{margin-top:6px}.pd-comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed #f0ece0}.pd-c-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f0ece0;flex:none}.pd-c-main{flex:1;min-width:0}.pd-c-name{font-size:12.5px;color:#8a7f6a;font-weight:600}.pd-c-replyto{margin-left:6px;font-size:11.5px;font-weight:500;color:#b57e00;background:#fff6df;border-radius:999px;padding:1px 7px}.pd-c-body{margin-top:3px;font-size:14px;line-height:1.65;color:#333;word-break:break-word}.pd-c-meta{display:flex;align-items:center;gap:12px;margin-top:4px}.pd-c-date{font-size:11.5px;color:#b3ac9a}.pd-c-reply{border:none;background:transparent;padding:0;font-size:11.5px;color:#a3988a;cursor:pointer}.pd-c-reply:hover{color:#f5a80c}.pd-replies{margin-top:8px;background:#faf8f3;border-radius:10px;padding:8px}.pd-reply{border-bottom:none;padding:6px 0}.pd-footer{border-top:1px solid #f0ece0;padding:10px 18px 12px}.pd-reply-chip{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 10px;background:#fff8e3;border:1px solid #f7e2ae;border-radius:8px;font-size:12.5px;color:#8a6d1f}.pd-reply-chip b{color:#b57e00}.pd-reply-chip button{margin-left:auto;border:none;background:transparent;color:#a3988a;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}.pd-reply-chip button:hover{color:#e0503a}.pd-input-row{display:flex;align-items:center;gap:8px}.pd-me-avatar{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:#f0ece0;flex:none}.pd-input-row input{flex:1;min-width:0;height:38px;border:1.5px solid var(--c-border,#e5e5e8);border-radius:999px;padding:0 14px;font-size:13.5px;outline:none;background:#faf9f6}.pd-input-row input:focus{border-color:#f5a80c;box-shadow:0 0 0 3px #f5a80c26;background:#fff}.pd-send{border:none;background:linear-gradient(135deg,#ffd34d,#f5a80c);color:#221a00;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.pd-send:disabled{opacity:.5;cursor:default}.pd-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.pd-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:none;background:transparent;color:#6d6247;font-size:13px;cursor:pointer;padding:6px 0;border-radius:8px;transition:background .15s,color .15s}.pd-actions button:hover{background:#faf6ec}.pd-actions button.on{color:#e0503a;font-weight:700}.pd-actions button.on svg path{fill:currentColor}.pd-actions svg{width:17px;height:17px}.pd-state{padding:26px 0;text-align:center;font-size:13px;color:#b3ac9a}.pd-toast{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:120;background:#1e190ae0;color:#fff;padding:9px 18px;border-radius:999px;font-size:13px;box-shadow:0 8px 24px #1410084d}.pd-toast-enter-active,.pd-toast-leave-active{transition:opacity .25s,transform .25s}.pd-toast-enter-from,.pd-toast-leave-to{opacity:0;transform:translate(-50%) translateY(-8px)}.pd-fade-enter-active,.pd-fade-leave-active{transition:opacity .22s ease}.pd-fade-enter-active .pd-panel{transition:transform .22s ease}.pd-fade-enter-from,.pd-fade-leave-to{opacity:0}.pd-fade-enter-from .pd-panel{transform:scale(.97) translateY(10px)}@media(max-width:760px){.pd-panel{flex-direction:column;width:100%;height:100%;max-height:none;border-radius:0}.pd-mask{padding:0}.pd-media{min-height:42vh}}@media(prefers-reduced-motion:reduce){.pd-fade-enter-active,.pd-fade-enter-active .pd-panel,.pd-fade-leave-active,.pd-toast-enter-active,.pd-toast-leave-active{transition:none}}