diff --git a/comments.php b/comments.php
index c80cbc5..af24f0e 100644
--- a/comments.php
+++ b/comments.php
@@ -38,20 +38,19 @@
             
               <p>
                 <label for="author" class="required"><?php _e('称呼'); ?></label>
-                <input type="text" name="author" id="author" class="text" value="<?php $this->remember('author'); ?>" required />
+                <input type="text" name="author" id="author" class="text inputbox" value="<?php $this->remember('author'); ?>" required />
             </p>
             <p>
                 <label for="mail"<?php if ($this->options->commentsRequireMail): ?> class="required"<?php endif; ?>><?php _e('邮箱'); ?></label>
-                <input type="email" name="mail" id="mail" class="text" placeholder="<?php _e('name@company.tld'); ?>" value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?> />
+                <input type="email" name="mail" id="mail" class="text inputbox" placeholder="<?php _e('name@company.tld'); ?>" value="<?php $this->remember('mail'); ?>"<?php if ($this->options->commentsRequireMail): ?> required<?php endif; ?> />
             </p>
             <p>
                 <label for="url"<?php if ($this->options->commentsRequireURL): ?> class="required"<?php endif; ?>><?php _e('网站'); ?></label>
-                <input type="url" name="url" id="url" class="text" placeholder="<?php _e('https://'); ?>" value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?> />
+                <input type="url" name="url" id="url" class="text inputbox" placeholder="<?php _e('https://'); ?>" value="<?php $this->remember('url'); ?>"<?php if ($this->options->commentsRequireURL): ?> required<?php endif; ?> />
             </p>
             <?php endif; ?>
             <p>
-                <label for="textarea" class="required"><?php _e('内容'); ?></label>
-                <textarea name="text" id="textarea" class="textarea" required ><?php $this->remember('text'); ?></textarea>
+                <textarea name="text" id="textarea" class="textarea inputbox" required ><?php $this->remember('text'); ?></textarea>
             </p>
             <p>
                 <button type="submit" class="submit"><?php _e('提交评论'); ?></button>
