/* Panda 涓婚闈欐€佹牱寮忥細鐢?panda/functions/action/translation.php 鎻愬彇锛屾澶勪笉瑕佸啓 PHP */
            .panda-translation-inline-icon {
                width: 1em;
                height: 1em;
                display: inline-block;
                vertical-align: middle;
                object-fit: contain;
            }
            .toggle-radius.panda-translation-trigger {
                display: inline-flex;
                align-items: center;
                justify-content: center;
            }
            .panda-translation-mobile-btn {
                margin-right: 8px;
            }
            .panda-translation-modal {
                position: fixed;
                inset: 0;
                z-index: 100100;
                display: block;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transition: opacity .22s ease, visibility .22s ease;
            }
            .panda-translation-modal.is-open {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }
            .panda-translation-modal .panda-translation-backdrop {
                position: absolute;
                inset: 0;
                background: rgba(16, 21, 31, 0.48);
                backdrop-filter: blur(8px);
            }
            .panda-translation-modal .panda-translation-panel {
                position: relative;
                width: min(92vw, 420px);
                max-height: min(80vh, 680px);
                margin: 8vh auto 0;
                border-radius: var(--main-radius, 12px);
                background: var(--main-bg-color, #ffffff);
                color: var(--main-color, #4e5358);
                box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16), 0 2px 8px var(--main-shadow, rgba(0, 0, 0, 0.08));
                overflow: hidden;
                transform: translateY(16px) scale(0.98);
                opacity: 0;
                transition: transform .22s ease, opacity .22s ease, box-shadow .22s ease;
            }
            .panda-translation-modal.is-open .panda-translation-panel {
                transform: translateY(0) scale(1);
                opacity: 1;
            }
            .panda-translation-header {
                min-height: 120px;
            }
            .panda-translation-header-main {
                pointer-events: none;
            }
            .panda-translation-header-icon {
                width: 1.1em;
                height: 1.1em;
                display: inline-block;
                object-fit: contain;
                vertical-align: middle;
            }
            .panda-translation-header-title {
                margin-top: 10px;
                font-size: 1.2em;
                line-height: 1.4;
                padding: 0 10px;
                font-weight: 500;
            }
            .panda-translation-close {
                width: 30px;
                height: 30px;
                cursor: pointer;
                font-size: 16px;
                line-height: 1;
                background: transparent;
                border: 0;
                padding: 0;
            }
            .panda-translation-close:hover {
                opacity: 0.85;
            }
            .panda-translation-close:focus-visible {
                outline: 2px solid rgba(255, 255, 255, 0.8);
                outline-offset: 1px;
                border-radius: 8px;
            }
            .panda-translation-list {
                margin-top: 120px;
                padding: 14px 14px 12px;
                max-height: calc(80vh - 120px);
                overflow: auto;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
            }
            .panda-translation-list::-webkit-scrollbar {
                width: 6px;
            }
            .panda-translation-list::-webkit-scrollbar-thumb {
                border-radius: 999px;
                background: var(--main-border-color, rgba(50, 50, 50, 0.15));
            }
            .panda-translation-list::-webkit-scrollbar-track {
                background: transparent;
            }
            .panda-translation-item {
                border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.08));
                border-radius: calc(var(--main-radius, 12px) - 2px);
                cursor: pointer;
                text-align: left;
                padding: 8px 10px;
                background: var(--this-bg, var(--muted-border-color, rgba(114, 114, 114, 0.1)));
                transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
                display: flex;
                align-items: center;
                gap: 8px;
                color: var(--main-color, #4e5358);
                box-shadow: none;
            }
            .panda-translation-item:hover {
                transform: translateY(-1px);
                border-color: var(--focus-color-opacity1, rgba(58, 134, 255, 0.45));
                box-shadow: 0 0 0 1px var(--focus-color-opacity1, rgba(58, 134, 255, 0.2));
            }
            .panda-translation-item.is-active {
                border-color: var(--focus-color, #3a86ff);
                box-shadow: 0 0 0 2px var(--focus-color-opacity1, rgba(58, 134, 255, 0.25));
            }
            .panda-translation-item:focus-visible {
                outline: 2px solid var(--focus-color, #3a86ff);
                outline-offset: 1px;
            }
            .panda-translation-item-icon {
                width: 18px;
                height: 18px;
                object-fit: contain;
                flex: 0 0 auto;
            }
            .panda-translation-item-name {
                font-size: 13px;
                line-height: 1.3;
                word-break: break-word;
            }
            @media (max-width: 576px) {
                .panda-translation-modal .panda-translation-panel {
                    width: calc(100vw - 24px);
                    margin-top: 9vh;
                    max-height: 82vh;
                }
                .panda-translation-list {
                    grid-template-columns: minmax(0, 1fr);
                    max-height: calc(82vh - 120px);
                }
            }