Improve dashboard responsive layout, collapsible risk section, and breakeven badge.

Co-authored-by: Cursor <cursoragent@cursor.com>

templates/dashboard.html

@@ -32,22 +32,26 @@
         </div>
     </div>
 
-    <div class="card dashboard-section dashboard-risk-card">
-        <h2 class="dashboard-risk-heading">
-            风控说明
+    <div class="card dashboard-section dashboard-risk-card" id="dash-risk-card">
+        <h2 class="dashboard-risk-heading dash-section-toggle" id="dash-risk-toggle" role="button" tabindex="0" aria-expanded="false" aria-controls="dash-risk-body">
+            <span class="dash-section-toggle-label">风控说明</span>
             {% if nav_items.risk_guide %}
-            <a class="dash-risk-doc-link" href="{{ url_for('risk_guide') }}">完整说明</a>
+            <a class="dash-risk-doc-link" href="{{ url_for('risk_guide') }}" onclick="event.stopPropagation()">完整说明</a>
             {% else %}
             <span class="text-muted dash-risk-doc-ref">· 详见 <code>docs/风控说明.md</code></span>
             {% endif %}
+            <span class="dash-toggle-icon" aria-hidden="true">▼</span>
         </h2>
-        <p class="dashboard-risk-reason" id="dash-risk-reason">加载中…</p>
-        <div class="stat-grid stat-grid-summary dashboard-risk-grid" id="dash-risk-grid"></div>
+        <div class="dash-risk-body" id="dash-risk-body">
+            <p class="dashboard-risk-reason" id="dash-risk-reason">加载中…</p>
+            <div class="stat-grid stat-grid-summary dashboard-risk-grid" id="dash-risk-grid"></div>
+        </div>
     </div>
 
     <div class="card dashboard-section">
         <h2>持仓信息</h2>
-        <div class="card-scroll">
+        <div class="dash-mobile-list" id="dash-pos-mobile-list"></div>
+        <div class="dash-pos-table-wrap card-scroll">
             <table class="dashboard-table" id="dash-positions-table">
                 <thead>
                     <tr>
@@ -71,7 +75,8 @@
 
     <div class="card dashboard-section">
         <h2>关键位监控</h2>
-        <div class="card-scroll">
+        <div class="dash-mobile-list" id="dash-keys-mobile-list"></div>
+        <div class="dash-keys-table-wrap card-scroll">
             <table class="dashboard-table" id="dash-keys-table">
                 <thead>
                     <tr>
@@ -116,6 +121,16 @@
     </div>
 </div>
 
+<div class="modal-mask" id="dash-detail-modal" hidden>
+    <div class="modal-box dash-detail-modal">
+        <h3 id="dash-detail-title">详情</h3>
+        <div class="modal-grid" id="dash-detail-grid"></div>
+        <div class="modal-actions">
+            <button type="button" class="btn-primary" id="dash-detail-close">关闭</button>
+        </div>
+    </div>
+</div>
+
 {% endblock %}
 {% block extra_js %}
 <script src="{{ url_for('static', filename='js/dashboard.js') }}?v={{ asset_v }}"></script>