feat: 重新设计左键弹窗布局

通透分区方案：去掉自绘卡片背景改用分隔线+留白划分四区，
速度数字 24px 为视觉锚点，适配用户 textColor 和网卡类型图标，
预留 fontScale 字号缩放扩展点，IPv4/IPv6 旁加一键复制图标。

分支 feature/popup-redesign 的 7 个 commit 合并。

package/components/NetCommon.qml

@@ -79,4 +79,49 @@ QtObject {
             return (bytes / (1024 * 1024 * 1024)).toFixed(2) + " GB"
         }
     }
+
+    // 根据接口名返回类型图标（Unicode 符号），用于网络接口列表和弹窗接口信息区
+    // 设计原因：项目未引入图标库，用 Text 渲染 Unicode 符号（与 ↓↑ 一致）；
+    // 所选符号均为 DejaVu/Noto 等常见字体覆盖的单色字形，避免彩色 emoji 破坏浅色主题观感
+    function interfaceIcon(name) {
+        if (name === "lo") return "↻"               // 本地回环：循环箭头
+        if (name === "Meta") return "▢"             // 虚拟接口：空心方块
+        if (/^enp|^eth/.test(name)) return "⇄"      // 有线网络：双向链路
+        if (/^wlp|^wlan/.test(name)) return "∿"     // 无线网络：信号波形
+        if (/^docker|^veth/.test(name)) return "▣"  // 容器网络：盒中盒
+        if (/^br/.test(name)) return "⋈"            // 桥接：连接
+        if (/^tun|^tap/.test(name)) return "⚿"      // VPN：钥匙
+        if (/^virbr/.test(name)) return "⋈"         // 虚拟桥接：同桥接
+        return "◉"                                  // 其他：通用网络节点
+    }
+
+    // 根据接口名返回类型描述，用于设置窗口网络接口列表和弹窗 tooltip
+    // 设计原因：用户面对多个网口时难以仅凭 enp3s0/wlp3s0 等命名判断用途，
+    // 加一行类型说明（有线/无线/VPN 等）降低认知负担
+    function interfaceDescription(name) {
+        if (name === "lo") return qsTr("Loopback")
+        if (name === "Meta") return qsTr("Virtual Interface")
+        if (/^enp|^eth/.test(name)) return qsTr("Wired Network")
+        if (/^wlp|^wlan/.test(name)) return qsTr("Wireless Network")
+        if (/^docker|^veth/.test(name)) return qsTr("Container Network")
+        if (/^br/.test(name)) return qsTr("Bridge")
+        if (/^tun|^tap/.test(name)) return qsTr("VPN")
+        if (/^virbr/.test(name)) return qsTr("Virtual Bridge")
+        return qsTr("Other")
+    }
+
+    // 拆分速度字符串为数值部分：formatSpeed 返回 "4.11 KB/s"，本函数返回 "4.11"
+    // 设计原因：弹窗速度区需将数值（大号粗体）与单位（小号）拆分显示以增强层次感
+    function formatSpeedValue(bytesPerSec) {
+        var str = formatSpeed(bytesPerSec)
+        var idx = str.indexOf(' ')
+        return idx < 0 ? str : str.substring(0, idx)
+    }
+
+    // 拆分速度字符串为单位部分：formatSpeed 返回 "4.11 KB/s"，本函数返回 "KB/s"
+    function formatSpeedUnit(bytesPerSec) {
+        var str = formatSpeed(bytesPerSec)
+        var idx = str.indexOf(' ')
+        return idx < 0 ? "" : str.substring(idx + 1)
+    }
 }

package/components/NetworkPopup.qml

@@ -3,9 +3,12 @@
 // SPDX-License-Identifier: LGPL-3.0-or-later
 
 // 网络速度监控弹窗内容组件
-// 展示实时速度、总量统计、网卡切换 chip 列表；
+// 通透分区布局：去掉自绘卡片背景，用分隔线+留白划分四个区域
-// 由 networkview.qml 的 PanelPopup 实例化，传入 applet 属性；
+// （接口信息 / 实时速度 / 累计流量 / 接口切换），速度数字放大为视觉锚点
+// 由 networkview.qml 的 PanelPopup 实例化，传入 applet 属性
+// 毛玻璃背景、圆角、阴影由 PanelPopup 自动提供，本组件不自绘背景
 // 颜色与格式化函数统一取自同目录 NetCommon.qml（common.xxx），数据由 applet 提供
