#comments #wpdcom {
    --maichn-comment-ink: #2d3436;
    --maichn-comment-muted: #7f8c8d;
    --maichn-comment-surface: #f1f3f4;
    --maichn-comment-card: #ffffff;
    --maichn-comment-border: rgba(127, 140, 141, 0.18);
    --maichn-comment-accent: #ff2453;
    --maichn-comment-accent-alt: #be2edd;
    --maichn-comment-shadow: 0 18px 50px rgba(109, 141, 173, 0.16);
    color: var(--maichn-comment-ink);
    max-width: 100%;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

#comments #wpdcom,
#comments #wpdcom input,
#comments #wpdcom select,
#comments #wpdcom textarea,
#comments #wpdcom button {
    font-family: inherit;
}

#comments #wpdcom a {
    color: var(--maichn-comment-accent);
    text-decoration: none;
    transition: color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

#comments #wpdcom a:hover {
    color: var(--maichn-comment-accent-alt);
}

#comments #wpdcom .wpd-form-wrap,
#comments #wpdcom .wpdiscuz-subscribe-bar,
#comments #wpdcom #wpd-threads {
    position: relative;
    padding: 28px;
    margin-bottom: 22px;
    background: var(--maichn-comment-card);
    border: 1px solid var(--maichn-comment-border);
    border-radius: 22px;
    box-shadow: var(--maichn-comment-shadow);
    overflow: hidden;
}

#comments #wpdcom .wpd-form-wrap::before,
#comments #wpdcom .wpdiscuz-subscribe-bar::before,
#comments #wpdcom #wpd-threads::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--maichn-comment-accent), var(--maichn-comment-accent-alt));
}

#comments #wpdcom .wpd-form-head,
#comments #wpdcom .wpd-thread-head {
    padding: 0 0 18px;
    margin: 0 0 20px;
    border-bottom: 1px solid var(--maichn-comment-border);
    align-items: center;
    gap: 14px;
}

#comments #wpdcom .wpd-sbs-toggle,
#comments #wpdcom .wpd-thread-head .wpd-thread-info,
#comments #wpdcom .wpd-thread-head .wpd-thread-filter,
#comments #wpdcom .wpd-auth,
#comments #wpdcom .wpd-auth .wpd-login,
#comments #wpdcom .wpd-social-login .wpd-connect-with,
#comments #wpdcom .wpdiscuz-subscribe-form-intro,
#comments #wpdcom .wpdiscuz-subscribe-form-option {
    color: var(--maichn-comment-muted);
}

#comments #wpdcom .wpd-thread-head .wpd-thread-info {
    font-size: 15px;
    font-weight: 700;
    color: var(--maichn-comment-ink);
}

#comments #wpdcom .wpd-thread-head .wpd-thread-info,
#comments #wpdcom .wpd-thread-head .wpd-thread-filter {
    line-height: 1.45;
}

#comments #wpdcom .wpdiscuz-subscribe-bar {
    background:
        linear-gradient(180deg, rgba(255, 36, 83, 0.05), rgba(190, 46, 221, 0.03) 55%, #ffffff 100%);
}

#comments #wpdcom .wpdiscuz-subscribe-bar form {
    gap: 12px;
}

#comments #wpdcom .wpdiscuz-item input[type="text"],
#comments #wpdcom .wpdiscuz-item input[type="email"],
#comments #wpdcom .wpdiscuz-item input[type="url"],
#comments #wpdcom .wpdiscuz-item input[type="password"],
#comments #wpdcom .wpdiscuz-item input[type="number"],
#comments #wpdcom .wpdiscuz_select,
#comments #wpdcom .wpd-field {
    min-height: 48px;
    padding: 12px 16px;
    color: var(--maichn-comment-ink);
    background: #ffffff;
    border: 1px solid var(--maichn-comment-border);
    border-radius: 14px;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

#comments #wpdcom .wpdiscuz-item input::placeholder,
#comments #wpdcom .wpd-field::placeholder {
    color: var(--maichn-comment-muted);
}

#comments #wpdcom .wpdiscuz-item input:focus,
#comments #wpdcom .wpdiscuz_select:focus,
#comments #wpdcom .wpd-field:focus,
#comments #wpdcom .ql-container:focus-within,
#comments #wpdcom .ql-toolbar:focus-within {
    border-color: rgba(255, 36, 83, 0.45);
    box-shadow: 0 0 0 4px rgba(255, 36, 83, 0.08);
    outline: none;
}

