/* ===== 全局变量与基础样式 ===== */
:root {
    --primary: #1B5E20;
    --primary-light: #4CAF50;
    --primary-dark: #0D3311;
    --accent: #FF8F00;
    --accent-light: #FFB300;
    --bg: #F5F7FA;
    --card-bg: #FFFFFF;
    --text: #1A1A2E;
    --text-light: #666;
    --text-muted: #999;
    --border: #E8ECF0;
    --success: #2E7D32;
    --warning: #F57F17;
    --danger: #C62828;
    --fog-color: #1B5E20;
    --inject-color: #C62828;
    --water-color: #1565C0;
    --feed-color: #E65100;
    --shadow: 0 2px 12px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
    --radius: 12px;
    --radius-sm: 8px;
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.page { display: none; }
.page.active { display: block; }

/* ===== 认证页 ===== */
.auth-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-light) 100%);
}

.auth-header {
    text-align: center;
    margin-bottom: 30px;
}

.logo-container {
    color: white;
}

.logo-icon {
    font-size: 48px;
    margin-bottom: 12px;
    color: var(--accent-light);
}

.auth-header h1 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 4px;
    letter-spacing: 2px;
}

.subtitle {
    font-size: 14px;
    opacity: 0.85;
}

.auth-tabs {
    display: flex;
    background: rgba(255,255,255,0.15);
    border-radius: 25px;
    padding: 3px;
    margin-bottom: 20px;
    width: 260px;
}

.auth-tab {
    flex: 1;
    padding: 10px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.7);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 22px;
    transition: all 0.3s;
}

.auth-tab.active {
    background: white;
    color: var(--primary);
}

.auth-form {
    display: none;
    width: 100%;
    max-width: 380px;
}

.auth-form.active {
    display: block;
}

.form-group {
    position: relative;
    margin-bottom: 16px;
}

.form-group i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 14px;
}

.form-group input, .form-group textarea {
    width: 100%;
    padding: 14px 14px 14px 42px;
    border: 2px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 15px;
    transition: border-color 0.3s;
    background: white;
}

.form-group input:focus, .form-group textarea:focus {
    outline: none;
    border-color: var(--primary);
}

.btn-primary {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: white;
    border: none;
    border-radius: var(--radius-sm);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(27,94,32,0.3);
}

.btn-primary:active {
    transform: translateY(0);
}

.btn-large {
    padding: 16px;
    font-size: 18px;
}

.btn-icon {
    background: none;
    border: none;
    color: var(--text-light);
    cursor: pointer;
    padding: 8px;
    font-size: 16px;
    transition: color 0.3s;
}

.btn-icon:hover {
    color: var(--primary);
}

/* ===== 主页面布局 ===== */
.top-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.nav-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 16px;
}

.nav-logo-img {
    height: 36px;
    width: auto;
    object-fit: contain;
}

.nav-logo {
    color: var(--accent-light);
    font-size: 20px;
}

.nav-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-badge {
    background: rgba(255,255,255,0.2);
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
}

#logout-btn {
    color: rgba(255,255,255,0.8);
}

.content {
    padding: 68px 12px 80px;
    max-width: 900px;
    margin: 0 auto;
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 64px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.08);
    z-index: 100;
}

.bottom-tab {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    border: none;
    background: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 6px 0;
    transition: color 0.3s;
    font-size: 11px;
}

.bottom-tab i {
    font-size: 20px;
}

.bottom-tab.active {
    color: var(--primary);
}

.bottom-tab.active i {
    transform: scale(1.1);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

/* 管理后台默认隐藏 */
#tab-admin {
    display: none;
}
#tab-admin.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== 卡片 ===== */
.card {
    background: var(--card-bg);
    border-radius: var(--radius);
    padding: 20px;
    margin-bottom: 16px;
    box-shadow: var(--shadow);
}

.card h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card h3 i {
    font-size: 16px;
}

/* ===== 页头 ===== */
.page-header {
    margin-bottom: 16px;
}

.page-header h2 {
    font-size: 22px;
    color: var(--primary-dark);
    display: flex;
    align-items: center;
    gap: 10px;
}

.page-header p {
    color: var(--text-light);
    font-size: 14px;
    margin-top: 4px;
}

/* ===== 输入区 ===== */
.input-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.input-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.input-item.full-width {
    grid-column: 1 / -1;
}

.input-item label {
    font-size: 13px;
    color: var(--text-light);
    font-weight: 500;
}

