Update theme.py

theme.py

@@ -5,6 +5,7 @@ custom_css = """
 body {
     background: linear-gradient(135deg, #020617 0%, #1e0b45 50%, #020617 100%);
 }
+
 .gradio-container {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
                  "Segoe UI", sans-serif;
@@ -13,17 +14,24 @@ body {
     padding: 32px 32px 40px 32px !important;
     color: #f9fafb;
 }
+
 .gradio-container .block {
     background: transparent !important;
     border: none !important;
     box-shadow: none !important;
 }
+
 .glass-card {
     background: rgba(15, 23, 42, 0.96);
     border-radius: 24px;
     border: 1px solid rgba(148, 163, 184, 0.30);
     box-shadow: 0 24px 60px rgba(15, 23, 42, 0.9);
-    padding: 0;
+    padding: 20px 22px !important;
+    overflow: hidden;
+}
+
+.glass-card > * + * {
+    margin-top: 12px;
 }
 
 .hero-title {
@@ -34,12 +42,14 @@ body {
     color: #e5e7eb;
     margin-bottom: 8px;
 }
+
 .hero-subtitle {
     font-size: 14px;
     max-width: 640px;
     opacity: 0.9;
     color: #cbd5f5;
 }
+
 .conf-bar-bg {
     margin-top: 14px;
     width: 100%;
@@ -47,11 +57,13 @@ body {
     border-radius: 999px;
     background: rgba(148, 163, 184, 0.35);
 }
+
 .conf-bar-fill {
     height: 100%;
     border-radius: inherit;
     background: linear-gradient(90deg, #f97316, #fb923c);
 }
+
 .badge-pill {
     display: inline-flex;
     align-items: center;
@@ -60,31 +72,37 @@ body {
     font-size: 11px;
     font-weight: 600;
 }
+
 .badge-fake {
     background: #f97316;
     color: #111827;
 }
+
 .badge-real {
     background: #22c55e;
     color: #022c22;
 }
+
 .gradio-container textarea {
     background: #020617 !important;
     border-radius: 18px !important;
     border: 1px solid rgba(148, 163, 184, 0.35) !important;
     color: #f9fafb !important;
     font-size: 13px !important;
-    padding: 14px 16px !important;
+    padding: 16px 18px !important;
     line-height: 1.5 !important;
     box-sizing: border-box !important;
 }
+
 .gradio-container textarea::placeholder {
     color: #94a3b8 !important;
     opacity: 1 !important;
 }
+
 .gradio-container label {
     margin-bottom: 6px !important;
 }
+
 @media (max-width: 900px) {
     .two-col {
         flex-direction: column !important;
@@ -125,8 +143,6 @@ def header():
     )
 
 def card_start():
-    return gr.HTML("<div style='padding:18px 22px 18px 22px;'>")  # top, right, bottom, left
-
+    return gr.HTML("")
 def card_end():
-    return gr.HTML("</div>")
-
+    return gr.HTML("")