.good-bad .g-b-icon{width:21.9px;height:21.9px}.good-bad .good.active{background:#268d22;color:#fff}.good-bad .good{background:#f4fff6;border:1px solid #82c280;color:#268d22}.good-bad .bad.active{background:#ad3434;color:#fff}.good-bad .bad{background:snow;border:1px solid #ad3434;color:#ad3434}.good-bad button{border-radius:27px;width:160px;height:54px;outline:none;display:flex;gap:8px;justify-content:center;align-items:center;position:relative}.article-collect.active{color:#f3a92c;border-color:#f3a92c}.article-collect .star{width:16px;height:16px;margin-right:5px;background-position:50%;background-repeat:no-repeat}.article-comment .link-button,.article-comment a{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--a-color-brand)/var(--tw-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.article-comment .link-button:hover,.article-comment a:hover{opacity:.8}.article-comment .link-button:active,.article-comment a:active{opacity:1}.article-banner-ad{margin:24px 0;display:flex;justify-content:center;align-items:center;width:100%;padding:0}.banner-container{width:100%;max-width:920px;height:auto;border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;background:transparent;border:none;box-shadow:none}.banner-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.banner-container:active{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.1)}.banner-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:all .3s ease;opacity:1;display:block;margin:0;border:none}.banner-container:hover .banner-image{opacity:.9}.banner-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:#6c757d;font-size:14px;z-index:10}.loading-spinner{width:24px;height:24px;border:2px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.banner-ad-label{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}@media (max-width:1024px){.article-banner-ad{margin:20px 0;padding:0}.banner-container{max-width:100%;margin:0;height:auto}}@media (max-width:768px){.article-banner-ad{margin:16px 0;padding:0}.banner-container{width:100%;max-width:100%;height:auto;border-radius:8px;margin:0}.banner-ad-label{font-size:10px;padding:2px 6px;top:6px;right:6px}}@media (max-width:480px){.article-banner-ad{margin:12px 0}.banner-container{border-radius:6px;height:auto;width:100%;margin:0}.banner-ad-label{font-size:9px;padding:1px 4px;top:4px;right:4px}}.banner-container:focus{outline:2px solid #007bff;outline-offset:2px}@media (hover:none){.banner-container:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:#e5e7eb}.banner-container:active{transform:scale(.98)}}