diff --git a/packages/app-expo/src/components/reader/SelectionPopover.tsx b/packages/app-expo/src/components/reader/SelectionPopover.tsx
index daa748117..f7639510e 100644
--- a/packages/app-expo/src/components/reader/SelectionPopover.tsx
+++ b/packages/app-expo/src/components/reader/SelectionPopover.tsx
@@ -12,6 +12,7 @@ import { RichTextEditor } from "@/components/ui/RichTextEditor";
 import type { SelectionEvent } from "@/hooks/use-reader-bridge";
 import { radius, spacing, useColors, withOpacity } from "@/styles/theme";
 import type { ThemeColors } from "@/styles/theme";
+import { pageNoteLabel } from "@readany/core/reader";
 import { HIGHLIGHT_COLORS, HIGHLIGHT_COLOR_HEX } from "@readany/core/types";
 import type { HighlightColor } from "@readany/core/types";
 import * as Clipboard from "expo-clipboard";
@@ -296,7 +297,8 @@ export function SelectionPopover({
               </TouchableOpacity>
             </View>
             <Text style={s.noteModalPreview} numberOfLines={2}>
-              {selection.text}
+              {/* 页级笔记（固定版式无选中文本）：用「第N页笔记」这类位置标签替代空引用 */}
+              {selection.text || pageNoteLabel(selection.cfi, t)}
             </Text>
             <View style={s.editorContainer}>
               <RichTextEditor
diff --git a/packages/app-expo/src/screens/NotesView.tsx b/packages/app-expo/src/screens/NotesView.tsx
index 561ea0ad8..879b7da17 100644
--- a/packages/app-expo/src/screens/NotesView.tsx
+++ b/packages/app-expo/src/screens/NotesView.tsx
@@ -17,7 +17,7 @@ import { useFocusEffect, useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
 import type { HighlightWithBook } from "@readany/core/db/database";
 import { AnnotationExporter, type ExportFormat } from "@readany/core/export";
-import { sortAnnotationsByPosition } from "@readany/core/reader";
+import { pageNoteLabel, sortAnnotationsByPosition } from "@readany/core/reader";
 import type { Highlight } from "@readany/core/types";
 import { eventBus } from "@readany/core/utils/event-bus";
 /**
@@ -196,7 +196,11 @@ export function NotesView({
     const chapters: { chapter: string; items: HighlightWithBook[] }[] = [];
     const chapterMap = new Map<string, HighlightWithBook[]>();
     for (const h of currentList) {
-      const chapter = h.chapterTitle || t("notes.unknownChapter", "未知章节");
+      // 页级笔记（引用文本为空、固定版式）没有章节标题时用页码标签分组，别全落进「未知章节」
+      const chapter =
+        h.chapterTitle ||
+        (!h.text ? pageNoteLabel(h.cfi, t) : "") ||
+        t("notes.unknownChapter", "未知章节");
       const arr = chapterMap.get(chapter) || [];
       arr.push(h);
       chapterMap.set(chapter, arr);
diff --git a/packages/app-expo/src/screens/ReaderScreen.tsx b/packages/app-expo/src/screens/ReaderScreen.tsx
index 3eb75832a..f6965e220 100644
--- a/packages/app-expo/src/screens/ReaderScreen.tsx
+++ b/packages/app-expo/src/screens/ReaderScreen.tsx
@@ -14,6 +14,7 @@ import {
   HeadphonesIcon,
   LanguagesIcon,
   NotebookPenIcon,
+  PlusIcon,
   SearchIcon,
   XIcon,
 } from "@/components/ui/Icon";
@@ -39,7 +40,7 @@ import { readingContextService } from "@readany/core/ai/reading-context-service"
 import { runWithDbRetry } from "@readany/core/db/write-retry";
 import { useChapterTranslation } from "@readany/core/hooks";
 import { useReadingSession } from "@readany/core/hooks/use-reading-session";
-import { createSelectionNoteMutation } from "@readany/core/reader";
+import { createSelectionNoteMutation, pageNoteLabel } from "@readany/core/reader";
 import { getPlatformService } from "@readany/core/services";
 import { getCSSFontFace, useFontStore } from "@readany/core/stores";
 import type { HighlightColor, ReadSettings, TOCItem } from "@readany/core/types";
@@ -74,6 +75,7 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { WebView } from "react-native-webview";
 
 // ── Extracted modules ──
+import { PageNoteModal } from "./reader/PageNoteModal";
 import { ReaderNoteViewModal } from "./reader/ReaderNoteViewModal";
 
 const REFLOWABLE_CHARACTERS_PER_LOCATION = 1500;
@@ -224,6 +226,9 @@ export function ReaderScreen({ route, navigation }: Props) {
   const [showSettings, setShowSettings] = useState(false);
   const [showSearch, setShowSearch] = useState(false);
   const [showNotebook, setShowNotebook] = useState(false);
+  // 页级笔记（固定版式无选中文本时的新建入口，对应桌面 NotebookPanel 的「+」）
+  const [showPageNote, setShowPageNote] = useState(false);
+  const [pageNoteContent, setPageNoteContent] = useState("");
   const [showTranslation, setShowTranslation] = useState(false);
   const [translationText, setTranslationText] = useState("");
   const [showTTS, setShowTTS] = useState(false);
@@ -1048,6 +1053,39 @@ export function ReaderScreen({ route, navigation }: Props) {
     setSelection(null);
   }, []);
 
+  // 页级笔记：锚定「当前位置」，给固定版式（PDF/CBZ）这种没法选中文本的格式用。
+  // 与桌面端 NotebookPanel 的「+」完全同语义：落库时 text 为空，页码由 CFI 反推。
+  const handleSavePageNote = useCallback(() => {
+    if (!currentCfi || !bookId) return;
+    const mutation = createSelectionNoteMutation({
+      bookId,
+      cfi: currentCfi,
+      text: "",
+      note: pageNoteContent,
+      chapterTitle: currentChapter || undefined,
+      defaultColor: readSettings.defaultHighlightColor ?? "yellow",
+    });
+    if (mutation.kind === "create") {
+      addHighlight(mutation.highlight);
+      bridge.addAnnotation({
+        value: currentCfi,
+        type: "highlight",
+        color: mutation.highlight.color,
+        note: mutation.highlight.note,
+      });
+    }
+    setPageNoteContent("");
+    setShowPageNote(false);
+  }, [
+    currentCfi,
+    bookId,
+    pageNoteContent,
+    currentChapter,
+    readSettings.defaultHighlightColor,
+    addHighlight,
+    bridge,
+  ]);
+
   useEffect(() => {
     setGoToCfiFn(() => bridge.goToCFI);
     return () => setGoToCfiFn(null);
@@ -2043,9 +2081,23 @@ export function ReaderScreen({ route, navigation }: Props) {
         >
           <View style={s.sheetHeader}>
             <Text style={s.sheetTitle}>{t("reader.notebook", "笔记本")}</Text>
-            <TouchableOpacity onPress={() => setShowNotebook(false)}>
-              <XIcon size={18} color={colors.mutedForeground} />
-            </TouchableOpacity>
+            <View style={s.sheetHeaderActions}>
+              {/* 「+」= 在当前页新建页级笔记（固定版式 PDF/CBZ 无选中文本时的入口；
+                  桌面端同名按钮位于 NotebookPanel 头部同一位置） */}
+              <TouchableOpacity
+                disabled={!currentCfi}
+                style={!currentCfi ? s.sheetHeaderActionDisabled : undefined}
+                onPress={() => {
+                  setPageNoteContent("");
+                  setShowPageNote(true);
+                }}
+              >
+                <PlusIcon size={18} color={colors.foreground} />
+              </TouchableOpacity>
+              <TouchableOpacity onPress={() => setShowNotebook(false)}>
+                <XIcon size={18} color={colors.mutedForeground} />
+              </TouchableOpacity>
+            </View>
           </View>
           {highlights.length > 0 ? (
             <ScrollView showsVerticalScrollIndicator={false} style={s.sheetScroll}>
@@ -2071,9 +2123,16 @@ export function ReaderScreen({ route, navigation }: Props) {
                     ]}
                   />
                   <View style={s.highlightContent}>
-                    <Text style={s.highlightText} numberOfLines={3}>
-                      {h.text}
-                    </Text>
+                    {h.text ? (
+                      <Text style={s.highlightText} numberOfLines={3}>
+                        {h.text}
+                      </Text>
+                    ) : (
+                      /* 页级笔记（text 为空）：用「第N页笔记」这类位置标签代替空白引用 */
+                      <Text style={s.highlightLabel} numberOfLines={3}>
+                        {pageNoteLabel(h.cfi, t)}
+                      </Text>
+                    )}
                     {h.note && <Text style={s.highlightNote}>{h.note}</Text>}
                   </View>
                 </View>
@@ -2090,6 +2149,20 @@ export function ReaderScreen({ route, navigation }: Props) {
         </View>
       </Modal>
 
+      {/* ─── Page-level Note Modal（固定版式「页级笔记」新建入口） ─── */}
+      <PageNoteModal
+        visible={showPageNote}
+        cfi={currentCfi}
+        chapterTitle={currentChapter || undefined}
+        content={pageNoteContent}
+        onContentChange={setPageNoteContent}
+        onCancel={() => {
+          setShowPageNote(false);
+          setPageNoteContent("");
+        }}
+        onSave={handleSavePageNote}
+      />
+
       {/* ─── Note View Modal ─── */}
       <ReaderNoteViewModal
         highlight={noteViewHighlight}
diff --git a/packages/app-expo/src/screens/notes/HighlightCard.tsx b/packages/app-expo/src/screens/notes/HighlightCard.tsx
index fee549ecf..208265848 100644
--- a/packages/app-expo/src/screens/notes/HighlightCard.tsx
+++ b/packages/app-expo/src/screens/notes/HighlightCard.tsx
@@ -1,7 +1,9 @@
 import { Trash2Icon } from "@/components/ui/Icon";
 import { useColors } from "@/styles/theme";
 import type { HighlightWithBook } from "@readany/core/db/database";
+import { pageNoteLabel } from "@readany/core/reader";
 import { HIGHLIGHT_COLOR_HEX } from "@readany/core/types";
+import { useTranslation } from "react-i18next";
 import { Text, TouchableOpacity, View } from "react-native";
 import { makeStyles } from "./notes-styles";
 
@@ -15,6 +17,7 @@ export function HighlightCard({
   onNavigate: () => void;
 }) {
   const colors = useColors();
+  const { t } = useTranslation();
   const s = makeStyles(colors);
   return (
     <View style={s.highlightCard}>
@@ -24,7 +27,12 @@ export function HighlightCard({
       />
       <View style={s.highlightBody}>
         <TouchableOpacity onPress={onNavigate}>
-          <Text style={s.highlightText} numberOfLines={2}>"{highlight.text}"</Text>
+          {highlight.text ? (
+            <Text style={s.highlightText} numberOfLines={2}>"{highlight.text}"</Text>
+          ) : (
+            /* 页级笔记（固定版式无选中文本）：用「第N页笔记」这类位置标签替代引用 */
+            <Text style={s.highlightLabel} numberOfLines={2}>{pageNoteLabel(highlight.cfi, t)}</Text>
+          )}
         </TouchableOpacity>
         {highlight.chapterTitle && <Text style={s.highlightChapter}>{highlight.chapterTitle}</Text>}
       </View>
diff --git a/packages/app-expo/src/screens/notes/NoteCard.tsx b/packages/app-expo/src/screens/notes/NoteCard.tsx
index c447469e2..071ae89bb 100644
--- a/packages/app-expo/src/screens/notes/NoteCard.tsx
+++ b/packages/app-expo/src/screens/notes/NoteCard.tsx
@@ -3,6 +3,7 @@ import { CheckIcon, EditIcon, Trash2Icon, XIcon } from "@/components/ui/Icon";
 import { RichTextEditor } from "@/components/ui/RichTextEditor";
 import { useColors } from "@/styles/theme";
 import type { HighlightWithBook } from "@readany/core/db/database";
+import { pageNoteLabel } from "@readany/core/reader";
 import { HIGHLIGHT_COLOR_HEX } from "@readany/core/types";
 import type { TFunction } from "i18next";
 import { Text, TouchableOpacity, View } from "react-native";
@@ -43,9 +44,19 @@ export function NoteCard({
             { backgroundColor: HIGHLIGHT_COLOR_HEX[highlight.color] || colors.amber },
           ]}
         />
-        <Text style={s.noteQuote} numberOfLines={2}>
-          "{highlight.text}"
-        </Text>
+        <View style={s.noteQuoteWrap}>
+          {highlight.text ? (
+            <Text style={s.noteQuote} numberOfLines={2}>
+              "{highlight.text}"
+            </Text>
+          ) : (
+            /* 页级笔记（固定版式无选中文本）：用「第N页笔记」这类位置标签替代引用 */
+            <Text style={[s.noteQuote, s.noteQuoteEmpty]} numberOfLines={2}>
+              {pageNoteLabel(highlight.cfi, t)}
+            </Text>
+          )}
+          {highlight.chapterTitle && <Text style={s.noteChapter}>{highlight.chapterTitle}</Text>}
+        </View>
       </TouchableOpacity>
 
       {isEditing ? (
diff --git a/packages/app-expo/src/screens/notes/notes-styles.ts b/packages/app-expo/src/screens/notes/notes-styles.ts
index 7c254d675..6372c812e 100644
--- a/packages/app-expo/src/screens/notes/notes-styles.ts
+++ b/packages/app-expo/src/screens/notes/notes-styles.ts
@@ -207,6 +207,10 @@ export const makeStyles = (colors: ThemeColors) =>
     noteCardTop: { flexDirection: "row", alignItems: "flex-start", gap: 8 },
     colorDot: { width: 10, height: 10, borderRadius: 5, marginTop: 4 },
     noteQuote: { flex: 1, fontSize: fontSize.sm, color: colors.foreground, lineHeight: 20 },
+    noteQuoteWrap: { flex: 1 },
+    /** 页级笔记没有引用文本，这里显示「第N页笔记」这类位置标签 */
+    noteQuoteEmpty: { color: colors.mutedForeground, fontStyle: "italic" },
+    noteChapter: { fontSize: fontSize.xs, color: colors.mutedForeground, marginTop: 4 },
     noteBody: {
       marginTop: 8,
       backgroundColor: colors.muted,
@@ -274,6 +278,8 @@ export const makeStyles = (colors: ThemeColors) =>
     },
     highlightBody: { flex: 1, minWidth: 0 },
     highlightText: { fontSize: fontSize.sm, color: colors.foreground, lineHeight: 20 },
+    /** 页级笔记没有引用文本，这里显示「第N页笔记」这类位置标签 */
+    highlightLabel: { fontSize: fontSize.sm, color: colors.mutedForeground, fontStyle: "italic", lineHeight: 20 },
     highlightChapter: { fontSize: fontSize.xs, color: colors.mutedForeground, marginTop: 4 },
     highlightDeleteBtn: { padding: 6, borderRadius: radius.sm },
     exportOverlay: { flex: 1 },
diff --git a/packages/app-expo/src/screens/reader/PageNoteModal.tsx b/packages/app-expo/src/screens/reader/PageNoteModal.tsx
new file mode 100644
index 000000000..ef93e2f91
--- /dev/null
+++ b/packages/app-expo/src/screens/reader/PageNoteModal.tsx
@@ -0,0 +1,150 @@
+/**
+ * PageNoteModal — 在「当前位置」新建页级笔记。
+ *
+ * 对应桌面端 NotebookPanel 头部的「+」按钮（notebook.addPageNote）：
+ * 固定版式（PDF/CBZ）没有可选中文本，选中→高亮→笔记那条链路用不了，
+ * 所以提供这个锚定当前页的入口：落库时 text 为空（即页级笔记），页码由 CFI 反推。
+ */
+import { XIcon } from "@/components/ui/Icon";
+import { RichTextEditor } from "@/components/ui/RichTextEditor";
+import { fontSize, fontWeight, radius, spacing, useColors } from "@/styles/theme";
+import { pageNoteLabel } from "@readany/core/reader";
+import { KeyboardAvoidingView, Modal, Platform, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { useTranslation } from "react-i18next";
+
+interface Props {
+  visible: boolean;
+  /** 当前位置的 CFI（页级笔记的锚点） */
+  cfi: string;
+  chapterTitle?: string;
+  content: string;
+  onContentChange: (content: string) => void;
+  onCancel: () => void;
+  onSave: () => void;
+}
+
+export function PageNoteModal({
+  visible,
+  cfi,
+  chapterTitle,
+  content,
+  onContentChange,
+  onCancel,
+  onSave,
+}: Props) {
+  const colors = useColors();
+  const { t } = useTranslation();
+  const s = makeStyles(colors);
+  // 与桌面一致：页级笔记必须写点内容才能保存（否则只是一条空记录）
+  const canSave = content.trim().length > 0;
+
+  return (
+    <Modal visible={visible} transparent animationType="slide" onRequestClose={onCancel}>
+      <KeyboardAvoidingView
+        style={s.overlay}
+        behavior={Platform.OS === "ios" ? "padding" : "height"}
+      >
+        <TouchableOpacity style={StyleSheet.absoluteFill} onPress={onCancel} />
+        <View style={s.sheet}>
+          <View style={s.header}>
+            <Text style={s.title}>{t("notebook.addPageNote", "添加页级笔记")}</Text>
+            <TouchableOpacity style={s.closeBtn} onPress={onCancel}>
+              <XIcon size={20} color={colors.mutedForeground} />
+            </TouchableOpacity>
+          </View>
+
+          {/* 位置预览：页级笔记没有引用文本，用页码标签（与列表标题同一套文案） */}
+          <Text style={s.preview} numberOfLines={1}>
+            {pageNoteLabel(cfi, t)}
+          </Text>
+          {chapterTitle ? (
+            <Text style={s.chapter} numberOfLines={1}>
+              {chapterTitle}
+            </Text>
+          ) : null}
+
+          <View style={s.editorContainer}>
+            <RichTextEditor
+              initialContent={content}
+              onChange={onContentChange}
+              placeholder={t("reader.notePlaceholder", "写下你的想法...")}
+              autoFocus
+            />
+          </View>
+
+          <View style={s.actions}>
+            <TouchableOpacity style={s.cancelBtn} onPress={onCancel}>
+              <Text style={s.cancelText}>{t("common.cancel", "取消")}</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={[s.saveBtn, !canSave && s.saveBtnDisabled]}
+              onPress={onSave}
+              disabled={!canSave}
+            >
+              <Text style={s.saveText}>{t("common.save", "保存")}</Text>
+            </TouchableOpacity>
+          </View>
+        </View>
+      </KeyboardAvoidingView>
+    </Modal>
+  );
+}
+
+function makeStyles(colors: ReturnType<typeof useColors>) {
+  return StyleSheet.create({
+    overlay: { flex: 1, justifyContent: "flex-end", backgroundColor: "rgba(0,0,0,0.4)" },
+    sheet: {
+      backgroundColor: colors.card,
+      borderTopLeftRadius: radius.lg,
+      borderTopRightRadius: radius.lg,
+      padding: spacing.md,
+      paddingBottom: spacing.lg,
+    },
+    header: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      marginBottom: spacing.sm,
+    },
+    title: { fontSize: fontSize.md, fontWeight: fontWeight.semibold, color: colors.foreground },
+    closeBtn: {
+      width: 32,
+      height: 32,
+      borderRadius: 16,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: colors.muted,
+    },
+    preview: {
+      fontSize: fontSize.sm,
+      color: colors.mutedForeground,
+      fontStyle: "italic",
+      paddingHorizontal: 8,
+    },
+    chapter: { fontSize: fontSize.xs, color: colors.mutedForeground, paddingHorizontal: 8, marginTop: 2 },
+    editorContainer: {
+      height: 180,
+      marginTop: spacing.sm,
+      borderRadius: radius.lg,
+      borderWidth: 1,
+      borderColor: colors.border,
+      overflow: "hidden",
+    },
+    actions: { flexDirection: "row", justifyContent: "flex-end", gap: 8, marginTop: spacing.md },
+    cancelBtn: {
+      paddingHorizontal: 14,
+      paddingVertical: 8,
+      borderRadius: radius.md,
+      backgroundColor: colors.muted,
+    },
+    cancelText: { fontSize: fontSize.sm, color: colors.foreground },
+    saveBtn: {
+      paddingHorizontal: 14,
+      paddingVertical: 8,
+      borderRadius: radius.md,
+      backgroundColor: colors.primary,
+    },
+    saveBtnDisabled: { opacity: 0.5 },
+    saveText: { fontSize: fontSize.sm, color: colors.primaryForeground, fontWeight: fontWeight.medium },
+  });
+}
diff --git a/packages/app-expo/src/screens/reader/ReaderNoteViewModal.tsx b/packages/app-expo/src/screens/reader/ReaderNoteViewModal.tsx
index 061386b4d..762b6774e 100644
--- a/packages/app-expo/src/screens/reader/ReaderNoteViewModal.tsx
+++ b/packages/app-expo/src/screens/reader/ReaderNoteViewModal.tsx
@@ -7,7 +7,7 @@ import { useResponsiveLayout } from "@/hooks/use-responsive-layout";
 import { RichTextEditor } from "@/components/ui/RichTextEditor";
 import { useAnnotationStore } from "@/stores";
 import { useColors } from "@/styles/theme";
-import { createSelectionNoteMutation } from "@readany/core/reader";
+import { createSelectionNoteMutation, pageNoteLabel } from "@readany/core/reader";
 import { KeyboardAvoidingView, Modal, Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useTranslation } from "react-i18next";
@@ -83,9 +83,16 @@ export function ReaderNoteViewModal({
           </View>
           {highlight && (
             <>
-              <Text style={s.noteViewQuote} numberOfLines={3}>
-                "{highlight.text}"
-              </Text>
+              {highlight.text ? (
+                <Text style={s.noteViewQuote} numberOfLines={3}>
+                  "{highlight.text}"
+                </Text>
+              ) : (
+                /* 页级笔记（固定版式无选中文本）：用「第N页笔记」这类位置标签替代引用 */
+                <Text style={s.noteViewQuote} numberOfLines={3}>
+                  {pageNoteLabel(highlight.cfi, t)}
+                </Text>
+              )}
               {editing ? (
                 <>
                   <View style={s.noteViewEditorContainer}>
diff --git a/packages/app-expo/src/screens/reader/styles/reader-sheet-styles.ts b/packages/app-expo/src/screens/reader/styles/reader-sheet-styles.ts
index c00ad09bb..ed10290b8 100644
--- a/packages/app-expo/src/screens/reader/styles/reader-sheet-styles.ts
+++ b/packages/app-expo/src/screens/reader/styles/reader-sheet-styles.ts
@@ -118,9 +118,17 @@ export const makeSheetStyles = (colors: ThemeColors) =>
       paddingVertical: 8,
       borderBottomWidth: 0.5, borderBottomColor: colors.border,
     },
+    /** 笔记本弹窗头部右侧的操作区（页级笔记「+」与关闭） */
+    sheetHeaderActions: { flexDirection: "row" as const, alignItems: "center" as const, gap: 14 },
+    sheetHeaderActionDisabled: { opacity: 0.4 },
     highlightColorDot: { width: 8, height: 8, borderRadius: 4, marginTop: 4 },
     highlightContent: { flex: 1 },
     highlightText: { fontSize: fontSize.sm, color: colors.foreground, lineHeight: 18 },
+    /** 页级笔记没有引用文本，用页码标签替代（与桌面 NotebookPanel 一致） */
+    highlightLabel: {
+      fontSize: fontSize.sm, color: colors.mutedForeground,
+      fontStyle: "italic" as const, lineHeight: 18,
+    },
     highlightNote: { fontSize: fontSize.xs, color: colors.mutedForeground, marginTop: 4 },
     bookmarkItem: {
       flexDirection: "row" as const,
diff --git a/packages/app/src/components/notes/NotesPage.tsx b/packages/app/src/components/notes/NotesPage.tsx
index 4fbd54b49..c15bd77ae 100644
--- a/packages/app/src/components/notes/NotesPage.tsx
+++ b/packages/app/src/components/notes/NotesPage.tsx
@@ -33,6 +33,7 @@ import {
  */
 import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { pageNoteLabel } from "@/lib/reader/page-note";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { toast } from "sonner";
@@ -654,12 +655,21 @@ function NoteDetailCard({
     <div className="group rounded-lg border border-border/40 bg-card transition-colors hover:border-border/70">
       <div className="p-3">
         {/* Quoted highlight text */}
-        <p
-          className="text-xs text-muted-foreground/80 leading-relaxed cursor-pointer hover:text-primary transition-colors line-clamp-2"
-          onClick={onNavigate}
-        >
-          "{highlight.text}"
-        </p>
+        {highlight.text ? (
+          <p
+            className="text-xs text-muted-foreground/80 leading-relaxed cursor-pointer hover:text-primary transition-colors line-clamp-2"
+            onClick={onNavigate}
+          >
+            "{highlight.text}"
+          </p>
+        ) : (
+          <p
+            className="text-xs text-muted-foreground italic leading-relaxed cursor-pointer hover:text-primary transition-colors line-clamp-2"
+            onClick={onNavigate}
+          >
+            {pageNoteLabel(highlight.cfi, t)}
+          </p>
+        )}
 
         {/* Note content */}
         {isEditing ? (
@@ -751,12 +761,21 @@ function HighlightDetailCard({ highlight, onDelete, onNavigate, t }: HighlightDe
       />
 
       <div className="pl-4 pr-3 py-3">
-        <p
-          className="text-sm text-foreground/90 leading-relaxed cursor-pointer hover:text-primary transition-colors"
-          onClick={onNavigate}
-        >
-          "{highlight.text}"
-        </p>
+        {highlight.text ? (
+          <p
+            className="text-sm text-foreground/90 leading-relaxed cursor-pointer hover:text-primary transition-colors"
+            onClick={onNavigate}
+          >
+            "{highlight.text}"
+          </p>
+        ) : (
+          <p
+            className="text-sm text-muted-foreground italic leading-relaxed cursor-pointer hover:text-primary transition-colors"
+            onClick={onNavigate}
+          >
+            {pageNoteLabel(highlight.cfi, t)}
+          </p>
+        )}
 
         <div className="mt-2 flex items-center justify-between">
           <span className="text-[11px] text-muted-foreground/60">
diff --git a/packages/app/src/components/reader/NotebookPanel.tsx b/packages/app/src/components/reader/NotebookPanel.tsx
index a57cc99ce..43d8c25e5 100644
--- a/packages/app/src/components/reader/NotebookPanel.tsx
+++ b/packages/app/src/components/reader/NotebookPanel.tsx
@@ -13,7 +13,9 @@ import {
   ChevronDown,
   ChevronRight,
   Edit3,
+  FileText,
   Highlighter,
+  Plus,
   NotebookPen,
   Save,
   Trash2,
@@ -25,11 +27,13 @@ import {
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import ReactMarkdown from "react-markdown";
+import { pageNoteLabel } from "@/lib/reader/page-note";
 import remarkGfm from "remark-gfm";
 
 interface NotebookPanelProps {
   bookId: string;
   onClose: () => void;
+  onAddPageNote?: () => void;
   onGoToCfi?: (cfi: string) => void;
   onAddAnnotation?: (cfi: string, color: string, note?: string) => void;
   onDeleteAnnotation?: (cfi: string) => void;
@@ -38,6 +42,7 @@ interface NotebookPanelProps {
 export function NotebookPanel({
   bookId,
   onClose,
+  onAddPageNote,
   onGoToCfi,
   onAddAnnotation,
   onDeleteAnnotation,
@@ -202,6 +207,15 @@ export function NotebookPanel({
       <div className="flex h-10 shrink-0 items-center justify-between border-b border-border/40 px-3">
         <span className="text-xs font-medium text-foreground">{t("notebook.title")}</span>
         <div className="flex items-center gap-1">
+          <button
+            type="button"
+            className="flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+            onClick={onAddPageNote}
+            disabled={!onAddPageNote}
+            title={t("notebook.addPageNote")}
+          >
+            <Plus className="h-4 w-4" />
+          </button>
           <ExportDropdown onExport={handleExport} disabled={bookHighlights.length === 0} />
           <button
             type="button"
@@ -218,19 +232,38 @@ export function NotebookPanel({
         {/* Note Editor - shown when creating/editing */}
         {isEditing && (
           <div className="border-b border-border/40 p-3">
-            {/* Selected text preview */}
-            <div className="mb-3 rounded-md bg-muted/50 p-2">
-              <div className="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
-                <Highlighter className="h-3 w-3" />
-                <span>{t("notebook.selectedText")}</span>
+            {/* Context preview: selected text, or page info for page-level notes */}
+            {editingText ? (
+              <div className="mb-3 rounded-md bg-muted/50 p-2">
+                <div className="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
+                  <Highlighter className="h-3 w-3" />
+                  <span>{t("notebook.selectedText")}</span>
+                </div>
+                <p className="text-sm text-foreground line-clamp-3">"{editingText}"</p>
+                {(pendingNote?.chapterTitle || editingHighlight?.chapterTitle) && (
+                  <p className="mt-1 text-xs text-muted-foreground">
+                    {pendingNote?.chapterTitle || editingHighlight?.chapterTitle}
+                  </p>
+                )}
               </div>
-              <p className="text-sm text-foreground line-clamp-3">"{editingText}"</p>
-              {(pendingNote?.chapterTitle || editingHighlight?.chapterTitle) && (
-                <p className="mt-1 text-xs text-muted-foreground">
-                  {pendingNote?.chapterTitle || editingHighlight?.chapterTitle}
+            ) : (
+              <div className="mb-3 rounded-md bg-muted/50 p-2">
+                <div className="flex items-center gap-1.5 text-xs text-muted-foreground mb-1">
+                  <FileText className="h-3 w-3" />
+                  <span>{t("notebook.pageNoteBadge")}</span>
+                </div>
+                <p className="text-sm text-foreground">
+                  {pendingNote?.page
+                    ? t("notebook.pageNotePage", { page: pendingNote.page })
+                    : t("notebook.pageNoteNoPage")}
                 </p>
-              )}
-            </div>
+                {(pendingNote?.chapterTitle || editingHighlight?.chapterTitle) && (
+                  <p className="mt-1 text-xs text-muted-foreground">
+                    {pendingNote?.chapterTitle || editingHighlight?.chapterTitle}
+                  </p>
+                )}
+              </div>
+            )}
 
             {/* Note input */}
             <MarkdownEditor
@@ -260,7 +293,13 @@ export function NotebookPanel({
                 <Button variant="ghost" size="sm" onClick={handleCancel}>
                   {t("common.cancel")}
                 </Button>
-                <Button size="sm" onClick={handleSave}>
+                {/* Page-level notes must carry content — an empty note would be
+                    an invisible row in the list. */}
+                <Button
+                  size="sm"
+                  onClick={handleSave}
+                  disabled={Boolean(pendingNote && !pendingNote.text && !noteContent.trim())}
+                >
                   <Save className="h-3.5 w-3.5 mr-1" />
                   {t("common.save")}
                 </Button>
@@ -381,7 +420,13 @@ function HighlightNoteItem({
           style={{ backgroundColor: HIGHLIGHT_COLOR_HEX[highlight.color] }}
         />
         <div className="flex-1 min-w-0">
-          <p className="text-sm text-foreground line-clamp-2">"{highlight.text}"</p>
+          {highlight.text ? (
+            <p className="text-sm text-foreground line-clamp-2">"{highlight.text}"</p>
+          ) : (
+            <p className="text-sm text-muted-foreground italic line-clamp-2">
+              {pageNoteLabel(highlight.cfi, t)}
+            </p>
+          )}
           {highlight.note && (
             <div className="mt-1.5 text-xs text-muted-foreground bg-muted/50 rounded px-2 py-1.5 prose prose-xs dark:prose-invert max-w-none break-words overflow-hidden [overflow-wrap:anywhere]">
               <ReactMarkdown remarkPlugins={[remarkGfm]}>{highlight.note}</ReactMarkdown>
@@ -440,7 +485,13 @@ function HighlightItem({ highlight, onClick, onAddNote, onDelete }: HighlightIte
         style={{ backgroundColor: HIGHLIGHT_COLOR_HEX[highlight.color] }}
       />
       <div className="flex-1 min-w-0">
-        <p className="text-sm text-foreground line-clamp-2">"{highlight.text}"</p>
+        {highlight.text ? (
+          <p className="text-sm text-foreground line-clamp-2">"{highlight.text}"</p>
+        ) : (
+          <p className="text-sm text-muted-foreground italic line-clamp-2">
+            {pageNoteLabel(highlight.cfi, t)}
+          </p>
+        )}
         {highlight.chapterTitle && (
           <p className="mt-1 text-xs text-muted-foreground/70">{highlight.chapterTitle}</p>
         )}
diff --git a/packages/app/src/components/reader/ReaderView.tsx b/packages/app/src/components/reader/ReaderView.tsx
index ade0140b9..6dd27b2be 100644
--- a/packages/app/src/components/reader/ReaderView.tsx
+++ b/packages/app/src/components/reader/ReaderView.tsx
@@ -1673,6 +1673,19 @@ export function ReaderView({ bookId, tabId }: ReaderViewProps) {
     setSelection(null);
   }, [selection, bookId, highlights, readerTab?.chapterTitle]);
 
+  // Handle page-level note button — anchor a note to the current position so
+  // formats without usable text selection (e.g. PDF) can still take notes.
+  const handleAddPageNote = useCallback(() => {
+    const cfi = readerTab?.currentCfi;
+    if (!cfi) return;
+    useNotebookStore.getState().startNewNote({
+      text: "",
+      cfi,
+      chapterTitle: readerTab?.chapterTitle,
+      page: currentPage || undefined,
+    });
+  }, [readerTab?.currentCfi, readerTab?.chapterTitle, currentPage]);
+
   const handleCopy = useCallback(() => {
     if (selection?.text) navigator.clipboard.writeText(selection.text);
     setSelection(null);
@@ -2870,6 +2883,7 @@ export function ReaderView({ bookId, tabId }: ReaderViewProps) {
       {/* Notebook sidebar — LEFT side */}
       <NotebookSidebarWrapper
         bookId={bookId}
+        onAddPageNote={handleAddPageNote}
         onGoToCfi={navigateToCfi}
         onAddAnnotation={(cfi, color, note) => {
           foliateRef.current?.addAnnotation({
@@ -3214,6 +3228,7 @@ export function ReaderView({ bookId, tabId }: ReaderViewProps) {
 // Separate component to use notebook store hook
 function NotebookSidebarWrapper({
   bookId,
+  onAddPageNote,
   onGoToCfi,
   onAddAnnotation,
   onDeleteAnnotation,
@@ -3223,6 +3238,7 @@ function NotebookSidebarWrapper({
   onResizeEnd,
 }: {
   bookId: string;
+  onAddPageNote?: () => void;
   onGoToCfi: (cfi: string) => void;
   onAddAnnotation: (cfi: string, color: string, note?: string) => void;
   onDeleteAnnotation: (cfi: string) => void;
@@ -3250,6 +3266,7 @@ function NotebookSidebarWrapper({
       <NotebookPanel
         bookId={bookId}
         onClose={closeNotebook}
+        onAddPageNote={onAddPageNote}
         onGoToCfi={onGoToCfi}
         onAddAnnotation={onAddAnnotation}
         onDeleteAnnotation={onDeleteAnnotation}
diff --git a/packages/app/src/lib/reader/page-note.ts b/packages/app/src/lib/reader/page-note.ts
new file mode 100644
index 000000000..1d39944ad
--- /dev/null
+++ b/packages/app/src/lib/reader/page-note.ts
@@ -0,0 +1,5 @@
+/**
+ * 页码标签逻辑已移到 @readany/core/reader（桌面端与移动端共用），
+ * 这里保留转发壳，与 lib/reader 下其它模块（font-themes / pagination / keyboard …）保持一致。
+ */
+export { pageNoteLabel, parseFakeCfiPage } from "@readany/core/reader";
diff --git a/packages/core/src/i18n/locales/en/reader.json b/packages/core/src/i18n/locales/en/reader.json
index d5b86f34f..fcb296cf2 100644
--- a/packages/core/src/i18n/locales/en/reader.json
+++ b/packages/core/src/i18n/locales/en/reader.json
@@ -113,6 +113,11 @@
     "emptyHint": "Select text in the book to highlight or add notes",
     "editNote": "Edit note",
     "addNoteBtn": "Add note",
+    "addPageNote": "Add page note",
+    "pageNoteBadge": "Page note",
+    "pageNotePage": "Page {{page}}",
+    "pageNoteNoPage": "Current position",
+    "pageNoteWithPage": "Note on page {{page}}",
     "deleteHighlightBtn": "Delete highlight"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/es/reader.json b/packages/core/src/i18n/locales/es/reader.json
index b1f3fa60e..27cde9d84 100644
--- a/packages/core/src/i18n/locales/es/reader.json
+++ b/packages/core/src/i18n/locales/es/reader.json
@@ -109,6 +109,11 @@
     "emptyHint": "Selecciona texto en el libro para subrayar o agregar notas",
     "editNote": "Editar nota",
     "addNoteBtn": "Agregar nota",
+    "addPageNote": "Añadir nota de página",
+    "pageNoteBadge": "Nota de página",
+    "pageNotePage": "Página {{page}}",
+    "pageNoteNoPage": "Posición actual",
+    "pageNoteWithPage": "Nota en la página {{page}}",
     "deleteHighlightBtn": "Eliminar subrayado"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/fr/reader.json b/packages/core/src/i18n/locales/fr/reader.json
index b754cc55a..68b21a8d4 100644
--- a/packages/core/src/i18n/locales/fr/reader.json
+++ b/packages/core/src/i18n/locales/fr/reader.json
@@ -109,6 +109,11 @@
     "emptyHint": "Sélectionnez du texte dans le livre pour surligner ou ajouter des notes",
     "editNote": "Modifier la note",
     "addNoteBtn": "Ajouter une note",
+    "addPageNote": "Ajouter une note de page",
+    "pageNoteBadge": "Note de page",
+    "pageNotePage": "Page {{page}}",
+    "pageNoteNoPage": "Position actuelle",
+    "pageNoteWithPage": "Note page {{page}}",
     "deleteHighlightBtn": "Supprimer le surlignage"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/ja/reader.json b/packages/core/src/i18n/locales/ja/reader.json
index 2edd42242..48fc7d36a 100644
--- a/packages/core/src/i18n/locales/ja/reader.json
+++ b/packages/core/src/i18n/locales/ja/reader.json
@@ -109,6 +109,11 @@
     "emptyHint": "本のテキストを選択してハイライトやノートを追加",
     "editNote": "ノートを編集",
     "addNoteBtn": "ノートを追加",
+    "addPageNote": "ページメモを追加",
+    "pageNoteBadge": "ページメモ",
+    "pageNotePage": "{{page}} ページ",
+    "pageNoteNoPage": "現在位置",
+    "pageNoteWithPage": "{{page}} ページのメモ",
     "deleteHighlightBtn": "ハイライトを削除"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/ko/reader.json b/packages/core/src/i18n/locales/ko/reader.json
index 7fefaa391..9b0c5511f 100644
--- a/packages/core/src/i18n/locales/ko/reader.json
+++ b/packages/core/src/i18n/locales/ko/reader.json
@@ -109,6 +109,11 @@
     "emptyHint": "책에서 텍스트를 선택하여 하이라이트하거나 노트를 추가하세요",
     "editNote": "노트 편집",
     "addNoteBtn": "노트 추가",
+    "addPageNote": "페이지 메모 추가",
+    "pageNoteBadge": "페이지 메모",
+    "pageNotePage": "{{page}}쪽",
+    "pageNoteNoPage": "현재 위치",
+    "pageNoteWithPage": "{{page}}쪽 메모",
     "deleteHighlightBtn": "하이라이트 삭제"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/zh-TW/reader.json b/packages/core/src/i18n/locales/zh-TW/reader.json
index 5e4117f8f..68a7ea35e 100644
--- a/packages/core/src/i18n/locales/zh-TW/reader.json
+++ b/packages/core/src/i18n/locales/zh-TW/reader.json
@@ -109,6 +109,11 @@
     "emptyHint": "選取書中文字進行醒目標示或新增筆記",
     "editNote": "編輯筆記",
     "addNoteBtn": "新增筆記",
+    "addPageNote": "新增頁級筆記",
+    "pageNoteBadge": "頁級筆記",
+    "pageNotePage": "第 {{page}} 頁",
+    "pageNoteNoPage": "當前位置",
+    "pageNoteWithPage": "第 {{page}} 頁筆記",
     "deleteHighlightBtn": "刪除醒目標示"
   },
   "editor": {
diff --git a/packages/core/src/i18n/locales/zh/reader.json b/packages/core/src/i18n/locales/zh/reader.json
index 706280ce1..79dcbb5c0 100644
--- a/packages/core/src/i18n/locales/zh/reader.json
+++ b/packages/core/src/i18n/locales/zh/reader.json
@@ -113,6 +113,11 @@
     "emptyHint": "选择书中文本进行高亮或添加笔记",
     "editNote": "编辑笔记",
     "addNoteBtn": "添加笔记",
+    "addPageNote": "添加页级笔记",
+    "pageNoteBadge": "页级笔记",
+    "pageNotePage": "第 {{page}} 页",
+    "pageNoteNoPage": "当前位置",
+    "pageNoteWithPage": "第 {{page}} 页笔记",
     "deleteHighlightBtn": "删除高亮"
   },
   "editor": {
diff --git a/packages/core/src/reader/index.ts b/packages/core/src/reader/index.ts
index 1b3d2cc48..d22240a8d 100644
--- a/packages/core/src/reader/index.ts
+++ b/packages/core/src/reader/index.ts
@@ -33,3 +33,6 @@ export {
   compareCfiPosition,
   sortAnnotationsByPosition,
 } from "./annotation-order";
+
+// Page-level note labels (fixed-layout books) — shared by desktop & mobile
+export { pageNoteLabel, parseFakeCfiPage } from "./page-note";
diff --git a/packages/core/src/reader/page-note.ts b/packages/core/src/reader/page-note.ts
new file mode 100644
index 000000000..eaf888f7f
--- /dev/null
+++ b/packages/core/src/reader/page-note.ts
@@ -0,0 +1,31 @@
+/**
+ * Page-level note helpers（桌面端与移动端共用）。
+ *
+ * 页级笔记（page-level note）锚定在「当前位置」，用于固定版式（PDF/CBZ）等无法选中文本的格式。
+ * 这些格式的位置是 foliate 的「假 section」CFI —— `epubcfi(/6/N)`，N = 页码 * 2
+ * （见 packages/foliate-js/pdf.js 的 fakePageCfi），所以页码可以从 CFI 反推，用作列表标题。
+ * 可重排格式（EPUB）用的是真实位置 CFI，不含页码，标题回落到通用徽标
+ * （章节标题在下方单独显示，提供上下文）。
+ *
+ * 注意：这段逻辑原先只存在于桌面端（packages/app/src/lib/reader/page-note.ts），
+ * 导致移动端页级笔记展示不出页码标题 —— 现移到 core，两端共用。
+ */
+
+const FAKE_SECTION_CFI_RE = /^epubcfi\(\/6\/(\d+)\)$/;
+
+export function parseFakeCfiPage(cfi: string): number | null {
+  const match = FAKE_SECTION_CFI_RE.exec(cfi.trim());
+  if (!match) return null;
+  const page = Math.round(Number(match[1]) / 2);
+  return page > 0 ? page : null;
+}
+
+type LabelT = (key: string, options?: Record<string, unknown>) => string;
+
+/** List label for a page-level note: "第N页笔记" when the page is known. */
+export function pageNoteLabel(cfi: string, t: LabelT): string {
+  const page = parseFakeCfiPage(cfi);
+  return page
+    ? t("notebook.pageNoteWithPage", { page })
+    : t("notebook.pageNoteBadge");
+}
diff --git a/packages/core/src/stores/notebook-store.ts b/packages/core/src/stores/notebook-store.ts
index 9c7c6cd91..0d15deb9c 100644
--- a/packages/core/src/stores/notebook-store.ts
+++ b/packages/core/src/stores/notebook-store.ts
@@ -5,8 +5,10 @@ import { create } from "zustand";
 import type { Highlight } from "../types";
 
 export interface PendingNote {
-  /** Selected text to annotate */
+  /** Selected text to annotate (empty string = page-level note) */
   text: string;
+  /** Page number for page-level notes (fixed-layout books) */
+  page?: number;
   /** CFI location */
   cfi: string;
   /** Chapter title for context */