From a9f4e2b1a50620f9d9749e057fb2a8fb38565df7 Mon Sep 17 00:00:00 2001
From: dekun <dekun@local>
Date: Mon, 15 Jun 2026 17:11:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=A1=8C=E6=83=85=E9=A1=B5?=
 =?UTF-8?q?=E5=93=81=E7=A7=8D=E4=B8=8B=E6=8B=89=E5=88=97=E8=A1=A8=E8=A2=AB?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

展开下拉时取消卡片 overflow 裁切，并提高下拉与工具栏层级。

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 templates/base.html   | 8 +++++---
 templates/market.html | 8 ++++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index b73c8c3..0745614 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -280,14 +280,16 @@
         }
         .stat-item .label{font-size:.8rem;color:var(--text-muted)}
         .stat-item .value{font-size:1.4rem;font-weight:600;color:var(--text-title);margin-top:.25rem}
-        .symbol-wrap{position:relative}
+        .symbol-wrap{position:relative;z-index:1}
+        .symbol-wrap:has(.symbol-dropdown.show){z-index:50}
         .symbol-dropdown{
             position:absolute;top:100%;left:0;right:0;
             background:var(--input-bg);border:1px solid var(--input-border);
-            border-radius:10px;margin-top:4px;z-index:100;
+            border-radius:10px;margin-top:4px;z-index:200;
             max-height:240px;overflow-y:auto;display:none;
-            box-shadow:var(--shadow-card);
+            box-shadow:var(--shadow-card-hover);
         }
+        .card:has(.symbol-dropdown.show){overflow:visible}
         .symbol-dropdown.show{display:block}
         .symbol-option{padding:.65rem 1rem;cursor:pointer;font-size:.85rem;border-bottom:1px solid var(--table-border)}
         .symbol-option:hover{background:var(--list-item-bg)}
diff --git a/templates/market.html b/templates/market.html
index cf6325b..064279e 100644
--- a/templates/market.html
+++ b/templates/market.html
@@ -34,9 +34,13 @@
 </div>
 
 <style>
+.market-card{overflow:visible}
 .market-card h2{margin-bottom:.75rem}
-.market-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;margin-bottom:.75rem}
-.market-symbol-wrap{flex:1;min-width:200px;max-width:360px}
+.market-toolbar{
+    display:flex;flex-wrap:wrap;gap:.65rem;align-items:flex-end;
+    margin-bottom:.75rem;position:relative;z-index:2;
+}
+.market-symbol-wrap{flex:1;min-width:200px;max-width:360px;z-index:3}
 .market-period-tabs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
 .period-tab{
     padding:.4rem .65rem;border-radius:999px;