/* ===== 分销系统样式 (.agent-main.dist-content) ===== */

.agent-main.dist-content .products-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:16px; }
.agent-main.dist-content .product-card { background:#1e293b; border-radius:12px; padding:20px; border:1px solid rgba(255,255,255,.08); display:flex; flex-direction:column; gap:12px; }
.agent-main.dist-content .product-card:hover { border-color:rgba(255,255,255,.15); }
.agent-main.dist-content .product-icon { font-size:40px; }
.agent-main.dist-content .product-card h3 { font-size:15px; font-weight:600; color:#f1f5f9; margin:0; }
.agent-main.dist-content .product-desc { font-size:13px; color:#94a3b8; margin:0; }
.agent-main.dist-content .product-pricing { display:flex; gap:8px; flex-wrap:wrap; }
.agent-main.dist-content .price-tag { background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.2); border-radius:8px; padding:8px 12px; display:flex; flex-direction:column; }
.agent-main.dist-content .price-label { font-size:11px; color:#94a3b8; }
.agent-main.dist-content .price-value { font-size:18px; font-weight:700; color:#a5b4fc; }
.agent-main.dist-content .price-unit { font-size:11px; color:#64748b; }
.agent-main.dist-content .product-actions { display:flex; gap:8px; }
.agent-main.dist-content .btn-share, .agent-main.dist-content .btn-qr { flex:1; padding:8px 12px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(255,255,255,.04); cursor:pointer; font-size:13px; color:#e2e8f0; }
.agent-main.dist-content .btn-share:hover, .agent-main.dist-content .btn-qr:hover { background:rgba(255,255,255,.08); }

.agent-main.dist-content .levels-intro { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; margin-bottom:20px; }
.agent-main.dist-content .info-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:14px; display:flex; align-items:center; gap:10px; }
.agent-main.dist-content .info-icon { font-size:28px; }
.agent-main.dist-content .info-card strong { font-size:13px; color:#94a3b8; }
.agent-main.dist-content .info-card .highlight { color:#818cf8; font-weight:700; font-size:20px; }
.agent-main.dist-content .level-card { background:rgba(255,255,255,.04); border-radius:10px; padding:16px; margin-bottom:12px; border:1px solid rgba(255,255,255,.08); }
.agent-main.dist-content .level-card.current { border-color:rgba(99,102,241,.3); }
.agent-main.dist-content .level-header { display:flex; align-items:center; gap:12px; }
.agent-main.dist-content .level-icon { font-size:24px; }
.agent-main.dist-content .level-info h3 { font-size:15px; margin:0; color:#e2e8f0; }
.agent-main.dist-content .level-contract { font-size:12px; color:#64748b; }
.agent-main.dist-content .badge-current { margin-left:auto; background:#10b981; color:#fff; font-size:11px; padding:2px 8px; border-radius:10px; }
.agent-main.dist-content .level-benefits { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.06); }
.agent-main.dist-content .benefit-item { text-align:center; }
.agent-main.dist-content .benefit-label { display:block; font-size:11px; color:#64748b; margin-bottom:4px; }
.agent-main.dist-content .benefit-value { font-size:15px; font-weight:700; }

.agent-main.dist-content .inv-stats { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-bottom:16px; }
.agent-main.dist-content .stat-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:14px; display:flex; align-items:center; gap:10px; }
.agent-main.dist-content .stat-icon { font-size:28px; }
.agent-main.dist-content .stat-num { display:block; font-size:18px; font-weight:700; color:#e2e8f0; }
.agent-main.dist-content .stat-label { font-size:12px; color:#64748b; }
.agent-main.dist-content .inv-tabs { display:flex; gap:4px; margin-bottom:16px; }
.agent-main.dist-content .tab-btn { padding:8px 16px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); border-radius:8px; cursor:pointer; font-size:13px; color:#94a3b8; }
.agent-main.dist-content .tab-btn:hover { background:rgba(255,255,255,.08); }
.agent-main.dist-content .tab-btn.active { background:rgba(99,102,241,.2); color:#a5b4fc; border-color:rgba(99,102,241,.3); }

.agent-main.dist-content .finance-cards { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:12px; margin-bottom:20px; }
.agent-main.dist-content .fin-card { border-radius:10px; padding:16px; text-align:center; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); }
.agent-main.dist-content .fin-label { display:block; font-size:12px; color:#94a3b8; margin-bottom:6px; }
.agent-main.dist-content .fin-num { font-size:22px; font-weight:700; color:#e2e8f0; }
.agent-main.dist-content .fin-sections { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.agent-main.dist-content .fin-section { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:16px; }
.agent-main.dist-content .fin-section h3 { font-size:15px; margin:0 0 12px; color:#e2e8f0; }
.agent-main.dist-content .status-tag { font-size:11px; padding:2px 8px; border-radius:8px; }
.agent-main.dist-content .status-tag.pending { background:rgba(245,158,11,.15); color:#f59e0b; }
.agent-main.dist-content .status-tag.approved { background:rgba(16,185,129,.15); color:#10b981; }

.agent-main.dist-content .website-links { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; }
.agent-main.dist-content .link-card { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:16px; display:flex; align-items:center; gap:12px; cursor:pointer; }
.agent-main.dist-content .link-card:hover { background:rgba(255,255,255,.08); }
.agent-main.dist-content .link-icon { font-size:28px; }
.agent-main.dist-content .link-card h3 { font-size:14px; margin:0; color:#e2e8f0; }
.agent-main.dist-content .link-card p { font-size:12px; color:#64748b; margin:4px 0 0; }

/* moved to global */ .modal-overlay-old { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:9999; display:flex; align-items:center; justify-content:center; }
/* moved to global */ .modal-box-old { background:#1e293b; border-radius:12px; max-width:90vw; max-height:90vh; overflow:auto; position:relative; color:#e2e8f0; }
/* moved to global */ .modal-close-old { position:absolute; top:8px; right:8px; border:none; background:rgba(255,255,255,.1); color:#94a3b8; border-radius:50%; width:28px; height:28px; font-size:14px; cursor:pointer; }


.agent-main.dist-content .btn-primary { padding:8px 20px; background:var(--accent); color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:13px; }

@media (max-width:768px) {
  .agent-main.dist-content .products-grid { grid-template-columns:1fr; }
  .agent-main.dist-content .level-benefits { grid-template-columns:1fr; }
  .agent-main.dist-content .inv-stats { grid-template-columns:1fr; }
  .agent-main.dist-content .fin-sections { grid-template-columns:1fr; }
  .agent-main.dist-content .levels-intro { grid-template-columns:1fr; }
}

/* Global Modal (appended to body) */
.modal-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.6); z-index:99999; display:flex; align-items:center; justify-content:center; }
.modal-box { background:#1e293b; color:#e2e8f0; border-radius:12px; max-width:90vw; max-height:90vh; overflow:auto; position:relative; padding:20px; }
.modal-close { position:absolute; top:10px; right:10px; border:none; background:rgba(255,255,255,.1); color:#94a3b8; border-radius:50%; width:32px; height:32px; font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.modal-close:hover { background:rgba(255,255,255,.2); }
.modal-box .btn-primary { padding:8px 20px; background:#6366f1; color:#fff; border:none; border-radius:8px; cursor:pointer; font-size:13px; margin-top:12px; }
.qr-modal { text-align:center; }
.qr-wrap { display:inline-block; padding:12px; background:#fff; border-radius:8px; margin:12px 0; }
.qr-link { font-size:12px; color:#94a3b8; word-break:break-all; margin:8px 0; }