#comments #wpdcom .wpdiscuz-textarea-wrap {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 0;
}

#comments #wpdcom .wpd-avatar {
    flex: 0 0 auto;
}

#comments #wpdcom .wpd-avatar img,
#comments #wpdcom .wpd-avatar img.avatar {
    width: 56px;
    height: 56px;
    border-radius: 50% !important;
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 6px rgba(255, 36, 83, 0.08);
    background: var(--maichn-comment-surface);
}

#comments #wpdcom .ql-toolbar,
#comments #wpdcom .quicktags-toolbar {
    padding: 10px 12px;
    background: #fafbff;
    border: 1px solid var(--maichn-comment-border);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
}

#comments #wpdcom .ql-container {
    border: 1px solid var(--maichn-comment-border);
    border-radius: 0 0 16px 16px;
    background: #ffffff;
}

#comments #wpdcom .ql-editor {
    min-height: 180px;
    color: var(--maichn-comment-ink);
    font-size: 15px;
    line-height: 1.7;
}

#comments #wpdcom .ql-editor.ql-blank::before {
    color: var(--maichn-comment-muted);
    font-style: normal;
}

#comments #wpdcom .wpd-form-foot {
    padding-top: 18px;
}

#comments #wpdcom .wpd-form-row {
    margin-top: 0;
}

#comments #wpdcom .wpd_label {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    padding: 0 8px 0 0;
}

#comments #wpdcom .wpd_label__check {
    border-radius: 999px;
}

#comments #wpdcom .wpd-prim-button,
#comments #wpdcom .wc_comm_submit,
#comments #wpdcom #wpdiscuz_subscription_button {
    min-height: 48px;
    padding: 0 22px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--maichn-comment-accent), var(--maichn-comment-accent-alt));
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: 0 14px 30px rgba(255, 36, 83, 0.22);
}

#comments #wpdcom .wpd-prim-button:hover,
#comments #wpdcom .wc_comm_submit:hover,
#comments #wpdcom #wpdiscuz_subscription_button:hover {
    transform: translateY(-1px);
    opacity: 0.96;
}

#comments #wpdcom .wpd-comment {
    margin-bottom: 18px;
}

#comments #wpdcom .wpd-comment:last-child {
    margin-bottom: 0;
}

#comments #wpdcom .wpd-comment .wpd-comment-wrap {
    padding: 24px;
    background: var(--maichn-comment-card);
    border: 1px solid var(--maichn-comment-border);
    border-radius: 20px;
    box-shadow: var(--maichn-comment-shadow);
}

#comments #wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap,
#comments #wpdcom.wpd-layout-3 .wpd-comment.wpd-reply .wpd-comment-wrap {
    border-left: 4px solid rgba(190, 46, 221, 0.18);
}

#comments #wpdcom .wpd-comment-header,
#comments #wpdcom .wpd-comment-subheader {
    gap: 8px 12px;
    align-items: center;
}

#comments #wpdcom .wpd-comment-author,
#comments #wpdcom .wpd-comment-author a {
    color: var(--maichn-comment-ink) !important;
    font-size: 16px;
    font-weight: 700;
}

#comments #wpdcom .wpd-comment-date,
#comments #wpdcom .wpd-comment-permalink,
#comments #wpdcom .wpd-reply-to,
#comments #wpdcom .wpd-follow-link {
    color: var(--maichn-comment-muted) !important;
    font-size: 12px;
}

#comments #wpdcom .wpd-comment-label {
    padding: 5px 10px;
    border: none;
    border-radius: 999px;
    background: rgba(190, 46, 221, 0.1);
    color: var(--maichn-comment-accent-alt);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

#comments #wpdcom .wpd-comment-text {
    padding: 14px 0 16px;
    color: var(--maichn-comment-ink);
    font-size: 15px;
    line-height: 1.7;
}

#comments #wpdcom .wpd-comment-text p:last-child {
    margin-bottom: 0;
}

#comments #wpdcom .wpd-comment-footer {
    margin-top: 6px;
    padding-top: 14px;
    border-top: 1px solid var(--maichn-comment-border);
    gap: 10px;
    align-items: center;
}