.input-item input, .input-item textarea, .input-item select {
    padding: 10px 12px;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 15px;
    transition: border-color 0.3s;
    width: 100%;
}

.input-item input:focus, .input-item textarea:focus {
    outline: none;
    border-color: var(--primary);
}

.input-card {
    background: linear-gradient(135deg, #E8F5E9 0%, #FFFFFF 100%);
    border: 2px solid var(--primary-light);
}

/* ===== ROI结果 ===== */
.overview-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.overview-item {
    text-align: center;
    padding: 16px 8px;
    border-radius: var(--radius-sm);
    background: #F5F7FA;
}

.overview-item.highlight {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: white;
    grid-column: 1 / -1;
    padding: 20px;
}

.overview-value {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
}

.overview-item.highlight .overview-value {
    font-size: 40px;
}

.overview-label {
    font-size: 13px;
    margin-top: 4px;
    opacity: 0.8;
}

/* ===== 对比表格 ===== */
.comparison-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.comparison-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    min-width: 600px;
}

.comparison-table th, .comparison-table td {
    padding: 10px 8px;
    text-align: center;
    border-bottom: 1px solid var(--border);
}

.comparison-table th {
    background: var(--primary);
    color: white;
    font-weight: 600;
    font-size: 13px;
    position: sticky;
    top: 0;
}

.comparison-table th:first-child {
    background: var(--primary-dark);
    text-align: left;
}

.comparison-table td:first-child {
    text-align: left;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

.col-fog { background: rgba(27,94,32,0.08) !important; }
.col-inject { background: rgba(198,40,40,0.05) !important; }
.col-water { background: rgba(21,101,192,0.05) !important; }
.col-feed { background: rgba(230,81,0,0.05) !important; }

.comparison-table td.col-fog { font-weight: 700; color: var(--primary); }

.val-good { color: var(--success) !important; font-weight: 700 !important; }
.val-mid { color: var(--warning) !important; font-weight: 600 !important; }
.val-bad { color: var(--danger) !important; font-weight: 600 !important; }

/* ===== 原理分析 ===== */
.principle-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.principle-item {
    padding: 16px;
    border-radius: var(--radius-sm);
    background: #F5F7FA;
    text-align: center;
}

.principle-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin: 0 auto 10px;
}

.principle-item h4 {
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 6px;
}

.principle-item p {
    font-size: 12px;
    color: var(--text-light);
    line-height: 1.5;
}

/* ===== 收益分解 ===== */
.breakdown-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.breakdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: var(--radius-sm);
    background: #F5F7FA;
}

.breakdown-item .bd-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.breakdown-item .bd-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
}

.breakdown-item .bd-name {
    font-weight: 600;
    font-size: 14px;
}

.breakdown-item .bd-desc {
    font-size: 12px;
    color: var(--text-light);
}

.breakdown-item .bd-value {
    font-weight: 800;
    font-size: 18px;
    color: var(--success);
}

/* ===== 成本分析 ===== */
.cost-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cost-item {
    padding: 16px;
    border-radius: var(--radius-sm);
    background: #FFF3E0;
    text-align: center;
}

.cost-item .cost-value {
    font-size: 24px;
    font-weight: 800;
    color: var(--accent);
}

.cost-item .cost-label {
    font-size: 13px;
    color: var(--text-light);
    margin-top: 4px;
}

/* ===== 记录列表 ===== */
.records-list {
    max-height: 600px;
    overflow-y: auto;
}

.record-item {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
    transition: box-shadow 0.3s;
}

.record-item:hover {
    box-shadow: var(--shadow);
}

.record-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.record-batch {
    font-weight: 700;
    color: var(--primary);
    font-size: 15px;
}

.record-date {
    font-size: 12px;
    color: var(--text-muted);
}

.record-details {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    font-size: 13px;
    color: var(--text-light);
}

.record-detail-item {
    display: flex;
    flex-direction: column;
}

.record-detail-item span:first-child {
    font-size: 11px;
    color: var(--text-muted);
}