+// 可配置适配：primaryText 跟随用户 textColor、fontScale 预留字号缩放扩展点
 // 设计原因：PanelPopup 是 dock 上下文类型，不能作为独立组件根元素，
 // 因此本组件用 Control 作为根，由 networkview.qml 的 PanelPopup 包裹
 
@@ -19,13 +22,15 @@ import "."
 Control {
     id: popup
 
-    // 公共颜色与格式化函数：集中定义于同目录 NetCommon.qml，
-    // 与 networkview.qml、TrafficChartWindow 共享同一份实现，消除跨组件重复定义
-    NetCommon { id: common }
-
     // C++ 后端对象，提供速度/接口/IP 等所有数据
     property var applet: null
 
+    // 公共颜色与格式化函数：由 networkview.qml 传入 dock 上下文的 NetCommon 实例
+    // 设计原因：PanelPopup 是独立窗口上下文，在此上下文求值 DTK.palette.windowText
+    // 深色模式下返回深色文字（与 dock 面板上下文不同），导致深底深字；
+    // 传入 dock 上下文的 common 实例，颜色在 dock 面板上下文求值，深色模式正确返回浅色文字
+    property var common: null
+
     readonly property bool ready: applet ? applet.ready : false
     readonly property real downloadSpeed: applet ? applet.downloadSpeed : 0
     readonly property real uploadSpeed: applet ? applet.uploadSpeed : 0
@@ -38,25 +43,35 @@ Control {
     readonly property string ipv6Address: applet ? (applet.ipv6Address || "") : ""
     readonly property var networkInterfaces: applet ? (applet.networkInterfaces || []) : []
 
-    // 弹窗颜色别名：转发 common 的公共颜色（派生自 DTK 系统调色板 windowText，
+    // 用户自定义字体色：非空时覆盖 primaryText，空串回退 DTK 调色板派生
-    // 主题适配的设计原因见 NetCommon.qml 文件头注释），保持下游 popup.xxx 引用不变
+    // 仅作用于主要文字（接口名、速度数值、累计数值、chip 未选中文字）
-    readonly property color primaryText: common.primaryText
+    // secondaryText/tertiaryText/强调色不跟随，保持系统主题层次不崩
+    readonly property string userTextColor: applet ? (applet.textColor || "") : ""
+    readonly property color primaryText: userTextColor.length > 0
+        ? Qt.rgba(Qt.color(userTextColor).r, Qt.color(userTextColor).g, Qt.color(userTextColor).b, 0.95)
+        : common.primaryText
+
+    // 次要/三级文字与卡片边框仍从 common 取 DTK 派生值，不跟随用户色
     readonly property color secondaryText: common.secondaryText
     readonly property color tertiaryText: common.tertiaryText
-    readonly property color cardBackground: common.cardBackground
     readonly property color cardBorder: common.cardBorder
 
-    // 强调色别名：下载蓝、上传绿，是面板的主视觉区分
+    // 强调色：下载蓝、上传绿，是面板的主视觉区分
     readonly property color accentBlue: common.accentBlue
-    readonly property color accentBlueLight: common.accentBlueLight
     readonly property color accentGreen: common.accentGreen
-    readonly property color accentGreenLight: common.accentGreenLight
 
     // 上传值颜色：固定绿色，不做高速警示
-    // 下载值颜色带阈值逻辑（>10MB/s 红、>1MB/s 橙、否则蓝），已提取为
-    // common.downloadValueColor(speed) 函数，在使用处直接传入 downloadSpeed 调用
     readonly property color uploadValueColor: common.uploadValueColor
 
+    // 字号缩放因子：默认 1.0，后续 C++ 后端新增 applet.fontScale 后自动绑定
+    // 所有字号 = 基准字号 × fontScale，实现全局字号调节
+    // 当前 applet.fontScale 尚不存在，恒为 1.0，视觉无变化
+    readonly property real fontScale: (applet && applet.fontScale !== undefined)
+        ? applet.fontScale : 1.0
+
+    // 复制反馈状态：记录刚复制的字段（"ipv4"/"ipv6"/""），用于图标切换为 ✓
+    property string copiedField: ""
+
     // 排序后的接口列表：物理网卡在前，虚拟网卡在后，各自按名称排序
     // 设计原因：保持稳定排序，活动接口不再移到最前，避免切换网卡时 chip 顺序跳动；
     // 活动 chip 若被截断，由 chipFlickable 自动滚动露出完整样式；
@@ -80,82 +95,184 @@ Control {
         chipFlickable.scrollToActiveChip(animated)
     }
 
-    padding: 16
+    // 一键复制：用隐藏 TextEdit 的 selectAll()+copy() 写入系统剪贴板
+    // QML 无直接剪贴板 API，此为项目既定模式（SettingsWindow/AboutWindow 同模式）
+    function copyToClipboard(text) {
+        clipboardHelper.text = text
+        clipboardHelper.selectAll()
+        clipboardHelper.copy()
+    }
+
+    padding: 12
 
     contentItem: ColumnLayout {
-            spacing: 12
+        spacing: 10
-
-            // 标题栏：标题在上，网卡名+IP 在卡片底色背景内
-            Item {
-                Layout.fillWidth: true
-                Layout.preferredHeight: 72
 
+        // ==================== 占位态：未检测到接口 ====================
+        // 占位时只显示警告图标+文字，不显示其他分区和分隔线
         ColumnLayout {
-                    anchors.centerIn: parent
+            Layout.alignment: Qt.AlignHCenter
+            Layout.preferredHeight: 80
             spacing: 6
+            visible: !popup.ready
 
             Text {
-                        text: qsTr("Network Speed Monitor")
+                text: "⚠"
-                        font.pixelSize: 15
+                font.pixelSize: Math.round(40 * popup.fontScale)
-                        font.weight: Font.Bold
+                color: popup.tertiaryText
-                        color: popup.primaryText
                 Layout.alignment: Qt.AlignHCenter
             }
 
-                    // 网卡名 + IP 地址卡片背景
+            Text {
-                    Rectangle {
+                text: qsTr("No network interface detected")
+                font.pixelSize: Math.round(14 * popup.fontScale)
+                color: popup.secondaryText
                 Layout.alignment: Qt.AlignHCenter
-                        Layout.preferredWidth: 300
+            }
-                        // 有 IPv6 时增高以容纳第三行；无 IPv6 时保持原 40px
+        }
-                        Layout.preferredHeight: popup.ipv6Address ? 54 : 40
+
-                        color: popup.cardBackground
+        // ==================== 分区1：接口信息 ====================
-                        radius: 8
+        // 类型图标 + 接口名 + IPv4 一行，IPv6 截断显示一行
-                        border.width: 1
+        // 外层 Item 固定高度 + 内层 ColumnLayout anchors.centerIn：
-                        border.color: popup.cardBorder
+        // 无 IP 地址时内容在区域内垂直居中，避免单行内容贴顶导致网卡名偏上
+        Item {
+            Layout.fillWidth: true
+            // preferredHeight 40 为无 IP 时的最小高度；有 IP/IPv6 时内容自然撑高
+            Layout.preferredHeight: Math.max(40, ifaceCol.implicitHeight)
             visible: popup.ready
 
             ColumnLayout {
+                id: ifaceCol
                 anchors.centerIn: parent
-                            spacing: 0
+                width: parent.width
+                spacing: 4
 
+                // 行1：类型图标 + 接口名 + · + IPv4
+                // 拆分为独立 Text 元素，使接口名用 primaryText 跟随用户 textColor，
+                // 图标和 IPv4 保持系统主题色（tertiaryText/secondaryText），层次分明
+                RowLayout {
+                    Layout.alignment: Qt.AlignHCenter
+                    spacing: 4
+
+                    // 网卡类型图标：与设置窗口列表图标一致，次要色不抢速度区焦点
+                    Text {
+                        text: common.interfaceIcon(popup.activeInterface)
+                        font.pixelSize: Math.round(12 * popup.fontScale)
+                        color: popup.tertiaryText
+                    }
+
+                    // 接口名：跟随用户 textColor（primaryText），Spec 5.1 节要求
                     Text {
                         text: popup.activeInterface
-                                font.pixelSize: 11
+                        font.pixelSize: Math.round(13 * popup.fontScale)
-                                color: popup.secondaryText
+                        color: popup.primaryText
-                                Layout.alignment: Qt.AlignHCenter
                     }
 
-                            Text {
+                    // IPv4 地址 + 分隔点 + 复制图标
-                                text: popup.ipAddress ? qsTr("IPv4: ") + popup.ipAddress : ""
+                    RowLayout {
-                                font.pixelSize: 13
+                        spacing: 4
-                                color: popup.secondaryText
                         visible: popup.ipAddress !== ""
-                                Layout.alignment: Qt.AlignHCenter
-                            }
 
-                            // IPv6 全球地址行，无 IPv6 时隐藏不占位
                         Text {
-                                text: popup.ipv6Address ? qsTr("IPv6: ") + popup.ipv6Address : ""
+                            text: "·"
-                                font.pixelSize: 13
+                            font.pixelSize: Math.round(13 * popup.fontScale)
+                            color: popup.tertiaryText
+                        }
+
+                        Text {
+                            text: popup.ipAddress
+                            font.pixelSize: Math.round(13 * popup.fontScale)
                             color: popup.secondaryText
-                                visible: popup.ipv6Address !== ""
+                        }
-                                Layout.alignment: Qt.AlignHCenter
+
+                        // 一键复制图标：点击复制 IPv4 到剪贴板，复制后短暂显示 ✓
+                        Text {
+                            text: popup.copiedField === "ipv4" ? "✓" : "⧉"
+                            font.pixelSize: Math.round(11 * popup.fontScale)
+                            color: popup.copiedField === "ipv4"
+                                   ? popup.accentGreen
+                                   : (ipv4CopyMouse.containsMouse ? popup.accentBlue : popup.tertiaryText)
+
+                            MouseArea {
+                                id: ipv4CopyMouse
+                                anchors.fill: parent
+                                cursorShape: Qt.PointingHandCursor
+                                hoverEnabled: true
+                                onClicked: {
+                                    popup.copyToClipboard(popup.ipAddress)
+                                    popup.copiedField = "ipv4"
+                                    copyFeedbackTimer.restart()
                                 }
                             }
                         }
                     }
                 }
 
-            // 实时速度卡片：双列布局，每列内容在各自半区内水平垂直居中
+                // 行2：IPv6 地址 + 复制图标（超长截断 + hover tooltip 显示完整地址）
-            // 设计原因：用显式 anchor 分两个等宽半区，比 RowLayout+fillWidth 更可靠，
+                RowLayout {
-            // 确保下载/上传内容各自在左/右半区正中显示
+                    Layout.alignment: Qt.AlignHCenter
+                    Layout.maximumWidth: 320
+                    spacing: 4
+                    visible: popup.ipv6Address !== ""
+
+                    Text {
+                        text: qsTr("IPv6: ") + popup.ipv6Address
+                        font.pixelSize: Math.round(12 * popup.fontScale)
+                        color: popup.tertiaryText
+                        elide: Text.ElideRight
+                        Layout.fillWidth: true
+                        horizontalAlignment: Text.AlignRight
+
+                        ToolTip.text: popup.ipv6Address
+                        ToolTip.visible: ipv6Mouse.containsMouse && popup.ipv6Address !== ""
+                        ToolTip.delay: 300
+
+                        MouseArea {
+                            id: ipv6Mouse
+                            anchors.fill: parent
+                            hoverEnabled: true
+                            cursorShape: Qt.IBeamCursor
+                        }
+                    }
+
+                    // 一键复制图标：点击复制 IPv6 到剪贴板，复制后短暂显示 ✓
+                    Text {
+                        text: popup.copiedField === "ipv6" ? "✓" : "⧉"
+                        font.pixelSize: Math.round(11 * popup.fontScale)
+                        color: popup.copiedField === "ipv6"
+                               ? popup.accentGreen
+                               : (ipv6CopyMouse.containsMouse ? popup.accentBlue : popup.tertiaryText)
+
+                        MouseArea {
+                            id: ipv6CopyMouse
+                            anchors.fill: parent
+                            cursorShape: Qt.PointingHandCursor
+                            hoverEnabled: true
+                            onClicked: {
+                                popup.copyToClipboard(popup.ipv6Address)
+                                popup.copiedField = "ipv6"
+                                copyFeedbackTimer.restart()
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        // 分隔线1
         Rectangle {
             Layout.fillWidth: true
-                Layout.preferredHeight: 110
+            Layout.preferredHeight: 1
-                color: popup.cardBackground
+            color: popup.cardBorder
-                radius: 12
+            visible: popup.ready
-                border.width: 1
+        }
-                border.color: popup.cardBorder
+
+        // ==================== 分区2：实时速度（视觉锚点） ====================
+        // 双栏等宽，下载左半区、上传右半区，中间靠留白区分无竖线
+        Item {
+            Layout.fillWidth: true
+            Layout.preferredHeight: 60
+            visible: popup.ready
 
             // 下载半区（左半）
             Item {
@@ -163,55 +280,47 @@ Control {
                 anchors.left: parent.left
                 anchors.top: parent.top
                 anchors.bottom: parent.bottom
-                    anchors.leftMargin: 12
+                width: parent.width / 2
-                    width: (parent.width - 1) / 2 - 12
 
                 ColumnLayout {
                     anchors.centerIn: parent
-                        spacing: 4
+                    spacing: 2
-
-                        Rectangle {
-                            width: 32
-                            height: 32
-                            radius: 16
-                            color: popup.accentBlueLight
-                            Layout.alignment: Qt.AlignHCenter
-
-                            Text {
-                                anchors.centerIn: parent
-                                text: "↓"
-                                font.pixelSize: 18
-                                font.weight: Font.Bold
-                                color: popup.accentBlue
-                            }
-                        }
 
+                    // 下载标签
                     Text {
                         text: qsTr("Download")
-                            font.pixelSize: 11
+                        font.pixelSize: Math.round(12 * popup.fontScale)
                         color: popup.secondaryText
                         Layout.alignment: Qt.AlignHCenter
                     }
 
+                    // 箭头 + 数值（大号粗体）+ 单位（小号）
+                    RowLayout {
+                        spacing: 2
+                        Layout.alignment: Qt.AlignHCenter
+
                         Text {
-                            text: common.formatSpeed(popup.downloadSpeed)
+                            text: "↓"
-                            font.pixelSize: 18
+                            font.pixelSize: Math.round(24 * popup.fontScale)
                             font.weight: Font.Bold
                             color: common.downloadValueColor(popup.downloadSpeed)
-                            Layout.alignment: Qt.AlignHCenter
-                        }
-                    }
                         }
 
-                // 中间分隔线
+                        Text {
-                Rectangle {
+                            text: common.formatSpeedValue(popup.downloadSpeed)
-                    anchors.horizontalCenter: parent.horizontalCenter
+                            font.pixelSize: Math.round(24 * popup.fontScale)
-                    anchors.top: parent.top
+                            font.weight: Font.Bold
-                    anchors.topMargin: 12
+                            color: common.downloadValueColor(popup.downloadSpeed)
-                    anchors.bottom: parent.bottom
+                        }
-                    anchors.bottomMargin: 12
+
-                    width: 1
+                        Text {
-                    color: popup.cardBorder
+                            text: common.formatSpeedUnit(popup.downloadSpeed)
+                            font.pixelSize: Math.round(13 * popup.fontScale)
+                            color: common.downloadValueColor(popup.downloadSpeed)
+                            Layout.alignment: Qt.AlignBaseline
+                        }
+                    }
+                }
             }
 
             // 上传半区（右半）
@@ -220,95 +329,118 @@ Control {
                 anchors.right: parent.right
                 anchors.top: parent.top
                 anchors.bottom: parent.bottom
-                    anchors.rightMargin: 12
+                width: parent.width / 2
-                    width: (parent.width - 1) / 2 - 12
 
                 ColumnLayout {
                     anchors.centerIn: parent
-                        spacing: 4
+                    spacing: 2
-
-                        Rectangle {
-                            width: 32
-                            height: 32
-                            radius: 16
-                            color: popup.accentGreenLight
-                            Layout.alignment: Qt.AlignHCenter
-
-                            Text {
-                                anchors.centerIn: parent
-                                text: "↑"
-                                font.pixelSize: 18
-                                font.weight: Font.Bold
-                                color: popup.accentGreen
-                            }
-                        }
 
+                    // 上传标签
                     Text {
                         text: qsTr("Upload")
-                            font.pixelSize: 11
+                        font.pixelSize: Math.round(12 * popup.fontScale)
                         color: popup.secondaryText
                         Layout.alignment: Qt.AlignHCenter
                     }
 
+                    // 箭头 + 数值（大号粗体）+ 单位（小号）
+                    RowLayout {
+                        spacing: 2
+                        Layout.alignment: Qt.AlignHCenter
+
                         Text {
-                            text: common.formatSpeed(popup.uploadSpeed)
+                            text: "↑"
-                            font.pixelSize: 18
+                            font.pixelSize: Math.round(24 * popup.fontScale)
                             font.weight: Font.Bold
                             color: popup.uploadValueColor
-                            Layout.alignment: Qt.AlignHCenter
+                        }
+
+                        Text {
+                            text: common.formatSpeedValue(popup.uploadSpeed)
+                            font.pixelSize: Math.round(24 * popup.fontScale)
+                            font.weight: Font.Bold
+                            color: popup.uploadValueColor
+                        }
+
+                        Text {
+                            text: common.formatSpeedUnit(popup.uploadSpeed)
+                            font.pixelSize: Math.round(13 * popup.fontScale)
+                            color: popup.uploadValueColor
+                            Layout.alignment: Qt.AlignBaseline
+                        }
                     }
                 }
             }
         }
 
-            // 总量统计：单行紧凑
+        // 分隔线2
         Rectangle {
             Layout.fillWidth: true
-                Layout.preferredHeight: 44
+            Layout.preferredHeight: 1
-                color: popup.cardBackground
+            color: popup.cardBorder
-                radius: 12
-                border.width: 1
-                border.color: popup.cardBorder
             visible: popup.ready
+        }
 
+        // ==================== 分区3：累计流量 ====================
+        // 单行紧凑：总计标签 + 下载箭头/数值 + 上传箭头/数值
         RowLayout {
-                    anchors.fill: parent
+            Layout.fillWidth: true
-                    anchors.margins: 12
             spacing: 8
+            visible: popup.ready
 
             Item { Layout.fillWidth: true }
 
             Text {
                 text: qsTr("Total")
-                        font.pixelSize: 11
+                font.pixelSize: Math.round(12 * popup.fontScale)
-                        font.weight: Font.Bold
+                color: popup.tertiaryText
-                        color: popup.secondaryText
             }
 
             Text {
-                        text: "↓ " + common.formatTotal(popup.totalDownload)
+                text: "↓"
-                        font.pixelSize: 12
+                font.pixelSize: Math.round(12 * popup.fontScale)
+                font.weight: Font.Bold
+                color: popup.accentBlue
+            }
+
+            Text {
+                text: common.formatTotal(popup.totalDownload)
+                font.pixelSize: Math.round(13 * popup.fontScale)
                 color: popup.primaryText
             }
 
             Text {
-                        text: "↑ " + common.formatTotal(popup.totalUpload)
+                text: "↑"
-                        font.pixelSize: 12
+                font.pixelSize: Math.round(12 * popup.fontScale)
+                font.weight: Font.Bold
+                color: popup.accentGreen
+            }
+
+            Text {
+                text: common.formatTotal(popup.totalUpload)
+                font.pixelSize: Math.round(13 * popup.fontScale)
                 color: popup.primaryText
             }
 
             Item { Layout.fillWidth: true }
         }
+
+        // 分隔线3
+        Rectangle {
+            Layout.fillWidth: true
+            Layout.preferredHeight: 1
+            color: popup.cardBorder
+            visible: popup.ready
         }
 
-            // 接口切换 chip 列表：水平滚动，物理网卡在前、虚拟网卡在后，顺序稳定不随切换变化
+        // ==================== 分区4：接口切换 chip 列表 ====================
+        // 水平滚动，物理网卡在前、虚拟网卡在后，顺序稳定不随切换变化
         // chip 少时分散撑满一行；chip 多超出宽度时固定宽度 + 水平滚动
         // 活动 chip 不在可视区域或被截断时，自动滚动露出完整样式（见 scrollToActiveChip）
         Flickable {
             id: chipFlickable
             Layout.fillWidth: true
-                // 高度需容纳 chip（28px）+ 水平滚动条（~6px）+ 上下间距，
+            // 高度需容纳 chip（28px）+ 水平滚动条（~6px）+ 上下间距
-                // 此前 32px 仅剩 4px 给滚动条，导致滚动条无法正常显示
             Layout.preferredHeight: 40
             visible: popup.ready && popup.networkInterfaces.length > 1
             contentWidth: Math.max(chipRow.width, width)
@@ -387,21 +519,25 @@ Control {
                         width: Math.max(chipFlickable.equalChipWidth, chipText.implicitWidth + 24)
                         height: 28
                         radius: 8
+                        // 选中态：蓝色填充+蓝边框；未选中态：透明背景+cardBorder 边框
+                        // hover 态：边框变蓝、文字变蓝，提供清晰交互反馈
                         color: modelData === popup.activeInterface
                                ? popup.accentBlue
-                                   : (chipMouse.containsMouse ? popup.accentBlueLight : popup.cardBackground)
+                               : "transparent"
                         border.width: 1
                         border.color: modelData === popup.activeInterface
                                        ? popup.accentBlue
-                                           : popup.cardBorder
+                                       : (chipMouse.containsMouse ? popup.accentBlue : popup.cardBorder)
 
                         Text {
                             id: chipText
                             anchors.centerIn: parent
                             text: modelData
-                                font.pixelSize: 11
+                            font.pixelSize: Math.round(12 * popup.fontScale)
                             font.weight: modelData === popup.activeInterface ? Font.Bold : Font.Normal
-                                color: modelData === popup.activeInterface ? "white" : popup.primaryText
+                            color: modelData === popup.activeInterface
+                                   ? "white"
+                                   : (chipMouse.containsMouse ? popup.accentBlue : popup.primaryText)
                         }
 
                         MouseArea {
@@ -434,36 +570,23 @@ Control {
             }
         }
 
-            // 未检测到接口占位
+        // 填充剩余空间，将内容推至顶部
-            Rectangle {
-                Layout.fillWidth: true
-                Layout.preferredHeight: 80
-                color: popup.cardBackground
-                radius: 12
-                border.width: 1
-                border.color: popup.cardBorder
-                visible: !popup.ready
-
-                ColumnLayout {
-                    anchors.centerIn: parent
-                    spacing: 6
-
-                    Text {
-                        text: "⚠"
-                        font.pixelSize: 24
-                        color: popup.secondaryText
-                        Layout.alignment: Qt.AlignHCenter
-                    }
-
-                    Text {
-                        text: qsTr("No network interface detected")
-                        font.pixelSize: 12
-                        color: popup.secondaryText
-                        Layout.alignment: Qt.AlignHCenter
-                    }
-                }
-            }
-
         Item { Layout.fillHeight: true }
     }
+
+    // 隐藏的 TextEdit 用于复制 IP 地址到剪贴板
+    // QML 没有直接剪贴板 API，用 TextEdit.selectAll()+copy() 实现
+    //（与 SettingsWindow/AboutWindow 中 clipboardHelper 同模式）
+    TextEdit {
+        id: clipboardHelper
+        visible: false
+        text: ""
+    }
+
+    // 复制反馈定时器：2 秒后将 copiedField 清空，图标从 ✓ 恢复为 ⧉
+    Timer {
+        id: copyFeedbackTimer
+        interval: 2000
+        onTriggered: popup.copiedField = ""
+    }
 }

package/components/SettingsWindow.qml

@@ -13,10 +13,15 @@ import QtQuick 2.15
 import QtQuick.Controls 2.15
 import QtQuick.Layouts 1.15
 import QtQuick.Window 2.15
+import "."
 
 Window {
     id: root
 
+    // 公共函数：interfaceIcon/interfaceDescription 已从本文件迁移至 NetCommon.qml，
+    // 与 NetworkPopup 共享同一份实现，消除跨组件重复定义
+    NetCommon { id: common }
+
     // 对外依赖：C++ 后端对象，用于获取/设置接口、字体颜色等
     property var applet: null
 
@@ -66,37 +71,6 @@ Window {
     // 窗口透明：让圆角外的区域不显示，由内部 Rectangle 提供可见背景
     color: "transparent"
 
-    // 根据接口名返回类型描述，用于设置窗口网络接口列表
-    // 设计原因：用户面对多个网口时难以仅凭 enp3s0/wlp3s0 等命名判断用途，
-    // 加一行类型说明（有线/无线/VPN 等）降低认知负担
-    function interfaceDescription(name) {
-        if (name === "lo") return qsTr("Loopback")
-        if (name === "Meta") return qsTr("Virtual Interface")
-        if (/^enp|^eth/.test(name)) return qsTr("Wired Network")
-        if (/^wlp|^wlan/.test(name)) return qsTr("Wireless Network")
-        if (/^docker|^veth/.test(name)) return qsTr("Container Network")
-        if (/^br/.test(name)) return qsTr("Bridge")
-        if (/^tun|^tap/.test(name)) return qsTr("VPN")
-        if (/^virbr/.test(name)) return qsTr("Virtual Bridge")
-        return qsTr("Other")
-    }
-
-    // 根据接口名返回类型图标（Unicode 符号），用于网络接口列表每行左侧
-    // 设计原因：项目未引入图标库，用 Text 渲染 Unicode 符号（与 networkview.qml 的 ↓↑ 一致）；
-    // 所选符号均为 DejaVu/Noto 等常见字体覆盖的单色字形，避免彩色 emoji 破坏浅色主题观感，
-    // 匹配规则与 interfaceDescription 保持一致
-    function interfaceIcon(name) {
-        if (name === "lo") return "↻"               // 本地回环：循环箭头
-        if (name === "Meta") return "▢"             // 虚拟接口：空心方块
-        if (/^enp|^eth/.test(name)) return "⇄"      // 有线网络：双向链路
-        if (/^wlp|^wlan/.test(name)) return "∿"     // 无线网络：信号波形
-        if (/^docker|^veth/.test(name)) return "▣"  // 容器网络：盒中盒
-        if (/^br/.test(name)) return "⋈"            // 桥接：连接（蝴蝶结形）
-        if (/^tun|^tap/.test(name)) return "⚿"      // VPN：钥匙
-        if (/^virbr/.test(name)) return "⋈"         // 虚拟桥接：同桥接
-        return "◉"                                  // 其他：通用网络节点
-    }
-
     // 显示时居中到当前屏幕（任务栏所在屏幕）
     onVisibleChanged: {
         if (visible) {
@@ -291,7 +265,7 @@ Window {
                                                 Layout.alignment: Qt.AlignVCenter
                                                 Layout.preferredWidth: 20
                                                 horizontalAlignment: Text.AlignHCenter
-                                                text: interfaceIcon(modelData)
+                                                text: common.interfaceIcon(modelData)
                                                 font.pixelSize: 14
                                                 color: ifaceRow.isActive ? ifaceRow.activeColor : root.iconGray
                                             }
@@ -333,7 +307,7 @@ Window {
                                             // 接口类型描述：右对齐显示，与接口名分居两侧
                                             Text {
                                                 Layout.alignment: Qt.AlignVCenter
-                                                text: interfaceDescription(modelData)
+                                                text: common.interfaceDescription(modelData)
                                                 font.pixelSize: 12
                                                 color: root.textTertiary
                                             }

package/networkview.qml

@@ -264,8 +264,8 @@ AppletItem {
     // 弹窗内容由 NetworkPopup.qml 提供，传入 applet，内部自行派生颜色和数据
     PanelPopup {
         id: networkPopup
-        width: 360
+        width: 330
-        height: 320
+        height: 250
         popupX: DockPanelPositioner.x
         popupY: DockPanelPositioner.y
 
@@ -280,6 +280,7 @@ AppletItem {
         NetworkPopup {
             id: popupContent
             applet: root.applet
+            common: common
             anchors.fill: parent
         }