Upload 7 files

api_client.py

@@ -0,0 +1,123 @@
+import requests
+import json
+from datetime import datetime
+import pytz
+import config
+
+shanghai_tz = pytz.timezone(config.SHANGHAI_TZ_STR)
+
+def api_login(email, password):
+    payload = {"email": email, "password": password}
+    try:
+        response = requests.post(config.LOGIN_URL, json=payload, timeout=10)
+        response.raise_for_status()
+        data = response.json()
+        cookies = response.cookies
+        jwt_token = cookies.get("jwt_token")
+
+        if data.get("code") == 0 and jwt_token:
+            return jwt_token, None
+        else:
+            error_message = data.get('message', "未知登录错误")
+            if data.get("code") == 0 and not jwt_token:
+                error_message = "响应成功但未返回 jwt_token。"
+            return None, f"{error_message} (Code: {data.get('code')})"
+    except requests.exceptions.Timeout:
+        return None, "登录请求超时。"
+    except requests.exceptions.RequestException as e:
+        return None, f"登录请求错误: {str(e)}"
+    except json.JSONDecodeError:
+        return None, "登录响应不是有效的 JSON。"
+
+def get_api_profile(email, token):
+    if not token:
+        return None, "Token 为空，无法获取 Profile。"
+    
+    cookies = {"jwt_token": token}
+    try:
+        response = requests.get(config.PROFILE_URL, cookies=cookies, timeout=10)
+        response.raise_for_status()
+        profile_data = response.json()
+        if profile_data.get("code") == 0 and profile_data.get("data"):
+            return profile_data.get("data"), None
+        else:
+            error_message = profile_data.get('message', "未知 Profile 错误")
+            if profile_data.get("code") == 0 and not profile_data.get("data"):
+                error_message = "响应成功但未返回 Profile 数据。"
+            return None, f"{error_message} (Code: {profile_data.get('code')})"
+    except requests.exceptions.Timeout:
+        return None, "获取 Profile 请求超时。"
+    except requests.exceptions.RequestException as e:
+        return None, f"获取 Profile 请求错误: {str(e)}"
+    except json.JSONDecodeError:
+        return None, "Profile 响应不是有效的 JSON。"
+
+def get_api_card_info(email, token):
+    if not token:
+        return None, "Token 为空，无法获取卡片信息。"
+    
+    cookies = {"jwt_token": token}
+    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 获取卡片信息...")
+    try:
+        response = requests.get(config.CARD_INFO_URL, cookies=cookies, timeout=10)
+        response.raise_for_status()
+        card_data = response.json()
+        if card_data.get("code") == 0 and "items" in card_data.get("data", {}):
+            items = card_data["data"]["items"]
+            if items:
+                item = items[0]
+                provider_bin = None
+                if item.get("provider"):
+                    parts = item["provider"].split('_')
+                    if len(parts) > 1 and parts[-1].isdigit():
+                        provider_bin = parts[-1]
+                
+                processed_card_info = {
+                    "provider_bin": provider_bin,
+                    "card_last_four_digits": item.get("card_last_four_digits"),
+                    "consumption_limit": item.get("consumption_limit"),
+                    "status": item.get("status"),
+                    "name": item.get("name"),
+                    "available_balance": item.get("available_balance")
+                }
+                return processed_card_info, None
+            else:
+                return None, None
+        elif card_data.get("code") == 0 and not card_data.get("data", {}).get("items"):
+             return None, None
+        else:
+            error_message = card_data.get('message', "未知卡片信息错误")
+            if card_data.get("code") == 0 and not card_data.get("data"):
+                error_message = "响应成功但未返回卡片数据。"
+            return None, f"{error_message} (Code: {card_data.get('code')})"
+    except requests.exceptions.Timeout:
+        return None, "获取卡片信息请求超时。"
+    except requests.exceptions.RequestException as e:
+        return None, f"获取卡片信息请求错误: {str(e)}"
+    except json.JSONDecodeError:
+        return None, "卡片信息响应不是有效的 JSON。"
+
+def get_statement_records(token, page=1, size=10):
+    if not token:
+        return None, "Token 为空，无法获取账单记录。"
+    
+    cookies = {"jwt_token": token}
+    payload = {"page": page, "size": size}
+    statement_url = f"{config.BASE_API_URL}/user/statement/record"
+
+    try:
+        response = requests.post(statement_url, json=payload, cookies=cookies, timeout=20)
+        response.raise_for_status()
+        data = response.json()
+
+        if data.get("code") == 0:
+            return data, None
+        else:
+            error_message = data.get('message', "获取账单记录时发生未知错误")
+            return None, f"{error_message} (Code: {data.get('code')})"
+    except requests.exceptions.Timeout:
+        return None, "获取账单记录请求超时。"
+    except requests.exceptions.RequestException as e:
+        return None, f"获取账单记录请求错误: {str(e)}"
+    except json.JSONDecodeError:
+        return None, "账单记录响应不是有效的 JSON。"

app.py

@@ -1,329 +1,14 @@
 import os
-import json
-import threading
-from datetime import datetime, timezone, timedelta
-from flask import Flask, request, jsonify, render_template_string, redirect, url_for, session
+from flask import Flask, request, jsonify, render_template_string, redirect, url_for, session, render_template
+import config
+import data_manager
+import scheduler_jobs
+import api_client
 import requests
-from apscheduler.schedulers.background import BackgroundScheduler
-import pytz
-from dotenv import load_dotenv
-
-load_dotenv()
 
 app = Flask(__name__)