.record-actions {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-delete {
    background: none;
    border: 1px solid var(--danger);
    color: var(--danger);
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-delete:hover {
    background: var(--danger);
    color: white;
}

.empty-state {
    text-align: center;
    padding: 40px 20px;
    color: var(--text-muted);
}

.empty-state i {
    font-size: 48px;
    margin-bottom: 12px;
    opacity: 0.3;
}

/* ===== 评估页 ===== */
.eval-config {
    display: flex;
    gap: 12px;
    align-items: center;
}

.select-styled {
    flex: 1;
    padding: 10px 12px;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 15px;
    background: white;
}

.eval-score-wrap {
    text-align: center;
    padding: 20px;
}

.eval-score {
    font-size: 72px;
    font-weight: 900;
    color: var(--primary);
    line-height: 1;
}

.eval-score-label {
    font-size: 14px;
    color: var(--text-light);
    margin-top: 8px;
}

.eval-grade {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 24px;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 800;
}

.grade-a { background: #E8F5E9; color: var(--success); }
.grade-b { background: #FFF8E1; color: var(--warning); }
.grade-c { background: #FFEBEE; color: var(--danger); }

.eval-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.eval-item {
    padding: 14px;
    border-radius: var(--radius-sm);
    background: #F5F7FA;
}

.eval-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.eval-item-name {
    font-weight: 600;
    font-size: 14px;
}

.eval-item-score {
    font-weight: 800;
    font-size: 20px;
    color: var(--primary);
}

.eval-item-bar {
    height: 6px;
    background: var(--border);
    border-radius: 3px;
    overflow: hidden;
}

.eval-item-bar-fill {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--primary), var(--primary-light));
    transition: width 0.5s ease;
}

.eval-conclusion {
    padding: 16px;
    background: #E8F5E9;
    border-radius: var(--radius-sm);
    border-left: 4px solid var(--primary);
}

.eval-conclusion p {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.7;
}

.chart-container {
    position: relative;
    height: 250px;
}

/* ===== 知识库 ===== */
.knowledge-table {
    font-size: 12px;
}

.knowledge-table td {
    padding: 8px 6px;
    line-height: 1.4;
}

.knowledge-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.knowledge-section h4 {
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--primary-light);
    display: inline-block;
}

.knowledge-section p {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.8;
}

.knowledge-section ul {
    padding-left: 20px;
}

.knowledge-section li {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.8;
}

/* ===== Toast ===== */
.toast {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 10px 24px;
    border-radius: 20px;
    font-size: 14px;
    z-index: 1000;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
}

.toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ===== 批次管理 ===== */
.batches-list {
    max-height: 400px;
    overflow-y: auto;
}

.batch-item {
    padding: 14px;
    border: 1.5px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
    transition: all 0.3s;
}

.batch-item.active {
    border-color: var(--primary-light);
    background: linear-gradient(135deg, #E8F5E9 0%, #FFFFFF 100%);
}

.batch-item.completed {
    border-color: var(--text-muted);
    background: #F5F7FA;
    opacity: 0.85;
}

.batch-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.batch-no {
    font-weight: 700;
    color: var(--primary);
    font-size: 15px;
}

.batch-no i {
    margin-right: 4px;
}

.batch-status {
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.batch-status.active {
    background: #E8F5E9;
    color: var(--success);
}

.batch-status.completed {
    background: #ECEFF1;
    color: var(--text-muted);
}

.batch-info {
    display: flex;
    gap: 16px;
    font-size: 13px;
    color: var(--text-light);
    margin-bottom: 8px;
}

.batch-info i {
    margin-right: 3px;
    font-size: 12px;
}

.batch-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-complete {
    background: var(--primary);
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-complete:hover {
    background: var(--primary-light);
}

.btn-view-report {
    background: var(--accent);
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-view-report:hover {
    background: var(--accent-light);
}

/* ===== 雾化给药建议 ===== */
.suggestion-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.suggestion-item {
    padding: 16px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, #E8F5E9, #FFFFFF);
    border-left: 4px solid var(--primary);
}

.suggestion-item.tip {
    background: linear-gradient(135deg, #FFF8E1, #FFFFFF);
    border-left-color: var(--accent);
}

.sg-stage {
    font-weight: 700;
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 6px;
}

.sg-stage small {
    font-weight: 400;
    color: var(--text-light);
    margin-left: 6px;
}

.sg-content {
    font-size: 13px;
    color: var(--text);
    line-height: 1.7;
    margin-bottom: 6px;
}

.sg-drug {
    font-size: 12px;
    color: var(--accent);
    font-weight: 600;
    padding: 6px 10px;
    background: rgba(255,143,0,0.08);
    border-radius: 4px;
}

.sg-drug i {
    margin-right: 4px;
}

/* ===== 积分商城 ===== */
.points-card {
    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
    color: white;
}

.points-display {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.points-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--accent-light);
}

.points-value {
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}

.points-label {
    font-size: 14px;
    opacity: 0.8;
    margin-top: 2px;
}

.points-rules {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.rule-item {
    background: rgba(255,255,255,0.15);
    padding: 6px 14px;
    border-radius: 16px;
    font-size: 13px;
}

.rule-item i {
    margin-right: 4px;
    color: var(--accent-light);
}

.shop-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.shop-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    transition: box-shadow 0.3s;
}

.shop-item:hover {
    box-shadow: var(--shadow);
}

.si-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.si-info {
    flex: 1;
}

.si-name {
    font-weight: 600;
    font-size: 14px;
}

.si-category {
    font-size: 12px;
    color: var(--text-muted);
}

.si-action {
    text-align: right;
    flex-shrink: 0;
}

.si-price {
    font-size: 13px;
    color: var(--accent);
    font-weight: 700;
    margin-bottom: 4px;
}

.btn-exchange {
    background: var(--accent);
    color: white;
    border: none;
    padding: 4px 14px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-exchange:hover {
    background: var(--accent-light);
}

.btn-buy-cash {
    background: var(--primary);
    color: white;
    border: none;
    padding: 4px 14px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
}

.btn-buy-cash:hover {
    background: var(--primary-light);
}

.points-history {
    max-height: 300px;
    overflow-y: auto;
}

.points-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
}

.pi-reason {
    flex: 1;
    color: var(--text);
}

.pi-points {
    font-weight: 700;
    color: var(--success);
    margin-right: 12px;
}

.pi-date {
    color: var(--text-muted);
    font-size: 12px;
}

/* ===== 模态框 ===== */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: fadeIn 0.2s;
}

.modal-content {
    background: white;
    border-radius: var(--radius);
    max-width: 600px;
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    box-shadow: var(--shadow-lg);
}

.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
}

.modal-header h3 {
    margin: 0;
    font-size: 17px;
}

.modal-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: var(--text-muted);
    padding: 4px 8px;
}

.modal-body {
    padding: 20px;
}

.report-section {
    margin-bottom: 20px;
}

.report-section h4 {
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 4px;
    border-bottom: 2px solid var(--primary-light);
    display: inline-block;
}

.report-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.report-item {
    padding: 10px;
    background: #F5F7FA;
    border-radius: var(--radius-sm);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.report-item .ri-label {
    font-size: 11px;
    color: var(--text-muted);
}

.report-item .ri-value {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.highlight-grid {
    grid-template-columns: 1fr 1fr;
}

.report-item.highlight {
    background: #E8F5E9;
}

.report-item.highlight .ri-value {
    color: var(--success);
    font-size: 20px;
}

.report-detail-list {
    margin-top: 10px;
}

.rdl-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--border);
    font-size: 13px;
}

/* ===== 增益汇总高亮 ===== */
.total-item {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9) !important;
    border: 2px solid var(--primary-light);
}

.total-value {
    color: var(--primary-dark) !important;
    font-size: 22px !important;
}

.annual-item {
    background: linear-gradient(135deg, #FFF8E1, #FFE082) !important;
    border: 2px solid var(--accent);
}

.annual-value {
    color: var(--accent) !important;
    font-size: 22px !important;
}

/* ===== 对比表格新样式 ===== */
.col-base {
    background: rgba(158,158,158,0.08) !important;
}

.col-diff {
    background: rgba(27,94,32,0.08) !important;
    font-weight: 700;
    color: var(--primary);
}

.subtitle-sm {
    font-size: 12px;
    opacity: 0.7;
    margin-top: 4px;
    color: var(--accent-light);
}

/* ===== 会员中心 ===== */
.member-card {
    background: linear-gradient(135deg, var(--primary-dark), var(--primary));
    color: white;
}

.member-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.member-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.member-name {
    font-size: 20px;
    font-weight: 700;
}

.member-farm {
    font-size: 14px;
    opacity: 0.85;
}

.member-phone {
    font-size: 13px;
    opacity: 0.7;
    margin-top: 2px;
}

.member-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px;
}

.ms-item {
    text-align: center;
    padding: 10px 4px;
    background: rgba(255,255,255,0.12);
    border-radius: var(--radius-sm);
}

.ms-value {
    font-size: 22px;
    font-weight: 800;
}

.ms-label {
    font-size: 11px;
    opacity: 0.7;
    margin-top: 2px;
}

/* ===== 联系公司 ===== */
.contact-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.3s;
}

.contact-item:hover {
    box-shadow: var(--shadow);
    border-color: var(--primary-light);
}

.ct-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}

