.gn-notebook { padding: 18px 0; scroll-margin-top: 85px; }
.gn-overview,.gn-stats,.gn-entry-footer,.gn-back { color:var(--muted-color,#888);font-size:13px;line-height:1.7; }
.gn-overview { margin:0 0 20px; }
.gn-articles,.gn-entries { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start; }
.gn-article { display:flex;align-items:center;background:var(--muted-bg-color,#eee);color:var(--main-color,#333);min-width:0; }
.gn-cover { width:78px;height:104px;object-fit:cover;border-radius:4px;flex-shrink:0; }
.gn-article-body { min-width:0; }
.gn-count { font-size:13px;line-height:1.5; }
.gn-count strong { font-size:25px;font-weight:500;margin-right:3px; }
.gn-article h3 { font-size:16px;line-height:1.6;font-weight:500;overflow-wrap:anywhere; }
.gn-back { display:inline-block;padding:2px 0 8px; }
.author-tab .posts-item.gn-entry { display:block;width:100%;margin:0;border:0;background:var(--muted-bg-color,#eee);float:none;box-shadow:none;overflow:visible; }
.gn-entry-link { display:flex;align-items:flex-start;gap:14px;color:var(--main-color,#333); }
.gn-kind { display:flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--muted-border-color,rgba(128,128,128,.12));color:var(--muted-color,#888);font-size:15px;margin-top:2px; }
.gn-kind .screen-reader-text { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.gn-entry-body { min-width:0;flex:1; }
.gn-entry .note-content,.gn-entry .gn-quote { font-size:16px;line-height:1.85;overflow-wrap:anywhere;white-space:normal; }
.gn-entry .gn-quote { padding:0;margin:0;border:0;background:none;color:inherit; }
.gn-entry .gn-secondary { margin-top:14px;font-size:14px;color:var(--muted-color,#888); }
.gn-entry-footer { display:flex;align-items:center;justify-content:space-between;margin:16px 0 0 40px;font-size:12px; }
.gn-entry-footer .rn-note-menu { position:relative; }
.gn-entry-footer summary { cursor:pointer;padding:0 8px;list-style:none; }
.gn-entry-footer summary::-webkit-details-marker { display:none; }
.gn-entry-footer .rn-note-actions { position:absolute;right:0;top:auto;bottom:calc(100% + 6px);display:flex;gap:14px;padding:12px;white-space:nowrap;background:var(--main-bg-color,#fff);border:1px solid var(--muted-border-color,#ddd);border-radius:6px;z-index:10;box-shadow:0 4px 20px rgba(0,0,0,.12); }
.gn-entry-footer details:not([open]) .rn-note-actions { display:none; }
.gn-pages { display:flex;justify-content:center;gap:24px;margin-top:24px;font-size:14px; }
@media(max-width:640px) { .gn-article .gn-cover { order:2;margin-left:auto; }.gn-article-body { flex:1; } }
.gn-entry-link:focus-visible,.gn-article:focus-visible,.gn-back:focus-visible { outline:2px solid var(--focus-color);outline-offset:4px; }
@media(max-width:991px) { .gn-articles,.gn-entries { grid-template-columns:1fr;gap:14px; } }
@media(max-width:640px) { .gn-notebook { padding:12px 0; }.gn-cover { width:62px;height:84px; }.gn-article h3 { font-size:15px;margin:5px 0 7px; }.gn-count strong { font-size:22px; }.gn-stats { font-size:12px; }.gn-entry .note-content,.gn-entry .gn-quote { font-size:15px; }.gn-entry .gn-secondary { font-size:13px; }.gn-entry-link { gap:12px; }.gn-entry-footer { margin-left:38px; } }
.gn-summary .gn-cover { width:128px;height:86px;object-fit:contain;border-radius:4px; }
.gn-entry-footer summary { min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center; }
@media(max-width:640px) { .gn-summary .gn-cover { width:96px;height:64px; } }

/* 笔记文章列表及详情与收藏使用同一缩略图尺寸。 */
.author-tab .gn-notebook .gn-cover { width:var(--profile-thumb-width,88px); height:var(--profile-thumb-height,62px); border-radius:var(--profile-thumb-radius,5px); flex-shrink:0; }

/* 笔记卡片：同一顶部基线，两侧等距，正文独占下一行。 */
.author-tab .posts-item.gn-entry { position:relative; }
.gn-entry .gn-entry-link { display:block; }
.gn-entry .gn-kind { position:absolute;   margin:0; width:32px; height:32px; }
.gn-entry .gn-entry-footer { position:absolute;   height:32px; margin:0; gap:10px; }
.gn-entry .gn-entry-footer .rn-note-actions { top:calc(100% + 6px); bottom:auto; flex-direction:row; gap:4px; padding:4px; }
@media(max-width:640px) {



}

/* 收紧笔记列表、文章信息和笔记卡片的留白。 */
.gn-articles,.gn-entries { gap:12px; }
.gn-article { padding:14px; gap:12px; border-radius:8px; }
.gn-summary { width:calc(50% - 6px); margin:12px 0 16px; }
.gn-article h3 { margin:5px 0 6px; }
.author-tab .posts-item.gn-entry { padding:14px!important; min-height:112px; border-radius:8px; }
.gn-entry .gn-entry-link { padding-top:38px; }
.gn-entry .gn-kind { top:14px; left:14px; }
.gn-entry .gn-entry-footer { top:14px; right:14px; }
@media(max-width:991px) { .gn-summary { width:100%; } }
@media(max-width:640px) {
 .gn-article { padding:12px; gap:10px; }
 .author-tab .posts-item.gn-entry { padding:12px!important; min-height:108px; }
 .gn-entry .gn-kind { top:12px; left:12px; }
 .gn-entry .gn-entry-footer { top:12px; right:12px; }
}

/* 划词引用左侧竖线与引用文字同色，适配深浅色。 */
.gn-entry .gn-quote { border-left:2px solid currentColor; padding-left:12px; }

/* 划词引用进一步弱化，竖线继承相同颜色。 */
.gn-entry .gn-quote { color:var(--muted-color,#888); color:color-mix(in srgb,var(--muted-color,#888) 78%,var(--muted-bg-color,#eee)); }

/* 划词悬停使用主题色，笔记正文跟随浅深色主题。 */
.author-tab .gn-notebook .gn-entry .note-content { color:var(--main-color,#333); }
.gn-entry .gn-quote { transition:color .15s ease; }
.gn-entry .gn-quote:hover,
.gn-entry-link:focus-visible .gn-quote { color:var(--focus-color,#b7cc3b); }

/* 手机详情图按原图比例显示，圆角贴合图片边缘而非留白框。 */
@media(max-width:640px) {
 .author-tab .gn-notebook .gn-summary .gn-cover { display:block; width:var(--profile-thumb-width,64px); height:auto; aspect-ratio:auto; max-height:none; border-radius:5px; object-fit:contain; }
}

/* 所有设备的笔记文章列表及详情缩略图统一在左侧。 */
.author-tab .gn-notebook .gn-article .gn-cover { order:0; margin-left:0; }

/* 内外两层采用相同图框，覆盖详情自动高度和 contain 的历史例外。 */
.author-tab .gn-notebook .gn-article .gn-cover { width:var(--profile-thumb-width,88px); height:var(--profile-thumb-height,62px); aspect-ratio:auto; object-fit:cover; border-radius:var(--profile-thumb-radius,5px); }

/* 展开后的透明点击面属于 summary；外部点击原生切换 details，无需 JS。 */
.gn-entry .rn-note-menu[open] { z-index:1001; isolation:isolate; }
.gn-entry .rn-note-menu[open] > summary::before { content:""; position:fixed; inset:0; z-index:-1; background:transparent; cursor:default; }
.gn-entry .rn-note-menu[open] .rn-note-actions { z-index:2; }

.gn-notebook .gn-review{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.gn-notebook .gn-review>a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border-radius:6px;background:var(--muted-bg-color,#8881);color:var(--muted-color,#888);font-size:14px;line-height:22px;text-decoration:none}
.gn-notebook .gn-review>a[aria-current=page]{color:var(--theme-color);background:color-mix(in srgb,var(--theme-color) 12%,transparent)}
.gn-notebook .gn-review>a:hover{color:var(--theme-color)}
.gn-notebook .gn-review>a:focus-visible{outline:2px solid var(--theme-color);outline-offset:2px}
.gn-notebook .gn-review-period{font-size:12px;color:var(--muted-color,#888);margin-left:auto}