-app.secret_key = os.getenv("SECRET_KEY")
-if not app.secret_key:
-    print("警告: SECRET_KEY 环境变量未设置。将使用默认的、不安全的密钥。请在生产环境中设置一个安全的 SECRET_KEY。")
-    app.secret_key = "dev_secret_key_for_testing_only_change_me"
-app.permanent_session_lifetime = timedelta(days=30)
-
-LOGIN_URL = "https://api-card.infini.money/user/login"
-PROFILE_URL = "https://api-card.infini.money/user/profile"
-CARD_INFO_URL = "https://api-card.infini.money/card/info"
-FRONTEND_PASSWORD = os.getenv("PASSWORD")
-ACCOUNTS_JSON = os.getenv("ACCOUNTS")
-
-accounts_data = {}
-shanghai_tz = pytz.timezone('Asia/Shanghai')
-scheduler = BackgroundScheduler(daemon=True, timezone=shanghai_tz)
-data_lock = threading.Lock()
-
-def parse_accounts():
-    global accounts_data
-    if not ACCOUNTS_JSON:
-        print("错误: ACCOUNTS 环境变量未设置。")
-        return False
-    try:
-        accounts_list = json.loads(ACCOUNTS_JSON)
-        if not isinstance(accounts_list, list):
-            print("错误: ACCOUNTS 环境变量必须是一个 JSON 数组。")
-            return False
-        
-        temp_accounts_data = {}
-        for acc in accounts_list:
-            if isinstance(acc, dict) and "email" in acc and "password" in acc:
-                temp_accounts_data[acc["email"]] = {
-                    "password": acc["password"],
-                    "token": None,
-                    "profile": None,
-                    "last_login_success": None,
-                    "last_profile_success": None,
-                    "last_login_attempt": None,
-                    "last_profile_attempt": None,
-                    "login_error": None,
-                    "profile_error": None,
-                    "cards_info": None,
-                    "last_card_info_success": None,
-                    "last_card_info_attempt": None,
-                    "card_info_error": None,
-                }
-            else:
-                print(f"警告: ACCOUNTS 中的条目格式不正确: {acc}")
-        
-        with data_lock:
-            accounts_data = temp_accounts_data
-        print(f"成功加载 {len(accounts_data)} 个账户。")
-        return True
-    except json.JSONDecodeError:
-        print("错误: ACCOUNTS 环境变量不是有效的 JSON 格式。")
-        return False
-
-def api_login(email, password):
-    payload = {"email": email, "password": password}
-    try:
-        response = requests.post(LOGIN_URL, json=payload, timeout=10)
-        response.raise_for_status()
-        data = response.json()
-        cookies = response.cookies
-        jwt_token = cookies.get("jwt_token")
-
-        if data.get("code") == 0 and jwt_token:
-            return jwt_token, None
-        else:
-            error_message = data.get('message', "未知登录错误")
-            if data.get("code") == 0 and not jwt_token:
-                error_message = "响应成功但未返回 jwt_token。"
-            return None, f"{error_message} (Code: {data.get('code')})"
-    except requests.exceptions.Timeout:
-        return None, "登录请求超时。"
-    except requests.exceptions.RequestException as e:
-        return None, f"登录请求错误: {str(e)}"
-    except json.JSONDecodeError:
-        return None, "登录响应不是有效的 JSON。"
-
-def get_api_profile(email, token):
-    if not token:
-        return None, "Token 为空，无法获取 Profile。"
-    
-    cookies = {"jwt_token": token}
-    try:
-        response = requests.get(PROFILE_URL, cookies=cookies, timeout=10)
-        response.raise_for_status()
-        profile_data = response.json()
-        if profile_data.get("code") == 0 and profile_data.get("data"):
-            return profile_data.get("data"), None
-        else:
-            error_message = profile_data.get('message', "未知 Profile 错误")
-            if profile_data.get("code") == 0 and not profile_data.get("data"):
-                error_message = "响应成功但未返回 Profile 数据。"
-            return None, f"{error_message} (Code: {profile_data.get('code')})"
-    except requests.exceptions.Timeout:
-        return None, "获取 Profile 请求超时。"
-    except requests.exceptions.RequestException as e:
-        return None, f"获取 Profile 请求错误: {str(e)}"
-    except json.JSONDecodeError:
-        return None, "Profile 响��不是有效的 JSON。"
-
-def get_api_card_info(email, token):
-    if not token:
-        return None, "Token 为空，无法获取卡片信息。"
-    
-    cookies = {"jwt_token": token}
-    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 获取卡片信息...")
-    try:
-        response = requests.get(CARD_INFO_URL, cookies=cookies, timeout=10)
-        response.raise_for_status()
-        card_data = response.json()
-        if card_data.get("code") == 0 and "items" in card_data.get("data", {}):
-            items = card_data["data"]["items"]
-            if items:
-                item = items[0]
-                provider_bin = None
-                if item.get("provider"):
-                    parts = item["provider"].split('_')
-                    if len(parts) > 1 and parts[-1].isdigit():
-                        provider_bin = parts[-1]
-                
-                processed_card_info = {
-                    "provider_bin": provider_bin,
-                    "card_last_four_digits": item.get("card_last_four_digits"),
-                    "consumption_limit": item.get("consumption_limit"),
-                    "status": item.get("status"),
-                    "name": item.get("name"),
-                    "available_balance": item.get("available_balance")
-                }
-                return processed_card_info, None
-            else:
-                return None, None
-        elif card_data.get("code") == 0 and not card_data.get("data", {}).get("items"):
-             return None, None
-        else:
-            error_message = card_data.get('message', "未知卡片信息错误")
-            if card_data.get("code") == 0 and not card_data.get("data"):
-                error_message = "响应成功但未返回卡片数据。"
-            return None, f"{error_message} (Code: {card_data.get('code')})"
-    except requests.exceptions.Timeout:
-        return None, "获取卡片信息请求超时。"
-    except requests.exceptions.RequestException as e:
-        return None, f"获取卡片信息请求错误: {str(e)}"
-    except json.JSONDecodeError:
-        return None, "卡片信息响应不是有效的 JSON。"
-
-def login_and_store_token(email):
-    global accounts_data
-    with data_lock:
-        account_info = accounts_data.get(email)
-        if not account_info:
-            print(f"错误: 账户 {email} 未找到。")
-            return
-
-    password = account_info["password"]
-    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 登录...")
-    
-    token, error = api_login(email, password)
-    
-    with data_lock:
-        accounts_data[email]["last_login_attempt"] = datetime.now(shanghai_tz)
-        if token:
-            accounts_data[email]["token"] = token
-            accounts_data[email]["last_login_success"] = True
-            accounts_data[email]["login_error"] = None
-            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 登录成功。")
-        else:
-            accounts_data[email]["token"] = None
-            accounts_data[email]["last_login_success"] = False
-            accounts_data[email]["login_error"] = error
-            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 登录失败: {error}")
-
-def fetch_and_store_profile(email):
-    global accounts_data
-    with data_lock:
-        account_info = accounts_data.get(email)
-        if not account_info:
-            print(f"错误: 账户 {email} 未找到 (fetch_and_store_profile)。")
-            return
-        token = account_info.get("token")
-
-    # 以下所有逻辑都应在 fetch_and_store_profile 函数内部
-    if not token:
-        print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 没有有效的 token，跳过获取 Profile。")
-        with data_lock:
-            accounts_data[email]["last_profile_attempt"] = datetime.now(shanghai_tz)
-            accounts_data[email]["last_profile_success"] = False
-            accounts_data[email]["profile_error"] = "无有效 Token"
-            accounts_data[email]["profile"] = None
-            # 由于没有token，卡片信息也无法获取
-            accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
-            accounts_data[email]["cards_info"] = None
-            accounts_data[email]["last_card_info_success"] = False
-            accounts_data[email]["card_info_error"] = "因 Token 为空未尝试"
-        return
-
-    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 获取 Profile...")
-    profile, error = get_api_profile(email, token)
-
-    profile_fetch_successful_this_attempt = False
-    with data_lock:
-        accounts_data[email]["last_profile_attempt"] = datetime.now(shanghai_tz)
-        if profile:
-            accounts_data[email]["profile"] = profile
-            accounts_data[email]["last_profile_success"] = True
-            accounts_data[email]["profile_error"] = None
-            profile_fetch_successful_this_attempt = True
-            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 成功。")
-        else:
-            accounts_data[email]["profile"] = None
-            accounts_data[email]["last_profile_success"] = False
-            accounts_data[email]["profile_error"] = error
-            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 失败: {error}")
-            if error and ("token" in error.lower() or "auth" in error.lower() or "登录" in error.lower()):
-                print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 失败，疑似 Token 失效，将尝试重新登录。")
-                accounts_data[email]["token"] = None # 清除失效的token
-            # 如果获取 profile 失败，则不应继续获取卡片信息
-            accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
-            accounts_data[email]["cards_info"] = None
-            accounts_data[email]["last_card_info_success"] = False
-            accounts_data[email]["card_info_error"] = "因 Profile 获取失败未尝试"
-            return # 确保在这里返回，不再执行后续的卡片信息获取
-
-    # 只有当 profile 获取成功时才继续获取卡片信息
-    if profile_fetch_successful_this_attempt:
-        # 重新从 data_lock 内获取 token，因为它可能在上面被清除了
-        current_token_for_cards = None
-        with data_lock:
-            # 确保在访问 token 前，account_info 仍然有效且 email 存在
-            if email in accounts_data:
-                 current_token_for_cards = accounts_data[email].get("token")
-            else: # 理论上不应该发生，但作为防御性编程
-                print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 在获取卡片信息前数据结构异常，跳过。")
-                return
-
-
-        if not current_token_for_cards:
-            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 在获取卡片信息前发现 Token 已失效或被清除，跳过。")
-            with data_lock:
-                if email in accounts_data: # 再次检查
-                    accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
-                    accounts_data[email]["cards_info"] = None
-                    accounts_data[email]["last_card_info_success"] = False
-                    accounts_data[email]["card_info_error"] = "因 Token 失效未尝试"
-            return
-
-        print(f"[{datetime.now(shanghai_tz)}] Profile 获取成功，继续为账户 {email} 获取卡片信息...")
-        cards_info, card_error = get_api_card_info(email, current_token_for_cards)
-
-        with data_lock:
-            if email in accounts_data: # 再次检查
-                accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
-                if cards_info:
-                    accounts_data[email]["cards_info"] = cards_info
-                    accounts_data[email]["last_card_info_success"] = True
-                    accounts_data[email]["card_info_error"] = None
-                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息成功。")
-                elif card_error: # API 调用有错误
-                    accounts_data[email]["cards_info"] = None
-                    accounts_data[email]["last_card_info_success"] = False
-                    accounts_data[email]["card_info_error"] = card_error
-                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息失败: {card_error}")
-                else: # API 调用成功，但没有卡片数据
-                    accounts_data[email]["cards_info"] = None
-                    accounts_data[email]["last_card_info_success"] = True # 标记为成功，因为API调用是成功的
-                    accounts_data[email]["card_info_error"] = None # 没有错误
-                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息成功，但无卡片数据。")
-    # else 分支（profile_fetch_successful_this_attempt 为 False）已在上面处理 profile 获取失败的情况并返回
-
-def initial_login_all_accounts():
-    print("程序启动，开始为所有账户执行初始登录...")
-    threads = []
-    with data_lock:
-        emails_to_login = list(accounts_data.keys())
-
-    for email in emails_to_login:
-        thread = threading.Thread(target=login_and_store_token, args=(email,))
-        threads.append(thread)
-        thread.start()
-    for thread in threads:
-        thread.join()
-    print("所有账户初始登录尝试完成。")
-
-def scheduled_login_all_accounts():
-    print(f"[{datetime.now(shanghai_tz)}] 定时任务：开始为所有账户重新登录...")
-    threads = []
-    with data_lock:
-        emails_to_login = list(accounts_data.keys())
-    
-    for email in emails_to_login:
-        thread = threading.Thread(target=login_and_store_token, args=(email,))
-        threads.append(thread)
-        thread.start()
-    for thread in threads:
-        thread.join()
-    print(f"[{datetime.now(shanghai_tz)}] 定时任务：所有账户重新登录尝试完成。")
-    scheduled_fetch_all_profiles()
-
-def scheduled_fetch_all_profiles():
-    print(f"[{datetime.now(shanghai_tz)}] 定时任务：开始为所有账户获取 Profile...")
-    threads = []
-    with data_lock:
-        emails_to_fetch = list(accounts_data.keys())
-
-    for email in emails_to_fetch:
-        thread = threading.Thread(target=fetch_and_store_profile, args=(email,))
-        threads.append(thread)
-        thread.start()
-    for thread in threads:
-        thread.join()
-    print(f"[{datetime.now(shanghai_tz)}] 定时任务：所有账户获取 Profile 尝试完成。")
+app.secret_key = config.SECRET_KEY
+app.permanent_session_lifetime = config.PERMANENT_SESSION_LIFETIME
 
 LOGIN_FORM_HTML = """
 <!DOCTYPE html>
@@ -421,7 +106,7 @@ LOGIN_FORM_HTML = """
 
 @app.route('/', methods=['GET', 'POST'])
 def login_frontend():
-    if not FRONTEND_PASSWORD:
+    if not config.FRONTEND_PASSWORD:
         return "错误: 前端密码 (PASSWORD 环境变量) 未设置。", 500
     
     if 'logged_in' in session and session['logged_in']:
@@ -430,8 +115,27 @@ def login_frontend():
     error = None
     if request.method == 'POST':
         entered_password = request.form.get('password')
-        if entered_password == FRONTEND_PASSWORD:
+        if entered_password == config.FRONTEND_PASSWORD:
+            accounts_list = data_manager.get_accounts_from_config()
+            if not accounts_list:
+                error = "配置错误：未找到账户信息。"
+                return render_template_string(LOGIN_FORM_HTML, error=error)
+
+            first_account_email = accounts_list[0]['email']
+            first_account_password = accounts_list[0]['password']
+            
+            jwt_token, login_api_error = api_client.api_login(first_account_email, first_account_password)
+
+            if login_api_error:
+                error = f"API 登录失败: {login_api_error}"
+                return render_template_string(LOGIN_FORM_HTML, error=error)
+            
+            if not jwt_token:
+                error = "API 登录成功但未能获取 Token。"
+                return render_template_string(LOGIN_FORM_HTML, error=error)
+
             session['logged_in'] = True
+            session['jwt_token'] = jwt_token
             session.permanent = True
             return redirect(url_for('dashboard'))
         else:
@@ -444,6 +148,17 @@ def dashboard():
         return redirect(url_for('login_frontend'))
     return render_template_string(open('templates/dashboard.html', encoding='utf-8').read())
 
+@app.route('/dashboard/statements')
+def account_statements_page():
+    if not ('logged_in' in session and session['logged_in']):
+        return redirect(url_for('login_frontend'))
+    
+    account_email_param = request.args.get('email')
+    if not account_email_param:
+        return redirect(url_for('dashboard'))
+
+    return render_template('account_statements.html', account_email=account_email_param)
+
 @app.route('/logout')
 def logout():
     session.pop('logged_in', None)