#comments #wpdcom .wpd-comment-footer .wpd-vote-up,
#comments #wpdcom .wpd-comment-footer .wpd-vote-down,
#comments #wpdcom .wpd-comment-footer .wpd-vote-result,
#comments #wpdcom .wpd-comment-footer .wpd-reply-button,
#comments #wpdcom .wpd-comment-footer .wpd-tool-wrap i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    min-width: 36px;
    padding: 0 12px;
    border: 1px solid var(--maichn-comment-border);
    border-radius: 999px;
    background: #fafbff;
    color: var(--maichn-comment-muted);
    box-shadow: none;
}

#comments #wpdcom .wpd-comment-footer .wpd-reply-button {
    color: var(--maichn-comment-ink);
    font-weight: 600;
}

#comments #wpdcom .wpd-comment-footer .wpd-vote-up:hover,
#comments #wpdcom .wpd-comment-footer .wpd-vote-down:hover,
#comments #wpdcom .wpd-comment-footer .wpd-reply-button:hover,
#comments #wpdcom .wpd-comment-footer .wpd-tool-wrap i:hover {
    color: var(--maichn-comment-accent);
    border-color: rgba(255, 36, 83, 0.3);
    background: rgba(255, 36, 83, 0.05);
}

#comments #wpdcom .wpd-comment-footer .wpd-view-replies {
    color: var(--maichn-comment-accent);
    font-weight: 600;
}

#comments #wpdcom .wpd-load-more-comments,
#comments #wpdcom .wpd-load-more-submit {
    border-radius: 999px;
    border: 1px solid rgba(255, 36, 83, 0.16);
    background: #ffffff;
    color: var(--maichn-comment-accent);
    font-weight: 700;
}

#comments #wpdcom .wpd-load-more-comments:hover,
#comments #wpdcom .wpd-load-more-submit:hover {
    background: rgba(255, 36, 83, 0.06);
}

#comments #wpdcom .wpd-comment .wpd-avatar i {
    border-radius: 999px;
}

#comments #wpdcom .wpd-tools-actions {
    border: 1px solid var(--maichn-comment-border);
    border-radius: 14px;
    box-shadow: 0 16px 30px rgba(109, 141, 173, 0.14);
}

#comments #wpdcom .wpd-tools-actions .wpd-tool-action {
    color: var(--maichn-comment-ink);
}

#comments #wpdcom .wpd-tools-actions .wpd-tool-action:hover {
    color: var(--maichn-comment-accent);
}

#comments #wpdcom .wpdiscuz-pagination {
    margin-top: 18px;
}

#comments #wpdcom .wpdiscuz-pagination .page-numbers {
    border: 1px solid var(--maichn-comment-border);
    border-radius: 999px;
    background: #ffffff;
    color: var(--maichn-comment-muted);
}

#comments #wpdcom .wpdiscuz-pagination .page-numbers.current,
#comments #wpdcom .wpdiscuz-pagination .page-numbers:hover {
    background: linear-gradient(135deg, var(--maichn-comment-accent), var(--maichn-comment-accent-alt));
    color: #ffffff;
    border-color: transparent;
}

@media screen and (max-width: 782px) {
    #comments #wpdcom .wpd-form-wrap,
    #comments #wpdcom .wpdiscuz-subscribe-bar,
    #comments #wpdcom #wpd-threads {
        padding: 22px 18px;
        border-radius: 18px;
    }

    #comments #wpdcom .wpd-comment .wpd-comment-wrap {
        padding: 18px;
        border-radius: 18px;
    }

    #comments #wpdcom .wpdiscuz-textarea-wrap {
        gap: 12px;
    }

    #comments #wpdcom .wpd-avatar img,
    #comments #wpdcom .wpd-avatar img.avatar {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    #comments #wpdcom .wpd-form-head,
    #comments #wpdcom .wpd-thread-head {
        gap: 10px;
    }

    #comments #wpdcom .wpd-comment-footer {
        gap: 8px;
    }

    #comments #wpdcom .wpd-prim-button,
    #comments #wpdcom .wc_comm_submit,
    #comments #wpdcom #wpdiscuz_subscription_button {
        width: 100%;
    }
}