/* 
	Theme Name: Modown ChatGPT
	Theme URL: http://www.mobantu.com/7191.html
	Description: WordPress资源下载主题 子主题 你可以自由美化、二开
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Template: modown
	Version: 2.0
*/
.modown-gpt-box{border-radius: var(--theme-radius);padding:60px 20px 120px;background: #fff;position: relative;box-shadow: 50px 50px 100px 10px rgba(0,0,0,.1);}
.modown-gpt-box .modown-gpt-box-user{position: absolute;top: 10px;left: 0;right: 0;border-bottom: 1px solid #eee;padding:0 20px 10px;text-align: right;font-size: 13px;color: #777}
.modown-gpt-box h1{margin-bottom: 10px;font-size: 24px;display: none;}
.modown-gpt-box .modown-gpt-box-result{min-height:450px;position: relative;}
.modown-gpt-box .modown-gpt-box-result p, .modown-gpt-box .modown-gpt-box-result pre{margin-bottom: 10px;}
.modown-gpt-box .modown-gpt-box-tips{text-align: center;color: #999;position: relative;top: 180px}
.modown-gpt-box .modown-gpt-box-tips .gtips{max-width: 70%;margin: 0 auto;}
.modown-gpt-box .modown-gpt-box-title{font-size: 22px;margin-bottom: 15px;}
.modown-gpt-box .modown-gpt-box-content{background: #f5f5f5;padding: 15px;border-radius: 5px;max-height:380px;overflow-y: scroll;}
.modown-gpt-box .modown-gpt-box-content:empty{display: none;}
.modown-gpt-box .modown-gpt-box-copy{text-align: right;font-size: 12px;color: #999;margin-top: 3px;margin-bottom: 30px}
.modown-gpt-box .modown-gpt-box-copy a{margin-left:8px;margin-right:5px;color: #999}
.modown-gpt-box .blink {display: inline-block;vertical-align: text-bottom;height: 1.25rem;width: .5rem;background: black;animation: blink 1s step-end infinite;position: relative;top: -2px;}
.modown-gpt-box .modown-gpt-box-texterea{position: absolute;left: 20px;bottom:20px;right:20px;height: 80px;}
.modown-gpt-box .modown-gpt-box-texterea #gpt_prompt{border:1px solid #ddd;border-radius: 5px;padding:15px 92px 15px 15px;width: 100%;height: 100%;max-width: 100%}
.modown-gpt-box .modown-gpt-box-texterea .btn{position: absolute;right: 10px;bottom: 10px;color:#fff !important;padding: 6px 15px;font-size: 14px}
.modown-gpt-tips{text-align: right;margin-top: 8px;font-size: 12px;color: #999}

.page-template-chatgpt-faqs .lists{margin-bottom: 20px}
body.night .modown-gpt-box{background: #232323}
body.night .modown-gpt-box .modown-gpt-box-user{border-color:#414243}
body.night .modown-gpt-box .modown-gpt-box-content{background: #303030}
body.night .modown-gpt-box .blink {animation: darkblink 1s step-end infinite}
body.night .modown-gpt-box .modown-gpt-box-texterea #gpt_prompt{background: #303030;border-color:#414243;color:#fff}

@keyframes blink {

    0%,
    to {
        background: transparent
    }

    50% {
        background: rgb(34, 34, 34)
    }
}

@keyframes darkblink {

    0%,
    to {
        background: transparent
    }

    50% {
        background: rgb(211, 211, 211)
    }
}

@media (max-width:768px){
    .modown-gpt-box .modown-gpt-box-result{min-height: 350px}
    .modown-gpt-box .modown-gpt-box-tips{top: 100px}
    .modown-gpt-box .modown-gpt-box-tips .gtips{max-width: 85%}
}