@@ -454,68 +169,141 @@ def get_all_data():
     if not ('logged_in' in session and session['logged_in']):
         return jsonify({"error": "未授权访问"}), 401
     
-    with data_lock:
-        display_data = {}
-        for email, data in accounts_data.items():
-            display_data[email] = {
-                "profile": data.get("profile"),
-                "last_login_success": data.get("last_login_success"),
-                "last_profile_success": data.get("last_profile_success"),
-                "last_login_attempt": data.get("last_login_attempt").isoformat() if data.get("last_login_attempt") else None,
-                "last_profile_attempt": data.get("last_profile_attempt").isoformat() if data.get("last_profile_attempt") else None,
-                "login_error": data.get("login_error"),
-                "profile_error": data.get("profile_error"),
-                "token_present": bool(data.get("token")),
-                "cards_info": data.get("cards_info"),
-                "last_card_info_success": data.get("last_card_info_success"),
-                "last_card_info_attempt": data.get("last_card_info_attempt").isoformat() if data.get("last_card_info_attempt") else None,
-                "card_info_error": data.get("card_info_error")
-            }
+    display_data = data_manager.get_accounts_data_for_display()
     return jsonify(display_data)
 
+@app.route('/api/account_statements', methods=['GET'])
+def get_account_statements():
+    if not ('logged_in' in session and session['logged_in']):
+        return jsonify({"error": "未授权访问"}), 401
+
+    email_param = request.args.get('email')
+    if not email_param:
+        return jsonify({"error": "缺少 'email' 参数"}), 400
+
+    page = request.args.get('page', 1, type=int)
+    size = request.args.get('size', 10000, type=int)
+
+    token_to_use = None
+    target_account_password = None
+
+    all_accounts = data_manager.get_accounts_from_config()
+    for acc in all_accounts:
+        if acc.get('email') == email_param:
+            target_account_password = acc.get('password')
+            break
+    
+    if not target_account_password:
+        return jsonify({"error": f"未找到账户 {email_param} 的配置信息或密码。"}), 404
+
+    print(f"为特定账户 {email_param} 获取账单，尝试重新登录获取专属 token...")
+    specific_token, login_error = api_client.api_login(email_param, target_account_password)
+
+    if login_error:
+        print(f"为账户 {email_param} 获取专属 token 失败: {login_error}")
+        return jsonify({"error": f"为账户 {email_param} 获取账单时登录失败: {login_error}"}), 500
+    
+    if not specific_token:
+        return jsonify({"error": f"为账户 {email_param} 获取账单时未能获取专属 API token。"}), 500
+        
+    token_to_use = specific_token
+    print(f"成功获取账户 {email_param} 的专属 token，将用于获取账单。")
+            
+    statement_data, error = api_client.get_statement_records(token_to_use, page, size)
+    
+    if error:
+        return jsonify({"error": f"获取账户 {email_param} 的账单失败: {error}"}), 500
+    
+    return jsonify(statement_data)
+
+@app.route('/api/account_summary_statistics', methods=['GET'])
+def get_account_summary_statistics():
+    if not ('logged_in' in session and session['logged_in']):
+        return jsonify({"error": "未授权访问"}), 401
+
+    email_param = request.args.get('email')
+    if not email_param:
+        return jsonify({"error": "缺少 'email' 参数"}), 400
+
+    target_account_password = None
+    all_accounts = data_manager.get_accounts_from_config()
+    for acc in all_accounts:
+        if acc.get('email') == email_param:
+            target_account_password = acc.get('password')
+            break
+    
+    if not target_account_password:
+        return jsonify({"error": f"未找到账户 {email_param} 的配置信息或密码。"}), 404
+
+    print(f"为特定账户 {email_param} 获取统计摘要，尝试重新登录获取专属 token...")
+    specific_token, login_error = api_client.api_login(email_param, target_account_password)
+
+    if login_error:
+        print(f"为账户 {email_param} 获取专属 token 失败: {login_error}")
+        return jsonify({"error": f"为账户 {email_param} 获取统计摘要时登录失败: {login_error}"}), 500
+    
+    if not specific_token:
+        return jsonify({"error": f"为账户 {email_param} 获取统计摘要时未能获取专属 API token。"}), 500
+        
+    token_to_use = specific_token
+    print(f"成功获取账户 {email_param} 的专属 token，将用于获取统计摘要。")
+
+    external_api_url = "https://api-card.infini.money/user/statement/statistics"
+    headers = {
+        "Authorization": f"Bearer {token_to_use}",
+        "User-Agent": "InfiniDashboard/1.0"
+    }
+
+    try:
+        response = requests.get(external_api_url, headers=headers, timeout=10)
+        response.raise_for_status()
+        
+        api_response_data = response.json()
+        
+        return jsonify(api_response_data)
+
+    except requests.exceptions.HTTPError as http_err:
+        print(f"HTTP error occurred while fetching statistics for {email_param}: {http_err}")
+        try:
+            error_content = http_err.response.json()
+            return jsonify({"error": f"获取统计摘要失败 (API错误): {error_content.get('message', str(http_err))}", "details": error_content}), http_err.response.status_code
+        except:
+            return jsonify({"error": f"获取统计摘要失败: {str(http_err)}"}), getattr(http_err.response, 'status_code', 500)
+    except requests.exceptions.RequestException as req_err:
+        print(f"Request error occurred while fetching statistics for {email_param}: {req_err}")
+        return jsonify({"error": f"获取统计摘要时发生网络请求错误: {str(req_err)}"}), 503
+    except Exception as e:
+        print(f"An unexpected error occurred while fetching statistics for {email_param}: {e}")
+        return jsonify({"error": f"获取统计摘要时发生未知错误: {str(e)}"}), 500
+
+
 @app.route('/api/refresh', methods=['POST'])
 def manual_refresh_all_data():
     if not ('logged_in' in session and session['logged_in']):
         return jsonify({"error": "未授权访问"}), 401
 
-    print(f"[{datetime.now(shanghai_tz)}] 手动触发数据刷新...")
-    threading.Thread(target=scheduled_login_all_accounts).start()
+    scheduler_jobs.manual_refresh_all_data_job()
     return jsonify({"message": "刷新任务已启动，请稍后查看数据。"}), 202
 
 if __name__ == '__main__':
-    if not FRONTEND_PASSWORD:
-        print("警告: PASSWORD 环境变量未设置，前端将无法登录。")
-    if not parse_accounts():
-        print("由于账户加载失败，程序将退出。请检查 ACCOUNTS 环境变量。")
-    else:
-        initial_login_all_accounts()
-        scheduled_fetch_all_profiles()
-
-        scheduler.add_job(scheduled_login_all_accounts, 'interval', days=3, id='job_login_all')
-        scheduler.add_job(scheduled_fetch_all_profiles, 'interval', minutes=30, id='job_fetch_profiles')
-        
-        try:
-            scheduler.start()
-            print("定时任务已启动。")
-            print(f"APScheduler jobs: {scheduler.get_jobs()}")
-        except Exception as e:
-            print(f"启动 APScheduler 失败: {e}")
+    if not config.FRONTEND_PASSWORD:
+        print("警告: PASSWORD 环境变量未设置，前端将无法登录。程序将尝试继续，但部分功能可能受限。")
 
+    if scheduler_jobs.initialize_scheduler(is_gunicorn=False):
         is_hf_space = os.getenv("SPACE_ID") is not None
         if not is_hf_space:
-             app.run(host='0.0.0.0', port=7860, debug=True)
+            print("在本地环境运行 Flask 开发服务器...")
+            app.run(host='0.0.0.0', port=int(os.getenv("PORT", 7860)), debug=False)
+        else:
+            print("检测到在 Hugging Face Space 环境中运行。假定由 Gunicorn 等 WSGI 服务器启动。")
+    else:
+        print("定时任务初始化失败，程序退出。")
+
 
 else:
-    if FRONTEND_PASSWORD and parse_accounts():
-        initial_login_all_accounts()
-        scheduled_fetch_all_profiles()
-        if not scheduler.running:
-            scheduler.add_job(scheduled_login_all_accounts, 'interval', days=3, id='job_login_all_gunicorn')
-            scheduler.add_job(scheduled_fetch_all_profiles, 'interval', minutes=30, id='job_fetch_profiles_gunicorn')
-            try:
-                scheduler.start()
-                print("APScheduler (Gunicorn) jobs started.")
-            except Exception as e:
-                 print(f"Failed to start APScheduler (Gunicorn): {e}")
-    else:
-        print("Gunicorn: 未能正确初始化账户或密码未设置。")
+    print("在 Gunicorn 环境下初始化应用...")
+    if not config.FRONTEND_PASSWORD:
+        print("Gunicorn警告: PASSWORD 环境变量未设置，前端将无法登录。")
+    
+    if not scheduler_jobs.initialize_scheduler(is_gunicorn=True):
+        print("Gunicorn: 定时任务初始化失败。")

config.py

@@ -0,0 +1,24 @@
+import os
+from dotenv import load_dotenv
+from datetime import timedelta
+
+load_dotenv()
+
+SECRET_KEY = os.getenv("SECRET_KEY", "dev_secret_key_for_testing_only_change_me")
+PERMANENT_SESSION_LIFETIME = timedelta(days=30)
+
+LOGIN_URL = "https://api-card.infini.money/user/login"
+PROFILE_URL = "https://api-card.infini.money/user/profile"
+CARD_INFO_URL = "https://api-card.infini.money/card/info"
+BASE_API_URL = "https://api-card.infini.money"
+
+FRONTEND_PASSWORD = os.getenv("PASSWORD")
+ACCOUNTS_JSON = os.getenv("ACCOUNTS")
+
+SHANGHAI_TZ_STR = 'Asia/Shanghai'
+
+if not os.getenv("SECRET_KEY"):
+    print("警告: SECRET_KEY 环境变量未设置。将使用默认的、不安全的密钥。请在生产环境中设置一个安全的 SECRET_KEY。")
+
+if not FRONTEND_PASSWORD:
+    print("警告: PASSWORD 环境变量未设置，前端将无法登录。")

data_manager.py

