/* 由 view.html 内联块抽离（L40-1795，1756 行），内容逐字节保留 */

        #feedbackModal .modal-content {
            border-radius: 16px;
            overflow: hidden;
            border: none;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
        }
        
        #feedbackModal .modal-header {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
            border-bottom: none;
            padding: 1.5rem 1.5rem 1rem;
        }
        
        #feedbackModal .modal-header .btn-close {
            filter: invert(1);
            opacity: 0.8;
            transition: opacity 0.3s ease;
        }
        
        #feedbackModal .modal-header .btn-close:hover {
            opacity: 1;
        }
        
        #feedbackModal .modal-title {
            color: white;
            font-weight: 600;
            font-size: 1.25rem;
        }
        
        #feedbackModal .modal-title i {
            color: rgba(255, 255, 255, 0.9);
        }
        
        #feedbackModal .modal-body {
            padding: 1.5rem;
        }
        
        #feedbackModal .modal-footer {
            padding: 1rem 1.5rem 1.5rem;
            border-top: none;
        }
        
        .feedback-type-btn {
            transition: all 0.3s ease;
            border-radius: 8px;
            font-weight: 500;
        }
        
        .feedback-type-btn:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }
        
        .feedback-textarea {
            transition: border-color 0.3s ease;
        }
        
        .feedback-textarea:focus {
            border-color: #28a745;
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
        }

        .feedback-textarea.is-invalid {
            border-color: #dc3545 !important;
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.15);
        }

        .feedback-textarea.is-valid {
            border-color: #28a745 !important;
        }
        
        @media (max-width: 768px) {
            .feedback-type-btn {
                min-height: 40px;
                font-size: 0.85rem;
            }
        }

        /* 平台标识条关闭按钮（仅非VIP桌面端） */
        .dk-platform-footer-close {
            background: transparent !important;
            border: none !important;
            color: #9ca3af !important;
            font-size: 14px !important;
            line-height: 1 !important;
            cursor: pointer !important;
            /* 横向 padding 撑大点击区域，避免 14px「×」难点 */
            padding: 5px 4px 5px 10px !important;
            margin: 0 !important;
            align-self: center !important;
            /* 宿主页常有全局 button{min-width:120px;border-radius;box-shadow;transform}（如 Base-36 工具），
               会把这个「×」撑成大长条 → 用 !important 归零，隔离宿主样式 */
            min-width: 0 !important;
            max-width: none !important;
            width: auto !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            transform: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
        }

        .dk-platform-footer-close:hover {
            color: #4b5563 !important;
        }

        /* 收起后的展开入口（默认不显示，收起态才出现）：仅一个 ⓘ 图标 */
        .dk-platform-footer-open {
            display: none !important;
            background: transparent !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            cursor: pointer !important;
            line-height: 0 !important;
            width: 20px !important;
            height: 20px !important;
            min-width: 0 !important;
            max-width: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            transform: none !important;
            -webkit-appearance: none !important;
            appearance: none !important;
            align-self: center !important;
            opacity: 0.9 !important;
        }

        .dk-platform-footer-open img {
            width: 20px !important;
            height: 20px !important;
            display: block !important;
        }

        .dk-platform-footer-open:hover {
            opacity: 1 !important;
        }

        /* 用户点击 × 收起平台标识：只留 ⓘ 小图标，可再点开（可逆，不永久隐藏） */
        /* 用与「一行化」同等的选择器权重，确保能覆盖 .dk-platform-footer-main 的 display:flex */
        #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-main,
        body #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-main,
        body.dk-collapse-floating #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-main {
            display: none !important;
        }

        #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-close,
        body.dk-collapse-floating #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-close {
            display: none !important;
        }

        #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-open,
        body.dk-collapse-floating #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed .dk-platform-footer-open {
            display: block !important;
        }

        /* 收起态去掉白色药丸底、内边距与阴影，只留 ⓘ 浮在右下角（不依赖 body.dk-collapse-floating） */
        #dkfile-platform-footer-in-buttons.dk-platform-footer-collapsed {
            background: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            padding: 0 !important;
        }
        
        /* 右下角浮动反馈按钮样式 */
        .floating-feedback-btn {
            position: fixed;
            bottom: 100px;
            right: 20px;
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            cursor: pointer;
            box-shadow: 0 4px 20px rgba(102, 126, 234, 0.4);
            transition: all 0.3s ease;
            z-index: 1000;
            border: none;
            text-decoration: none;
        }
        
        .floating-feedback-btn:hover {
            transform: translateY(-2px) scale(1.05);
            box-shadow: 0 8px 30px rgba(102, 126, 234, 0.6);
            color: white;
            text-decoration: none;
        }
        
        .floating-feedback-btn:active {
            transform: translateY(0) scale(0.95);
        }
        
        .floating-feedback-btn i {
            font-size: 20px;
            margin-bottom: 2px;
        }
        
        .floating-btn-text {
            font-size: 10px;
            font-weight: 500;
            line-height: 1;
        }
        
        /* 移动端适配 */
        @media (max-width: 768px) {
            .floating-feedback-btn {
                bottom: 80px;
                right: 15px;
                width: 50px;
                height: 50px;
            }
            
            .floating-feedback-btn i {
                font-size: 18px;
            }
            
            .floating-btn-text {
                font-size: 9px;
            }
        }
        
        /* 手机端主菜单按钮样式 - 默认隐藏（桌面端不显示），手机端在媒体查询中显示 */
        /* 注意：手机端显示规则在 @media (max-width: 768px) 中定义 */
        @media (min-width: 769px) {
            #floatingMenuBtn,
            #dkfile-floating-buttons > #floatingMenuBtn,
            body > #dkfile-floating-buttons > #floatingMenuBtn,
            html > body > #dkfile-floating-buttons > #floatingMenuBtn,
            .floating-menu-btn {
                display: none !important;
            }

            /* 非VIP桌面端：显示入口按钮，功能按钮默认收起 */
            body.dk-collapse-floating #dkfile-floating-buttons > #floatingMenuBtn,
            body.dk-collapse-floating #dkfile-floating-buttons > .floating-menu-btn {
                display: flex !important;
                border-radius: 50% !important;
                background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
                box-shadow: 0 2px 8px rgba(40, 167, 69, 0.4) !important;
                z-index: 10001 !important;
            }

            body.dk-collapse-floating #floatingMenuBtn.active,
            body.dk-collapse-floating #dkfile-floating-buttons > .floating-menu-btn.active {
                background: linear-gradient(135deg, #ff4757 0%, #ff6348 100%) !important;
                box-shadow: 0 2px 8px rgba(255, 71, 87, 0.4) !important;
            }

            /* 非VIP桌面端：收起态隐藏功能按钮、展开态显示（含侧边标签） */
            body.dk-collapse-floating #dkfile-floating-buttons:not(.expanded) > .floating-btn:not(.floating-menu-btn) {
                display: none !important;
                opacity: 0 !important;
                visibility: hidden !important;
                pointer-events: none !important;
            }

            body.dk-collapse-floating #dkfile-floating-buttons.expanded > .floating-btn:not(.floating-menu-btn) {
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
                pointer-events: auto !important;
            }

            body.dk-collapse-floating #dkfile-floating-buttons.expanded .floating-btn:not(.floating-menu-btn)::after {
                opacity: 1 !important;
                visibility: visible !important;
            }
        }
        
        /* 手机端展开状态遮罩层 */
        #floatingButtonsOverlay,
        .floating-buttons-overlay {
            display: none;
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.3) !important;
            z-index: 9999 !important;
            backdrop-filter: blur(2px) !important;
            pointer-events: none !important;
        }
        
        #floatingButtonsOverlay.active,
        .floating-buttons-overlay.active {
            display: block !important;
            pointer-events: auto !important;
        }
        
        /* 右下角固定浮层按钮组 - 优化版本 */
        /* 浮动按钮容器 - 使用最高优先级，防止用户覆盖 */
        body > .floating-action-buttons,
        html > body > .floating-action-buttons,
        body:last-child > .floating-action-buttons,
        .content-wrapper ~ .floating-action-buttons,
        #dkfile-floating-buttons {
            position: fixed !important;
            bottom: 80px !important;
            right: 20px !important;
            left: auto !important;
            top: auto !important;
            /* 平台浮层按钮：高于常规用户内容（含 z-index:9999） */
            z-index: 10001 !important;
            display: flex !important;
            flex-direction: column-reverse !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 8px !important;
            margin: 0 !important;
            padding: 0 !important;
            width: auto !important;
            height: auto !important;
            transform: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }
        
        /* 平台标识按钮 - 集成到浮动按钮组下方，使用相同的fixed定位机制 */
        body > #dkfile-platform-footer-in-buttons,
        html > body > #dkfile-platform-footer-in-buttons,
        body:last-child > #dkfile-platform-footer-in-buttons,
        .content-wrapper ~ #dkfile-platform-footer-in-buttons,
        #dkfile-platform-footer-in-buttons {
            position: fixed !important;
            bottom: 10px !important;
            right: 20px !important;
            left: auto !important;
            top: auto !important;
            /* 平台标识：高于平台浮层按钮，弹窗(2147483647)打开时仍会盖住它 */
            z-index: 10002 !important;
            display: flex !important;
            justify-content: flex-end !important;
            align-items: center !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
            margin: 0 !important;
            padding: 6px 12px !important;
            width: auto !important;
            box-sizing: border-box !important;
            transform: none !important;
            background: rgba(255, 255, 255, 0.9) !important;
            backdrop-filter: blur(10px) !important;
            border-radius: 8px !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            font-size: 11px !important;
            color: #666 !important;
            line-height: 1.4 !important;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
        }

        /* 非VIP桌面端：平台标识条压成一行，降低占位高度 */
        @media (min-width: 769px) {
            /* 不在此处改 padding：内联 !important 权重更高，会盖掉收起态的 padding:0 */
            body.dk-collapse-floating #dkfile-platform-footer-in-buttons {
                flex-wrap: nowrap !important;
                white-space: nowrap !important;
            }

            body.dk-collapse-floating #dkfile-platform-footer-in-buttons .dk-platform-footer-main {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                gap: 2px !important;
            }

            body.dk-collapse-floating #dkfile-platform-footer-in-buttons .dk-platform-footer-sep {
                color: #d1d5db !important;
                margin: 0 4px !important;
            }
        }

        /* 一行态文字：宿主页常写 span{...!important}，用 id + !important 压住字号/颜色 */
        #dkfile-platform-footer-in-buttons .dk-platform-footer-main span {
            color: #666 !important;
            font-size: 11px !important;
            font-weight: 400 !important;
            line-height: 1.4 !important;
        }
        
        #dkfile-platform-footer-in-buttons a {
            color: #28a745 !important;
            text-decoration: none !important;
            margin: 0 2px !important;
            transition: color 0.2s ease !important;
        }
        
        #dkfile-platform-footer-in-buttons a:hover {
            color: #218838 !important;
            text-decoration: underline !important;
        }
        
        @media (max-width: 768px) {
            /* 手机端：平台标识 →「底部一行版权说明」（文案由 JS 精简，见 applyPlatformFooterText）
               展开态：整宽一行 + 右侧 × 可收起；收起态（.dk-pf-mini）：只留 ⓘ 小圆钮，点回展开
               容器位置/背景为内联 !important，手机端布局由 JS 内联覆盖（见 applyPlatformFooterResponsive） */
            html body #dkfile-platform-footer-in-buttons .dk-platform-footer-main {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: center !important;
                gap: 0 !important;
                text-align: center !important;
                padding-right: 16px !important; /* 给右侧 × 留位 */
            }

            html body #dkfile-platform-footer-in-buttons .dk-platform-footer-main span {
                color: #6b7280 !important;
                font-size: 10px !important;
                font-weight: 400 !important;
                line-height: 1.35 !important;
                white-space: nowrap !important;
            }

            html body #dkfile-platform-footer-in-buttons .dk-platform-footer-main a {
                color: #28a745 !important;
                font-size: 10px !important;
                margin: 0 1px !important;
                white-space: nowrap !important;
            }

            html body #dkfile-platform-footer-in-buttons .dk-platform-footer-sep {
                color: #d1d5db !important;
                margin: 0 3px !important;
            }

            /* 展开态：右侧 × 收起 */
            html body #dkfile-platform-footer-in-buttons .dk-platform-footer-close {
                display: flex !important;
                position: absolute !important;
                right: 2px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                padding: 4px 6px !important;
                font-size: 13px !important;
                line-height: 1 !important;
            }

            /* 收起态：隐藏正文与 ×，只留 ⓘ */
            html body #dkfile-platform-footer-in-buttons.dk-pf-mini .dk-platform-footer-main,
            html body #dkfile-platform-footer-in-buttons.dk-pf-mini .dk-platform-footer-close {
                display: none !important;
            }

            html body #dkfile-platform-footer-in-buttons.dk-pf-mini .dk-platform-footer-open {
                display: block !important;
            }
        }
        
        /* 浮动按钮 - 使用ID选择器确保最高优先级，防止用户覆盖 */
        #dkfile-floating-buttons > .floating-btn,
        #dkfile-floating-buttons .floating-btn,
        body > #dkfile-floating-buttons > .floating-btn,
        html > body > #dkfile-floating-buttons > .floating-btn,
        body > .floating-action-buttons > .floating-btn,
        html > body > .floating-action-buttons > .floating-btn,
        .floating-action-buttons .floating-btn {
            width: 40px !important;
            height: 40px !important;
            min-width: 40px !important;
            min-height: 40px !important;
            max-width: 40px !important;
            max-height: 40px !important;
            border-radius: 10px !important;
            border: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            font-size: 14px !important;
            color: white !important;
            cursor: pointer !important;
            transition: all 0.3s ease !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
            position: relative !important;
            backdrop-filter: blur(10px) !important;
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            transform: none !important;
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
            overflow: visible !important;
        }
        
        /* 按钮标签样式 - 手机端展开时显示 */
        .floating-btn::after {
            content: attr(data-label);
            position: absolute;
            right: calc(100% + 12px);
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.85);
            color: white;
            padding: 6px 12px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 500;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: all 0.3s ease;
            z-index: 10001;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            backdrop-filter: blur(10px);
            line-height: 1.4;
        }
        
        /* 手机端展开状态时显示标签 */
        @media (max-width: 768px) {
            .floating-action-buttons.expanded .floating-btn:not(.floating-menu-btn)::after,
            #dkfile-floating-buttons.expanded .floating-btn:not(.floating-menu-btn)::after {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }
            
            /* 确保按钮容器在展开时有足够空间显示标签 */
            .floating-action-buttons.expanded,
            #dkfile-floating-buttons.expanded {
                align-items: center !important; /* 保持垂直居中对齐 */
                gap: 8px !important; /* 展开时恢复间距 */
            }
        }
        
        .floating-btn:hover {
            transform: translateY(-1px) !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
        }
        
        .floating-btn:active,
        .floating-btn:focus {
            transform: translateY(0) !important;
            outline: none !important;
            -webkit-tap-highlight-color: transparent !important;
        }
        
        .floating-btn.like-btn {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
        }
        
        /* 已点赞状态 - 红色选中效果（行业通用：红色背景+白色实心图标） */
        #dkfile-floating-buttons .floating-btn.like-btn.liked,
        .floating-action-buttons .floating-btn.like-btn.liked,
        .floating-btn.like-btn.liked {
            background: #ff4757 !important;
            color: white !important;
        }
        
        #dkfile-floating-buttons .floating-btn.like-btn.liked i,
        .floating-action-buttons .floating-btn.like-btn.liked i,
        .floating-btn.like-btn.liked i {
            color: white !important;
        }
        
        .floating-btn.favorite-btn {
            background: linear-gradient(135deg, #20c997 0%, #28a745 100%) !important;
        }
        
        /* 已收藏状态 - 红色选中效果（行业通用：红色背景+白色实心图标） */
        #dkfile-floating-buttons .floating-btn.favorite-btn.favorited,
        .floating-action-buttons .floating-btn.favorite-btn.favorited,
        .floating-btn.favorite-btn.favorited {
            background: #ff4757 !important;
            color: white !important;
        }
        
        #dkfile-floating-buttons .floating-btn.favorite-btn.favorited i,
        .floating-action-buttons .floating-btn.favorite-btn.favorited i,
        .floating-btn.favorite-btn.favorited i {
            color: white !important;
        }
        
        .floating-btn.feedback-btn {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
        }
        
        /* 举报入口：红色警示语义（与反馈的绿色区分） */
        .floating-btn.report-btn {
            background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
            color: #ffffff !important;
        }
        
        .floating-btn.report-btn i,
        .floating-btn.report-btn img.dk-report-icon {
            color: #ffffff !important;
        }
        
        .floating-btn.report-btn img.dk-report-icon {
            width: 1em !important;
            height: 1em !important;
            display: block;
            object-fit: contain;
        }

        /* 原创描边 SVG 统一压成白图标，避免绿底绿线不可读 */
        #dkfile-floating-buttons .floating-btn img {
            width: 1em !important;
            height: 1em !important;
            display: block;
            object-fit: contain;
            filter: brightness(0) invert(1);
        }
        
        #reportOverlay .floating-title img.dk-report-icon {
            width: 1.15em;
            height: 1.15em;
            object-fit: contain;
            flex-shrink: 0;
        }
        
        .floating-btn.share-btn {
            background: linear-gradient(135deg, #20c997 0%, #28a745 100%) !important;
        }
        
        .floating-btn.my-tools-btn {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
        }
        
        /* 已登录状态 - 红色选中效果（类似已收藏） */
        #dkfile-floating-buttons .floating-btn.my-tools-btn.logged-in,
        .floating-action-buttons .floating-btn.my-tools-btn.logged-in,
        .floating-btn.my-tools-btn.logged-in {
            background: #ff4757 !important;
            color: white !important;
        }
        
        #dkfile-floating-buttons .floating-btn.my-tools-btn.logged-in i,
        .floating-action-buttons .floating-btn.my-tools-btn.logged-in i,
        .floating-btn.my-tools-btn.logged-in i {
            color: white !important;
        }
        
        /* 浮层弹窗样式 - 使用最高优先级确保不被用户内容覆盖 */
        #shareOverlay,
        #feedbackOverlay,
        #reportOverlay,
        .floating-overlay {
            position: fixed !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            background: rgba(0, 0, 0, 0.5) !important;
            backdrop-filter: blur(4px) !important;
            /* 平台弹窗：取 CSS 层叠最大值，严格高于用户内容里任何 z-index（含 2147483647） */
            z-index: 2147483647 !important;
            display: none !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 20px !important;
            animation: fadeIn 0.3s ease !important;
            margin: 0 !important;
            pointer-events: auto !important;
        }
        
        /* 分享弹窗特殊保护 - 确保最高优先级 */
        #shareOverlay {
            z-index: 2147483647 !important;
        }
        
        #shareOverlay.floating-overlay {
            z-index: 2147483647 !important;
        }
        
        /* 确保分享弹窗面板也有最高优先级 */
        #shareOverlay .floating-panel,
        #shareOverlay .share-menu {
            position: relative !important;
            z-index: 2147483647 !important;
        }
        
        /* 二维码区域样式 */
        .qr-code-section {
            text-align: center;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 12px;
            margin: 16px 0;
        }
        
        .qr-code-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 100px;
            margin-bottom: 16px;
        }
        
        .qr-loading {
            color: #666;
            font-size: 0.9rem;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .qr-actions {
            display: flex;
            gap: 12px;
            justify-content: center;
        }
        
        .qr-action-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 16px;
            border: none;
            border-radius: 20px;
            font-size: 0.85rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .qr-action-btn.download-btn {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
            box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
        }
        
        .qr-action-btn.download-btn:hover {
            background: linear-gradient(135deg, #218838 0%, #1ea085 100%);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
        }
        
        .qr-action-btn.copy-btn {
            background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
            color: white;
            box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3);
        }
        
        .qr-action-btn.copy-btn:hover {
            background: linear-gradient(135deg, #5a6268 0%, #343a40 100%);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
        }
        
        .qr-code-image {
            text-align: center;
        }
        
        .qr-code-text {
            margin-top: 8px;
            font-size: 0.8rem;
            color: #666;
        }
        
        .qr-error {
            color: #dc3545;
            font-size: 0.9rem;
        }
        
        /* 浮层面板样式 - 使用ID选择器确保最高优先级 */
        #shareOverlay .floating-panel,
        #feedbackOverlay .floating-panel,
        #reportOverlay .floating-panel,
        .floating-panel {
            background: white !important;
            border-radius: 20px !important;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
            max-width: 500px !important;
            width: 100% !important;
            max-height: 90vh !important;
            overflow-y: auto !important;
            animation: slideUp 0.3s ease !important;
            margin: 0 auto !important;
            position: relative !important;
            z-index: 2147483647 !important;
        }
        
        .floating-header {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
            padding: 12px 20px 10px;
            border-radius: 20px 20px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .floating-title {
            margin: 0;
            font-weight: 600;
            font-size: 1.1rem;
        }
        
        .floating-close {
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 0;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.3s ease;
        }
        
        .floating-close:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .floating-body {
            padding: 16px 20px;
            max-height: calc(90vh - 140px);
            overflow-y: auto;
            color: #333 !important; /* 确保文字颜色不被用户内容影响 */
        }
        
        /* 增强反馈弹窗样式隔离，防止用户内容影响 */
        #feedbackOverlay .floating-body,
        #feedbackOverlay .floating-body *,
        #reportOverlay .floating-body,
        #reportOverlay .floating-body * {
            color: #333 !important;
        }
        
        #feedbackOverlay .floating-body label,
        #feedbackOverlay .floating-body .feedback-label,
        #feedbackOverlay .floating-body .feedback-section,
        #feedbackOverlay .floating-body .feedback-tool-info,
        #reportOverlay .floating-body label,
        #reportOverlay .floating-body .feedback-label,
        #reportOverlay .floating-body .feedback-section,
        #reportOverlay .floating-body .feedback-tool-info {
            color: #333 !important;
        }
        
        #feedbackOverlay .floating-body strong,
        #reportOverlay .floating-body strong {
            color: #333 !important;
        }
        
        #feedbackOverlay .floating-body .text-muted,
        #reportOverlay .floating-body .text-muted {
            color: #6c757d !important;
        }
        
        .floating-footer {
            padding: 12px 20px;
            display: flex;
            gap: 10px;
            justify-content: flex-end;
            border-top: 1px solid #f0f0f0;
        }
        
        .floating-btn-action {
            padding: 6px 12px;
            border-radius: 6px;
            border: none;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 12px;
        }
        
        .floating-btn-secondary {
            background: #f8f9fa;
            color: #666;
        }
        
        .floating-btn-secondary:hover {
            background: #e9ecef;
            transform: translateY(-1px);
        }
        
        .floating-btn-primary {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
        }
        
        .floating-btn-primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.4);
        }
        
        /* 反馈表单样式 */
        .feedback-tool-info {
            background: linear-gradient(135deg, rgba(40, 167, 69, 0.1) 0%, rgba(32, 201, 151, 0.1) 100%);
            border: 1px solid rgba(40, 167, 69, 0.2);
            border-radius: 8px;
            padding: 10px 12px;
            margin-bottom: 14px;
            font-size: 13px;
            color: #333;
            line-height: 1.4;
        }
        
        .feedback-section {
            margin-bottom: 14px;
        }
        
        .feedback-label {
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 6px;
            display: block;
            color: #333;
        }
        
        .feedback-type-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 6px;
        }
        
        .feedback-type-item {
            position: relative;
        }
        
        .feedback-type-input {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .feedback-type-btn {
            display: block;
            width: 100%;
            padding: 6px 10px;
            border: 2px solid #e9ecef;
            border-radius: 8px;
            background: white;
            color: #666;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 12px;
            font-weight: 500;
        }
        
        .feedback-type-input:checked + .feedback-type-btn {
            border-color: #28a745;
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
        }
        
        .feedback-type-btn:hover {
            border-color: #28a745;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(40, 167, 69, 0.2);
        }
        
        .feedback-textarea-wrapper {
            position: relative;
        }
        
        .feedback-textarea {
            width: 100%;
            border: 2px solid #e9ecef;
            border-radius: 8px;
            padding: 10px;
            font-size: 14px;
            line-height: 1.4;
            resize: none;
            transition: border-color 0.3s ease;
            font-family: inherit;
        }
        
        .feedback-textarea:focus {
            outline: none;
            border-color: #28a745;
            box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
        }
        
        .feedback-char-count {
            position: absolute;
            bottom: 8px;
            right: 12px;
            font-size: 12px;
            color: #999;
            background: rgba(255, 255, 255, 0.9);
            padding: 2px 6px;
            border-radius: 4px;
        }
        
        .feedback-hint {
            margin-top: 6px;
            font-size: 12px;
            color: #666;
            line-height: 1.4;
        }
        
        /* 举报弹窗专用：仅作用于 #reportOverlay，不改变反馈弹窗配色 */
        #reportOverlay .floating-header {
            background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
        }
        #reportOverlay .feedback-tool-info {
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.12) 0%, rgba(185, 28, 28, 0.08) 100%);
            border: 1px solid rgba(220, 38, 38, 0.28);
        }
        #reportOverlay .feedback-type-input:checked + .feedback-type-btn {
            border-color: #dc2626 !important;
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
            color: #fff !important;
            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.35) !important;
        }
        #reportOverlay .feedback-type-btn:hover {
            border-color: #f87171 !important;
            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.18) !important;
        }
        #reportOverlay .feedback-textarea:focus {
            outline: none;
            border-color: #dc2626 !important;
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
        }
        #reportOverlay .floating-footer .floating-btn-primary {
            background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
            color: #fff !important;
        }
        #reportOverlay .floating-footer .floating-btn-primary:hover {
            box-shadow: 0 4px 12px rgba(220, 38, 38, 0.45) !important;
        }

        /* 举报弹窗：H5 / 小程序 web-view 移动端适配 */
        #reportOverlay.floating-overlay {
            align-items: flex-end !important;
            justify-content: center !important;
            padding: 0 !important;
        }
        #reportOverlay .floating-panel {
            max-width: 100% !important;
            width: 100% !important;
            border-radius: 20px 20px 0 0 !important;
            /* 固定上限高度，避免内容把底部按钮顶出视口 */
            height: auto !important;
            max-height: 88vh !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;
            overflow-x: hidden !important;
            overflow-y: hidden !important;
        }
        #reportOverlay form {
            display: flex;
            flex-direction: column;
            flex: 1 1 auto;
            min-height: 0;
            max-height: 88vh;
            overflow: hidden;
        }
        #reportOverlay .floating-header {
            flex-shrink: 0;
            padding: 14px 16px 12px !important;
        }
        #reportOverlay .floating-title {
            color: #fff !important;
            font-size: 1.05rem !important;
        }
        #reportOverlay .floating-close {
            color: #fff !important;
            background: rgba(255, 255, 255, 0.18) !important;
            width: 36px !important;
            height: 36px !important;
            font-size: 1.25rem !important;
        }
        #reportOverlay .floating-close i {
            color: #fff !important;
        }
        #reportOverlay .dk-report-icon {
            filter: brightness(0) invert(1);
        }
        #reportOverlay .floating-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-x: hidden !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch;
            padding: 14px 16px 8px !important;
            max-height: none !important;
        }
        #reportOverlay .report-target-card {
            background: #fff5f5;
            border: 1px solid #fecaca;
            border-radius: 12px;
            padding: 12px 14px;
            margin-bottom: 16px;
            overflow: hidden;
            min-width: 0;
        }
        #reportOverlay .report-target-label {
            display: block;
            font-size: 12px;
            color: #dc2626 !important;
            font-weight: 600;
            margin-bottom: 6px;
        }
        #reportOverlay .report-tool-name {
            display: block;
            font-size: 15px;
            font-weight: 600;
            color: #111827 !important;
            line-height: 1.4;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        #reportOverlay .report-tool-url {
            display: block;
            font-size: 12px;
            color: #6b7280 !important;
            word-break: break-all;
            margin-top: 6px;
            line-height: 1.45;
        }
        #reportOverlay .report-type-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }
        #reportOverlay .report-type-item--full {
            grid-column: 1 / -1;
        }
        #reportOverlay .feedback-type-btn {
            min-height: 44px;
            padding: 10px 8px;
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            line-height: 1.3;
        }
        #reportOverlay .report-email-input {
            width: 100%;
            box-sizing: border-box;
            padding: 10px 12px;
            border: 2px solid #e5e7eb;
            border-radius: 10px;
            font-size: 14px;
            background: #fafafa;
            color: #111827;
        }
        #reportOverlay .report-email-input:focus {
            outline: none;
            border-color: #dc2626;
            background: #fff;
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
        }
        #reportOverlay .report-upload-box {
            background: #f9fafb;
            border: 1px dashed #d1d5db;
            border-radius: 12px;
            padding: 12px;
            min-height: 56px;
        }
        #reportOverlay #report_image_preview.report-image-preview,
        #reportOverlay .report-image-preview {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin: 0 0 10px;
        }
        #reportOverlay .report-image-preview:empty {
            display: none;
            margin: 0;
        }
        #reportOverlay .report-image-thumb {
            position: relative;
            width: calc((100% - 16px) / 3);
            max-width: 96px;
            aspect-ratio: 1;
            border-radius: 10px;
            overflow: visible;
            background: #e5e7eb;
            flex-shrink: 0;
            cursor: zoom-in;
        }
        #reportOverlay .report-image-thumb img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
            pointer-events: none;
        }
        #reportOverlay .report-image-thumb::after {
            content: '预览';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 2px 0;
            font-size: 10px;
            font-weight: 700;
            text-align: center;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            background: rgba(17, 24, 39, 0.72);
            border-radius: 0 0 10px 10px;
            pointer-events: none;
        }
        #reportOverlay .report-upload-status {
            display: none;
            margin-top: 8px;
            padding: 8px 10px;
            border-radius: 8px;
            background: #111827;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.4;
        }
        #reportOverlay .report-upload-status.is-visible {
            display: block;
        }
        /* 举报图大图预览（高于举报弹窗） */
        #reportImageLightbox.report-image-lightbox {
            position: fixed !important;
            inset: 0 !important;
            z-index: 2147483647 !important;
            background: rgba(0, 0, 0, 0.88) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 16px !important;
            box-sizing: border-box !important;
        }
        #reportImageLightbox .report-image-lightbox__img {
            max-width: min(96vw, 900px);
            max-height: 86vh;
            object-fit: contain;
            border-radius: 8px;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
            background: #111;
        }
        #reportImageLightbox .report-image-lightbox__close {
            position: absolute;
            top: max(12px, env(safe-area-inset-top, 0px));
            right: 12px;
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 50%;
            background: #fff !important;
            color: #111 !important;
            -webkit-text-fill-color: #111 !important;
            font-size: 22px;
            font-weight: 700;
            line-height: 1;
            cursor: pointer;
            z-index: 2;
        }
        #reportOverlay .report-image-remove {
            position: absolute;
            top: -6px;
            right: -6px;
            width: 24px;
            height: 24px;
            padding: 0;
            border: 2px solid #fff;
            border-radius: 50%;
            background: #111 !important;
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
            font-size: 14px;
            font-weight: 700;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 2;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        }
        #reportOverlay .floating-body .report-image-remove,
        #reportOverlay .floating-body .report-image-remove * {
            color: #fff !important;
            -webkit-text-fill-color: #fff !important;
        }
        #reportOverlay .report-image-remove:hover,
        #reportOverlay .report-image-remove:focus {
            background: #dc2626 !important;
            color: #fff !important;
        }
        #reportOverlay .report-upload-btn {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 8px 14px;
            border: 1px solid #fca5a5;
            border-radius: 10px;
            background: #fff;
            color: #dc2626 !important;
            font-size: 13px;
            font-weight: 500;
            cursor: pointer;
        }
        #reportOverlay .report-upload-btn:disabled {
            opacity: 0.45;
            cursor: not-allowed;
        }
        #reportOverlay .report-upload-hint {
            display: block;
            margin-top: 8px;
            font-size: 11px;
            color: #6b7280 !important;
            line-height: 1.4;
        }
        #reportOverlay .report-hint {
            font-size: 12px;
            color: #9ca3af !important;
            text-align: center;
            margin: 4px 0 0;
            line-height: 1.45;
        }
        #reportOverlay .floating-footer {
            flex: 0 0 auto;
            flex-shrink: 0;
            position: relative;
            z-index: 3;
            background: #fff !important;
            padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
            gap: 10px !important;
            border-top: 1px solid #f3f4f6;
            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
        }
        #reportOverlay .floating-footer .floating-btn-action {
            flex: 1;
            min-height: 44px;
            padding: 10px 14px !important;
            font-size: 15px !important;
            border-radius: 12px !important;
        }
        #reportOverlay .floating-footer .floating-btn-secondary {
            background: #f3f4f6 !important;
            color: #374151 !important;
        }
        @media (min-width: 520px) {
            #reportOverlay.floating-overlay {
                align-items: center !important;
                padding: 20px !important;
            }
            #reportOverlay .floating-panel {
                max-width: 480px !important;
                border-radius: 20px !important;
                max-height: 90vh !important;
            }
            #reportOverlay form {
                max-height: 90vh;
            }
        }
        
        .feedback-notice {
            margin-top: 10px;
            padding: 8px 12px;
            background: rgba(40, 167, 69, 0.1);
            border-radius: 6px;
            font-size: 12px;
            color: #666;
            line-height: 1.4;
        }
        
        .feedback-link {
            color: #28a745;
            text-decoration: none;
            font-weight: 500;
        }
        
        .feedback-link:hover {
            text-decoration: underline;
        }
        
        /* 分享菜单样式 */
        .share-menu {
            background: white;
            border-radius: 20px;
            padding: 32px;
            text-align: center;
            max-width: 480px;
            width: 100%;
            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.15);
        }
        
        .share-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 8px;
            color: #1a1a1a;
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .share-subtitle {
            font-size: 0.95rem;
            color: #666;
            margin-bottom: 32px;
            font-weight: 400;
        }
        
        /* 分享渠道标题样式 */
        .share-channels-header {
            text-align: center;
            margin: 24px 0 16px 0;
        }
        
        .share-channels-title {
            color: #2c3e50;
            font-weight: 600;
            font-size: 1rem;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .share-channels-title i {
            color: #28a745;
            font-size: 1.1rem;
        }
        
        .share-buttons {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            margin-bottom: 20px;
            padding: 16px;
            background: #f8f9fa;
            border-radius: 12px;
            border: 1px solid #e9ecef;
        }
        
        .share-buttons .share-btn {
            padding: 8px 12px;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            font-size: 11px;
            cursor: pointer;
            transition: all 0.3s ease;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            position: relative;
            overflow: hidden;
            min-height: 36px;
        }
        
        .share-buttons .share-btn i {
            font-size: 14px;
            flex-shrink: 0;
        }
        
        .share-buttons .share-btn span {
            white-space: nowrap;
        }
        

        
        .share-btn.x-twitter {
            background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
        }
        
        .share-btn.x-twitter:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
        }
        

        
        /* X 图标样式 */
        .x-icon-container {
            background: #000000;
            border-radius: 50%;
            width: 18px;
            height: 18px;
            min-width: 18px;
            min-height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 0;
            flex-shrink: 0;
        }
        
        .x-icon {
            color: white;
            width: 12px;
            height: 12px;
        }
        
        .share-btn.weibo {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.weibo:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        

        
        
        /* GitHub 分享按钮 */
        .share-btn.github {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.github:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        
        /* Reddit 分享按钮 */
        .share-btn.reddit {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.reddit:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        
        /* LinkedIn 分享按钮 */
        .share-btn.linkedin {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.linkedin:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        

        
        /* WhatsApp 分享按钮 */
        .share-btn.whatsapp {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.whatsapp:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        
        /* Telegram 分享按钮 */
        .share-btn.telegram {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.telegram:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        
        /* 微信分享按钮 */
        .share-btn.wechat {
            background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
            box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
        }
        
        .share-btn.wechat:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
        }
        
        /* QQ分享按钮 */
        .share-btn.qq {
            background: linear-gradient(135deg, #12B7F5 0%, #0084FF 100%);
            box-shadow: 0 4px 15px rgba(18, 183, 245, 0.3);
        }
        
        .share-btn.qq:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(18, 183, 245, 0.4);
        }
        
        .share-btn i {
            font-size: 12px;
        }
        
        .share-divider {
            margin: 16px 0 8px 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, #e9ecef, transparent);
        }
        
        .share-close-section {
            text-align: center;
            padding: 4px 0;
        }
        
        .share-info {
            background: linear-gradient(135deg, rgba(40, 167, 69, 0.05) 0%, rgba(32, 201, 151, 0.05) 100%);
            border: 1px solid rgba(40, 167, 69, 0.1);
            border-radius: 12px;
            padding: 16px;
            margin-bottom: 24px;
            text-align: left;
        }
        
        .share-info-title {
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
            font-size: 14px;
        }
        
        .share-info-content {
            color: #666;
            font-size: 13px;
            line-height: 1.4;
        }
        

        
        /* 动画效果 */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        
        @keyframes slideUp {
            from { 
                opacity: 0;
                transform: translateY(30px) scale(0.95);
            }
            to { 
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        
        /* 响应式优化 */
        @media (max-width: 768px) {
            /* 浮动按钮样式已在上面统一定义，这里不再重复 */
            
            .share-channels-header {
                margin: 20px 0 12px 0;
            }
            
            .share-channels-title {
                font-size: 0.9rem;
            }
            
            .share-buttons {
                grid-template-columns: repeat(3, 1fr);
                gap: 6px;
                padding: 12px;
            }
            
            .share-buttons .share-btn {
                padding: 6px 8px;
                font-size: 9px;
                gap: 4px;
                min-height: 32px;
            }
            
            .share-buttons .share-btn i {
                font-size: 10px;
            }
            
            .share-buttons .share-btn .x-icon-container {
                width: 14px;
                height: 14px;
                min-width: 14px;
                min-height: 14px;
            }
            
            .share-buttons .share-btn .x-icon {
                width: 10px;
                height: 10px;
            }
            
            .floating-overlay {
                padding: 10px;
            }
            
            .floating-panel {
                max-height: 95vh;
            }
            
            .floating-header {
                padding: 16px 20px 12px;
            }
            
            .floating-body {
                padding: 20px;
            }
            
            .floating-footer {
                padding: 16px 20px 20px;
            }
            
            .feedback-type-grid {
                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            }
            
            .share-menu {
                padding: 24px;
                max-width: 90vw;
            }
            
            .share-title {
                font-size: 1.25rem;
            }
            
            .share-subtitle {
                font-size: 0.9rem;
                margin-bottom: 24px;
            }
            
            
            .share-info {
                padding: 12px;
                margin-bottom: 20px;
            }
            
            .share-close-section {
                padding: 2px 0;
            }
            
            .floating-btn-action {
                padding: 4px 8px;
                font-size: 11px;
            }
        }