.art_note .b_text .logs{margin:0 auto!important;width:95%;}.art_note .b_text .logs li{padding-left:70px;margin:50px 0;line-height:28px;letter-spacing:0.1em;white-space:pre-wrap;border:none;position:relative;font-size:11pt;min-height:50px;}.logs li::after,.logs li::before{content:"";display:block;position:absolute;}.logs li::before{top: 0;left: 10px;width:40px;height:40px;border-radius:50%;background-position:center;background-size:80%;background-repeat:no-repeat;background-image:var(--svg);}.logs li::after{content:var(--name);top:40px;width:60px;text-align:center;background:var(--c);border-radius:9px;color:#fff;left:0;line-height:18px;letter-spacing:0.03em;font-size:7pt;transform:scale(0.8);}.grok{--name:"Grok";--c:#1d1d1d;--svg:url(../img/svg/grok.svg);}.gemini{--name:"Gemini";--c:#3186ff;--svg:url(../img/svg/gemini.svg);}.gpt{--name:"GPT";--c:#10a37f;--svg:url(../img/svg/gpt.svg);}.claude{--name:"Claude";--c:#d97757;--svg:url(../img/svg/claude.svg);}.ggcg{width:80%;margin:0 auto;padding:25px;border:1px solid #999;border-radius:15px;}.ggcg p{font-size:10pt!important;color:#999!important;}.ggcg p strong{font-size:10pt!important;color:#339!important;}.ggcg p em{display:block;font-size:9pt!important;color:#999!important;}@media screen and (max-width: 500px){    .art_note .b_text .logs li{        padding: 50px 10px 0;    }    .logs li::after {        top: 4px;        width: auto;        font-size: 11pt;        left: 55px;        line-height: 30px;        transform: scale(1);        background: none;        color: var(--c);        text-align: left;    }}.dark .ggcg p strong{color:#afa!important;}.dark .grok{--c:#aaa;--svg:url(../img/svg/grok-fff.svg);}.dark .gpt{--svg:url(../img/svg/gpt-fff.svg);}
/* * * * * * * * * * * * * * * * * * * * *

    Ⓒwebstudio WhitePallet

 * * * * * * * * * * * * * * * * * * * * */