@@ -0,0 +1,211 @@
+import json
+import threading
+from datetime import datetime
+import pytz
+import config
+import api_client
+
+accounts_data = {}
+data_lock = threading.Lock()
+shanghai_tz = pytz.timezone(config.SHANGHAI_TZ_STR)
+
+def parse_accounts():
+    global accounts_data
+    if not config.ACCOUNTS_JSON:
+        print("错误: ACCOUNTS 环境变量未设置。")
+        return False
+    try:
+        accounts_list = json.loads(config.ACCOUNTS_JSON)
+        if not isinstance(accounts_list, list):
+            print("错误: ACCOUNTS 环境变量必须是一个 JSON 数组。")
+            return False
+        
+        temp_accounts_data = {}
+        for acc in accounts_list:
+            if isinstance(acc, dict) and "email" in acc and "password" in acc:
+                temp_accounts_data[acc["email"]] = {
+                    "password": acc["password"],
+                    "token": None,
+                    "profile": None,
+                    "last_login_success": None,
+                    "last_profile_success": None,
+                    "last_login_attempt": None,
+                    "last_profile_attempt": None,
+                    "login_error": None,
+                    "profile_error": None,
+                    "cards_info": None,
+                    "last_card_info_success": None,
+                    "last_card_info_attempt": None,
+                    "card_info_error": None,
+                }
+            else:
+                print(f"警告: ACCOUNTS 中的条目格式不正确: {acc}")
+        
+        with data_lock:
+            accounts_data = temp_accounts_data
+        print(f"成功加载 {len(accounts_data)} 个账户。")
+        return True
+    except json.JSONDecodeError:
+        print("错误: ACCOUNTS 环境变量不是有效的 JSON 格式。")
+        return False
+
+def login_and_store_token(email):
+    global accounts_data
+    with data_lock:
+        account_info = accounts_data.get(email)
+        if not account_info:
+            print(f"错误: 账户 {email} 未找到。")
+            return
+
+    password = account_info["password"]
+    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 登录...")
+    
+    token, error = api_client.api_login(email, password)
+    
+    with data_lock:
+        accounts_data[email]["last_login_attempt"] = datetime.now(shanghai_tz)
+        if token:
+            accounts_data[email]["token"] = token
+            accounts_data[email]["last_login_success"] = True
+            accounts_data[email]["login_error"] = None
+            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 登录成功。")
+        else:
+            accounts_data[email]["token"] = None
+            accounts_data[email]["last_login_success"] = False
+            accounts_data[email]["login_error"] = error
+            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 登录失败: {error}")
+
+def fetch_and_store_profile(email):
+    global accounts_data
+    with data_lock:
+        account_info = accounts_data.get(email)
+        if not account_info:
+            print(f"错误: 账户 {email} 未找到 (fetch_and_store_profile)。")
+            return
+        token = account_info.get("token")
+
+    if not token:
+        print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 没有有效的 token，跳过获取 Profile。")
+        with data_lock:
+            accounts_data[email]["last_profile_attempt"] = datetime.now(shanghai_tz)
+            accounts_data[email]["last_profile_success"] = False
+            accounts_data[email]["profile_error"] = "无有效 Token"
+            accounts_data[email]["profile"] = None
+            accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
+            accounts_data[email]["cards_info"] = None
+            accounts_data[email]["last_card_info_success"] = False
+            accounts_data[email]["card_info_error"] = "因 Token 为空未尝试"
+        return
+
+    print(f"[{datetime.now(shanghai_tz)}] 尝试为账户 {email} 获取 Profile...")
+    profile, error = api_client.get_api_profile(email, token)
+
+    profile_fetch_successful_this_attempt = False
+    with data_lock:
+        accounts_data[email]["last_profile_attempt"] = datetime.now(shanghai_tz)
+        if profile:
+            accounts_data[email]["profile"] = profile
+            accounts_data[email]["last_profile_success"] = True
+            accounts_data[email]["profile_error"] = None
+            profile_fetch_successful_this_attempt = True
+            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 成功。")
+        else:
+            accounts_data[email]["profile"] = None
+            accounts_data[email]["last_profile_success"] = False
+            accounts_data[email]["profile_error"] = error
+            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 失败: {error}")
+            if error and ("token" in error.lower() or "auth" in error.lower() or "登录" in error.lower()):
+                print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取 Profile 失败，疑似 Token 失效，将尝试重新登录。")
+                accounts_data[email]["token"] = None
+            accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
+            accounts_data[email]["cards_info"] = None
+            accounts_data[email]["last_card_info_success"] = False
+            accounts_data[email]["card_info_error"] = "因 Profile 获取失败未尝试"
+            return
+
+    if profile_fetch_successful_this_attempt:
+        current_token_for_cards = None
+        with data_lock:
+            if email in accounts_data:
+                 current_token_for_cards = accounts_data[email].get("token")
+            else:
+                print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 在获取卡片信息前数据结构异常，跳过。")
+                return
+
+
+        if not current_token_for_cards:
+            print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 在获取卡片信息前发现 Token 已失效或被清除，跳过。")
+            with data_lock:
+                if email in accounts_data:
+                    accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
+                    accounts_data[email]["cards_info"] = None
+                    accounts_data[email]["last_card_info_success"] = False
+                    accounts_data[email]["card_info_error"] = "因 Token 失效未尝试"
+            return
+
+        print(f"[{datetime.now(shanghai_tz)}] Profile 获取成功，继续为账户 {email} 获取卡片信息...")
+        cards_info, card_error = api_client.get_api_card_info(email, current_token_for_cards)
+
+        with data_lock:
+            if email in accounts_data:
+                accounts_data[email]["last_card_info_attempt"] = datetime.now(shanghai_tz)
+                if cards_info:
+                    accounts_data[email]["cards_info"] = cards_info
+                    accounts_data[email]["last_card_info_success"] = True
+                    accounts_data[email]["card_info_error"] = None
+                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息成功。")
+                elif card_error:
+                    accounts_data[email]["cards_info"] = None
+                    accounts_data[email]["last_card_info_success"] = False
+                    accounts_data[email]["card_info_error"] = card_error
+                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息失败: {card_error}")
+                else: # No error, but no card_info (e.g. no cards for the account)
+                    accounts_data[email]["cards_info"] = None
+                    accounts_data[email]["last_card_info_success"] = True # Success in fetching, just no data
+                    accounts_data[email]["card_info_error"] = None
+                    print(f"[{datetime.now(shanghai_tz)}] 账户 {email} 获取卡片信息成功，但无卡片数据。")
+
+def get_accounts_data_for_display():
+    with data_lock:
+        display_data = {}
+        for email, data in accounts_data.items():
+            display_data[email] = {
+                "profile": data.get("profile"),
+                "last_login_success": data.get("last_login_success"),
+                "last_profile_success": data.get("last_profile_success"),
+                "last_login_attempt": data.get("last_login_attempt").isoformat() if data.get("last_login_attempt") else None,
+                "last_profile_attempt": data.get("last_profile_attempt").isoformat() if data.get("last_profile_attempt") else None,
+                "login_error": data.get("login_error"),
+                "profile_error": data.get("profile_error"),
+                "token_present": bool(data.get("token")),
+                "cards_info": data.get("cards_info"),
+                "last_card_info_success": data.get("last_card_info_success"),
+                "last_card_info_attempt": data.get("last_card_info_attempt").isoformat() if data.get("last_card_info_attempt") else None,
+                "card_info_error": data.get("card_info_error")
+            }
+    return display_data
+
+def get_all_account_emails():
+    with data_lock:
+        return list(accounts_data.keys())
+
+def get_accounts_from_config():
+    if not config.ACCOUNTS_JSON:
+        print("错误: ACCOUNTS 环境变量未设置 (get_accounts_from_config)。")
+        return []
+    try:
+        accounts_list = json.loads(config.ACCOUNTS_JSON)
+        if not isinstance(accounts_list, list):
+            print("错误: ACCOUNTS 环境变量必须是一个 JSON 数组 (get_accounts_from_config)。")
+            return []
+        
+        valid_accounts = []
+        for acc in accounts_list:
+            if isinstance(acc, dict) and "email" in acc and "password" in acc:
+                valid_accounts.append({"email": acc["email"], "password": acc["password"]})
+            else:
+                print(f"警告: ACCOUNTS 中的条目格式不正确，已跳过: {acc} (get_accounts_from_config)")
+        return valid_accounts
+    except json.JSONDecodeError:
+        print("错误: ACCOUNTS 环境变量不是有效的 JSON 格式 (get_accounts_from_config)。")
+        return []

scheduler_jobs.py

@@ -0,0 +1,89 @@
+import os
+import threading
+from datetime import datetime, timedelta
+from apscheduler.schedulers.background import BackgroundScheduler
+import pytz
+import config
+import data_manager
+
+shanghai_tz = pytz.timezone(config.SHANGHAI_TZ_STR)
+scheduler = BackgroundScheduler(daemon=True, timezone=shanghai_tz)
+
+def initial_login_all_accounts_job():
+    print("程序启动，开始为所有账户执行初始登录...")
+    threads = []
+    emails_to_login = data_manager.get_all_account_emails()
+
+    for email in emails_to_login:
+        thread = threading.Thread(target=data_manager.login_and_store_token, args=(email,))
+        threads.append(thread)
+        thread.start()
+    for thread in threads:
+        thread.join()
+    print("所有账户初始登录尝试完成。")
+
+def scheduled_login_all_accounts_job():
+    print(f"[{datetime.now(shanghai_tz)}] 定时任务：开始为所有账户重新登录...")
+    threads = []
+    emails_to_login = data_manager.get_all_account_emails()
+    
+    for email in emails_to_login:
+        thread = threading.Thread(target=data_manager.login_and_store_token, args=(email,))
+        threads.append(thread)
+        thread.start()
+    for thread in threads:
+        thread.join()
+    print(f"[{datetime.now(shanghai_tz)}] 定时任务：所有账户重新登录尝试完成。")
+    scheduled_fetch_all_profiles_job()
+
+def scheduled_fetch_all_profiles_job():
+    print(f"[{datetime.now(shanghai_tz)}] 定时任务：开始为所有账户获取 Profile...")
+    threads = []
+    emails_to_fetch = data_manager.get_all_account_emails()
+
+    for email in emails_to_fetch:
+        thread = threading.Thread(target=data_manager.fetch_and_store_profile, args=(email,))
+        threads.append(thread)
+        thread.start()
+    for thread in threads:
+        thread.join()
+    print(f"[{datetime.now(shanghai_tz)}] 定时任务：所有账户获取 Profile 尝试完成。")
+
+def manual_refresh_all_data_job():
+    print(f"[{datetime.now(shanghai_tz)}] 手动触发数据刷新...")
+    threading.Thread(target=scheduled_fetch_all_profiles_job).start()
+
+
+def initialize_scheduler(is_gunicorn=False):
+    if not data_manager.parse_accounts():
+        print("由于账户加载失败，定时任务无法初始化。请检查 ACCOUNTS 环境变量。")
+        return False
+
+    initial_login_all_accounts_job()
+    scheduled_fetch_all_profiles_job()
+    
+    login_job_id = 'job_login_all_gunicorn' if is_gunicorn else 'job_login_all'
+    profile_job_id = 'job_fetch_profiles_gunicorn' if is_gunicorn else 'job_fetch_profiles'
+
+    if scheduler.get_job(login_job_id):
+        scheduler.remove_job(login_job_id)
+    if scheduler.get_job(profile_job_id):
+        scheduler.remove_job(profile_job_id)
+
+    run_date_login = datetime.now(shanghai_tz) + timedelta(days=3)
+    run_date_profile = datetime.now(shanghai_tz) + timedelta(minutes=30)
+
+    scheduler.add_job(scheduled_login_all_accounts_job, 'interval', days=3, id=login_job_id, next_run_time=run_date_login)
+    scheduler.add_job(scheduled_fetch_all_profiles_job, 'interval', minutes=30, id=profile_job_id, next_run_time=run_date_profile)
+    
+    try:
+        if not scheduler.running:
+            scheduler.start()
+            print(f"定时任务已启动 ({'Gunicorn' if is_gunicorn else 'Local'})。")
+        else:
+            print(f"定时任务已在运行中 ({'Gunicorn' if is_gunicorn else 'Local'})。")
+        print(f"APScheduler jobs: {scheduler.get_jobs()}")
+        return True
+    except Exception as e:
+        print(f"启动 APScheduler 失败 ({'Gunicorn' if is_gunicorn else 'Local'}): {e}")
+        return False