.ct-info {
    flex: 1;
}

.ct-name {
    font-weight: 600;
    font-size: 14px;
}

.ct-desc {
    font-size: 12px;
    color: var(--text-light);
}

.ct-arrow {
    color: var(--text-muted);
    font-size: 12px;
}

.contact-modal-body {
    text-align: center;
    padding: 10px 0;
}

.contact-modal-body p {
    margin-bottom: 8px;
    font-size: 14px;
    color: var(--text-light);
}

.cm-phone {
    font-size: 32px;
    font-weight: 900;
    color: var(--primary);
    margin-bottom: 12px;
}

.cm-qr-placeholder {
    padding: 20px;
    background: #F5F7FA;
    border-radius: var(--radius-sm);
    margin-top: 12px;
}

.cm-qr-placeholder p {
    margin-top: 8px;
    color: var(--text-muted);
    font-size: 13px;
}

.cm-wechat-image {
    margin-top: 16px;
    padding: 12px;
    background: #F5F7FA;
    border-radius: var(--radius-sm);
}

.cm-wechat-image img {
    max-width: 100%;
    height: auto;
    max-height: 80px;
}

/* ===== 服务跟踪 ===== */
.service-list {
    max-height: 400px;
    overflow-y: auto;
}

.service-item {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 8px;
}

