Function _createStatsDialog

focus.js:247–369

()

                border: 'none', boxShadow: 'none', overflow: 'visible',
            });
            if (isMobile()) {
                Object.assign(dialog.style, {
                    position: 'fixed', top: '0', bottom: '0', left: '0', right: '0',
                    width: '100%', height: 'auto',
                    maxHeight: 'calc(100vh - ' + SAFE_TOP() + 'px - ' + SAFE_BOTTOM() + 'px)',
                    zIndex: '10000',
                });
            } else {
                Object.assign(dialog.style, {
                    position: 'fixed', top: '60px', right: '156px', zIndex: '10000',
                    width: '520px', height: HB_STATS_LOADING_H, maxHeight: HB_STATS_LOADING_H,
                    margin: '0', padding: '0', background: 'transparent',
                    border: 'none', boxShadow: 'none', overflow: 'visible',
                });
            }

            const dragArea = document.createElement('div');
            dragArea.title = '左上角区域拖动窗口';
            Object.assign(dragArea.style, {
                position: 'absolute', left: '0', top: '0',
                width: DRAG_CORNER_PX + 'px', height: DRAG_CORNER_PX + 'px',
                cursor: 'move', zIndex: '2', background: 'transparent',
            });

            const closeBtn = document.createElement('button');
            closeBtn.id = 'hot-topics-dialog-close';
            closeBtn.type = 'button';
            closeBtn.textContent = '\u00D7';
            closeBtn.title = '关闭';
            if (isMobile()) {
                Object.assign(closeBtn.style, {
                    position: 'absolute', top: '12px', right: '12px', zIndex: '4',
                    cursor: 'pointer', fontSize: '28px', lineHeight: '1', color: '#fff',
                    border: 'none', background: 'rgba(0,0,0,0.35)', borderRadius: '50%',
                    padding: '8px', minWidth: '44px', minHeight: '44px',
                    fontFamily: 'inherit', boxShadow: 'none',
                });
            } else {
                Object.assign(closeBtn.style, {
                    position: 'absolute', top: '6px', right: '6px', zIndex: '4',
                    cursor: 'pointer', fontSize: '22px', lineHeight: '1', color: '#999',
                    border: 'none', background: 'rgba(255,255,255,0.92)', borderRadius: '8px',
                    padding: '2px 10px', minHeight: 'auto', fontFamily: 'inherit',
                    boxShadow: '0 1px 4px rgba(0,0,0,.08)',
                });
            }
            closeBtn.onclick = () => {
                const keepSubs = this._subPanels && this._subPanels.size > 0;
                if (keepSubs) this._parkStatsIframeBridge(dialog);
                else this._closeAllSubDialogs();
                dialog.remove();
                if (!keepSubs) this._statsIframe = null;
            };

            let iframe = this._statsIframe;
            const canReuseBridge = iframe && iframe.parentNode && document.body.contains(iframe) &&
                iframe.contentWindow &&
                !document.getElementById('hot-topics-dialog') &&