templates/account_statements.html

@@ -0,0 +1,423 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>账户账单详情</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            --bg-color: #ffffff;
+            --text-color: #111827;
+            --secondary-text-color: #6b7280;
+            --border-color: #e5e7eb;
+            --card-bg-color: #ffffff;
+            --accent-color: #000000;
+            --error-color: #ef4444;
+            --success-color: #10b981;
+            --info-color: #3b82f6;
+            --income-color: #22c55e;
+            --expense-color: #ef4444;
+            --summary-bar-bg: #f9fafb;
+        }
+        body {
+            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+            margin: 0;
+            background-color: var(--summary-bar-bg);
+            color: var(--text-color);
+            line-height: 1.6;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 32px 20px;
+        }
+        header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 16px;
+            padding-bottom: 24px;
+            border-bottom: 1px solid var(--border-color);
+        }
+        header h1 {
+            margin: 0;
+            font-size: 28px;
+            color: var(--text-color);
+            font-weight: 700;
+        }
+        .header-actions {
+            display: flex;
+            align-items: center;
+        }
+        .header-actions .back-link {
+            padding: 8px 16px;
+            background-color: var(--bg-color);
+            color: var(--secondary-text-color);
+            border: 1px solid var(--border-color);
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            text-decoration: none;
+            transition: background-color 0.2s ease, border-color 0.2s ease;
+        }
+        .header-actions .back-link:hover {
+            background-color: #f3f4f6;
+            border-color: #d1d5db;
+            text-decoration: none;
+        }
+ 
+        #account-summary-bar {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 20px;
+            background-color: var(--card-bg-color);
+            padding: 20px;
+            border-radius: 8px;
+            margin-bottom: 30px;
+            border: 1px solid var(--border-color);
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+        }
+        .summary-item {
+            text-align: left;
+        }
+        .summary-label {
+            display: block;
+            font-size: 0.875em;
+            color: var(--secondary-text-color);
+            margin-bottom: 4px;
+            font-weight: 500;
+        }
+        .summary-value {
+            display: block;
+            font-size: 1.5em;
+            color: var(--text-color);
+            font-weight: 600;
+        }
+ 
+        .statement-card-item {
+            background-color: var(--card-bg-color);
+            border-radius: 8px;
+            border: 1px solid var(--border-color);
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+            margin-bottom: 12px;
+            cursor: pointer;
+            transition: box-shadow 0.2s ease, transform 0.2s ease;
+        }
+        .statement-card-item:hover {
+            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
+            transform: translateY(-2px);
+        }
+        .statement-card-item .card-summary {
+            padding: 16px 20px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .statement-card-item .summary-left { display: flex; align-items: center; gap: 12px; }
+        .statement-card-item .change-type-icon {
+            width: 32px; height: 32px; border-radius: 50%; display: flex;
+            align-items: center; justify-content: center; font-weight: 600; color: white;
+        }
+        .statement-card-item .summary-info .description { font-weight: 500; color: var(--text-color); }
+        .statement-card-item .summary-info .timestamp { font-size: 0.875em; color: var(--secondary-text-color); }
+        .statement-card-item .summary-right .amount { font-weight: 600; font-size: 1.1em; }
+        .statement-card-item .amount.positive { color: var(--income-color); }
+        .statement-card-item .amount.negative { color: var(--expense-color); }
+        .statement-card-item .amount.neutral { color: var(--text-color); }
+        .statement-card-item .card-details {
+            padding: 0 20px 16px 20px;
+            border-top: 1px solid var(--border-color);
+            margin-top: 12px;
+            display: none;
+        }
+        .statement-card-item .details-grid {
+            display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 12px 20px; margin-top: 12px;
+        }
+        .statement-card-item .detail-item { font-size: 0.9em; }
+        .statement-card-item .detail-item strong { color: var(--secondary-text-color); font-weight: 500; margin-right: 8px; display: inline-block; min-width: 80px;}
+        .statement-card-item .detail-item span { color: var(--text-color); word-break: break-all; }
+        .statement-card-item .metadata-title { font-weight: 600; margin-top: 16px; margin-bottom: 8px; font-size: 0.95em; color: var(--text-color); }
+        .statement-card-item .metadata-item { font-size: 0.85em; padding-left: 10px; border-left: 2px solid var(--border-color); margin-bottom: 4px; }
+        .statement-card-item .metadata-item strong { min-width: 70px; }
+
+        #statements-loading-indicator {
+            text-align: center; padding: 40px; font-size: 1em; color: var(--secondary-text-color); display: none; width: 100%;
+        }
+        #statements-loading-indicator::before {
+            content: ''; display: inline-block; width: 24px; height: 24px;
+            border: 3px solid rgba(0,0,0, 0.1); border-radius: 50%;
+            border-top-color: var(--text-color); animation: spin 0.8s linear infinite;
+            margin-right: 12px; position: relative; top: 4px;
+        }
+        @keyframes spin { to { transform: rotate(360deg); } }
+        #pagination-controls {
+            margin-top: 20px;
+            text-align: center;
+        }
+        #pagination-controls button {
+            padding: 8px 16px;
+            margin: 0 5px;
+            border: 1px solid var(--border-color);
+            background-color: var(--card-bg-color);
+            color: var(--text-color);
+            border-radius: 6px;
+            cursor: pointer;
+        }
+        #pagination-controls button:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+        #pagination-controls button:hover:not(:disabled) {
+            border-color: var(--accent-color);
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>账户账单详情</h1>
+            <div class="header-actions">
+                <a href="{{ url_for('dashboard') }}" class="back-link">&larr; 返回仪表盘</a>
+            </div>
+        </header>
+ 
+        <div id="account-summary-bar">
+            <div class="summary-item">
+                <span class="summary-label">总收入</span>
+                <span class="summary-value" id="summary-total-income">--.-- USD</span>
+            </div>
+            <div class="summary-item">
+                <span class="summary-label">总支出</span>
+                <span class="summary-value" id="summary-total-expense">--.-- USD</span>
+            </div>
+            <div class="summary-item">
+                <span class="summary-label">总结余</span>
+                <span class="summary-value" id="summary-total-balance">--.-- USD</span>
+            </div>
+        </div>
+        
+        <div id="statements-loading-indicator">正在加载账单...</div>
+        <div id="statement-records-container">
+        </div>
+        <div id="pagination-controls">
+            <button id="prev-page-btn" disabled>上一页</button>
+            <span id="page-info">第 1 页</span>
+            <button id="next-page-btn" disabled>下一页</button>
+        </div>
+    </div>
+
+    <script>
+        const accountEmail = "{{ account_email }}"; 
+        const recordsContainer = document.getElementById('statement-records-container');
+        const loadingIndicator = document.getElementById('statements-loading-indicator');
+        const prevPageBtn = document.getElementById('prev-page-btn');
+        const nextPageBtn = document.getElementById('next-page-btn');
+        const pageInfoElem = document.getElementById('page-info');
+ 
+        const summaryTotalIncomeElem = document.getElementById('summary-total-income');
+        const summaryTotalExpenseElem = document.getElementById('summary-total-expense');
+        const summaryTotalBalanceElem = document.getElementById('summary-total-balance');
+        
+        let currentPage = 1;
+        const pageSize = 20;
+        let totalRecords = 0;
+ 
+        function formatStatementTimestamp(unixTimestamp) {
+            if (!unixTimestamp) return 'N/A';
+            const date = new Date(unixTimestamp * 1000);
+            return date.toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai', year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false });
+        }
+
+        function getChangeTypeDetails(type) {
+            const types = {
+                1: { text: "充值", icon: "➕", color: "#22c55e" }, 2: { text: "提现", icon: "➖", color: "#ef4444" },
+                3: { text: "接收", icon: "➡️", color: "#3b82f6" }, 4: { text: "发送", icon: "⬅️", color: "#f97316" },
+                5: { text: "消费", icon: "💳", color: "#ef4444" }, 6: { text: "收益", icon: "💰", color: "#10b981" },
+                7: { text: "提出", icon: "🔄", color: "#6366f1" }, 8: { text: "开卡", icon: "🚫", color: "#6b7280" },
+                14: { text: "红包", icon: "🧧", color: "#f43f5e" }
+            };
+            return types[type] || { text: `类型 ${type}`, icon: "❓", color: "#6b7280" };
+        }
+        
+        function formatMetadata(metadata) {
+            if (typeof metadata !== 'object' || metadata === null || Object.keys(metadata).length === 0) {
+                return '<p class="detail-item"><strong>元数据:</strong> <span>无</span></p>';
+            }
+            let html = '<div class="metadata-title">元数据:</div>';
+            for (const key in metadata) {
+                html += `<div class="metadata-item"><strong>${key}:</strong> <span>${typeof metadata[key] === 'object' ? JSON.stringify(metadata[key]) : metadata[key]}</span></div>`;
+            }
+            return html;
+        }
+
+        function renderStatementRecords(apiResponse) {
+            recordsContainer.innerHTML = ''; 
+            loadingIndicator.style.display = 'none';
+
+            if (!apiResponse || !apiResponse.data || !apiResponse.data.items) {
+                recordsContainer.innerHTML = '<p>无法加载账单数据或无记录。</p>';
+                updatePaginationControls(0);
+                return;
+            }
+            const items = apiResponse.data.items;
+            totalRecords = apiResponse.data.total || items.length;
+
+            if (items.length === 0) {
+                recordsContainer.innerHTML = '<p>该账户暂无账单记录。</p>';
+                updatePaginationControls(0);
+                return;
+            }
+            
+            items.forEach(item => {
+                const statementItemCard = document.createElement('div');
+                statementItemCard.classList.add('statement-card-item');
+                const changeTypeDetails = getChangeTypeDetails(item.change_type);
+                const amountClass = item.change > 0 ? 'positive' : (item.change < 0 ? 'negative' : 'neutral');
+                const formattedAmount = `${item.change >= 0 ? '+' : ''}${parseFloat(item.change).toFixed(item.field === "RED_PACKET_BALANCE" || item.field === "AVAILABLE_BALANCE" ? 5 : 2)}`;
+
+                statementItemCard.innerHTML = `
+                    <div class="card-summary">
+                        <div class="summary-left">
+                            <div class="change-type-icon" style="background-color: ${changeTypeDetails.color};">${changeTypeDetails.icon}</div>
+                            <div class="summary-info">
+                                <div class="description">${changeTypeDetails.text} - ${item.field === "AVAILABLE_BALANCE" ? "可用余额" : (item.field === "RED_PACKET_BALANCE" ? "红包余额" : item.field)}</div>
+                                <div class="timestamp">${formatStatementTimestamp(item.created_at)}</div>
+                            </div>
+                        </div>
+                        <div class="summary-right"><span class="amount ${amountClass}">${formattedAmount}</span></div>
+                    </div>
+                    <div class="card-details">
+                        <div class="details-grid">
+                            <p class="detail-item"><strong>ID:</strong> <span>${item.id}</span></p>
+                            <p class="detail-item"><strong>交易ID:</strong> <span>${item.tx_id}</span></p>
+                            <p class="detail-item"><strong>字段:</strong> <span>${item.field}</span></p>
+                            <p class="detail-item"><strong>变动类型:</strong> <span>${changeTypeDetails.text} (${item.change_type})</span></p>
+                            <p class="detail-item"><strong>变动额:</strong> <span class="${amountClass}">${formattedAmount}</span></p>
+                            <p class="detail-item"><strong>状态:</strong> <span>${item.status === 1 ? '成功' : '处理中/失败'}</span></p>
+                            <p class="detail-item"><strong>变动前余额:</strong> <span>${parseFloat(item.pre_balance).toFixed(5)}</span></p>
+                            <p class="detail-item"><strong>变动后余额:</strong> <span>${parseFloat(item.balance).toFixed(5)}</span></p>
+                        </div>
+                        ${formatMetadata(item.metadata)}
+                    </div>
+                `;
+                statementItemCard.querySelector('.card-summary').addEventListener('click', () => {
+                    const details = statementItemCard.querySelector('.card-details');
+                    details.style.display = details.style.display === 'none' || details.style.display === '' ? 'block' : 'none';
+                });
+                recordsContainer.appendChild(statementItemCard);
+            });
+            updatePaginationControls(totalRecords);
+        }
+
+        function updatePaginationControls(total) {
+            const totalPages = Math.ceil(total / pageSize);
+            pageInfoElem.textContent = `第 ${currentPage} / ${totalPages} 页 (共 ${total} 条)`;
+            prevPageBtn.disabled = currentPage === 1;
+            nextPageBtn.disabled = currentPage === totalPages || totalPages === 0;
+        }
+
+        async function fetchStatementsForPage(page) {
+            loadingIndicator.style.display = 'block';
+            recordsContainer.innerHTML = '';
+            try {
+                const response = await fetch(`/api/account_statements?email=${encodeURIComponent(accountEmail)}&page=${page}&size=${pageSize}`);
+                if (response.status === 401) { window.location.href = '/'; return; }
+                if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); }
+                
+                const statementData = await response.json();
+                if (statementData.error) {
+                    recordsContainer.innerHTML = `<p style="color: var(--error-color);">获取账单失败: ${statementData.error}</p>`;
+                } else {
+                    renderStatementRecords(statementData);
+                }
+            } catch (error) {
+                console.error(`Error fetching statements for ${accountEmail} page ${page}:`, error);
+                recordsContainer.innerHTML = `<p style="color: var(--error-color);">获取账单时发生网络错误。</p>`;
+            }
+        }
+
+        prevPageBtn.addEventListener('click', () => {
+            if (currentPage > 1) {
+                currentPage--;
+                fetchStatementsForPage(currentPage);
+            }
+        });
+
+        nextPageBtn.addEventListener('click', () => {
+            const totalPages = Math.ceil(totalRecords / pageSize);
+            if (currentPage < totalPages) {
+                currentPage++;
+                fetchStatementsForPage(currentPage);
+            }
+        });
+
+        document.addEventListener('DOMContentLoaded', function() {
+            if (accountEmail) {
+                fetchAccountStatistics();
+                fetchStatementsForPage(currentPage);
+            } else {
+                recordsContainer.innerHTML = "<p>未指定账户信息。</p>";
+                loadingIndicator.style.display = 'none';
+                summaryTotalIncomeElem.textContent = 'N/A';
+                summaryTotalExpenseElem.textContent = 'N/A';
+                summaryTotalBalanceElem.textContent = 'N/A';
+            }
+        });
+
+        async function fetchAccountStatistics() {
+            if (!accountEmail) return;
+
+            try {
+                const response = await fetch(`/api/account_summary_statistics?email=${encodeURIComponent(accountEmail)}`);
+                
+                if (response.status === 401) {
+                    console.warn('Unauthorized access to statistics API via backend. User might need to log in.');
+                    summaryTotalIncomeElem.textContent = '认证失败';
+                    summaryTotalExpenseElem.textContent = '认证失败';
+                    summaryTotalBalanceElem.textContent = '认证失败';
+                    return;
+                }
+ 
+                if (!response.ok) {
+                    let errorMsg = `HTTP error! status: ${response.status}`;
+                    try {
+                        const errData = await response.json();
+                        errorMsg = errData.error || errData.message || errorMsg;
+                    } catch (e) { }
+                    throw new Error(errorMsg);
+                }
+                
+                const statsData = await response.json();
+ 
+                if (statsData.error) {
+                    console.error('Backend failed to get statistics:', statsData.error);
+                    summaryTotalIncomeElem.textContent = '加载失败';
+                    summaryTotalExpenseElem.textContent = '加载失败';
+                    summaryTotalBalanceElem.textContent = '加载失败';
+                } else if (statsData.code === 0 && statsData.data) {
+                    summaryTotalIncomeElem.textContent = `${parseFloat(statsData.data.income || 0).toFixed(2)} USD`;
+                    summaryTotalExpenseElem.textContent = `${parseFloat(statsData.data.expense || 0).toFixed(2)} USD`;
+                    summaryTotalBalanceElem.textContent = `${parseFloat(statsData.data.balance || 0).toFixed(2)} USD`;
+                } else {
+                    console.error('Received unexpected statistics data structure from backend:', statsData);
+                    summaryTotalIncomeElem.textContent = '数据格式错误';
+                    summaryTotalExpenseElem.textContent = '数据格式错误';
+                    summaryTotalBalanceElem.textContent = '数据格式错误';
+                }
+            } catch (error) {
+                console.error('Error fetching account statistics via backend:', error);
+                summaryTotalIncomeElem.textContent = '网络错误';
+                summaryTotalExpenseElem.textContent = '网络错误';
+                summaryTotalBalanceElem.textContent = '网络错误';
+            }
+        }
+    </script>
+</body>
+</html>

