编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>KOL建联管理平台</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
            background: #f5f7fa;
            color: #333;
        }
        /* 侧边栏 */
        .sidebar {
            position: fixed;
            left: 0;
            top: 0;
            width: 240px;
            height: 100vh;
            background: linear-gradient(180deg, #1a1f36 0%, #2d3555 100%);
            color: #fff;
            padding: 20px 0;
            overflow-y: auto;
        }
        .logo {
            padding: 0 20px 30px;
            border-bottom: 1px solid rgba(255,255,255,0.1);
            margin-bottom: 20px;
        }
        .logo h1 {
            font-size: 20px;
            font-weight: 600;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .logo span {
            font-size: 12px;
            color: rgba(255,255,255,0.5);
        }
        .nav-item {
            padding: 12px 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.3s;
            border-left: 3px solid transparent;
        }
        .nav-item:hover {
            background: rgba(255,255,255,0.1);
        }
        .nav-item.active {
            background: rgba(102, 126, 234, 0.2);
            border-left-color: #667eea;
        }
        .nav-item svg {
            width: 20px;
            height: 20px;
            opacity: 0.7;
        }
        .nav-item.active svg {
            opacity: 1;
        }
        .nav-group {
            margin-bottom: 8px;
        }
        .nav-group-title {
            font-size: 11px;
            text-transform: uppercase;
            color: rgba(255,255,255,0.4);
            padding: 8px 20px;
            letter-spacing: 1px;
        }
        /* 主内容区 */
        .main {
            margin-left: 240px;
            min-height: 100vh;
        }
        .header {
            background: #fff;
            padding: 16px 30px;
            border-bottom: 1px solid #e8ecf1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            z-index: 100;
        }
        .header-left {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        .header h2 {
            font-size: 18px;
            font-weight: 600;
        }
        .breadcrumb {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            color: #8c9299;
        }
        .breadcrumb a {
            color: #667eea;
            text-decoration: none;
        }
        .header-right {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .search-box {
            display: flex;
            align-items: center;
            background: #f5f7fa;
            border-radius: 8px;
            padding: 8px 16px;
            width: 280px;
        }
        .search-box input {
            border: none;
            background: none;
            outline: none;
            width: 100%;
            font-size: 14px;
        }
        .user-info {
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }
        .avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 600;
        }
        /* 内容区 */
        .content {
            padding: 24px 30px;
        }
        /* 隐藏所有页面 */
        .page {
            display: none;
        }
        .page.active {
            display: block;
        }
        /* 统计卡片 */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 24px;
        }
        .stat-card {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .stat-card .label {
            font-size: 13px;
            color: #8c9299;
            margin-bottom: 8px;
        }
        .stat-card .value {
            font-size: 32px;
            font-weight: 700;
            color: #1a1f36;
        }
        .stat-card .trend {
            font-size: 12px;
            margin-top: 8px;
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .trend.up { color: #52c41a; }
        .trend.down { color: #ff4d4f; }
        /* 快捷入口 */
        .quick-actions {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .quick-actions h3 {
            font-size: 16px;
            margin-bottom: 16px;
        }
        .quick-grid {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 16px;
        }
        .quick-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            padding: 16px;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s;
        }
        .quick-item:hover {
            background: #f5f7fa;
        }
        .quick-icon {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
        }
        .quick-item span {
            font-size: 13px;
            color: #555;
        }
        /* 待办列表 */
        .todo-list {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .todo-list h3 {
            font-size: 16px;
            margin-bottom: 16px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .todo-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 0;
            border-bottom: 1px solid #f0f0f0;
        }
        .todo-item:last-child {
            border-bottom: none;
        }
        .todo-checkbox {
            width: 20px;
            height: 20px;
            border: 2px solid #667eea;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .todo-item.done .todo-checkbox {
            background: #667eea;
            color: #fff;
        }
        .todo-content {
            flex: 1;
        }
        .todo-content .title {
font-size: 14px;
            margin-bottom: 4px;
        }
        .todo-item.done .title {
            text-decoration: line-through;
            color: #999;
        }
        .todo-content .meta {
            font-size: 12px;
            color: #8c9299;
        }
        .todo-tag {
            font-size: 11px;
            padding: 2px 8px;
            border-radius: 4px;
            background: #fff2e8;
            color: #fa8c16;
        }
        .todo-tag.urgent {
            background: #fff1f0;
            color: #ff4d4f;
        }
        /* 筛选面板 */
        .filter-panel {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .filter-row {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            margin-bottom: 16px;
        }
        .filter-row:last-child {
            margin-bottom: 0;
        }
        .filter-group {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
        .filter-group label {
            font-size: 12px;
            color: #666;
            font-weight: 500;
        }
        .filter-group select, .filter-group input {
            padding: 8px 12px;
            border: 1px solid #e8ecf1;
            border-radius: 6px;
            font-size: 13px;
            min-width: 160px;
            outline: none;
        }
        .filter-group select:focus, .filter-group input:focus {
            border-color: #667eea;
        }
        .filter-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .filter-tag {
            padding: 6px 12px;
            background: #f5f7fa;
            border-radius: 6px;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s;
}
        .filter-tag:hover, .filter-tag.active {
            background: #667eea;
            color: #fff;
        }
        .btn {
            padding: 8px 20px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.3s;
        }
        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #fff;
        }
        .btn-primary:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
        }
        .btn-secondary {
            background: #f5f7fa;
            color: #333;
        }
        /* KOL卡片列表 */
        .kol-list {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .kol-card {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
            cursor: pointer;
            transition: all 0.3s;
        }
        .kol-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.08);
        }
        .kol-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }
        .kol-avatar {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 20px;
            font-weight: 600;
        }
        .kol-info h4 {
            font-size: 15px;
            margin-bottom: 4px;
        }
        .kol-info .platform {
            font-size: 12px;
            color: #8c9299;
        }
        .kol-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
            margin-bottom: 16px;
        }
        .kol-stat {
            text-align: center;
            padding: 12px;
            background: #f9fafb;
            border-radius: 8px;
        }
        .kol-stat .value {
            font-size: 18px;
            font-weight: 600;
            color: #1a1f36;
        }
        .kol-stat .label {
            font-size: 11px;
            color: #8c9299;
            margin-top: 4px;
        }
        .kol-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }
        .kol-tag {
            font-size: 11px;
            padding: 4px 8px;
            background: #f0f5ff;
            color: #667eea;
            border-radius: 4px;
        }
        .kol-actions {
            display: flex;
            gap: 8px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #f0f0f0;
        }
        .kol-actions .btn {
            flex: 1;
            padding: 8px;
            font-size: 13px;
        }
        /* 详情页 */
        .detail-header {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 24px;
            display: flex;
            gap: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .detail-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 36px;
            font-weight: 600;
            flex-shrink: 0;
        }
        .detail-info {
            flex: 1;
        }
        .detail-info h2 {
            font-size: 24px;
            margin-bottom: 8px;
        }
        .detail-info .meta {
            color: #666;
            font-size: 14px;
            margin-bottom: 12px;
        }
        .detail-stats {
            display: flex;
            gap: 32px;
        }
        .detail-stat {
            text-align: center;
        }
        .detail-stat .value {
            font-size: 24px;
            font-weight: 700;
            color: #1a1f36;
        }
        .detail-stat .label {
            font-size: 12px;
            color: #8c9299;
        }
        .detail-tabs {
            display: flex;
            gap: 4px;
            background: #fff;
            padding: 4px;
            border-radius: 8px;
            margin-bottom: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .detail-tab {
            padding: 10px 20px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.2s;
        }
        .detail-tab:hover {
            background: #f5f7fa;
        }
        .detail-tab.active {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #fff;
        }
        .detail-content {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .detail-section {
            margin-bottom: 24px;
        }
        .detail-section:last-child {
            margin-bottom: 0;
        }
        .detail-section h4 {
            font-size: 15px;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #f0f0f0;
        }
        .metric-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 16px;
        }
        .metric-card {
            background: #f9fafb;
            padding: 16px;
            border-radius: 8px;
            text-align: center;
        }
        .metric-card .value {
            font-size: 20px;
            font-weight: 600;
            color: #1a1f36;
        }
        .metric-card .label {
            font-size: 12px;
            color: #8c9299;
            margin-top: 4px;
        }
        /* 图表区域 */
        .chart-container {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            margin-bottom: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .chart-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .chart-placeholder {
            height: 280px;
            background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #8c9299;
            font-size: 14px;
        }
        /* 邮件编辑器 */
        .email-editor {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .email-editor textarea {
            width: 100%;
            min-height: 300px;
            border: 1px solid #e8ecf1;
            border-radius: 8px;
            padding: 16px;
            font-size: 14px;
            resize: vertical;
            outline: none;
        }
        .email-editor textarea:focus {
            border-color: #667eea;
        }
        .email-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
        }
        /* CRM表格 */
        .crm-table {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .table-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 24px;
            border-bottom: 1px solid #f0f0f0;
        }
        .table-filters {
            display: flex;
            gap: 12px;
        }
        .status-tabs {
            display: flex;
            gap: 4px;
            background: #f5f7fa;
            padding: 4px;
            border-radius: 8px;
        }
        .status-tab {
            padding: 8px 16px;
            border-radius: 6px;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s;
        }
        .status-tab:hover {
            background: #fff;
        }
        .status-tab.active {
            background: #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 14px 24px;
            text-align: left;
            border-bottom: 1px solid #f0f0f0;
        }
        th {
            background: #f9fafb;
            font-size: 12px;
            font-weight: 600;
            color: #666;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        td {
            font-size: 14px;
        }
        tr:hover {
            background: #f9fafb;
        }
        .status-badge {
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 500;
        }
        .status-badge.pending { background: #fff7e6; color: #fa8c16; }
        .status-badge.sent { background: #e6f7ff; color: #1890ff; }
        .status-badge.opened { background: #f6ffed; color: #52c41a; }
        .status-badge.replied { background: #d9f7be; color: #389e0d; }
        .status-badge.negotiating { background: #fff1f0; color: #ff4d4f; }
        .status-badge.confirmed { background: #d9d9d9; color: #595959; }
        /* AI筛选表单 */
        .ai-filter-form {
            background: #fff;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.04);
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-group label {
            display: block;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
            color: #333;
        }
        .form-group input, .form-group textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid #e8ecf1;
            border-radius: 8px;
            font-size: 14px;
            outline: none;
        }
        .form-group input:focus, .form-group textarea:focus {
            border-color: #667eea;
        }
        /* 物流追踪 */
        .tracking-timeline {
            position: relative;
            padding-left: 30px;
        }
        .tracking-timeline::before {
            content: '';
            position: absolute;
            left: 10px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: #e8ecf1;
        }
        .timeline-item {
            position: relative;
            padding-bottom: 24px;
        }
        .timeline-item::before {
            content: '';
            position: absolute;
            left: -24px;
            top: 4px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #667eea;
            border: 2px solid #fff;
        }
        .timeline-item.pending::before {
            background: #e8ecf1;
        }
        .timeline-item .time {
            font-size: 12px;
            color: #8c9299;
            margin-bottom: 4px;
        }
        .timeline-item .desc {
            font-size: 14px;
            color: #333;
        }
        /* 数据看板 */
        .dashboard-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        .funnel-chart {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
        }
        .funnel-step {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
            color: #fff;
            font-weight: 600;
            border-radius: 4px;
            transition: all 0.3s;
        }
        .funnel-step:hover {
            transform: scale(1.02);
        }
        /* 弹窗 */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }
        .modal-overlay.show {
            display: flex;
        }
        .modal {
            background: #fff;
            border-radius: 16px;
            width: 90%;
            max-width: 600px;
            max-height: 80vh;
            overflow-y: auto;
            animation: modalIn 0.3s ease;
        }
        @keyframes modalIn {
            from {
                opacity: 0;
                transform: scale(0.95);
            }
            to {
                opacity: 1;
                transform: scale(1);
            }
        }
        .modal-header {
            padding: 20px 24px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .modal-header h3 {
            font-size: 18px;
        }
        .modal-close {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: none;
            background: #f5f7fa;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .modal-body {
            padding: 24px;
        }
        .modal-footer {
            padding: 16px 24px;
            border-top: 1px solid #f0f0f0;
            display: flex;
            justify-content: flex-end;
            gap: 12px;
        }
        /* Toast通知 */
        .toast-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 2000;
        }
        .toast {
            background: #fff;
            padding: 16px 24px;
            border-radius: 8px;
            box-shadow: 0 4px 24px rgba(0,0,0,0.15);
            margin-bottom: 12px;
            animation: toastIn 0.3s ease;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        @keyframes toastIn {
            from {
                opacity: 0;
                transform: translateX(100px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        .toast.success {
            border-left: 4px solid #52c41a;
        }
        .toast.error {
            border-left: 4px solid #ff4d4f;
        }
        /* 响应式 */
        @media (max-width: 1200px) {
            .kol-list {
                grid-template-columns: repeat(2, 1fr);
            }
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .sidebar {
                display: none;
            }
            .main {
                margin-left: 0;
            }
            .kol-list {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <!-- 侧边栏 -->
    <aside class="sidebar">
        <div class="logo">
            <h1>KOL Manager</h1>
            <span>建联管理平台</span>
        </div>
        <nav>
            <div class="nav-group">
                <div class="nav-group-title">工作台</div>
                <div class="nav-item active" data-page="dashboard">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <rect x="3" y="3" width="7" height="9" rx="1"/>
                        <rect x="14" y="3" width="7" height="5" rx="1"/>
                        <rect x="14" y="12" width="7" height="9" rx="1"/>
                        <rect x="3" y="16" width="7" height="5" rx="1"/>
                    </svg>
                    <span>首页工作台</span>
                </div>
            </div>
            <div class="nav-group">
                <div class="nav-group-title">KOL管理</div>
                <div class="nav-item" data-page="kol-discover">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <circle cx="11" cy="11" r="8"/>
                        <path d="m21 21-4.35-4.35"/>
                    </svg>
                    <span>KOL发现</span>
                </div>
                <div class="nav-item" data-page="kol-detail">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
                        <circle cx="12" cy="7" r="4"/>
                    </svg>
                    <span>KOL详情</span>
                </div>
                <div class="nav-item" data-page="ai-filter">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M12 2a10 10 0 1 0 10 10H12V2z"/>
                        <path d="M12 2a7 7 0 0 1 7 7"/>
                        <circle cx="12" cy="12" r="3"/>
                    </svg>
                    <span>AI筛选推荐</span>
                </div>
            </div>
            <div class="nav-group">
                <div class="nav-group-title">沟通管理</div>
                <div class="nav-item" data-page="email-compose">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <rect x="2" y="4" width="20" height="16" rx="2"/>
                        <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
                    </svg>
                    <span>邮件建联</span>
                </div>
                <div class="nav-item" data-page="email-track">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
                    </svg>
                    <span>邮件追踪</span>
                </div>
                <div class="nav-item" data-page="ai-followup">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
                    </svg>
                    <span>AI跟进</span>
                </div>
            </div>
            <div class="nav-group">
                <div class="nav-group-title">CRM管理</div>
                <div class="nav-item" data-page="crm">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
                        <circle cx="9" cy="7" r="4"/>
                        <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
                        <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                    </svg>
                    <span>CRM管理</span>
                </div>
            </div>
            <div class="nav-group">
                <div class="nav-group-title">数据分析</div>
                <div class="nav-item" data-page="dashboard-data">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="18" y1="20" x2="18" y2="10"/>
                        <line x1="12" y1="20" x2="12" y2="4"/>
                        <line x1="6" y1="20" x2="6" y2="14"/>
                    </svg>
                    <span>数据看板</span>
                </div>
            </div>
            <div class="nav-group">
                <div class="nav-group-title">运营支持</div>
                <div class="nav-item" data-page="cooperation">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
                    </svg>
                    <span>合作维护</span>
                </div>
                <div class="nav-item" data-page="logistics">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <rect x="1" y="3" width="15" height="13" rx="2"/>
                        <path d="M16 8h4l3 3v5h-7V8z"/>
                        <circle cx="5.5" cy="18.5" r="2.5"/>
                        <circle cx="18.5" cy="18.5" r="2.5"/>
                    </svg>
                    <span>寄样物流</span>
                </div>
            </div>
        </nav>
    </aside>

    <!-- 主内容区 -->
    <main class="main">
        <header class="header">
            <div class="header-left">
                <div class="breadcrumb">
                    <span>首页</span>
                    <span>/</span>
                    <span id="pageTitle">工作台</span>
                </div>
            </div>
            <div class="header-right">
                <div class="search-box">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#8c9299" stroke-width="2">
                        <circle cx="11" cy="11" r="8"/>
                        <path d="m21 21-4.35-4.35"/>
                    </svg>
                    <input type="text" placeholder="搜索KOL...">
                </div>
                <div class="user-info">
                    <div class="avatar">S</div>
                    <span>Sarah</span>
                </div>
            </div>
        </header>

        <div class="content">
            <!-- 首页工作台 -->
            <section class="page active" id="page-dashboard">
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="label">待联系</div>
                        <div class="value">128</div>
                        <div class="trend up">
                            <span>↑ 12%</span>
                            <span>较上周</span>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="label">发送量</div>
                        <div class="value">2,456</div>
                        <div class="trend up">
                            <span>↑ 8%</span>
                            <span>较上周</span>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="label">回复率</div>
                        <div class="value">18.6%</div>
                        <div class="trend up">
                            <span>↑ 2.3%</span>
                            <span>较上周</span>
                        </div>
                    </div>
                    <div class="stat-card">
                        <div class="label">合作确认</div>
                        <div class="value">47</div>
                        <div class="trend down">
                            <span>↓ 5%</span>
                            <span>较上周</span>
                        </div>
                    </div>
                </div>

                <div class="quick-actions">
                    <h3>快捷入口</h3>
                    <div class="quick-grid">
                        <div class="quick-item" onclick="navigateTo('kol-discover')">
                            <div class="quick-icon" style="background: #e6f7ff;">🔍</div>
                            <span>KOL发现</span>
                        </div>
                        <div class="quick-item" onclick="navigateTo('ai-filter')">
                            <div class="quick-icon" style="background: #fff7e6;">🤖</div>
                            <span>AI筛选</span>
                        </div>
                        <div class="quick-item" onclick="navigateTo('email-compose')">
                            <div class="quick-icon" style="background: #f6ffed;">✉️</div>
                            <span>发送邮件</span>
                        </div>
                        <div class="quick-item" onclick="navigateTo('crm')">
                            <div class="quick-icon" style="background: #fff1f0;">👥</div>
                            <span>CRM管理</span>
                        </div>
                        <div class="quick-item" onclick="navigateTo('logistics')">
                            <div class="quick-icon" style="background: #f9f0ff;">📦</div>
                            <span>物流追踪</span>
                        </div>
                        <div class="quick-item" onclick="navigateTo('dashboard-data')">
                            <div class="quick-icon" style="background: #fff2e8;">📊</div>
                            <span>数据看板</span>
                        </div>
                    </div>
                </div>

                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px;">
                    <div class="todo-list">
                        <h3>
                            待办提醒
                            <button class="btn btn-secondary" style="padding: 6px 12px; font-size: 12px;">查看全部</button>
                        </h3>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">跟进 @fashionista_jane 的回复</div>
                                <div class="meta">已等待 3 天</div>
                            </div>
                            <span class="todo-tag urgent">紧急</span>
                        </div>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">发送样品追踪给 @style_maven</div>
                                <div class="meta">包裹已签收</div>
                            </div>
                            <span class="todo-tag">待处理</span>
                        </div>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">确认 @beauty_queen 合作细节</div>
                                <div class="meta">明天到期</div>
                            </div>
                            <span class="todo-tag">待确认</span>
                        </div>
                        <div class="todo-item done">
                            <div class="todo-checkbox">✓</div>
                            <div class="todo-content">
                                <div class="title">发送首封邮件给 @travel_influencer</div>
                                <div class="meta">已完成</div>
                            </div>
                            <span class="todo-tag">完成</span>
                        </div>
                    </div>

                    <div class="todo-list">
                        <h3>
                            最近操作
                            <button class="btn btn-secondary" style="padding: 6px 12px; font-size: 12px;">查看全部</button>
                        </h3>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">@lifestyle_creator</div>
                                <div class="meta">状态变更：已发送 → 已打开</div>
                            </div>
                            <span class="todo-tag">刚刚</span>
                        </div>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">@fitness_guru</div>
                                <div class="meta">添加到待联系队列</div>
                            </div>
                            <span class="todo-tag">10分钟前</span>
                        </div>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">@fashion_blogger</div>
                                <div class="meta">发送邮件 - 夏季新品邀约</div>
                            </div>
                            <span class="todo-tag">30分钟前</span>
                        </div>
                        <div class="todo-item">
                            <div class="todo-checkbox"></div>
                            <div class="todo-content">
                                <div class="title">@beauty_insider</div>
                                <div class="meta">AI筛选推荐得分：92分</div>
                            </div>
                            <span class="todo-tag">1小时前</span>
                        </div>
                    </div>
                </div>
            </section>

            <!-- KOL发现 -->
            <section class="page" id="page-kol-discover">
                <div class="filter-panel">
                    <div class="filter-row">
                        <div class="filter-group">
                            <label>平台</label>
                            <select>
                                <option>全部平台</option>
                                <option>TikTok</option>
                                <option>Instagram</option>
                                <option>YouTube</option>
                            </select>
                        </div>
                        <div class="filter-group">
                            <label>地区</label>
                            <select>
                                <option>全部地区</option>
                                <option>美国</option>
                                <option>英国</option>
                                <option>德国</option>
                                <option>法国</option>
                            </select>
                        </div>
                        <div class="filter-group">
                            <label>粉丝量</label>
                            <select>
                                <option>不限</option>
<option>1万以下</option>
                                <option>1-10万</option>
                                <option>10-50万</option>
                                <option>50万以上</option>
                            </select>
                        </div>
                        <div class="filter-group">
                            <label>互动率</label>
                            <select>
                                <option>不限</option>
                                <option>3%以上</option>
                                <option>5%以上</option>
                                <option>10%以上</option>
                            </select>
                        </div>
                    </div>
                    <div class="filter-row">
                        <div class="filter-group" style="flex: 1;">
                            <label>内容垂类</label>
                            <div class="filter-tags">
                                <span class="filter-tag active">服装</span>
                                <span class="filter-tag">时尚</span>
                                <span class="filter-tag">生活</span>
                                <span class="filter-tag">美妆</span>
                                <span class="filter-tag">运动</span>
                                <span class="filter-tag">旅行</span>
                            </div>
                        </div>
                    </div>
                    <div class="filter-row">
                        <div class="filter-group" style="flex: 1;">
                            <label>内容风格</label>
                            <div class="filter-tags">
                                <span class="filter-tag">极简</span>
                                <span class="filter-tag active">街头</span>
                                <span class="filter-tag">轻奢</span>
                                <span class="filter-tag">运动</span>
                                <span class="filter-tag">休闲</span>
                            </div>
                        </div>
                        <button class="btn btn-primary" onclick="showToast('搜索完成，找到 256 个KOL')">开始搜索</button>
                        <button class="btn btn-secondary">保存条件</button>
                    </div>
                </div>

                <div style="background: #fff; padding: 16px 24px; border-radius: 12px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;">
                    <span style="color: #666;">找到 <strong>256</strong> 个符合条件的KOL</span>
                    <div style="display: flex; gap: 12px;">
                        <button class="btn btn-secondary" onclick="showToast('批量选中 0 个KOL')">批量选中</button>
                        <button class="btn btn-primary" onclick="navigateTo('email-compose')">批量发送邮件</button>
                    </div>
                </div>

                <div class="kol-list">
                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar">S</div>
                            <div class="kol-info">
                                <h4>@style_savvy</h4>
                                <div class="platform">Instagram · 美国 · 英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">58.6万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">4.8%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$12.5K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">92</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">服装</span>
                            <span class="kol-tag">街头</span>
                            <span class="kol-tag">时尚</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
                        </div>
                    </div>

                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">M</div>
                            <div class="kol-info">
                                <h4>@makeup_master</h4>
                                <div class="platform">TikTok · 美国 · 英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">120万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">6.2%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$28K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">95</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">美妆</span>
                            <span class="kol-tag">教程</span>
                            <span class="kol-tag">轻奢</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
                        </div>
                    </div>

                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar" style="background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);">F</div>
                            <div class="kol-info">
                                <h4>@fitness_freak</h4>
                                <div class="platform">YouTube · 英国 · 英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">89万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">5.1%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$18K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">88</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">运动</span>
                            <span class="kol-tag">健身</span>
                            <span class="kol-tag">健康</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
                        </div>
                    </div>

                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar" style="background: linear-gradient(135deg, #d299c2 0%, #fef9d7 100%);">T</div>
                            <div class="kol-info">
                                <h4>@travel_tales</h4>
                                <div class="platform">Instagram · 德国 · 德语/英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">45万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">3.9%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$8.2K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">90</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">旅行</span>
                            <span class="kol-tag">生活方式</span>
                            <span class="kol-tag">探险</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
                        </div>
                    </div>

                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar" style="background: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%);">L</div>
                            <div class="kol-info">
                                <h4>@luxe_living</h4>
                                <div class="platform">Instagram · 法国 · 法语/英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">78万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">4.5%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$15K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">94</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">轻奢</span>
                            <span class="kol-tag">时尚</span>
                            <span class="kol-tag">生活</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
                        </div>
                    </div>

                    <div class="kol-card" onclick="navigateTo('kol-detail')">
                        <div class="kol-header">
                            <div class="kol-avatar" style="background: linear-gradient(135deg, #fddb92 0%, #d1fdff 100%);">S</div>
                            <div class="kol-info">
                                <h4>@skincare_sensei</h4>
                                <div class="platform">TikTok · 美国 · 英文</div>
                            </div>
                        </div>
                        <div class="kol-stats">
                            <div class="kol-stat">
                                <div class="value">156万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">7.8%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">$35K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="kol-stat">
                                <div class="value">97</div>
                                <div class="label">真实性</div>
                            </div>
                        </div>
                        <div class="kol-tags">
                            <span class="kol-tag">美妆</span>
                            <span class="kol-tag">护肤</span>
                            <span class="kol-tag">教程</span>
                        </div>
                        <div class="kol-actions">
                            <button class="btn btn-secondary" onclick="event.stopPropagation(); showToast('已添加关注')">关注</button>
                            <button class="btn btn-primary" onclick="event.stopPropagation(); navigateTo('email-compose')">发邮件</button>
</div>
                    </div>
                </div>
            </section>

            <!-- KOL详情 -->
            <section class="page" id="page-kol-detail">
                <div class="detail-header">
                    <div class="detail-avatar">S</div>
                    <div class="detail-info">
                        <h2>@style_savvy</h2>
                        <div class="meta">Instagram · 美国加州 · @stylesavvy · 已认证</div>
                        <div class="detail-stats">
                            <div class="detail-stat">
                                <div class="value">58.6万</div>
                                <div class="label">粉丝数</div>
                            </div>
                            <div class="detail-stat">
                                <div class="value">4.8%</div>
                                <div class="label">互动率</div>
                            </div>
                            <div class="detail-stat">
                                <div class="value">$12.5K</div>
                                <div class="label">EMV</div>
                            </div>
                            <div class="detail-stat">
                                <div class="value">92</div>
                                <div class="label">真实性评分</div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="detail-tabs">
                    <div class="detail-tab active" onclick="switchDetailTab(this, 'basic')">基础信息</div>
                    <div class="detail-tab" onclick="switchDetailTab(this, 'content')">内容分析</div>
                    <div class="detail-tab" onclick="switchDetailTab(this, 'audience')">粉丝画像</div>
                    <div class="detail-tab" onclick="switchDetailTab(this, 'commercial')">商业数据</div>
                    <div class="detail-tab" onclick="switchDetailTab(this, 'history')">历史记录</div>
                </div>

                <div class="detail-content" id="detail-basic">
                    <div class="detail-section">
                        <h4>规模指标</h4>
                        <div class="metric-grid">
                            <div class="metric-card">
                                <div class="value">58.6万</div>
                                <div class="label">总粉丝数</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">+2.3万</div>
                                <div class="label">30天增长</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">+5.8万</div>
                                <div class="label">90天增长</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">4.8%</div>
                                <div class="label">互动率</div>
                            </div>
                        </div>
                    </div>

                    <div class="detail-section">
                        <h4>内容表现</h4>
                        <div class="metric-grid">
                            <div class="metric-card">
                                <div class="value">12.5万</div>
                                <div class="label">平均播放量</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">68%</div>
                                <div class="label">完播率</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">8,420</div>
                                <div class="label">平均点赞数</div>
                            </div>
                            <div class="metric-card">
                                <div class="value">386</div>
                                <div class="label">平均评论数</div>
                            </div>
                        </div>
                    </div>

                    <div class="detail-section">
                        <h4>联系方式</h4>
                        <div style="display: flex; gap: 16px; align-items: center;">
                            <div style="flex: 1; padding: 16px; background: #f9fafb; border-radius: 8px;">
                                <div style="font-size: 12px; color: #8c9299; margin-bottom: 4px;">邮箱地址</div>
                                <div style="font-size: 15px;">contact@stylesavvy.com</div>
                            </div>
                            <button class="btn btn-primary" onclick="navigateTo('email-compose')">发送邮件</button>
                        </div>
                    </div>

                    <div class="detail-section">
                        <h4>操作</h4>
                        <div style="display: flex; gap: 12px;">
                            <button class="btn btn-secondary" onclick="showToast('已添加关注')">⭐ 关注</button>
                            <button class="btn btn-secondary" onclick="showToast('已添加到待联系')">📋 加入待联系</button>
                            <button class="btn btn-secondary" onclick="showToast('已添加备注')">📝 添加备注</button>
                            <button class="btn btn-secondary" onclick="showToast('已添加到CRM')">👥 加入CRM</button>
                        </div>
                    </div>
                </div>
            </section>

            <!-- AI筛选推荐 -->
            <section class="page" id="page-ai-filter">
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 24px;">
                    <div class="ai-filter-form">
                        <h3 style="margin-bottom: 24px;">🎯 AI智能筛选</h3>
                        <p style="color: #666; margin-bottom: 24px; font-size: 14px;">输入产品信息，AI将为您智能匹配最合适的KOL</p>
                        
                        <div class="form-group">
                            <label>产品品类</label>
                            <input type="text" placeholder="例如：女士运动上衣">
                        </div>
                        <div class="form-group">
                            <label>目标客群</label>
                            <input type="text" placeholder="例如：25-35岁美国女性">
                        </div>
                        <div class="form-group">
                            <label>价格带</label>
                            <input type="text" placeholder="例如：$30-$60">
                        </div>
                        <div class="form-group">
                            <label>产品卖点</label>
                            <textarea placeholder="例如：速干、显瘦、高弹力、透气">
收件人	主题	发送时间	状态	打开次数	操作
@style_savvy	Summer Collection Collaboration	2024-01-15 10:30	已打开	3次	查看详情
@makeup_master	Beauty Product Partnership	2024-01-15 09:15	已回复	5次	查看详情
@fitness_freak	Fitness Gear Collaboration	2024-01-14 16:45	已发送	0次	查看详情
@travel_tales	Travel Content Partnership	2024-01-14 14:20	已打开	2次	查看详情
@luxe_living	Luxury Brand Collaboration	2024-01-13 11:00	待发送	-	查看详情
排名	KOL	回复率	转化率
1	@makeup_master	32.5%	8.2%
2	@skincare_sensei	28.6%	7.1%
3	@style_savvy	25.2%	6.5%
KOL	合作内容	合作形式	时间段	状态	操作
@makeup_master	新品测评推广	佣金分成	2024.01.20 - 2024.02.20	进行中	查看详情
@style_savvy	春季穿搭系列	买断制	2024.02.01 - 2024.03.01	待开始	查看详情
@fitness_freak	运动装备测评	免费寄样	2023.12.01 - 2023.12.31	已完成	查看详情
快递单号	KOL	产品	物流商	状态	预计到达	操作
FX1234567890	@makeup_master	护肤套装 x2	FedEx	运输中	2024-01-18	查看详情
UPS9876543210	@style_savvy	夏季连衣裙 x1	UPS	已签收	2024-01-15	查看详情
DHL5678901234	@fitness_freak	运动套装 x3	DHL	已完成	2024-01-10	查看详情
编辑页面

📋 已保存模板

AI推荐结果

📁 邮件模板库

邮件追踪详情

⏰ AI自动跟进提醒

📋 待跟进列表

📝 跟进话术模板

CRM客户管理

📊 转化漏斗

📈 各平台表现

🏆 KOL排行榜

💡 AI策略建议

🤝 合作管理

📅 即将到期

🎉 节日维护

📞 长期未互动

📦 寄样物流追踪

物流记录

📍 物流详情 - @style_savvy

📋 寄样信息

KOL	平台	粉丝数	互动率	当前状态	最近联系	操作
S @style_savvy	Instagram	58.6万	4.8%	谈判中	2024-01-15	详情跟进
M @makeup_master	TikTok	120万	6.2%	合作确认	2024-01-14	详情跟进
F @fitness_freak	YouTube	89万	5.1%	已回复	2024-01-14	详情跟进
T @travel_tales	Instagram	45万	3.9%	已发送	2024-01-13	详情跟进
L @luxe_living	Instagram	78万	4.5%	待联系	2024-01-12	详情跟进
编辑页面

📋 已保存模板

AI推荐结果

✉️ 邮件撰写

📁 邮件模板库

邮件追踪详情

⏰ AI自动跟进提醒

📋 待跟进列表

📝 跟进话术模板

CRM客户管理

📊 转化漏斗

📈 各平台表现

🏆 KOL排行榜

💡 AI策略建议

🤝 合作管理

📅 即将到期

🎉 节日维护

📞 长期未互动

📦 寄样物流追踪

物流记录

📍 物流详情 - @style_savvy

📋 寄样信息

新建寄样