diff --git a/libs/_scss/base.scss b/libs/_scss/base.scss
index c5d14fa..6902ae8 100644
--- a/libs/_scss/base.scss
+++ b/libs/_scss/base.scss
@@ -52,6 +52,13 @@ nav {
 .container {
 	width: 100%;
 }
+button, input, optgroup, select, textarea {
+    padding: 0;
+    line-height: inherit;
+    color: inherit;
+	outline: 0;
+	background-color: white;
+}
 .mx-auto {
 	margin-left: auto;
 	margin-right: auto;
diff --git a/libs/_scss/style.scss b/libs/_scss/style.scss
index 469856e..e16ec9b 100644
--- a/libs/_scss/style.scss
+++ b/libs/_scss/style.scss
@@ -14,11 +14,15 @@
 	--table-body-even-background-color: #E0E0E0;
 	--code-block-background-color: #E0E0E0;
 	--code-block-color: #004D40;
+	--input-border-radius: 0.5rem;
+	--comment-input-border-color: #9E9E9E;
+	--comment-input-border-focus-color: #3c8baf;
 	--footer-background-color: transparent;
 	--footer-color: #212121;
 	--footer-link-color: #212121;
 	--footer-link-hover-color: #616161;
 }
+
 body {
 	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Ubuntu", Roboto, "Open Sans", Helvetica, Arial, sans-serif;
 	background-color: var(--global-background-color);
@@ -58,6 +62,7 @@ nav {
 .nav_menu {
 	display: flex;
 	justify-content: flex-end;
+	margin-right: 1rem;
 	li {
 		a {
 			margin: 0 .15rem;
@@ -169,14 +174,53 @@ code {
 	white-space: pre-wrap;
 }
 .comment_form {
+	@media only screen and (min-width: 640px) {
+		width: 450px;
+	}
+	p {
+		display: flex;
+	}
+	label {
+		margin-right: 0.5rem;
+		margin-top: auto;
+		margin-bottom: auto;
+	}
 	.text {
-		width: 400px;
+		flex-grow: 1;
 	}
 	textarea {
-		resize: none !important;
-		width: 400px;
+		resize: none;
+		width: 100%;
 		height: 200px;
 	}
+	.inputbox {
+		-webkit-border-radius: var(--input-border-radius);
+        -moz-border-radius: var(--input-border-radius);
+		border-radius: var(--input-border-radius);
+		border: var(--comment-input-border-color) 2px solid;
+		--webkit-box-shadow: none;
+		box-shadow: none;
+		appearance: none;
+		padding: .5rem;
+		&:focus {
+			border-color: var(--comment-input-border-focus-color);
+			border-style: solid;
+			outline:none;
+		}
+	}
+	.submit {
+		border: none;
+		-webkit-border-radius: var(--input-border-radius);
+        -moz-border-radius: var(--input-border-radius);
+		border-radius: var(--input-border-radius);
+		background-color: #E0E0E0;
+		padding: .75rem 1.5rem;
+		width: 100%;
+		font-weight: 400;
+		&:focus, &:hover {
+			background-color: #90A4AE;
+		}
+	}
 }
 .sidebar_box {
 	font-size: 0.8rem;
@@ -188,6 +232,11 @@ code {
 		}
 	}
 }
+
+.error-page .post-title {
+	text-align: center;
+}
+
 footer {
 	background-color: var(--footer-background-color);
 	color: var(--footer-color);
@@ -202,7 +251,3 @@ footer {
 		}
 	}
 }
-
-.error-page .post-title {
-	text-align: center;
-}
\ No newline at end of file
diff --git a/style.css b/style.css
index bb9f7de..3c712aa 100644
--- a/style.css
+++ b/style.css
@@ -1 +1 @@
-html{font-size:14px}body{padding:0;font-weight:300;font-size:1rem;line-height:1.15;width:100%}ul{margin:0;padding:0}ol{margin:0;padding:0}h1{font-weight:700;font-size:2.75rem}h2{font-weight:600;font-size:2.5rem}h3{font-weight:500;font-size:2.25rem}h4{font-weight:500;font-size:2rem}h5{font-weight:500;font-size:1.75rem}h6{font-weight:400;font-size:1.5rem;margin:1rem 0}p{padding:0;display:block}nav{padding:0;display:block}.container{width:100%}.mx-auto{margin-left:auto;margin-right:auto}@media only screen and (min-width: 640px){html{font-size:8px}.container{max-width:615px}}@media only screen and (min-width: 768px){html{font-size:12px}.container{max-width:722px}}@media only screen and (min-width: 1024px){html{font-size:14px}.container{max-width:943px}}@media only screen and (min-width: 1280px){html{font-size:16px}.container{max-width:1152px}}@media only screen and (min-width: 1536px){.container{max-width:1352px}}@media only screen and (min-width: 1920px){.container{max-width:1652px}}@media only screen and (min-width: 2560px){html{font-size:18px}.container{max-width:2151px}}::before,::after{content:"";box-sizing:border-box;border-width:0;border-style:solid;border-color:inherit}::selection,::-moz-selection{background:#000;color:#fff}::placeholder,::-webkit-input-placeholder{color:#9ca3af;opacity:.7}:root{--global-background-color: #FBFBFD;--global-color: #263238;--link-color: #263238;--link-hover-background-color: transparent;--link-hover-color: #3c8baf;--nav-link-hover-background-color: #455A64;--nav-link-hover-color: #F5F5F5;--page-nav-link-hover-color: #FAFAFA;--page-nav-link-hover-background-color: #455A64;--table-head-background-color: #E0E0E0;--table-body-even-background-color: #E0E0E0;--code-block-background-color: #E0E0E0;--code-block-color: #004D40;--footer-background-color: transparent;--footer-color: #212121;--footer-link-color: #212121;--footer-link-hover-color: #616161}body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Ubuntu",Roboto,"Open Sans",Helvetica,Arial,sans-serif;background-color:var(--global-background-color);color:var(--global-color)}a{text-decoration:none;color:var(--link-color)}a:focus{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}a:hover{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}header{display:flex}header nav{flex-grow:1}p{margin:1rem 0}.header_title{padding-left:1vw}.header_title p{font-size:2.5rem;font-weight:500}nav{margin:auto 0}.nav_menu{display:flex;justify-content:flex-end}.nav_menu li a{margin:0 .15rem;padding:.25rem .5rem;display:inline-block}.nav_menu li a:hover{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}.nav_menu li a:focus{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}ul li{display:inline}ol li{display:inline}.main-body{min-height:75vh}main{margin-bottom:2rem}main article p{line-height:1.5}.post_title{font-size:1.5rem;line-height:1.5;text-align:center}.post_content{margin-top:2rem}.post_info{font-size:.8rem;margin:.15rem 0}.page_content{margin:2rem 0}table{margin:1rem 0}table thead tr{background-color:var(--table-head-background-color)}table th{padding:.25rem}table td{padding:.25rem}table tbody tr:nth-child(even){background-color:var(--table-body-even-background-color)}.page_box{width:100%;text-align:center}.page_box li a{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-weight:400;font-size:1.15rem;margin:0 .15rem;padding:.25rem .5rem}.page_box li a:hover{background-color:var(--page-nav-link-hover-background-color);color:var(--page-nav-link-hover-color)}.post-near a{text-decoration:underline}pre{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:1rem .5rem}pre code{padding:0}code{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:0 .25rem;overflow-wrap:normal;white-space:pre-wrap}.comment_form .text{width:400px}.comment_form textarea{resize:none !important;width:400px;height:200px}.sidebar_box{font-size:.8rem;display:flex;justify-content:space-between}.sidebar_box ul li{display:block}footer{background-color:var(--footer-background-color);color:var(--footer-color);width:100%;margin-top:2rem;text-align:center}footer a{color:var(--footer-link-color)}footer a:hover{color:var(--footer-link-hover-color);text-decoration:underline}.error-page .post-title{text-align:center}
+html{font-size:14px}body{padding:0;font-weight:300;font-size:1rem;line-height:1.15;width:100%}ul{margin:0;padding:0}ol{margin:0;padding:0}h1{font-weight:700;font-size:2.75rem}h2{font-weight:600;font-size:2.5rem}h3{font-weight:500;font-size:2.25rem}h4{font-weight:500;font-size:2rem}h5{font-weight:500;font-size:1.75rem}h6{font-weight:400;font-size:1.5rem;margin:1rem 0}p{padding:0;display:block}nav{padding:0;display:block}.container{width:100%}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit;outline:0;background-color:#fff}.mx-auto{margin-left:auto;margin-right:auto}@media only screen and (min-width: 640px){html{font-size:8px}.container{max-width:615px}}@media only screen and (min-width: 768px){html{font-size:12px}.container{max-width:722px}}@media only screen and (min-width: 1024px){html{font-size:14px}.container{max-width:943px}}@media only screen and (min-width: 1280px){html{font-size:16px}.container{max-width:1152px}}@media only screen and (min-width: 1536px){.container{max-width:1352px}}@media only screen and (min-width: 1920px){.container{max-width:1652px}}@media only screen and (min-width: 2560px){html{font-size:18px}.container{max-width:2151px}}::before,::after{content:"";box-sizing:border-box;border-width:0;border-style:solid;border-color:inherit}::selection,::-moz-selection{background:#000;color:#fff}::placeholder,::-webkit-input-placeholder{color:#9ca3af;opacity:.7}:root{--global-background-color: #FBFBFD;--global-color: #263238;--link-color: #263238;--link-hover-background-color: transparent;--link-hover-color: #3c8baf;--nav-link-hover-background-color: #455A64;--nav-link-hover-color: #F5F5F5;--page-nav-link-hover-color: #FAFAFA;--page-nav-link-hover-background-color: #455A64;--table-head-background-color: #E0E0E0;--table-body-even-background-color: #E0E0E0;--code-block-background-color: #E0E0E0;--code-block-color: #004D40;--input-border-radius: 0.5rem;--comment-input-border-color: #9E9E9E;--comment-input-border-focus-color: #3c8baf;--footer-background-color: transparent;--footer-color: #212121;--footer-link-color: #212121;--footer-link-hover-color: #616161}body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Ubuntu",Roboto,"Open Sans",Helvetica,Arial,sans-serif;background-color:var(--global-background-color);color:var(--global-color)}a{text-decoration:none;color:var(--link-color)}a:focus{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}a:hover{background-color:var(--link-hover-background-color);color:var(--link-hover-color)}header{display:flex}header nav{flex-grow:1}p{margin:1rem 0}.header_title{padding-left:1vw}.header_title p{font-size:2.5rem;font-weight:500}nav{margin:auto 0}.nav_menu{display:flex;justify-content:flex-end;margin-right:1rem}.nav_menu li a{margin:0 .15rem;padding:.25rem .5rem;display:inline-block}.nav_menu li a:hover{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}.nav_menu li a:focus{background-color:var(--nav-link-hover-background-color);color:var(--nav-link-hover-color)}ul li{display:inline}ol li{display:inline}.main-body{min-height:75vh}main{margin-bottom:2rem}main article p{line-height:1.5}.post_title{font-size:1.5rem;line-height:1.5;text-align:center}.post_content{margin-top:2rem}.post_info{font-size:.8rem;margin:.15rem 0}.page_content{margin:2rem 0}table{margin:1rem 0}table thead tr{background-color:var(--table-head-background-color)}table th{padding:.25rem}table td{padding:.25rem}table tbody tr:nth-child(even){background-color:var(--table-body-even-background-color)}.page_box{width:100%;text-align:center}.page_box li a{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-weight:400;font-size:1.15rem;margin:0 .15rem;padding:.25rem .5rem}.page_box li a:hover{background-color:var(--page-nav-link-hover-background-color);color:var(--page-nav-link-hover-color)}.post-near a{text-decoration:underline}pre{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:1rem .5rem}pre code{padding:0}code{background-color:var(--code-block-background-color);color:var(--code-block-color);padding:0 .25rem;overflow-wrap:normal;white-space:pre-wrap}@media only screen and (min-width: 640px){.comment_form{width:450px}}.comment_form p{display:flex}.comment_form label{margin-right:.5rem;margin-top:auto;margin-bottom:auto}.comment_form .text{flex-grow:1}.comment_form textarea{resize:none;width:100%;height:200px}.comment_form .inputbox{-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);border:var(--comment-input-border-color) 2px solid;--webkit-box-shadow: none;box-shadow:none;appearance:none;padding:.5rem}.comment_form .inputbox:focus{border-color:var(--comment-input-border-focus-color);border-style:solid;outline:none}.comment_form .submit{border:none;-webkit-border-radius:var(--input-border-radius);-moz-border-radius:var(--input-border-radius);border-radius:var(--input-border-radius);background-color:#e0e0e0;padding:.75rem 1.5rem;width:100%;font-weight:400}.comment_form .submit:focus,.comment_form .submit:hover{background-color:#90a4ae}.sidebar_box{font-size:.8rem;display:flex;justify-content:space-between}.sidebar_box ul li{display:block}.error-page .post-title{text-align:center}footer{background-color:var(--footer-background-color);color:var(--footer-color);width:100%;margin-top:2rem;text-align:center}footer a{color:var(--footer-link-color)}footer a:hover{color:var(--footer-link-hover-color);text-decoration:underline}