diff --git a/src/pages/AuthPage/AuthPage.jsx b/src/pages/AuthPage/AuthPage.jsx
index fe1b42b..51f323e 100644
--- a/src/pages/AuthPage/AuthPage.jsx
+++ b/src/pages/AuthPage/AuthPage.jsx
@@ -1,7 +1,9 @@
 import { useState } from "react";
 import { Link } from "wouter";
 import "./AuthPage.css";
-import logo from '../../assets/logo.png'; 
+// import logo from '../../assets/logo.png'; 
+import { ReactComponent as LogoIcon } from '../../assets/logo.svg';
+// import backgroundImage from '../../assets/b.png'; 
 
 function AuthPage() {
   const [activeTab, setActiveTab] = useState("login");
@@ -157,10 +159,11 @@
   return (
     <div className="auth-container">
       <div className="logo-container">
-        <img src={logo} alt="Logo" className="site-logo" />
+        <LogoIcon className="site-logo" />
       </div>
 
-      <div className="auth-card">
+      {/* <div className="auth-card"> */}
+      <div className="glass-card">
         <div className="auth-header">
           <div className={`auth-tab ${activeTab === "login" ? "active" : ""}`} onClick={() => setActiveTab("login")}>
             登录