templates/dashboard.html

@@ -10,20 +10,20 @@
     <style>
         :root {
             --bg-color: #ffffff;
-            --text-color: #000000;
-            --secondary-text-color: #666666;
-            --border-color: #e0e0e0; 
+            --text-color: #111827; 
+            --secondary-text-color: #6b7280;
+            --border-color: #e5e7eb; 
             --card-bg-color: #ffffff;
             --accent-color: #000000;
-            --error-color: #ff0000;
-            --success-color: #000000; 
-            --summary-bar-bg: #fafafa; 
+            --error-color: #ef4444;
+            --success-color: #10b981;
+            --summary-bar-bg: #f9fafb;
         }
 
         body {
             font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
             margin: 0;
-            background-color: var(--bg-color);
+            background-color: var(--summary-bar-bg);
             color: var(--text-color);
             line-height: 1.6;
             -webkit-font-smoothing: antialiased;
@@ -32,188 +32,163 @@
         .container {
             max-width: 1200px;
             margin: 0 auto;
-            padding: 40px 20px;
+            padding: 32px 20px;
         }
         header {
             display: flex;
-            flex-direction: column; 
-            align-items: flex-start; 
-            margin-bottom: 20px; 
-            padding-bottom: 20px;
-             border-bottom: 1px solid var(--border-color); 
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 16px;
+            padding-bottom: 24px;
+            border-bottom: 1px solid var(--border-color);
         }
         header h1 {
-            margin: 0 0 10px 0; 
-            font-size: 32px;
+            margin: 0;
+            font-size: 28px;
             color: var(--text-color);
             font-weight: 700;
         }
-        
-        .top-controls-container { 
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            width: 100%;
-            margin-bottom: 20px; 
-            padding-top: 10px; 
+        .header-actions button {
+            padding: 8px 16px;
+            background-color: var(--accent-color);
+            color: var(--bg-color);
+            border: 1px solid var(--accent-color);
+            border-radius: 6px;
+            cursor: pointer;
+            font-size: 14px;
+            font-weight: 500;
+            margin-left: 12px;
+            transition: background-color 0.2s ease;
         }
-
-        #last-updated { 
-            font-size: 0.9em; 
-            color: var(--secondary-text-color); 
+        .header-actions button:hover {
+            background-color: #333333;
+        }
+        .header-actions button#logout-btn {
+            background-color: var(--bg-color);
+            color: var(--secondary-text-color);
+            border: 1px solid var(--border-color);
+        }
+        .header-actions button#logout-btn:hover {
+            background-color: #f3f4f6;
+            border-color: #d1d5db;
+        }
+        #last-updated {
+            font-size: 0.875em;
+            color: var(--secondary-text-color);
+            margin-bottom: 24px;
+            text-align: right;
         }
