From cb32dc3dc24c2c494dc30271d983be644836f983 Mon Sep 17 00:00:00 2001
From: Wx-2025 <351320169@qq.com>
Date: Sun, 7 Sep 2025 06:18:48 +0800
Subject: [PATCH] Update cwb_style.css

---
 CharacterWorldBook/cwb_style.css | 57 ++++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 2 deletions(-)

diff --git a/CharacterWorldBook/cwb_style.css b/CharacterWorldBook/cwb_style.css
index a0bbf5e..7e7aa56 100644
--- a/CharacterWorldBook/cwb_style.css
+++ b/CharacterWorldBook/cwb_style.css
@@ -470,8 +470,8 @@
 @media (max-width: 768px) {
     .cwb-cyber-popup {
         width: 100vw;
-        height: calc(100vh - 50px);
-        top: 50px;
+        height: 100vh;
+        top: 0;
         left: 0;
         transform: none;
         border-radius: 0;
@@ -559,3 +559,56 @@
     display: inline;
 }
 
+/* CWB API button styles - copied from optimization.css */
+.cwb-settings-container .jqyh-button-row {
+    display: flex;
+    gap: 10px;
+    justify-content: center;
+    margin-top: 15px;
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button {
+    min-width: 120px;
+    height: 35px;
+    padding: 8px 16px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    border-radius: 20px;
+    font-size: 14px;
+    font-weight: 500;
+    transition: all 0.3s ease;
+    text-transform: none;
+    letter-spacing: 0.5px;
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button.primary {
+    background: linear-gradient(135deg, #4CAF50, #45a049);
+    border: 1px solid #388e3c;
+    color: white;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button.primary:hover {
+    background: linear-gradient(135deg, #5CBF60, #4CAF50);
+    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
+    transform: translateY(-1px);
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button.secondary {
+    background: linear-gradient(135deg, #2196F3, #1976D2);
+    border: 1px solid #1565C0;
+    color: white;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button.secondary:hover {
+    background: linear-gradient(135deg, #42A5F5, #2196F3);
+    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
+    transform: translateY(-1px);
+}
+
+.cwb-settings-container .jqyh-button-row .menu_button i {
+    font-size: 14px;
+}