ADD file via upload

style-extension.css.txt

@@ -0,0 +1,61 @@
+/* 扩展样式：补充核心样式未覆盖的细节 */
+
+/* Toast提示优化 */
+#dynamicToast {
+    transition: opacity 0.3s ease, transform 0.3s ease;
+    transform: translateX(-50%) translateY(0);
+}
+#dynamicToast.hide {
+    opacity: 0;
+    transform: translateX(-50%) translateY(20px);
+}
+
+/* 导入/导出按钮样式 */
+.backup-group {
+    display: flex;
+    gap: 12px;
+}
+
+/* 加载状态优化 */
+.book-cover.loading {
+    background: linear-gradient(90deg, #e6f0ff 25%, #d9e6fc 50%, #e6f0ff 75%);
+    background-size: 200% 100%;
+    animation: loadingShimmer 1.5s infinite;
+}
+@keyframes loadingShimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+
+/* 表单验证样式 */
+.input-error {
+    border-color: #ef4444 !important;
+    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
+}
+.error-message {
+    color: #ef4444;
+    font-size: 0.75rem;
+    margin: -8px 0 12px 16px;
+    display: none;
+}
+.error-message.show {
+    display: block;
+}
+
+/* 移动端优化 */
+@media (max-width: 480px) {
+    .header {
+        padding: 16px 20px;
+        border-radius: 24px;
+    }
+    .logo-area h1 {
+        font-size: 1.4rem;
+    }
+    .book-card {
+        min-width: unset;
+    }
+    .modal-content {
+        padding: 24px 20px;
+        border-radius: 24px;
+    }
+}