/* Interaction frontend assets: complaint button, complaint page and comment ratings. */



#interaction-complaint-button {

    position: fixed;

    right: var(--interaction-complaint-right-desktop, 24px);

    bottom: var(--interaction-complaint-bottom-desktop, 96px);

    z-index: 99990;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    height: 44px;

    padding: 0 18px;

    border-radius: 999px;

    background: #007c73;

    color: #fff !important;

    text-decoration: none !important;

    font: 14px/1.2 "Microsoft YaHei", "PingFang SC", sans-serif;

    box-shadow: 0 8px 22px rgba(0, 124, 115, .28);

    transition: none !important;

}



#interaction-complaint-button:hover {

    background: #007c73;

    color: #fff !important;

    text-decoration: none !important;

    transform: none;

    box-shadow: 0 8px 22px rgba(0, 124, 115, .28);

}



#interaction-complaint-button:focus-visible {

    outline: 3px solid rgba(0, 124, 115, .35);

    outline-offset: 3px;

}



#interaction-complaint-button .gugashequ_interaction-complaint-icon {

    display: block;

    width: 18px;

    height: 18px;

    flex: none;

}



#aiarticle-report-root {

    display: none !important;

}



@media (min-width: 769px) {

    #interaction-complaint-button.gugashequ_interaction-complaint-hide-desktop {

        display: none !important;

    }

}



@media (max-width: 768px) {

    #interaction-complaint-button {

        right: var(--interaction-complaint-right-mobile, 16px);

        bottom: var(--interaction-complaint-bottom-mobile, 84px);

        height: 40px;

        padding: 0 15px;

        font-size: 13px;

    }



    #interaction-complaint-button.gugashequ_interaction-complaint-hide-mobile {

        display: none !important;

    }

}



.gugashequ_aiarticle-comment-rating-icon {

    display: inline-block !important;

    width: auto !important;

    height: auto !important;

    margin-right: 2px;

    color: #ffb400 !important;

    font-style: normal !important;

    font-weight: normal !important;

    line-height: 1 !important;

    vertical-align: middle;

    text-decoration: none !important;

}



.gugashequ_aiarticle-comment-rating-icon:before {

    font-family: Arial, "Segoe UI Symbol", "Noto Sans Symbols", "Microsoft YaHei", sans-serif !important;

    font-style: normal !important;

    font-weight: normal !important;

    line-height: 1 !important;

}



.gugashequ_aiarticle-comment-rating-icon.gugashequ_fa-star:before {

    content: "★" !important;

}



.gugashequ_aiarticle-comment-rating-icon.gugashequ_fa-star-o:before {

    content: "☆" !important;

}



.gugashequ_aiarticle-comment-rating-icon:last-child {

    margin-right: 0;

}



.gugashequ_interaction-rating {

    display: inline-block;

    color: #ffb400;

    font-size: 16px;

    line-height: 1;

    letter-spacing: 2px;

    white-space: nowrap;

}



body.gugashequ_interaction-complaint-page,

body.gugashequ_interaction-complaint-page * {

    box-sizing: border-box;

}



body.gugashequ_interaction-complaint-page {

    margin: 0;

    min-height: 100%;

}



body.gugashequ_interaction-complaint-page {

    padding: 42px 20px 56px;

    font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;

    color: #202633;

    background: #f2f7f5;

}



.gugashequ_interaction-complaint-page .gugashequ_complaint-page {

    width: 100%;

    max-width: 660px;

    margin: 0 auto;

}



.gugashequ_interaction-complaint-page .gugashequ_complaint-head {

    text-align: center;

    margin-bottom: 32px;

}



.gugashequ_interaction-complaint-page .gugashequ_complaint-head h1 {

    margin: 0 0 12px;

    font-size: 30px;

    line-height: 1.35;

    color: #1f2530;

    font-weight: 700;

}



.gugashequ_interaction-complaint-page .gugashequ_complaint-head p {

    margin: 0;

    color: #8a919d;

    font-size: 14px;

    line-height: 1.7;

}



.gugashequ_interaction-complaint-page .gugashequ_complaint-card {

    background: #fff;

    border-radius: 14px;

    padding: 32px 30px 30px;

    box-shadow: 0 4px 18px rgba(28, 39, 56, .09);

}



.gugashequ_interaction-complaint-page .gugashequ_field {

    margin-bottom: 27px;

}



.gugashequ_interaction-complaint-page .gugashequ_field-label {

    display: block;

    margin-bottom: 12px;

    font-size: 14px;

    color: #222b38;

    font-weight: 500;

}