-
         #summary-bar {
-            display: flex;
-            justify-content: space-between; 
-            align-items: center;
-            background-color: var(--card-bg-color); 
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 20px;
+            background-color: var(--card-bg-color);
             padding: 20px;
             border-radius: 8px;
-            margin-bottom: 30px; 
+            margin-bottom: 30px;
             border: 1px solid var(--border-color);
-            box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06); 
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
         }
         .summary-item {
-            text-align: center;
-            flex-grow: 1; 
-            padding: 0 10px; 
-        }
-        .summary-item:not(:last-child) {
-            border-right: 1px solid var(--border-color); 
+            text-align: left;
         }
         .summary-label {
             display: block;
-            font-size: 0.9em;
+            font-size: 0.875em;
             color: var(--secondary-text-color);
-            margin-bottom: 5px;
+            margin-bottom: 4px;
             font-weight: 500;
         }
         .summary-value {
             display: block;
-            font-size: 1.4em;
+            font-size: 1.5em;
             color: var(--text-color);
             font-weight: 600;
         }
 
-        
-
-        .actions {
-            display: flex;
-        }
-        .actions button {
-            padding: 9px 18px; 
-            background-color: var(--accent-color);
-            color: var(--bg-color);
-            border: 1px solid var(--accent-color);
-            border-radius: 6px;
-            cursor: pointer;
-            font-size: 14px;
-            font-weight: 500;
-            margin-left: 12px;
-            transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
-        }
-        .actions button:hover {
-            background-color: #333333; 
-            border-color: #333333;
-        }
-        .actions button#logout-btn {
-            background-color: var(--bg-color);
-            color: var(--secondary-text-color); 
-            border: 1px solid var(--border-color);
-        }
-        .actions button#logout-btn:hover {
-            background-color: #f7f7f7; 
-            border-color: #cccccc;
-            color: var(--text-color);
-        }
-
         #account-cards-container {
             display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 
-            gap: 20px; 
+            grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
+            gap: 20px;
+        }
+        .account-card-link {
+            text-decoration: none;
+            color: inherit;
+            display: flex;
+            flex-direction: column;
         }
-
         .account-card {
-            padding: 20px; 
+            padding: 20px;
+            flex-grow: 1;
             background-color: var(--card-bg-color);
             border-radius: 8px;
             border: 1px solid var(--border-color);
-            box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.06); 
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
             transition: box-shadow 0.2s ease, transform 0.2s ease;
+            height: 100%;
+            display: flex;
+            flex-direction: column;
         }
-        .account-card:hover {
-            box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.08); 
-            transform: translateY(-1px); 
+        .account-card-link:hover .account-card {
+            box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
+            transform: translateY(-2px);
+        }
+        .account-info {
+            flex-grow: 1;
         }
-
         .account-info h3 {
             margin-top: 0;
-            font-size: 16px; 
+            font-size: 1.125em;
             color: var(--text-color);
             border-bottom: 1px solid var(--border-color);
             padding-bottom: 12px;
             margin-bottom: 12px;
-            font-weight: 600; 
+            font-weight: 600;
         }
-        .account-info p { margin: 10px 0; font-size: 14px; color: var(--secondary-text-color); }
-        .account-info p strong { 
-            color: var(--text-color); 
-            min-width: 130px;
+        .account-info p { margin: 8px 0; font-size: 0.875em; color: var(--secondary-text-color); }
+        .account-info p strong {
+            color: var(--text-color);
+            min-width: 110px;
             display: inline-block;
             font-weight: 500;
         }
         .account-info .highlight-balance {
-            font-weight: 700; 
-            font-size: 1.1em; 
-            color: var(--text-color); 
+            font-weight: 600;
+            font-size: 1.1em;
+            color: var(--text-color);
         }
         .status-ok { color: var(--success-color); font-weight: 500; }
         .status-error { color: var(--error-color); font-weight: 500; }
         .error-details {
-            font-size: 0.9em;
+            font-size: 0.8em;
             color: var(--error-color);
-            margin-left: 0; 
+            margin-left: 0;
             white-space: pre-wrap;
-            background-color: rgba(255,0,0,0.05); 
-            padding: 8px 10px;
+            background-color: rgba(239, 68, 68, 0.05);
+            padding: 6px 8px;
             border-radius: 4px;
-            margin-top: 5px;
-            border: 1px solid rgba(255,0,0,0.1);
+            margin-top: 4px;
+            border: 1px solid rgba(239, 68, 68, 0.1);
         }
         .account-info .card-details-integrated {
             margin-top: 15px;
             padding-top: 15px;
             border-top: 1px solid var(--border-color);
         }
-        .account-info .card-details-integrated p {
-            margin: 8px 0;
-            font-size: 14px;
-        }
-        .account-info .card-details-integrated p strong {
-             min-width: 100px; 
-        }
-
+        
         #loading-indicator {
             text-align: center;
-            padding: 50px;
-            font-size: 16px;
+            padding: 40px 0;
+            font-size: 1em;
             color: var(--secondary-text-color);
             display: none;
             width: 100%;
         }
         #loading-indicator::before {
-            content: '';
-            display: inline-block;
-            width: 28px;
-            height: 28px;
-            border: 3px solid rgba(0,0,0, 0.1);
-            border-radius: 50%;
-            border-top-color: var(--text-color);
-            animation: spin 0.8s linear infinite;
-            margin-right: 15px;
-            position: relative;
-            top: 6px;
+            content: ''; display: inline-block; width: 24px; height: 24px;
+            border: 3px solid rgba(0,0,0, 0.1); border-radius: 50%;
+            border-top-color: var(--text-color); animation: spin 0.8s linear infinite;
+            margin-right: 12px; position: relative; top: 4px;
         }
         @keyframes spin { to { transform: rotate(360deg); } }
     </style>
@@ -222,15 +197,13 @@
     <div class="container">
         <header>
             <h1>账户仪表盘</h1>
-        </header>
-
-        <div class="top-controls-container">
-            <div id="last-updated">最后更新时间: N/A</div>
-            <div class="actions">
+            <div class="header-actions">
                 <button id="refresh-btn">刷新数据</button>
                 <button id="logout-btn">登出</button>
             </div>
-        </div>
+        </header>
+
+        <div id="last-updated">最后更新时间: N/A</div>
 
         <div id="summary-bar">
             <div class="summary-item">
@@ -247,7 +220,7 @@
             </div>
         </div>
         
-        <div id="loading-indicator">正在加载数据...</div>
+        <div id="loading-indicator">正在加载账户数据...</div>
         <div id="account-cards-container">
         </div>
     </div>
@@ -255,37 +228,32 @@
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             const accountCardsContainer = document.getElementById('account-cards-container');
-            const loadingIndicator = document.getElementById('loading-indicator');
+            const mainLoadingIndicator = document.getElementById('loading-indicator');
             const refreshButton = document.getElementById('refresh-btn');
             const logoutButton = document.getElementById('logout-btn');
-            const lastUpdatedElem = document.getElementById('last-updated'); 
+            const lastUpdatedElem = document.getElementById('last-updated');
             const totalAccountsValueElem = document.getElementById('total-accounts-value');
             const totalBalanceValueElem = document.getElementById('total-balance-value');
             const totalDailyConsumptionValueElem = document.getElementById('total-daily-consumption-value');
 
+            let autoRefreshAccountsInterval;
 
-            let autoRefreshInterval;
-
-            function formatDateTime(isoString) {
+            function formatGeneralDateTime(isoString) {
                 if (!isoString) return 'N/A';
                 try {
-                    // 强制使用 UTC+8 (Asia/Shanghai) 时区
                     return new Date(isoString).toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai', hour12: false });
-                } catch (e) {
-                    return 'Invalid Date';
-                }
+                } catch (e) { return 'Invalid Date'; }
             }
