diff --git a/static/public/css/qing.css b/static/public/css/qing.css
index 15168dd..3874be6 100644
--- a/static/public/css/qing.css
+++ b/static/public/css/qing.css
@@ -22,7 +22,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    background: #c2ccd0;
+    background: #fffbf0;
     font-family: system-ui, -apple-system, "Segoe UI", Roboto,sans-serif;
     padding: 1rem;
 }
@@ -68,4 +68,4 @@ body {
         padding: 1rem 0.8rem;
         border-radius: 0.9rem;
     }
-}
\ No newline at end of file
+}
diff --git a/static/public/dnfs.html b/static/public/dnfs.html
index bee22d1..c47e70b 100644
--- a/static/public/dnfs.html
+++ b/static/public/dnfs.html
@@ -5,15 +5,14 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>DNFS · 树状笔记</title>
-		<link rel="stylesheet" href="style/qing.css">
+		<link rel="stylesheet" href="css/qing.css">
 	</head>
 	<body>
 		<div class="box">
-			<h1><div id="article-title">title</div></h1>
+			<h1><div id="article-title"></div></h1>
 
 			</center>
-			<div id="article-content">hello</div>
-			<hr>
+			<div id="article-content"></div>
 			<div class="recommend-list" id="recommend-list"></div>
 			<br>
 			<div class="card">
diff --git a/static/public/js/dnfs.js b/static/public/js/dnfs.js
index 392efa8..c233085 100644
--- a/static/public/js/dnfs.js
+++ b/static/public/js/dnfs.js
@@ -161,7 +161,6 @@ function load_notes(main_node) {
 		card.appendChild(ctt)
 		recommend_list.appendChild(card)
 		recommend_list.appendChild(document.createElement('br'))
-		recommend_list.appendChild(document.createElement('hr'))
 	}
 };
 
diff --git a/static/public/login.html b/static/public/login.html
index d995f3b..c4aef65 100644
--- a/static/public/login.html
+++ b/static/public/login.html
@@ -5,6 +5,7 @@
 		<!-- 移动端适配核心标签 -->
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>登录</title>
+		<link rel="stylesheet" href="css/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -12,36 +13,38 @@
 		</style>
 	</head>
 	<body>
-		<h2>用户登录</h2>
-		<form action="" id="form" method="post">
-			<div>
-			<label>用户名/推荐邮箱：</label>
-			<input type="text" id="loginUsername" name="username" placeholder="请输入用户名">
-			<span id="msgTip" ></span>
-			<br>
-			<label>密码：</label>
-			<input type="password" id="loginPassword" name="password" placeholder="请输入密码">
-			<span id="pwdTip"></span>
-			</div>
-			<div>
-			<label>验证邮箱：</label>
-			<input type="email" id="loginEmail" name="email" placeholder="请输入验证邮箱">
-			<span id="emlSub">
-				<input type="submit" value="发送验证码">
-			</span>
-			<span id="emlTip"></span>
-			</div>
-			<div>
-				<button type="button" id="registerBtn">注册</button>
-				<input type="submit" id="loginBtn" value="登录">
-				<input type="reset" id="resetUser" value="重置">
-			</div>
-			<div>
-				<input type="checkbox" id="agreeBox" name="agree" value="access">
-				<label id="agreement">同意该系统相关用户使用条例</label>
-				<span id="agreeTip"></span>
-			</div>
-		</form>
+		<div class="card">
+			<h2>用户登录</h2>
+			<form action="" id="form" method="post">
+				<div>
+				<label>用户名/推荐邮箱：</label>
+				<input type="text" id="loginUsername" name="username" placeholder="请输入用户名">
+				<span id="msgTip" ></span>
+				<br>
+				<label>密码：</label>
+				<input type="password" id="loginPassword" name="password" placeholder="请输入密码">
+				<span id="pwdTip"></span>
+				</div>
+				<div>
+				<label>验证邮箱：</label>
+				<input type="email" id="loginEmail" name="email" placeholder="请输入验证邮箱">
+				<span id="emlSub">
+					<input type="submit" value="发送验证码">
+				</span>
+				<span id="emlTip"></span>
+				</div>
+				<div>
+					<button type="button" id="registerBtn">注册</button>
+					<input type="submit" id="loginBtn" value="登录">
+					<input type="reset" id="resetUser" value="重置">
+				</div>
+				<div>
+					<input type="checkbox" id="agreeBox" name="agree" value="access">
+					<label id="agreement">同意该系统相关用户使用条例</label>
+					<span id="agreeTip"></span>
+				</div>
+			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/login.js"></script>
 	</body>
diff --git a/static/public/register.html b/static/public/register.html
index 82157fa..e4ffc1f 100644
--- a/static/public/register.html
+++ b/static/public/register.html
@@ -4,6 +4,7 @@
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
 		<title>注册页面</title>
+		<link rel="stylesheet" href="css/qing.css">
 		<style>
 			.tip-red {color:red;}
 			.tip-yellow {color: orange;}
@@ -11,34 +12,36 @@
 		</style>
 	</head>
 	<body>
-		<h2>注册页面</h2>
-		<form id="form">
-			<div>
-				<label>用户名/推荐邮箱：</label>
-				<input type="text" id="regusername" placeholder="请输入用户名">
-				<span id="msgTip" ></span>
-				<br>
-				<label>邮箱号：</label>
-				<input type="email" id="regemail" placeholder="请输入邮箱号">
-				<div class="code-box">验证码：
-					<input type="text" id="code" placeholder="请输入6位验证码" inputmode="numeric" maxlength="6">
-					<input type="button" id="getCode" value="获取验证码">
-					<span id="codeTip"></span>
+		<div class="card">
+			<h2>注册页面</h2>
+			<form id="form">
+				<div>
+					<label>用户名/推荐邮箱：</label>
+					<input type="text" id="regusername" placeholder="请输入用户名">
+					<span id="msgTip" ></span>
+					<br>
+					<label>邮箱号：</label>
+					<input type="email" id="regemail" placeholder="请输入邮箱号">
+					<div class="code-box">验证码：
+						<input type="text" id="code" placeholder="请输入6位验证码" inputmode="numeric" maxlength="6">
+						<input type="button" id="getCode" value="获取验证码">
+						<span id="codeTip"></span>
+					</div>
+					<span id="emlTip"></span>
+					<br>
+					<label>密码：</label>
+					<input type="password" id="regpsw" placeholder="密码至少6位">
+					<label>验证密码：</label>
+					<input type="password" id="repwd" placeholder="请再次输入密码">
+					<span id="pwdTip"></span>
 				</div>
-				<span id="emlTip"></span>
-				<br>
-				<label>密码：</label>
-				<input type="password" id="regpsw" placeholder="密码至少6位">
-				<label>验证密码：</label>
-				<input type="password" id="repwd" placeholder="请再次输入密码">
-				<span id="pwdTip"></span>
-			</div>
-			<div>
-				<input id="formsub" type="submit" value="提交"> 
-				<input id="resetUser" type="reset" value="重置">
-				<input type="button" value="返回登录" onclick="location.href='login.html'"> 
-			</div>
-		</form>
+				<div>
+					<input id="formsub" type="submit" value="提交"> 
+					<input id="resetUser" type="reset" value="重置">
+					<input type="button" value="返回登录" onclick="location.href='login.html'"> 
+				</div>
+			</form>
+		</div>
 		<script src="js/validation.js"></script>
 		<script src="js/register.js?v=6"></script>
 	</body>