.svc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.svc-type {
    font-weight: 600;
    font-size: 14px;
}

.svc-type i {
    margin-right: 4px;
    color: var(--primary);
}

.svc-status {
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.svc-pending { background: #FFF8E1; color: #F57F17; }
.svc-processing { background: #E3F2FD; color: #1565C0; }
.svc-replied { background: #E8F5E9; color: #2E7D32; }
.svc-closed { background: #ECEFF1; color: #757575; }

.svc-desc {
    font-size: 13px;
    color: var(--text);
    line-height: 1.5;
}

.svc-time {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 4px;
}

.svc-reply {
    margin-top: 8px;
    padding: 8px 10px;
    background: #E8F5E9;
    border-radius: 4px;
    font-size: 13px;
    color: var(--primary-dark);
    border-left: 3px solid var(--primary);
}

.svc-reply i {
    margin-right: 4px;
}

/* ===== 商品管理 ===== */
.product-form .input-grid {
    grid-template-columns: 1fr 1fr;
}

.si-btns {
    display: flex;
    gap: 4px;
    align-items: center;
}

.btn-remove-product {
    background: none;
    border: 1px solid var(--danger);
    color: var(--danger);
    width: 28px;
    height: 28px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.btn-remove-product:hover {
    background: var(--danger);
    color: white;
}

.btn-sm {
    padding: 10px 20px;
    font-size: 14px;
    width: auto;
    display: inline-flex;
}

.btn-cancel {
    background: #ECEFF1;
    color: var(--text-light);
    border: none;
    padding: 10px 20px;
    border-radius: var(--radius-sm);
    font-size: 14px;
    cursor: pointer;
}

/* ===== 底部Tab 5列调整 ===== */
.bottom-tab span {
    font-size: 10px;
}

@media (min-width: 768px) {
    .member-stats {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .product-form .input-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* ===== ROI计算器新样式 ===== */
.roi-hero-card {
    background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 50%, #4CAF50 100%);
    color: white;
    margin-bottom: 16px;
}

.roi-hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.roi-slogan {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 12px 24px;
    background: rgba(255,255,255,0.2);
    border-radius: 25px;
}

.roi-hero-images {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.roi-doctor-img {
    width: 240px;
    height: auto;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));
    animation: float 3s ease-in-out infinite;
}

.roi-machine-img {
    width: 200px;
    height: auto;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.2));
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.roi-input-grid {
    grid-template-columns: 1fr 1fr !important;
}

.input-item .input-hint {
    font-size: 12px;
    color: var(--text-muted);
    margin-top: 2px;
}

.btn-roi-calc {
    background: linear-gradient(135deg, #1B5E20, #4CAF50) !important;
    margin-top: 16px;
}

/* 汇总卡片 */
.roi-summary-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.roi-summary-card {
    text-align: center;
    padding: 16px 8px;
    border-radius: var(--radius-sm);
    background: #F5F7FA;
    border: 2px solid #E8ECF0;
}

.roi-summary-card.highlight {
    background: linear-gradient(135deg, #1B5E20, #4CAF50);
    color: white;
    grid-column: 1 / -1;
    padding: 20px;
}

.roi-summary-value {
    font-size: 28px;
    font-weight: 800;
    color: #1B5E20;
    line-height: 1.2;
}

.roi-summary-card.highlight .roi-summary-value {
    font-size: 40px;
    color: white;
}

.roi-summary-label {
    font-size: 13px;
    color: var(--text-light);
    margin-bottom: 8px;
}

.roi-summary-card.highlight .roi-summary-label {
    color: rgba(255,255,255,0.85);
}

.roi-summary-unit {
    font-size: 13px;
    color: var(--primary);
    font-weight: 600;
}

.roi-summary-card.highlight .roi-summary-unit {
    color: rgba(255,255,255,0.85);
}

/* 明细表 */
.roi-detail-table th {
    background: linear-gradient(135deg, #1B5E20, #2E7D32) !important;
}

.roi-detail-table td {
    font-size: 13px;
}

.roi-detail-table .gain-value {
    color: var(--success);
    font-weight: 700;
    font-size: 16px;
}

.roi-detail-table .gain-ratio {
    background: #E8F5E9;
    color: var(--success);
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
}

.roi-detail-table .param-tag {
    background: #E8F5E9;
    color: #1B5E20;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 12px;
}

.table-note {
    display: block;
    font-size: 10px;
    color: var(--text-muted);
    font-weight: 400;
    margin-top: 2px;
}

/* 效果卡片 */
.roi-effect-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.roi-effect-card {
    padding: 16px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, #E8F5E9, #FFFFFF);
    border-left: 4px solid var(--primary);
}

.roi-effect-card h4 {
    color: var(--primary);
    font-size: 15px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.roi-effect-card p {
    font-size: 13px;
    color: var(--text-light);
    line-height: 1.6;
}

.roi-effect-value {
    display: inline-block;
    background: var(--primary);
    color: white;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
}

/* 每头猪表格 */
.roi-perpig-table td {
    font-size: 13px;
}

/* ===== 响应式 ===== */
@media (min-width: 768px) {
    .input-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .overview-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .overview-item.highlight {
        grid-column: 1 / -1;
    }
    .principle-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .eval-items {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .cost-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .record-details {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

@media (max-width: 400px) {
    .input-grid {
        grid-template-columns: 1fr;
    }
    .principle-grid {
        grid-template-columns: 1fr;
    }
    .eval-items {
        grid-template-columns: 1fr;
    }
    .cost-grid {
        grid-template-columns: 1fr;
    }
    .overview-value {
        font-size: 22px;
    }
    .overview-item.highlight .overview-value {
        font-size: 32px;
    }
}

/* ===== 打印样式 ===== */
@media print {
    .top-nav, .bottom-nav, .btn-primary, .btn-delete { display: none !important; }
    .content { padding: 0; }
    .card { box-shadow: none; border: 1px solid #ddd; }
}

/* ===== 后台管理系统样式 ===== */
.admin-user-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.admin-user-card {
    background: white;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s;
}

.admin-user-card:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(27,94,32,0.15);
}

.auc-header {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.auc-avatar {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--primary), var(--success));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    flex-shrink: 0;
}

.auc-info {
    flex: 1;
}

.auc-name {
    font-weight: 700;
    font-size: 15px;
    color: var(--text);
    display: flex;
    align-items: center;
    gap: 8px;
}

.auc-badge {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 500;
}

.auc-badge.complete {
    background: #E8F5E9;
    color: #2E7D32;
}

.auc-badge.incomplete {
    background: #FFF3E0;
    color: #EF6C00;
}

.auc-farm {
    font-size: 13px;
    color: var(--text-light);
    margin-top: 2px;
}

.auc-phone {
    font-size: 12px;
    color: var(--text-muted);
}

.auc-stats {
    display: flex;
    gap: 15px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--border);
}

.auc-stat {
    font-size: 13px;
    color: var(--text-light);
}

.auc-stat span {
    font-weight: 700;
    color: var(--primary);
    margin-right: 3px;
}

.auc-farm-info {
    margin-top: 10px;
    font-size: 12px;
    color: var(--text-muted);
    padding: 8px 10px;
    background: #F5F5F5;
    border-radius: 6px;
}

/* 报告样式（用于Modal） */
.report-section {
    margin-bottom: 20px;
}

.report-section h4 {
    font-size: 14px;
    color: var(--primary);
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid var(--primary);
}

.report-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.report-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    background: #F8F9FA;
    border-radius: 6px;
    font-size: 13px;
}

.report-item .ri-label {
    color: var(--text-muted);
}

.report-item .ri-value {
    font-weight: 600;
    color: var(--text);
}

.highlight-grid {
    grid-template-columns: repeat(2, 1fr);
}

.highlight-grid .report-item.highlight {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
    grid-column: 1 / -1;
}

.highlight-grid .report-item.highlight .ri-value {
    color: #2E7D32;
    font-size: 18px;
}

.report-detail-list {
    margin-top: 10px;
}

.rdl-item {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 13px;
    border-bottom: 1px dashed var(--border);
}

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

.rdl-item span:last-child {
    font-weight: 600;
    color: var(--success);
}

/* ===== 机器登记样式 ===== */
.machine-card, .referral-card {
    border-left: 4px solid var(--accent);
}

.machine-list, .referral-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.machine-item, .referral-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    background: #F5F7FA;
}

.machine-item.pending, .referral-item.pending {
    background: #FFF8E1;
}

.machine-item.approved, .referral-item.completed {
    background: #E8F5E9;
}

.machine-item.rejected {
    background: #FFEBEE;
}

.machine-info, .ref-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.machine-code, .ref-phone {
    font-weight: 600;
    color: var(--text);
}

.machine-code i, .ref-phone i {
    margin-right: 4px;
    color: var(--text-muted);
}

.machine-date, .machine-count, .ref-farm {
    font-size: 12px;
    color: var(--text-muted);
}

.machine-status, .ref-status {
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.machine-status.svc-pending, .referral-item.pending .ref-status {
    background: #FFF8E1;
    color: #F57F17;
}

.machine-status.svc-replied, .referral-item.completed .ref-status {
    background: #E8F5E9;
    color: #2E7D32;
}

.machine-status.svc-closed {
    background: #FFEBEE;
    color: #C62828;
}

.ref-status.completed i {
    margin-right: 3px;
}

/* ===== 收货地址样式 ===== */
.address-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.address-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 12px;
    background: #F5F7FA;
    border-radius: 8px;
    font-size: 13px;
}

.addr-info {
    flex: 1;
}

.addr-name {
    font-weight: 600;
    margin-bottom: 4px;
}

.addr-phone {
    color: var(--text-muted);
    margin-left: 8px;
    font-weight: 400;
}

.addr-detail {
    color: var(--text-light);
    font-size: 12px;
    line-height: 1.4;
}

.addr-actions {
    flex-shrink: 0;
    margin-left: 10px;
}

.addr-actions .btn-sm {
    padding: 4px 8px;
    font-size: 12px;
}

/* ===== 后台管理样式扩展 ===== */
.admin-machine-list, .admin-exchange-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-machine-item, .admin-exchange-item {
    padding: 12px 15px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: white;
}

.admin-machine-item.pending {
    border-color: var(--accent);
    background: #FFF8E1;
}

.admin-machine-item.approved {
    background: #E8F5E9;
}

.admin-machine-item.rejected {
    background: #FFEBEE;
}

.ami-info, .aei-info {
    margin-bottom: 10px;
}

.ami-user, .aei-user {
    font-weight: 600;
    margin-bottom: 4px;
}

.ami-detail, .aei-detail {
    display: flex;
    gap: 12px;
    font-size: 12px;
    color: var(--text-muted);
}

.ami-detail span i, .aei-detail span i {
    margin-right: 3px;
}

.ami-actions, .aei-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.aei-product {
    color: var(--text);
    font-size: 14px;
    margin-bottom: 6px;
}

.aei-points {
    color: var(--accent);
    font-weight: 700;
    margin-left: 8px;
}

.aei-address {
    font-size: 12px;
    color: var(--text-muted);
    background: #F5F7FA;
    padding: 8px;
    border-radius: 4px;
    margin: 6px 0;
    line-height: 1.5;
}

.aei-address i {
    margin-right: 4px;
}

.aei-date {
    font-size: 11px;
    color: var(--text-muted);
}

.aei-tracking {
    font-size: 13px;
    color: var(--success);
}

.aei-tracking i {
    margin-right: 4px;
}

.admin-exchange-item.shipped {
    background: #E8F5E9;
    border-color: var(--success);
}

/* ===== 推荐用户统计样式 ===== */
.admin-referral-summary {
    padding: 0;
}

.referral-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 15px;
}

.ref-stat-card {
    text-align: center;
    padding: 15px 10px;
    border-radius: 10px;
}

.ref-stat-card.total {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
}

.ref-stat-card.completed {
    background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
}

.ref-stat-card.pending {
    background: linear-gradient(135deg, #FFF3E0, #FFE0B2);
}

.ref-stat-value {
    font-size: 28px;
    font-weight: 900;
}

.ref-stat-card.total .ref-stat-value { color: #1565C0; }
.ref-stat-card.completed .ref-stat-value { color: #2E7D32; }
.ref-stat-card.pending .ref-stat-value { color: #EF6C00; }

.ref-stat-label {
    font-size: 12px;
    margin-top: 4px;
    color: var(--text-light);
}

/* ===== 状态徽章 ===== */
.machine-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.machine-status.svc-pending { background: #FFF8E1; color: #F57F17; }
.machine-status.svc-replied { background: #E8F5E9; color: #2E7D32; }
.machine-status.svc-closed { background: #FFEBEE; color: #C62828; }

.exchange-status {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
}

.exchange-status.pending { background: #FFF8E1; color: #F57F17; }
.exchange-status.shipped { background: #E8F5E9; color: #2E7D32; }

/* ===== 白皮书申领样式 ===== */
.whitepaper-card {
    background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
    border: 2px solid #1565C0;
}

.whitepaper-status {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 10px;
}

.whitepaper-status.status-pending {
    background: #FFF8E1;
    color: #F57F17;
}

.whitepaper-status.status-approved {
    background: #E8F5E9;
    color: #2E7D32;
}

.whitepaper-status.status-rejected {
    background: #FFEBEE;
    color: #C62828;
}

.whitepaper-success {
    background: #E8F5E9;
    color: #2E7D32;
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

.whitepaper-success i {
    margin-right: 6px;
}

/* ===== 白皮书申请管理样式 ===== */
.admin-whitepaper-list, .admin-cash-purchase-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-whitepaper-item, .admin-cash-item {
    padding: 12px 15px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: white;
}

.admin-whitepaper-item.pending, .admin-cash-item.pending {
    border-color: var(--accent);
    background: #FFF8E1;
}

.admin-whitepaper-item.approved, .admin-cash-item.shipped {
    background: #E8F5E9;
    border-color: var(--success);
}

.admin-whitepaper-item.rejected {
    background: #FFEBEE;
}

.awi-info, .aci-info {
    margin-bottom: 10px;
}

.awi-user, .aci-user {
    font-weight: 600;
    margin-bottom: 4px;
}

.awi-details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: var(--text-muted);
    margin: 6px 0;
}

.awi-details span {
    background: #F5F7FA;
    padding: 3px 8px;
    border-radius: 4px;
}

.awi-details span i {
    margin-right: 3px;
    color: var(--text-light);
}

.awi-painpoint {
    font-size: 12px;
    color: var(--text);
    background: #FFF8E1;
    padding: 8px;
    border-radius: 4px;
    margin: 6px 0;
    line-height: 1.5;
}

.awi-painpoint strong {
    color: var(--accent);
}

.awi-date, .aci-date {
    font-size: 11px;
    color: var(--text-muted);
    margin-top: 4px;
}

.awi-actions, .aci-actions {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.awi-status, .aci-status {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

.awi-status.approved, .aci-status.shipped {
    background: #E8F5E9;
    color: #2E7D32;
}

.awi-status.rejected {
    background: #FFEBEE;
    color: #C62828;
}

.aci-product {
    color: var(--text);
    font-size: 14px;
    margin-bottom: 6px;
}

.aci-price {
    color: var(--accent);
    font-weight: 700;
    margin-left: 8px;
}

.aci-address {
    font-size: 12px;
    color: var(--text-muted);
    background: #F5F7FA;
    padding: 8px;
    border-radius: 4px;
    margin: 6px 0;
    line-height: 1.5;
}

.aci-address i {
    margin-right: 4px;
}

.aci-tracking {
    font-size: 13px;
    color: var(--success);
}

.aci-tracking i {
    margin-right: 4px;
}

.aci-tracking-input {
    flex: 1;
    min-width: 140px;
}

/* ===== 积分记录增强样式 ===== */
.pi-points.positive { color: var(--success); font-weight: 600; }
.pi-points.negative { color: var(--danger); font-weight: 600; }
.pi-points.zero { color: var(--text-muted); }

.pi-shipping {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}