.gugashequ_interaction-complaint-page .gugashequ_required {

    color: #ff4d3f;

    margin-right: 4px;

}



.gugashequ_interaction-complaint-page .gugashequ_field-tip {

    margin: -3px 0 8px;

    color: #999faa;

    font-size: 13px;

    line-height: 1.6;

}



.gugashequ_interaction-complaint-page .gugashequ_types {

    display: flex;

    flex-wrap: wrap;

    gap: 20px 24px;

}



.gugashequ_interaction-complaint-page .gugashequ_type-item {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    min-width: 76px;

    font-size: 14px;

    color: #242c37;

    cursor: pointer;

    white-space: nowrap;

}



.gugashequ_interaction-complaint-page .gugashequ_type-item input {

    width: 17px;

    height: 17px;

    margin: 0;

    accent-color: #007c73;

    cursor: pointer;

}



.gugashequ_interaction-complaint-page textarea,

.gugashequ_interaction-complaint-page input[type="text"] {

    display: block;

    width: 100%;

    border: 1px solid #d5d9de;

    border-radius: 8px;

    background: #fff;

    color: #26313e;

    font: 14px/1.65 inherit;

    outline: none;

    transition: border-color .18s ease, box-shadow .18s ease;

}



.gugashequ_interaction-complaint-page textarea {

    height: 152px;

    min-height: 120px;

    padding: 12px 14px;

    resize: vertical;

}



.gugashequ_interaction-complaint-page input[type="text"] {

    height: 42px;

    padding: 0 14px;

}



.gugashequ_interaction-complaint-page textarea:focus,

.gugashequ_interaction-complaint-page input[type="text"]:focus {

    border-color: #007c73;

    box-shadow: 0 0 0 3px rgba(0, 124, 115, .10);

}



.gugashequ_interaction-complaint-page textarea::placeholder,

.gugashequ_interaction-complaint-page input::placeholder {

    color: #c0c4ca;

}



.gugashequ_interaction-complaint-page .gugashequ_form-message {

    margin: 0 0 22px;

    padding: 12px 14px;

    border-radius: 8px;

    font-size: 14px;

    line-height: 1.6;

}



.gugashequ_interaction-complaint-page .gugashequ_form-message.gugashequ_error {

    color: #c73535;

    background: #fff2f2;

    border: 1px solid #ffd0d0;

}



.gugashequ_interaction-complaint-page .gugashequ_form-message.gugashequ_success {

    color: #16794a;

    background: #edfff6;

    border: 1px solid #bfead4;

}



.gugashequ_interaction-complaint-page .gugashequ_actions {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 30px;

}



.gugashequ_interaction-complaint-page .gugashequ_submit {

    height: 42px;

    min-width: 76px;

    padding: 0 24px;

    border: 0;

    border-radius: 8px;

    background: #007c73;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 8px 18px rgba(0, 124, 115, .20);

    transition: background .18s ease, transform .18s ease;

}



.gugashequ_interaction-complaint-page .gugashequ_submit:hover {

    background: #005f58;

    transform: translateY(-1px);

}



.gugashequ_interaction-complaint-page .gugashequ_submit:disabled {

    cursor: wait;

    opacity: .7;

}



.gugashequ_interaction-complaint-page .gugashequ_back {

    color: #78818d;

    font-size: 13px;

    text-decoration: none;

}



.gugashequ_interaction-complaint-page .gugashequ_back:hover {

    color: #007c73;

}



.gugashequ_interaction-complaint-page .gugashequ_website-field {

    position: absolute !important;

    left: -9999px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

}



@media (max-width: 700px) {

    body.gugashequ_interaction-complaint-page {

        padding: 28px 14px 40px;

    }



    .gugashequ_interaction-complaint-page .gugashequ_complaint-head {

        margin-bottom: 22px;

    }



    .gugashequ_interaction-complaint-page .gugashequ_complaint-head h1 {

        font-size: 25px;

    }



    .gugashequ_interaction-complaint-page .gugashequ_complaint-card {

        padding: 25px 18px;

        border-radius: 12px;

    }



    .gugashequ_interaction-complaint-page .gugashequ_types {

        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 15px 12px;

    }



    .gugashequ_interaction-complaint-page .gugashequ_type-item {

        min-width: 0;

    }



    .gugashequ_interaction-complaint-page .gugashequ_field {

        margin-bottom: 23px;

    }

}



@media (max-width: 380px) {

    .gugashequ_interaction-complaint-page .gugashequ_types {

        grid-template-columns: 1fr;

    }



    .gugashequ_interaction-complaint-page .gugashequ_complaint-head h1 {

        font-size: 23px;

    }

}