做读者档案、联系方式、借阅资格功能

src/main/webapp/static/css/app.css

@@ -303,7 +303,9 @@ h2 {
 .search-form input,
 .search-form select,
 .book-form input,
-.book-form select {
+.book-form select,
+.reader-form input,
+.reader-form select {
     width: 100%;
     min-height: 42px;
     padding: 9px 11px;
@@ -316,7 +318,9 @@ h2 {
 .search-form input:focus,
 .search-form select:focus,
 .book-form input:focus,
-.book-form select:focus {
+.book-form select:focus,
+.reader-form input:focus,
+.reader-form select:focus {
     outline: 3px solid rgba(37, 111, 108, 0.18);
     border-color: var(--color-primary);
 }
@@ -378,6 +382,21 @@ h2 {
     background: #eef1f5;
 }
 
+.status-active {
+    color: var(--color-success);
+    background: #edf8ef;
+}
+
+.status-suspended {
+    color: var(--color-warning);
+    background: #fff7e5;
+}
+
+.status-inactive {
+    color: var(--color-muted);
+    background: #eef1f5;
+}
+
 .table-actions {
     display: flex;
     gap: 8px;
@@ -393,7 +412,8 @@ h2 {
     max-width: 860px;
 }
 
-.book-form {
+.book-form,
+.reader-form {
     display: grid;
     gap: 20px;
 }