feat: 调整刷新样式和买入卖出折线图颜色

app/globals.css

@@ -102,6 +102,9 @@ body {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
+  /* PC 端固定高度，避免聚焦搜索时展开动画导致导航栏高度跳动 */
+  min-height: 68px;
+  box-sizing: border-box;
 }
 
 .brand {
@@ -133,6 +136,7 @@ body {
 
 .navbar-add-fund.search-focused {
   max-width: 800px;
+  min-width: 320px;
   flex: 1;
 }
 
@@ -177,6 +181,17 @@ body {
   height: auto;
 }
 
+/* PC 端聚焦搜索时禁止换行，避免导航栏高度变化 */
+@media (min-width: 641px) {
+  .navbar-add-fund.search-focused .search-input-wrapper {
+    flex-wrap: nowrap !important;
+  }
+  .navbar-add-fund.search-focused .navbar-input-shell {
+    flex-wrap: nowrap !important;
+    min-width: 0;
+  }
+}
+
 /* Mobile Search Logic */
 @media (max-width: 640px) {
   /* Default: Search hidden, Trigger visible */
@@ -1012,6 +1027,39 @@ input[type="number"] {
   box-shadow: 0 0 0 3px rgba(96,165,250,0.15);
   cursor: default;
 }
+
+/* 刷新按钮外圈进度条 */
+.refresh-btn-wrap {
+  --progress: 0;
+  position: relative;
+  width: 40px;
+  height: 40px;
+  flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.refresh-btn-wrap::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: 12px;
+  padding: 2px;
+  background: conic-gradient(
+    var(--accent) 0deg,
+    var(--accent) calc(var(--progress) * 360deg),
+    var(--border) calc(var(--progress) * 360deg)
+  );
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  pointer-events: none;
+}
+.refresh-btn-wrap .icon-button {
+  position: relative;
+  z-index: 1;
+}
 @media (prefers-reduced-motion: reduce) {
   .spin {
     animation: none;