.cp-container{width:380px;background:var(--theme-bg-card);backdrop-filter:blur(var(--theme-blur-amount));border:none;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.right-drawer.cp-container{top:20px;right:20px;bottom:calc(var(--bottom-bar-h, 0px) + 20px);height:auto;border-radius:var(--theme-shape-xl);box-shadow:0 12px 32px var(--theme-shadow), 0 4px 12px var(--theme-shadow);}.cp-hidden{transform:translateX(calc(100% + 60px));pointer-events:none;}.cp-visible{transform:translateX(0);pointer-events:auto;}@media (max-width:768px){.cp-container{width:100%;}.right-drawer.cp-container{top:0;right:0;bottom:0;height:100vh;border-radius:0;box-shadow:none;}}.cp-header{padding:16px 20px;border-bottom:1px solid var(--theme-border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}.cp-title{color:var(--theme-text-main);font-size:var(--theme-type-body-lg);font-weight:500;}.cp-title i{margin-right:8px;color:var(--theme-primary);}.cp-close{background:transparent;border:none;color:var(--theme-text-dim);cursor:pointer;font-size:var(--theme-type-title-lg);padding:4px;line-height:1;}.cp-close:hover{color:var(--theme-text-main);}.cp-list{flex:1;overflow-y:auto;padding:12px 16px;}.cp-empty{text-align:center;padding:40px 20px;color:var(--theme-text-muted);font-size:var(--theme-type-body);}.cp-comment{padding:10px 0;border-bottom:1px solid var(--theme-border);}.cp-comment:last-child{border-bottom:none;}.cp-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:var(--theme-type-label-md);color:var(--theme-text-dim);}.cp-comment-header i{margin-right:4px;}.cp-comment-time{color:var(--theme-text-muted);font-size:var(--theme-type-label-sm);}.cp-comment-body{color:var(--theme-text-main);font-size:var(--theme-type-body);line-height:1.6;word-break:break-word;}.cp-input-area{padding:12px 16px;border-top:1px solid var(--theme-border);display:flex;gap:8px;flex-shrink:0;}.cp-input{flex:1;background:var(--theme-bg-overlay-alpha);border:1px solid var(--theme-border);border-radius:var(--theme-shape-sm);padding:8px 12px;color:var(--theme-text-main);font-size:var(--theme-type-body);resize:none;outline:none;font-family:inherit;}.cp-input:focus{border-color:var(--theme-primary);}.cp-input::placeholder{color:var(--theme-text-muted);}.cp-comment-actions{display:flex;gap:12px;margin-top:6px;}.cp-action-btn{background:transparent;border:none;font-size:var(--theme-type-label-md);color:var(--theme-text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--theme-shape-sm);transition:all 0.2s ease;}.cp-action-btn:hover{background:var(--theme-accent-cyan-alpha);color:var(--theme-text-main);}.cp-like-btn{font-size:var(--theme-type-body);}.cp-like-btn.cp-like-active{color:var(--theme-error, #e74c3c);}.cp-like-btn.cp-like-active:hover{background:rgba(231, 76, 60, 0.1);color:var(--theme-error);}.cp-reply-form textarea:focus{border-color:var(--theme-primary) !important;}.cp-note-info{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid var(--theme-border);font-size:var(--theme-type-label-sm);color:var(--theme-text-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.cp-note-info i{font-size:var(--theme-type-label-md);flex-shrink:0;}.cp-note-info span{overflow:hidden;text-overflow:ellipsis;}