首次发布git

2026-02-24 09:53:19 +08:00
commit dd97cf6a2c
71 changed files with 14875 additions and 0 deletions
@@ -0,0 +1,220 @@
+@import 'highlight.js/styles/atom-one-dark.css';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 240 10% 93%;
+    /* Main content: 93% gray */
+    --foreground: 240 5% 20%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 5% 15%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 5% 15%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 10% 90%;
+    /* Sidebar: 90% gray */
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 96%;
+    --muted-foreground: 240 3.8% 46%;
+    --accent: 240 4.8% 96%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 90%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.75rem;
+  }
+
+  .dark {
+    /* Notion-like Dark Mode (Inverted Hierarchy) - Deepened */
+    --background: 0 0% 9%;
+    /* Main Content: Deep Dark (#171717) */
+    --foreground: 0 0% 92%;
+    --card: 0 0% 9%;
+    /* Match background */
+    --card-foreground: 0 0% 92%;
+
+    --popover: 0 0% 9%;
+    --popover-foreground: 0 0% 92%;
+
+    --primary: 0 0% 92%;
+    --primary-foreground: 0 0% 10%;
+
+    --secondary: 0 0% 13%;
+    /* Sidebar: Lighter than main (#212121), but deeper than before */
+    --secondary-foreground: 0 0% 92%;
+
+    --muted: 0 0% 13%;
+    --muted-foreground: 0 0% 65%;
+
+    --accent: 0 0% 13%;
+    --accent-foreground: 0 0% 92%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 92%;
+
+    --border: 0 0% 18%;
+    /* Subtle borders */
+    --input: 0 0% 18%;
+    --ring: 0 0% 80%;
+  }
+
+  * {
+    border-color: hsl(var(--border));
+  }
+
+  body {
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+}
+
+/* Editor Specific Styles for Notion-like feel */
+.ProseMirror {
+  outline: none;
+  min-height: 300px;
+  padding-bottom: 50px;
+  font-size: 1.05rem;
+  line-height: var(--editor-line-height, 1.5);
+  /* Use CSS variable with fallback */
+  /* Reduced from 1.75 */
+}
+
+.ProseMirror p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: hsl(var(--muted-foreground));
+  pointer-events: none;
+  height: 0;
+}
+
+.ProseMirror blockquote {
+  border-left: 3px solid hsl(var(--primary));
+  /* Make border color slightly more visible (primary) */
+  padding-left: 1rem;
+  color: hsl(var(--muted-foreground));
+  font-family: "Georgia", "Cambria", "Times New Roman", serif !important;
+  /* Force serif font */
+  font-style: italic;
+  margin: 1rem 0;
+  background: hsl(var(--muted) / 0.3);
+  /* Subtle background */
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  border-radius: 0 0.5rem 0.5rem 0;
+  /* Rounded right corners */
+  /* Rounded right corners */
+}
+
+.ProseMirror code {
+  background-color: hsl(var(--primary) / 0.1);
+  color: hsl(var(--foreground));
+  border-radius: 0.25rem;
+  padding: 0.2rem 0.4rem;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 0.85em;
+  font-weight: 500;
+}
+
+.dark .ProseMirror code {
+  background-color: hsl(var(--primary) / 0.2);
+  color: hsl(var(--foreground));
+}
+
+.ProseMirror code::before,
+.ProseMirror code::after {
+  content: none !important;
+}
+
+/* ... existing heading styles ... */
+
+/* Table Styles - Ensure content is compact */
+.ProseMirror table p {
+  margin: 0;
+  /* Remove paragraph margin inside tables */
+  line-height: var(--table-line-height, 1.2);
+  /* Use CSS variable with fallback */
+  /* Tighter line height for table content */
+}
+
+.ProseMirror table {
+  border-collapse: collapse;
+  margin: 1em 0;
+  /* Add some vertical space around the table itself */
+  overflow: hidden;
+  table-layout: fixed;
+  width: 100%;
+}
+
+.ProseMirror td,
+.ProseMirror th {
+  border-width: 1px;
+  border-style: solid;
+  border-color: hsl(var(--border));
+  box-sizing: border-box;
+  min-width: 1em;
+  padding: 2px 4px;
+  /* Further reduced padding */
+  position: relative;
+  vertical-align: top;
+}
+
+.ProseMirror th {
+  background-color: hsl(var(--muted));
+  font-weight: bold;
+  text-align: left;
+  /* Make header borders visible by using a contrasting color if bg matches border */
+  border-color: hsl(var(--foreground) / 0.1);
+}
+
+/* AI Content Style */
+.ai-content {
+  font-family: "KaiTi", "STKaiti", "楷体", "Georgia", serif;
+  font-style: italic;
+  font-weight: normal;
+  color: hsl(var(--foreground));
+  /* Ensure text color is standard */
+}
+
+/* Specific fix for dark mode if needed, but opacity trick usually works */
+.dark .ProseMirror th {
+  border-color: hsl(var(--background));
+  /* Use background color for borders in dark mode header to show separation */
+}
+
+/* Task List Styles */
+ul[data-type="taskList"],
+.ProseMirror ul[data-type="taskList"] {
+  list-style: none !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.ProseMirror li[data-type="taskItem"] div,
+.ProseMirror li[data-type="taskItem"] label {
+  line-height: normal !important;
+  /* Force tight line height for checkbox items */
+  margin-top: 2px;
+  margin-bottom: 2px;
+}
+
+/* We are now using a Custom NodeView for li[data-type="taskItem"], so no global overriding needed.
+   The component handles its own layout. */
+
+/* Override Highlight.js background for a softer look */
+.ProseMirror pre {
+  background: #252529 !important;
+  /* Softer dark gray (hsl(240 5% 15%)), approx matching foreground */
+  border-radius: 0.5rem;
+}
+
+.hljs {
+  background: transparent !important;
+  /* Let pre handle the background */
+}