* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: #f5f7fa;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            padding: 40px 48px;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            color: #1e293b;
            line-height: 1.4;
        }

        .app {
            max-width: 1800px;
            width: 100%;
        }
		
        .app-header {
            margin-bottom: 48px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-bottom: 1px solid #e2e8f0;
            padding-bottom: 20px;
        }

        .app-header h1 {
            font-size: 26px;
            font-weight: 500;
            letter-spacing: -0.3px;
            color: #0a1929;
        }

        .app-header .badge {
            font-size: 14px;
            color: #5e6f8d;
            background: #eef2f6;
            padding: 6px 16px;
            border-radius: 40px;
            font-weight: 450;
        }

        .row-top {
            display: grid;
            grid-template-columns: 1fr 1.2fr 1fr;
            gap: 24px;
            margin-bottom: 32px;
            align-items: start;
        }

        .row-bottom {
            display: grid;
            grid-template-columns: 1fr;
            gap: 24px;
        }

        .card {
            background: #ffffff;
            border-radius: 24px;
            border: 1px solid #e6edf4;
            padding: 28px 24px;
            transition: border 0.1s ease;
            height: fit-content;
        }

        .card-title {
            font-size: 18px;
            font-weight: 500;
            color: #1e3a5f;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 8px;
            border-bottom: 1px solid #eef2f6;
            padding-bottom: 16px;
        }

        .card-title span {
            background: #eef2f6;
            border-radius: 30px;
            padding: 4px 14px;
            font-size: 14px;
            color: #2c3e50;
            margin-left: 8px;
        }

        .field {
            margin-bottom: 20px;
        }

        .field label {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #4b5b73;
            margin-bottom: 6px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }

        .field input, .field select {
            width: 100%;
            background: #f9fcff;
            border: 1px solid #dde5ed;
            border-radius: 16px;
            padding: 12px 18px;
            font-size: 15px;
            color: #1e293b;
            outline: none;
            transition: 0.1s;
        }

        .field input:focus, .field select:focus {
            border-color: #7c8fa3;
            background: #ffffff;
        }

        .double-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .triple-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 12px;
            margin-bottom: 12px;
        }

        .btn {
            background: #f0f4fa;
            border: 1px solid #d7e0e9;
            border-radius: 40px;
            padding: 6px 10px;
            font-size: 14px;
            font-weight: 200;
            color: #1e3a5f;
            cursor: pointer;
            transition: 0.1s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }

        .btn:hover {
            background: #e2eaf3;
            border-color: #b7c9dd;
        }

        .btn-primary {
            background: #1e3a5f;
            border: 1px solid #1e3a5f;
            color: white;
        }

        .btn-primary:hover {
            background: #142b44;
            border-color: #142b44;
        }

        .btn-block {
            width: 100%;
            margin-top: 16px;
        }

        .btn-group {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            margin: 20px 0 8px;
        }

        .anchor-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 14px;
            table-layout: fixed;
        }

        .anchor-table th {
            text-align: left;
            font-weight: 500;
            color: #5e6f8d;
            padding: 14px 8px 10px 8px;
            border-bottom: 1px solid #e2e8f0;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }

        .anchor-table td {
            padding: 16px 8px 16px 8px;
            border-bottom: 1px dashed #edf2f7;
            vertical-align: middle;
            word-break: break-word;
        }

        .anchor-table tr:last-child td {
            border-bottom: none;
        }

        .anchor-table th:nth-child(1) { width: 10%; } /* 昵称 */
        .anchor-table th:nth-child(2) { width: 7%; } /* 线上/线下 */
        .anchor-table th:nth-child(3) { width: 7%; } /* 分成 */
        .anchor-table th:nth-child(4) { width: 8%; } /* 平台 */
        .anchor-table th:nth-child(5) { width: 8%; } /* 渠道 */
        .anchor-table th:nth-child(6) { width: 8%; } /* 运营 */
        .anchor-table th:nth-child(7) { width: 7%; } /* 在播 */
        .anchor-table th:nth-child(8) { width: 5%; } /* 操作 */

        .status-badge {
            background: #e9edf2;
            color: #2c3e50;
            padding: 4px 8px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            white-space: nowrap;
        }

        .live-badge {
            background: #e2f0e8;
            color: #1f5e3a;
            padding: 4px 8px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
        }

        .off-badge {
            background: #f0eae2;
            color: #7b5e3a;
            padding: 4px 8px;
            border-radius: 30px;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
        }

        .delete-icon {
            color: #9aa8b9;
            cursor: pointer;
            font-size: 18px;
            padding: 4px 8px;
            border-radius: 30px;
            transition: 0.1s;
        }

        .delete-icon:hover {
            background: #f0f4fa;
            color: #cf4444;
        }

        /* 日报统计条目 */
        .daily-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 0;
            border-bottom: 1px solid #ecf1f7;
        }

        .daily-item:last-child {
            border-bottom: none;
        }

        .daily-label {
            font-weight: 200;
            color: #36454F;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .daily-number {
            font-size: 15px;
            font-weight: 450;
            color: #0a1929;
            background: #f0f5fb;
            padding: 6px 24px;
            border-radius: 40px;
            min-width: 50px;
            text-align: center;
        }

        /* 月报简约 */
        .month-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 12px;
            border-bottom: 1px solid #e6edf6;
        }

        .month-item:last-child {
            border-bottom: none;
        }

        .month-label {
            font-weight: 500;
            color: #30415d;
            font-size: 16px;
        }

        .month-number {
            font-size: 15px;
            font-weight: 450;
            color: #1e3a5f;
            background: #eef3f9;
            padding: 6px 28px;
            border-radius: 60px;
        }

        .hint-light {
            font-size: 13px;
            color: #7f8fa4;
            margin-top: 24px;
            text-align: center;
            border-top: 1px solid #dee7f0;
            padding-top: 20px;
        }

        /* 列表卡片内的额外提示 */
        .list-info {
            display: flex;
            justify-content: flex-end;
            margin-top: 16px;
            font-size: 13px;
            color: #758a9f;
        }
		
		/* 统计卡片样式 */
		.stats-row {
		    display: grid;
		    grid-template-columns: repeat(4, 1fr);
		    gap: 20px;
		    margin-bottom: 24px;
		}
		.stat-card {
		    background: #ffffff;
		    border-radius: 20px;
		    border: 1px solid #e6edf4;
		    padding: 20px 24px;
		    transition: all 0.2s ease;
		}
		.stat-card.today {
		    background: #f0f7ff;
		    border-color: #b8d1f0;
		}
		.stat-card.month {
		    background: #ffffff;
		}
		.stat-label {
		    font-size: 14px;
		    color: #5e6f8d;
		    text-transform: uppercase;
		    letter-spacing: 0.3px;
		    margin-bottom: 8px;
		    display: flex;
		    align-items: center;
		    gap: 6px;
		}
		.stat-label .badge {
		    background: #eef2f6;
		    padding: 2px 8px;
		    border-radius: 30px;
		    font-size: 11px;
		    color: #1e3a5f;
		    text-transform: none;
		}
		.stat-value {
		    font-size: 32px;
		    font-weight: 500;
		    color: #1e3a5f;
		    line-height: 1.2;
		}
		.stat-unit {
		    font-size: 14px;
		    color: #8a9bb0;
		    margin-left: 4px;
		}
		
		/* 退会状态徽章 */
		.status-退会 {
		    background: #f3f4f6;
		    color: #6b7280;
		    text-decoration: line-through;
		}
		
		/* 月报选择器 */
		.month-selector-compact {
		    display: flex;
		    gap: 8px;
		    align-items: center;
		    margin-bottom: 20px;
		}
		.month-selector-compact select {
		    background: #f9fcff;
		    border: 1px solid #dde5ed;
		    border-radius: 16px;
		    padding: 8px 12px;
		    font-size: 14px;
		}
		.month-selector-compact button {
		    padding: 8px 16px;
		}