-            
-            function displayData(data) {
+
+            function displayAccountData(data) {
                 accountCardsContainer.innerHTML = '';
-                loadingIndicator.style.display = 'none';
+                mainLoadingIndicator.style.display = 'none';
 
                 const numAccounts = Object.keys(data).length;
                 totalAccountsValueElem.textContent = numAccounts;
                 const currentTime = new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai', hour12: false });
                 lastUpdatedElem.textContent = `最后更新时间: ${currentTime}`;
 
-
                 if (numAccounts === 0) {
                     accountCardsContainer.innerHTML = '<p style="text-align:center; color: #888; grid-column: 1 / -1;">没有可显示的账户数据。</p>';
                     totalBalanceValueElem.textContent = '$0.00';
@@ -295,56 +263,38 @@
 
                 let totalAvailableBalance = 0;
                 let totalDailyConsumption = 0;
-                let foundBalance = false;
-                let foundConsumption = false;
 
                 for (const email in data) {
                     const account = data[email];
                     if (account.cards_info && account.cards_info.available_balance) {
-                        const balance = parseFloat(account.cards_info.available_balance);
-                        if (!isNaN(balance)) {
-                            totalAvailableBalance += balance;
-                            foundBalance = true;
-                        }
+                        totalAvailableBalance += parseFloat(account.cards_info.available_balance) || 0;
                     }
                     if (account.profile && account.profile.daily_consumption) {
-                        const consumption = parseFloat(String(account.profile.daily_consumption).replace('$', ''));
-                        if (!isNaN(consumption)) {
-                            totalDailyConsumption += consumption;
-                            foundConsumption = true;
-                        }
+                        totalDailyConsumption += parseFloat(String(account.profile.daily_consumption).replace('$', '')) || 0;
                     }
 
+                    const accountCardLink = document.createElement('a');
+                    accountCardLink.classList.add('account-card-link');
+                    accountCardLink.href = `/dashboard/statements?email=${encodeURIComponent(email)}`;
+
                     const accountCard = document.createElement('div');
                     accountCard.classList.add('account-card');
-
-                    let contentHTML = `<div class="account-info"><h3>${email}</h3>`;
                     
+                    let contentHTML = `<div class="account-info"><h3>${email}</h3>`;
                     contentHTML += `<p><strong>Token 状态:</strong> ${account.token_present ? '<span class="status-ok">存在</span>' : '<span class="status-error">不存在</span>'}</p>`;
+                    contentHTML += `<p><strong>最后登录:</strong> ${formatGeneralDateTime(account.last_login_attempt)} - ${account.last_login_success === true ? '<span class="status-ok">成功</span>' : (account.last_login_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
+                    if (account.login_error) contentHTML += `<p class="error-details">登录错误: ${account.login_error}</p>`;
+                    
+                    contentHTML += `<p><strong>Profile 获取:</strong> ${formatGeneralDateTime(account.last_profile_attempt)} - ${account.last_profile_success === true ? '<span class="status-ok">成功</span>' : (account.last_profile_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
+                    if (account.profile_error) contentHTML += `<p class="error-details">Profile 错误: ${account.profile_error}</p>`;
 
-                    contentHTML += `<p><strong>最后登录:</strong> ${formatDateTime(account.last_login_attempt)} - ${account.last_login_success === true ? '<span class="status-ok">成功</span>' : (account.last_login_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
-                    if (account.login_error) {
-                        contentHTML += `<p class="error-details">登录错误: ${account.login_error}</p>`;
-                    }
+                    contentHTML += `<p><strong>卡片获取:</strong> ${formatGeneralDateTime(account.last_card_info_attempt)} - ${account.last_card_info_success === true ? '<span class="status-ok">成功</span>' : (account.last_card_info_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
+                    if (account.card_info_error) contentHTML += `<p class="error-details">卡片错误: ${account.card_info_error}</p>`;
 
-                    contentHTML += `<p><strong>最后 Profile 获取:</strong> ${formatDateTime(account.last_profile_attempt)} - ${account.last_profile_success === true ? '<span class="status-ok">成功</span>' : (account.last_profile_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
-                    if (account.profile_error) {
-                        contentHTML += `<p class="error-details">Profile 错误: ${account.profile_error}</p>`;
-                    }
-
-                    
-                    contentHTML += `<p><strong>卡片信息获取:</strong> ${formatDateTime(account.last_card_info_attempt)} - ${account.last_card_info_success === true ? '<span class="status-ok">成功</span>' : (account.last_card_info_success === false ? '<span class="status-error">失败</span>' : 'N/A')}</p>`;
-                    if (account.card_info_error) {
-                        contentHTML += `<p class="error-details">卡片错误: ${account.card_info_error}</p>`;
-                    }
-                    
                     if (account.profile) {
                         contentHTML += `<p><strong>UID:</strong> ${account.profile.uid || 'N/A'}</p>`;
-                        
                         contentHTML += `<p><strong>邀请码:</strong> ${account.profile.invitation_code || 'N/A'}</p>`;
                         contentHTML += `<p><strong>账户状态:</strong> ${account.profile.status || 'N/A'}</p>`;
-                    } else {
-                        contentHTML += `<p>Profile 数据不可用。</p>`;
                     }
 
                     if (account.cards_info) {
@@ -352,69 +302,41 @@
                         contentHTML += `<div class="card-details-integrated">`;
                         contentHTML += `<p><strong>卡号:</strong> ${ (card.provider_bin && card.card_last_four_digits) ? `${card.provider_bin}xxxxxx${card.card_last_four_digits}` : (card.provider_bin ? `${card.provider_bin}xxxxxx` : (card.card_last_four_digits ? `xxxxxx${card.card_last_four_digits}` : '-')) }</p>`;
                         contentHTML += `<p><strong>可用余额:</strong> <span class="highlight-balance">$${card.available_balance || '0.00'}</span></p>`;
-
-                        
                         if (account.profile) {
                             contentHTML += `<p><strong>每日消耗:</strong> $${account.profile.daily_consumption || '0.00'}</p>`;
                             contentHTML += `<p><strong>总收益:</strong> $${account.profile.total_earn_balance || '0.00'}</p>`;
                         }
-
-                        let dailyLimitDisplay = '-';
-                        if (card.consumption_limit !== null && card.consumption_limit !== undefined) {
-                            if (String(card.consumption_limit) === '-1') {
-                                dailyLimitDisplay = '无限制';
-                            } else {
-                                dailyLimitDisplay = `$${card.consumption_limit}`;
-                            }
-                        }
-                        contentHTML += `<p><strong>卡日限额:</strong> ${dailyLimitDisplay}</p>`;
-                        contentHTML += `</div>`;
-                    } else if (account.last_card_info_success === true) { 
-                        contentHTML += `<div class="card-details-integrated">`;
-                        if (account.profile) { 
-                            contentHTML += `<p><strong>每日消耗:</strong> $${account.profile.daily_consumption || '0.00'}</p>`;
-                            contentHTML += `<p><strong>总收益:</strong> $${account.profile.total_earn_balance || '0.00'}</p>`;
-                        }
-                        contentHTML += `<p><strong>卡信息:</strong> 无可用卡片。</p></div>`;
-                    } else { 
-                         if (account.profile) {
-                            contentHTML += `<div class="card-details-integrated">`; 
-                            contentHTML += `<p><strong>每日消耗:</strong> $${account.profile.daily_consumption || '0.00'}</p>`;
-                            contentHTML += `<p><strong>总收益:</strong> $${account.profile.total_earn_balance || '0.00'}</p>`;
-                            contentHTML += `</div>`;
-                        }
+                        let dailyLimitDisplay = (card.consumption_limit === null || card.consumption_limit === undefined) ? '-' : (String(card.consumption_limit) === '-1' ? '无限制' : `$${card.consumption_limit}`);
+                        contentHTML += `<p><strong>卡日限额:</strong> ${dailyLimitDisplay}</p></div>`;
                     }
-                    
                     contentHTML += `</div>`;
                     accountCard.innerHTML = contentHTML;
-                    accountCardsContainer.appendChild(accountCard);
+                    accountCardLink.appendChild(accountCard);
+                    accountCardsContainer.appendChild(accountCardLink);
                 }
                 
-                totalBalanceValueElem.textContent = foundBalance ? `$${totalAvailableBalance.toFixed(2)}` : '$0.00';
-                totalDailyConsumptionValueElem.textContent = foundConsumption ? `$${totalDailyConsumption.toFixed(2)}` : '$0.00';
+                totalBalanceValueElem.textContent = `$${totalAvailableBalance.toFixed(2)}`;
+                totalDailyConsumptionValueElem.textContent = `$${totalDailyConsumption.toFixed(2)}`;
             }
 
-            async function fetchData() {
-                loadingIndicator.style.display = 'block';
+            async function fetchInitialAccountData() {
+                mainLoadingIndicator.style.display = 'block';
                 try {
-                    const response = await fetch('/api/data');
-                    if (response.status === 401) {
-                        window.location.href = '/';
-                        return;
-                    }
-                    if (!response.ok) {
-                        throw new Error(`HTTP error! status: ${response.status}`);
-                    }
+                    const response = await fetch('/api/data'); 
+                    if (response.status === 401) { window.location.href = '/'; return; }
+                    if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`);}
                     const data = await response.json();
                     if (data.error) {
-                        console.error("Error fetching data:", data.error);
-                        loadingIndicator.style.display = 'none';
+                        console.error("Error fetching account data:", data.error);
+                        mainLoadingIndicator.style.display = 'none';
+                        accountCardsContainer.innerHTML = `<p style="text-align:center; color: var(--error-color);">获取账户数据失败: ${data.error}</p>`;
                     } else {
-                        displayData(data);
+                        displayAccountData(data);
                     }
                 } catch (error) {
-                    console.error('Error fetching data:', error);
-                    loadingIndicator.style.display = 'none';
+                    console.error('Error fetching account data:', error);
+                    mainLoadingIndicator.style.display = 'none';
+                    accountCardsContainer.innerHTML = `<p style="text-align:center; color: var(--error-color);">获取账户数据时发生网络错误。</p>`;
                 }
             }
 
@@ -422,18 +344,16 @@
                 const originalButtonText = refreshButton.textContent;
                 refreshButton.textContent = '正在刷新...';
                 refreshButton.disabled = true;
-                loadingIndicator.textContent = '手动刷新中...';
-                loadingIndicator.style.display = 'block';
+                mainLoadingIndicator.textContent = '手动刷新中...';
+                mainLoadingIndicator.style.display = 'block';
+                accountCardsContainer.innerHTML = '';
 
                 try {
-                    const response = await fetch('/api/refresh', { method: 'POST' });
-                    if (response.status === 401) {
-                        window.location.href = '/';
-                        return;
-                    }
-
+                    const refreshApiResponse = await fetch('/api/refresh', { method: 'POST' });
+                    if (refreshApiResponse.status === 401) { window.location.href = '/'; return; }
+                    
                     setTimeout(async () => {
-                        await fetchData();
+                        await fetchInitialAccountData();
                         refreshButton.textContent = originalButtonText;
                         refreshButton.disabled = false;
                     }, 3000);
@@ -443,18 +363,15 @@
                     lastUpdatedElem.textContent = `手动刷新失败: ${new Date().toLocaleString('zh-CN', { timeZone: 'Asia/Shanghai', hour12: false })}`;
                     refreshButton.textContent = originalButtonText;
                     refreshButton.disabled = false;
-                    loadingIndicator.style.display = 'none';
+                    mainLoadingIndicator.style.display = 'none';
                 }
             });
 
-            logoutButton.addEventListener('click', () => {
-                window.location.href = '/logout';
-            });
-
-            fetchData();
+            logoutButton.addEventListener('click', () => { window.location.href = '/logout'; });
 
-            if (autoRefreshInterval) clearInterval(autoRefreshInterval);
-            autoRefreshInterval = setInterval(fetchData, 60000); 
+            fetchInitialAccountData();
+            if (autoRefreshAccountsInterval) clearInterval(autoRefreshAccountsInterval);
+            autoRefreshAccountsInterval = setInterval(fetchInitialAccountData, 600000);
         });
     </script>
 </body>