-
Notifications
You must be signed in to change notification settings - Fork 8
Expand file tree
/
Copy pathstyle.mini.css
More file actions
140 lines (132 loc) · 33.6 KB
/
style.mini.css
File metadata and controls
140 lines (132 loc) · 33.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
/* miniflux-theme-reeder：
使用css原生嵌套，基于官方css修改，移除冗余操作，适配移动端，适配暗黑模式
复制到 设置-自定义CSS */
/* 自定义配置start（可根据自己喜好配置） */
:root {
/* 文章详情页 */
--article-title-font-size: 1.3rem; /* 标题字号 */
--article-title-line-height: 1.4; /* 标题行高 */
--article-title-font-weight: 800; /* 标题粗细 */
--article-content-font-size: 1.025rem; /* 文章内容字号 */
--article-content-line-height: 1.6; /* 文章内容行高 */
--article-content-font-weight: 400; /* 文章内容粗细 */
--article-top-padding: 80px; /* 顶部padding */
--article-bottom-padding: 96px; /* 底部padding */
/* 动画速度（0为禁用） */
--item-animation-duration: 120ms; /* 文章卡片动画时长 */
--article-animation-duration: 120ms; /* 文章内容动画时长 */
/* 文章卡片按钮显示控制（none: 不显示；inline-block: 显示；font-size: 0: 不显示文本） */
--item-meta-icons-read: none; /* 已读/未读 */
--item-meta-icons-read-font-size: 0;
--item-meta-icons-star: none; /* 收藏 */
--item-meta-icons-star-font-size: 0;
--item-meta-icons-share: none; /* 分享 */
--item-meta-icons-share-font-size: 0;
--item-meta-icons-delete: none; /* 取消分享 */
--item-meta-icons-delete-font-size: 0;
--item-meta-icons-save: none; /* 保存 */
--item-meta-icons-save-font-size: 0;
--item-meta-icons-external-url: none; /* 跳转原文 */
--item-meta-icons-external-url-font-size: 0;
--item-meta-icons-comments: none; /* 跳转评论 */
--item-meta-icons-comments-font-size: 0;
/* 源卡片按钮显示控制 */
--item-meta-icons-refresh: inline; /* 刷新源 */
--item-meta-icons-refresh-font-size: 0;
--item-meta-icons-edit-feed: inline; /* 编辑源 */
--item-meta-icons-edit-feed-font-size: 0;
--item-meta-icons-remove-feed: inline; /* 删除源 */
--item-meta-icons-remove-feed-font-size: 0;
--item-meta-icons-mark-as-read-feed: inline; /* 全部标记为已读 */
--item-meta-icons-mark-as-read-feed-font-size: 0.8rem;
/* 分类卡片按钮显示控制 */
--item-meta-icons-entries: none; /* 查看所有文章 */
--item-meta-icons-entries-font-size: 0.8rem;
--item-meta-icons-feeds: inline; /* 查看所有源 */
--item-meta-icons-feeds-font-size: 0.8rem;
--item-meta-edit: inline; /* 编辑分类 */
--item-meta-edit-font-size: 0.8rem;
--item-meta-icons-mark-as-read: inline; /* 全部标记为已读 */
--item-meta-icons-mark-as-read-font-size: 0.8rem;
/* 手机版文章详情页按钮显示控制（none: 不显示；inline-flex: 显示） */
--data-toggle-status: inline-flex; /* 已读/未读 */
--data-toggle-bookmark: inline-flex; /* 收藏 */
--data-save-entry: inline-flex; /* 保存 */
--data-share-status: inline-flex; /* 分享 */
--data-confirm: inline-flex; /* 取消分享 */
--data-original-link: inline-flex; /* 跳转原文 */
--data-fetch-content-entry: inline-flex; /* 抓取全文 */
--data-comments-link: inline-flex; /* 跳转评论 */
/* 文章详情页-底部四个按钮（替换[]里的内容） */
.entry .entry-header .entry-actions ul li {
/* 第一个按钮 */
& > .page-button[data-toggle-status] {
width: 40px;
height: 40px;
position: fixed;
bottom: calc(8px + constant(safe-area-inset-bottom));
bottom: calc(8px + env(safe-area-inset-bottom));
left: 0;
transform: translateX(24px);
@media screen and (min-width: 821px) {
position: fixed;
left: 50%;
transform: translateX(-388px);
}
}
/* 第二个按钮 */
& > .page-button[data-toggle-starred] {
width: 40px;
height: 40px;
position: fixed;
bottom: calc(8px + constant(safe-area-inset-bottom));
bottom: calc(8px + env(safe-area-inset-bottom));
left: 25%;
transform: translateX(0);
@media screen and (min-width: 821px) {
position: fixed;
left: 50%;
transform: translateX(-204px);
}
}
/* 第三个按钮 */
& > .page-button[data-fetch-content-entry] {
width: 40px;
height: 40px;
position: fixed;
bottom: calc(8px + constant(safe-area-inset-bottom));
bottom: calc(8px + env(safe-area-inset-bottom));
left: 75%;
transform: translateX(-42px);
@media screen and (min-width: 821px) {
position: fixed;
left: 50%;
transform: translateX(174px);
}
}
/* 第四个按钮 */
& > .page-link[data-comments-link] {
width: 40px;
height: 40px;
position: fixed;
bottom: calc(8px + constant(safe-area-inset-bottom));
bottom: calc(8px + env(safe-area-inset-bottom));
left: 100%;
transform: translateX(-64px);
@media screen and (min-width: 821px) {
left: 50%;
transform: translateX(346px);
}
}
}
}
/* 自定义配置end */
:root{--font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol", "Noto Color Emoji";--body-color:#454545;--body-background:#f7f6f4;--item-background:#fafbfc;--item-background-hover:#f3f4f6;--hr-border-color:#ccc;--title-color:#454545;--link-color:#252524;--link-focus-color:#e5e7eb;--link-focus-bg-color:#e9e8e6;--link-hover-color:var(--link-color);--link-hover-bg-color:#ecebea;--header-list-border-color:#e5e7eb;--header-link-color:#4b5563;--header-link-focus-color:#6b7280;--header-link-hover-color:#6b7280;--header-active-link-color:#6b7280;--page-header-title-color:#333;--page-header-title-border-color:#374151;--logo-color:#000;--logo-hover-color-span:#2563eb;--table-border-color:#e5e7eb;--table-th-background:#fcfcfc;--table-th-color:#374151;--table-tr-hover-background-color:#f9f9f9;--table-tr-hover-color:#374151;--button-primary-border-color:var(--item-border-color);--button-primary-background:var(--link-hover-bg-color);--button-primary-color:#6f6f6e;--button-primary-focus-border-color:var(--item-border-color);--button-primary-focus-background:#d8d8d8;--input-border:1px solid #ccc;--input-background:var(--item-background);--input-color:#374151;--input-placeholder-color:#d0d0d0;--input-focus-color:#000;--input-focus-border-color:var(--item-border-color);--input-focus-box-shadow:0 0 8px var(--item-border-color);--alert-color:#c09853;--alert-background-color:#fcf8e3;--alert-border-color:#fbeed5;--alert-success-color:#fff;--alert-success-background-color:#22c55e;--alert-success-border-color:#15803d;--alert-error-color:#fff;--alert-error-background-color:#f19c73;--alert-error-border-color:#b91c1c;--alert-info-color:#fff;--alert-info-background-color:#3b82f6;--alert-info-border-color:#1d4ed8;--panel-background:#fcfcfc;--panel-border-color:#e5e7eb;--panel-color:#374151;--modal-background:#f3f4f6;--modal-color:#374151;--modal-box-shadow:2px 0 5px 0 #ccc;--pagination-link-color:#374151;--pagination-border-color:#e5e7eb;--category-color:#374151;--category-background-color:var(--item-background);--category-border-color:#efefef;--category-link-color:#777;--category-link-hover-color:var(--title-color);--category-has-unread-background-color:var(--item-background);--category-has-unread-border-style:solid;--category-has-unread-border-color:var(--alert-success-border-color);--item-border-color:#d1d5db;--item-padding:0.5rem;--item-title-link-font-weight:600;--item-status-read-title-link-color:#6b7280;--item-status-read-title-focus-color:#6b7280;--item-meta-focus-color:#6b7280;--item-meta-link-focus-color:#374151;--item-meta-li-color:#9ca3af;--current-item-border-width:3px;--current-item-border-color:#bce;--current-item-box-shadow:none;--entry-header-border-color:#e5e7eb;--entry-header-title-link-color:#4a4a4a;--entry-content-color:#6f6f6e;--entry-content-code-color:#374151;--entry-content-code-background:#eaeae8;--entry-content-code-border-color:#e5e7eb;--entry-content-quote-color:#374151;--entry-content-abbr-border-color:#9ca3af;--entry-enclosure-border-color:#374151;--parsing-error-color:#f19c73;--feed-parsing-error-background-color:var(--item-background);--feed-parsing-error-border-style:solid;--feed-parsing-error-border-color:#b91c1c;--feed-has-unread-background-color:var(--item-background);--feed-has-unread-border-style:solid;--feed-has-unread-border-color:var(--alert-success-border-color);--keyboard-shortcuts-li-color:#374151;--counter-color:#6b7280}@media (prefers-color-scheme:dark){:root{--body-color:#dfdede;--body-background:#262322;--item-background:#161a18;--item-background-hover:#393939;--hr-border-color:#4b5563;--title-color:#dfdede;--link-color:#dfdfdf;--link-focus-color:#e5e7eb;--link-focus-bg-color:#383635;--link-hover-color:var(--link-color);--link-hover-bg-color:#2f2c2b;--header-list-border-color:#374151;--header-link-color:#e5e7eb;--header-link-focus-color:rgba(82, 168, 236, 0.85);--header-link-hover-color:rgba(82, 168, 236, 0.85);--header-active-link-color:#a5b4fc;--page-header-title-border-color:#374151;--logo-color:#bbb;--logo-hover-color-span:#bbb;--table-border-color:#4b5563;--table-th-background:#374151;--table-th-color:#9ca3af;--table-tr-hover-background-color:#374151;--table-tr-hover-color:#9ca3af;--button-primary-border-color:var(--item-border-color);--button-primary-background:var(--link-hover-bg-color);--button-primary-color:#dfdede;--button-primary-focus-border-color:var(--item-border-color);--button-primary-focus-background:#5a5a5a;--input-border:1px solid #4b5563;--input-background:var(--item-background);--input-color:#ccc;--input-placeholder-color:#374151;--input-focus-color:#efefef;--input-focus-border-color:var(--item-border-color);--input-focus-box-shadow:0 0 8px var(--item-border-color);--alert-color:#efefef;--alert-background-color:#374151;--alert-border-color:#4b5563;--alert-success-color:#efefef;--alert-success-background-color:#374151;--alert-success-border-color:#4b5563;--alert-error-color:#efefef;--alert-error-background-color:#374151;--alert-error-border-color:#4b5563;--alert-info-color:#efefef;--alert-info-background-color:#374151;--alert-info-border-color:#4b5563;--panel-background:#374151;--panel-border-color:#4b5563;--panel-color:#9b9b9b;--modal-background:#374151;--modal-color:#efefef;--modal-box-shadow:0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color:#9ca3af;--pagination-border-color:#374151;--category-color:#e5e7eb;--category-background-color:var(--item-background);--category-border-color:#2a2a2a;--category-link-color:#777;--category-link-hover-color:var(--title-color);--category-has-unread-background-color:var(--item-background);--category-has-unread-border-style:solid;--category-has-unread-border-color:var(--alert-success-border-color);--item-border-color:#374151;--item-padding:4px;--item-title-link-font-weight:700;--item-status-read-title-link-color:#6b7280;--item-status-read-title-focus-color:rgba(82, 168, 236, 0.6);--item-meta-focus-color:#9ca3af;--item-meta-li-color:#e5e7eb;--item-meta-link-focus-color:#d1d5db;--current-item-border-width:2px;--current-item-border-color:rgba(82, 168, 236, 0.8);--current-item-box-shadow:0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color:#374151;--entry-header-title-link-color:#dfdede;--entry-content-color:#bfbebe;--entry-content-code-color:#ddd;--entry-content-code-background:#312e2e;--entry-content-code-border-color:#6b7280;--entry-content-quote-color:#777;--entry-content-abbr-border-color:#777;--entry-enclosure-border-color:#374151;--parsing-error-color:#f19c73;--feed-parsing-error-background-color:var(--item-background);--feed-parsing-error-border-style:solid;--feed-parsing-error-border-color:#b91c1c;--feed-has-unread-background-color:var(--item-background);--feed-has-unread-border-style:solid;--feed-has-unread-border-color:var(--alert-success-border-color);--keyboard-shortcuts-li-color:#9b9b9b;--counter-color:#bbb}}:root{--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-light:#6a6a6a;--color-border:#e2e2e2;--color-background:#ffffff;--color-background-secondary:#f7f7f7;--color-background-tertiary:#f0f0f0;--color-accent:#0070f3;--color-accent-hover:#0050b3;--color-danger:#ff0000;--color-success:#00a050;--color-warning:#f5a623;--color-read:#888888;--color-unread:#0070f3;--size-border-radius:8px;--size-box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);--size-spacing-xs:4px;--size-spacing-sm:8px;--size-spacing-md:16px;--size-spacing-lg:24px;--size-spacing-xl:32px;--font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-serif:Georgia, "Times New Roman", serif;--font-family-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;--header-height:56px;--sidebar-width:240px;--content-max-width:800px;--item-height:80px}:root{--entry-content-font-weight:400;--entry-content-font-family:-apple-system, system-ui, BlinkMacSystemFont,
Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Source Han Sans SC,
Noto Sans CJK SC, Microsoft YaHei, WenQuanYi Micro Hei, WenQuanYi Zen Hei,
Helvetica Neue, Arial, sans-serif;--entry-content-quote-font-family:Consolas, monaco, "Ubuntu Mono",
"Liberation Mono", "Courier New", Courier, monospace}*{-webkit-tap-highlight-color:#fff0}a{text-decoration:none;padding:8px 8px;&:focus{outline:none}&:hover{border-radius:5px;background-color:var(--link-hover-bg-color)}&:active{border-radius:5px;background-color:var(--link-hover-bg-color)}}.confirm{color:var(--title-color);background-color:var(--body-background);width:100%;height:100%;display:inline-flex;align-items:center;font-size:0;z-index:999;justify-content:flex-start;text-wrap:nowrap;&::before{content:"确认吗";font-size:1rem;margin-right:4px}& button{color:var(--button-primary-color);background-color:var(--button-primary-background);padding:4px 16px;height:32px;font-size:0;display:flex;justify-content:center;align-items:center;border-radius:5px;margin:0;&:first-child{order:1;margin-right:4px;&::before{content:"是";font-size:1rem}}&:last-child{order:2;&::before{content:"否";font-size:1rem}}}}.alert{z-index:999;border:none;display:flex;flex-direction:column;align-items:flex-start;padding:8px;margin:8px 16px;& h3,p,a{font-size:1rem;color:var(--alert-color)}& .confirm{background-color:var(--alert-background-color)}}.alert-error{color:var(--parsing-error-color);background-color:var(--alert-background-color);& .confirm{background-color:var(--alert-background-color)}}@keyframes fadeOut{from{opacity:1}to{display:none}}.flash-message{position:fixed;top:104px;max-width:900px;width:100%;animation:fadeOut 5s linear forwards;margin:0}.category{background-color:var(--body-background);margin:0;padding:0;& a{display:inline-block;padding:4px}}.icon{width:24px;height:24px;padding:0}.header{position:fixed;z-index:111;top:0;width:100%;max-width:900px;margin:0;padding:0 16px;height:56px;background:var(--body-background);display:flex;align-items:center;& nav{width:100%;& .logo{display:none}& #header-menu{display:flex;justify-content:space-between;width:100%;& li{font-size:0;width:48px;height:48px;display:flex;align-items:center;padding:0;border:none;&.active{&>a{background-color:var(--link-focus-bg-color);border-radius:5px}&>a::before{background-color:var(--title-color)}}&>a{padding:4px;&:hover{z-index:1;font-size:0;line-height:100%}&.active{z-index:1;font-size:0;line-height:100%;background-color:blue}&[href$="/subscribe"]{display:none}}}}}}.page-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;margin:0;position:fixed;z-index:101;top:56px;max-width:900px;width:100%;height:48px;background:var(--body-background);& h1#page-header-title{border:none;white-space:nowrap;font-size:1.2rem;height:48px;display:flex;align-items:center;& a{height:48px;align-items:center;display:inline-flex;color:var(--title-color);text-decoration:none;padding:0;max-width:calc(100vw - 254px);overflow-x:hidden}& span{font-size:1rem;color:var(--category-link-color);height:48px;display:inline-flex;align-items:center}}& nav{height:48px;display:flex;align-items:flex-start;padding-top:4px;background-color:var(--body-background);& ul{display:flex;flex-wrap:wrap;justify-content:flex-end;& li{display:flex;align-items:center;padding:0;line-height:0;background-color:var(--body-background);& .page-link,a,.page-button{font-size:0;min-width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;vertical-align:middle;color:var(--button-primary-color);&:hover{background-color:var(--link-hover-bg-color);border-radius:5px}&:active{color:var(--button-primary-focus-background)}& .icon{padding:0}}& .page-button[data-action="markPageAsRead"]{display:none}& .page-button[data-url="/mark-all-as-read"]{&+.confirm{&::before{content:"全部已读"}}}& .page-button[data-url="/history/flush"]{&+.confirm{&::before{content:"清理历史"}}}}}}& nav[aria-label="已分享的文章 Menu"]{display:none}}main .pagination-top{display:none}main{margin:0;padding:108px 0 0;& .items{padding:0 16px 16px}& .page-footer{display:none}}main .items{& .item{margin-bottom:8px;animation:fadein var(--item-animation-duration) ease-in;& .item-header{& .item-title{width:100%;& a{color:var(--title-color);display:flex;align-items:flex-start}}}& .item-meta{& ul{margin:0}& .item-meta-info{& li:not(:last-child):after{display:none}}& .item-meta-icons{& li{margin:0;&>a,button{color:var(--button-primary-color);display:flex;justify-content:center;align-items:center;text-align:center;min-width:32px;height:32px;padding:0;text-decoration:none;&:hover{background-color:var(--link-hover-bg-color);border-radius:5px}& .icon-label{padding:0;margin:0;display:inline-block;vertical-align:middle;text-decoration:none}}}}}}& :is(.feed-item,.entry-item){& .item-title{& a:first-of-type:not(:has(>img))::before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjQiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjQiIGZpbGw9IiM0MDQwNDAiLz48cGF0aCBkPSJNMTMuNiAwQTIuNCAyLjQgMCAwIDEgMTYgMi40djExLjJhMi40IDIuNCAwIDAgMS0yLjQgMi40SDIuNEEyLjQgMi40IDAgMCAxIDAgMTMuNlYyLjRBMi40IDIuNCAwIDAgMSAyLjQgMHptLTIuNCA0LjhjMC0uODExLTEuMDY5LTEuMTA3LTEuNDg2LS40MTFMOCA3LjI0NSA2LjI4NiA0LjM4OWMtLjQxNy0uNjk2LTEuNDg2LS40LTEuNDg2LjQxMXY2LjRhLjguOCAwIDAgMCAuOC44bC4wOTQtLjAwNkEuOC44IDAgMCAwIDYuNCAxMS4yVjcuNjg4bC45MTQgMS41MjMuMDYuMDg3YS44LjggMCAwIDAgMS4zMTItLjA4N0w5LjYgNy42ODhWMTEuMmEuOC44IDAgMCAwIDEuNiAweiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=)}& a:first-of-type img{border-radius:4px;background-size:cover}}}& .entry-item{border:none;position:relative;display:flex;flex-direction:column-reverse;border-radius:10px;margin:0;padding:0;&:hover{background-color:var(--item-background-hover)}& .item-header{& .item-title{display:flex;align-items:center;justify-content:space-between;& a{width:100%;height:100%;padding:34px 16px 38px;display:flex;align-items:flex-start;gap:8px;&:hover{background-color:#fff0}&[href^="/history"]{width:100%}&[href^="/share"]{width:32px;height:32px;bottom:4px;right:48px;padding:4px;display:flex;align-items:center;justify-content:center;& .icon{color:var(--button-primary-color)}}}}& .category{position:absolute;left:38px;bottom:8px}}& .item-meta{& .item-meta-info{& .item-meta-info-title,.item-meta-info-site-url{position:absolute;left:32px;top:12px;& a{&:hover{color:var(--link-hover-color);background-color:var(--link-hover-bg-color)}}}& .item-meta-info-timestamp{order:3;position:absolute;right:8px;top:12px}& .item-meta-info-reading-time{display:none}}& .item-meta-icons{display:flex;justify-content:flex-end;align-items:flex-start;position:absolute;gap:8px;z-index:2;bottom:8px;right:8px;& .item-meta-icons-read{display:var(--item-meta-icons-read);& .icon-label{font-size:var(--item-meta-icons-read-font-size)}}& .item-meta-icons-star{display:var(--item-meta-icons-star);& .icon-label{font-size:var(--item-meta-icons-star-font-size)}}& .item-meta-icons-share{display:var(--item-meta-icons-share);& .icon-label{font-size:var(--item-meta-icons-share-font-size)}}& .item-meta-icons-delete{display:var(--item-meta-icons-delete);& .icon-label{font-size:var(--item-meta-icons-delete-font-size)}& button[data-url^="/entry/unshare/"]{display:flex;&::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjY2MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAxMmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtMTItNmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtLjg2MSA5Ljg5NmEzIDMgMCAwIDAgNC4yNjUgNC4yMm0uNTc4LTMuNDE3YTMgMyAwIDAgMC0xLjUwNy0xLjQ1TTguNyAxMC43bDEuMzM2LS42ODhNMTIuNjYgOC42NiAxNS4zIDcuM20tNi42IDYgNi42IDMuNE0zIDNsMTggMTgiLz48L3N2Zz4=);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle}& .icon{display:none}}& .confirm::before{content:"取消分享"}&>.icon{display:none}& a[data-url^="/entry/unshare/"]{font-size:0;&::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjY2MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAxMmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtMTItNmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtLjg2MSA5Ljg5NmEzIDMgMCAwIDAgNC4yNjUgNC4yMm0uNTc4LTMuNDE3YTMgMyAwIDAgMC0xLjUwNy0xLjQ1TTguNyAxMC43bDEuMzM2LS42ODhNMTIuNjYgOC42NiAxNS4zIDcuM20tNi42IDYgNi42IDMuNE0zIDNsMTggMTgiLz48L3N2Zz4=);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);width:24px;height:24px;content:"";display:inline-block;vertical-align:middle}}}& button[data-save-url^="/entry/save/"]{display:var(--item-meta-icons-save);& .icon-label{font-size:var(--item-meta-icons-save-font-size)}&[data-completed="true"]{& .icon-label{font-size:12px;font-weight:500}}}& .item-meta-icons-external-url{display:var(--item-meta-icons-external-url);& .icon-label{font-size:var(--item-meta-icons-external-url-font-size)}}& .item-meta-icons-comments{display:var(--item-meta-icons-comments);& .icon-label{font-size:var(--item-meta-icons-comments-font-size)}}}}&.item-status-read{& .item-header{& .item-title{& a{color:var(--item-status-read-title-link-color)}}}}}& .feed-item{position:relative;border-radius:10px;border:1px solid var(--item-border-color);padding:0;display:flex;flex-direction:column;&:hover{background-color:var(--item-background-hover)}& .item-header{order:2;position:relative;z-index:1;& .item-title{width:100%;height:100%;& a{width:100%;height:100%;padding:8px 8px 104px;z-index:0;display:flex;align-items:center;gap:4px;&:hover{background-color:#fff0}}}& .feed-entries-counter{position:absolute;top:8px;right:8px;display:inline-flex}& .category{position:absolute;left:12px;bottom:44px}}& .item-meta{order:3;& ul{margin:0}& .item-meta-info{& .item-meta-info-site-url{position:absolute;left:8px;bottom:80px;& a{color:var(--category-link-color);&:hover{color:var(--category-link-hover-color)}}}& .item-meta-info-checked-at{position:absolute;bottom:80px;right:8px}& .item-meta-info-next-check-at{position:absolute;bottom:48px;right:8px}}& .item-meta-icons{position:absolute;bottom:8px;left:8px;display:flex;gap:8px;z-index:1;& .item-meta-icons-refresh{display:var(--item-meta-icons-refresh);& .icon-label{font-size:var(--item-meta-icons-refresh-font-size)}}& .item-meta-icons-edit{display:var(--item-meta-icons-edit-feed);& .icon-label{font-size:var(--item-meta-icons-edit-feed-font-size)}}& .item-meta-icons-remove{display:var(--item-meta-icons-remove-feed);&>button{width:fit-content;& .icon-label{font-size:var(--item-meta-icons-remove-feed-font-size)}}& .confirm::before{content:"删除源"}}& .item-meta-icons-mark-as-read{display:var(--item-meta-icons-mark-as-read-feed);& .icon-label{font-size:var(--item-meta-icons-mark-as-read-feed-font-size)}}}}&.feed-has-unread{& .confirm{background-color:var(--feed-has-unread-background-color)}}&.feed-parsing-error{& .parsing-error{order:1;z-index:0;margin:0;padding:8px;color:var(--parsing-error-color)}&.confirm{background-color:var(--feed-parsing-error-background-color)}}}& .category-item{border-radius:10px;border:1px solid var(--item-border-color);position:relative;padding:0;&:hover{background-color:var(--item-background-hover)}& .item-title{width:100%;height:100%;& a{display:flex;justify-content:space-between;padding:8px 8px 64px;&:hover{background-color:#fff0}}}& .item-meta{bottom:8px;left:8px;position:absolute;& .item-meta-icons{margin:0;display:flex;gap:8px;align-items:center;& .item-meta-icons-entries{display:var(--item-meta-icons-entries);& .icon-label{font-size:var(--item-meta-icons-entries-font-size)}}& .item-meta-icons-feeds{display:var(--item-meta-icons-feeds);& .icon-label{font-size:var(--item-meta-icons-feeds-font-size)}}& .item-meta-icons-edit{display:var(--item-meta-edit);& .icon-label{font-size:var(--item-meta-edit-font-size)}}& .item-meta-icons-mark-as-read{display:var(--item-meta-icons-mark-as-read);& .icon-label{font-size:var(--item-meta-icons-mark-as-read-font-size)}}}}&.category-has-unread .confirm{background-color:var(--item-background-hover)}}}main .pagination-bottom{display:none}.entry .entry-header .entry-actions{margin:0;@media screen and (max-width:851px){position:fixed;z-index:122;top:0;right:0;margin:0;background:var(--body-background);width:27%;height:56px;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:12px;padding-right:8px;& ul{display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:row;& li{background-color:var(--body-background);& button{& span{display:none}}}}}@media screen and (min-width:852px){position:fixed;z-index:122;margin:0;padding:8px 16px;background:var(--body-background);right:8px;padding:0;top:56px;& ul{display:flex;flex-direction:column;border-radius:10px;height:fit-content;align-items:flex-end;& li{& button{& span{display:none}}}}}& ul li{margin:0;display:flex;& :is(.page-button,.page-link,a){color:var(--button-primary-color);width:32px;height:32px;padding:4px;display:flex;justify-content:center;align-items:center;&:hover{border-radius:5px;background-color:var(--link-hover-bg-color)}& .icon{width:24px;height:24px}& .icon-label{font-size:0;margin:0;padding:0}}& .page-button[data-confirm]{&::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjY2MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMyAxMmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtMTItNmEzIDMgMCAxIDAgNiAwIDMgMyAwIDEgMC02IDBtLjg2MSA5Ljg5NmEzIDMgMCAwIDAgNC4yNjUgNC4yMm0uNTc4LTMuNDE3YTMgMyAwIDAgMC0xLjUwNy0xLjQ1TTguNyAxMC43bDEuMzM2LS42ODhNMTIuNjYgOC42NiAxNS4zIDcuM20tNi42IDYgNi42IDMuNE0zIDNsMTggMTgiLz48L3N2Zz4=);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);display:block;width:24px;height:24px;content:""}& .icon{display:none}}& .page-button[data-save-entry]{&[data-completed="true"]{& .icon-label{font-size:12px;font-weight:500}}}@media screen and (max-width:900px){& .page-button[data-toggle-status]{display:var(--data-toggle-status)}& .page-button[data-toggle-bookmark]{display:var(--data-toggle-bookmark)}& .page-button[data-save-entry]{display:var(--data-save-entry)}& a[data-share-status]{display:var(--data-share-status)}& .page-button[data-confirm]{display:var(--data-confirm);&+.confirm{position:absolute;background-color:var(--body-background);right:8px;border-radius:0 0 0 5px;top:48px;width:fit-content;padding-left:8px}}& .page-link[data-original-link]{display:var(--data-original-link)}& .page-button[data-fetch-content-entry]{display:var(--data-fetch-content-entry)}& .page-link[data-comments-link]{display:var(--data-comments-link)}}}}@keyframes fadein{0%{transform:translateY(32px);opacity:0}100%{transform:translateY(0);opacity:1}}.entry{padding-top:var(--article-top-padding);& .entry-header{padding-inline:0;border:none;& h1#page-header-title{margin:0 0 4px;padding:0 16px;& a{display:block;width:100%;font-size:var(--article-title-font-size);line-height:var(--article-title-line-height);font-weight:var(--article-title-font-weight);animation:fadein var(--article-animation-duration) ease-in;&:hover{color:var(--title-color)}}}& .entry-meta{margin:0 0 8px;padding:0 16px;color:var(--category-link-color);display:flex;align-items:center;flex-direction:row;justify-content:space-between;animation:fadein var(--article-animation-duration) ease-in;& .entry-author{order:0;font-size:0rem;padding:0;margin:0;& em,a,span{font-style:normal;font-size:.95rem;padding:8px}}& .entry-website{order:1;margin-right:auto;font-size:.95rem;& img{border-radius:50%;display:none}& a{color:var(--category-link-color);text-decoration:none;&:hover{color:var(--title-color)}}}& .category{order:2;margin:0 8px 0 0;font-size:.95rem}}& .entry-tags{margin:0 24px 16px;font-size:.95rem;color:var(--category-link-color);animation:fadein var(--article-animation-duration) ease-in;& a{color:var(--category-link-color)}}& .entry-external-link{padding:4px 16px 8px;animation:fadein var(--article-animation-duration) ease-in;& a{color:var(--category-link-color)}}& .entry-date{margin:0 24px;display:flex;justify-content:space-between;flex-direction:row-reverse;padding-bottom:4px;font-style:normal;color:var(--category-link-color);border-bottom:1px dotted var(--entry-header-border-color);font-size:0;animation:fadein var(--article-animation-duration) ease-in;& time,.entry-reading-time{font-size:.75rem}}}}.entry+main{padding-top:0}main{& .pagination-entry-top{display:none}& article.entry-content{padding:16px 24px var(--article-bottom-padding);font-size:var(--article-content-font-size);line-height:var(--article-content-line-height);font-weight:var(--article-content-font-weight);overflow:auto;animation:fadein var(--article-animation-duration) ease-in;& :is(iframe,video,pre){width:100%;height:100%;aspect-ratio:16/9;border:none;border-radius:5px}& img{width:100%;height:100%;border:none;border-radius:5px}& blockquote{border-left:2px solid #ddd;margin:0 0 0 4px;padding:0 10px 0 8px;font-style:none;font-size:.95em;line-height:1.4em}& table{border:none;& tr{& th{border:none;background-color:var(--body-background)}& td{border:none;background-color:var(--body-background)}}}& a{overflow-wrap:anywhere}}& details.entry-enclosures{margin:0;padding:0 24px 64px;font-size:1rem;line-height:1.6rem;& summary{font-size:1rem}}}main .pagination-entry-bottom{position:fixed;z-index:100;border:none;bottom:0;width:100%;max-width:900px;height:calc(56px + constant(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom));background:var(--body-background);padding:16px 5px;margin:0;& .pagination{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;&>div{flex:none}& :is(.pagination-next,.pagination-prev){font-size:0;display:inline-block;width:32px;display:flex;flex-direction:column;align-items:center;padding:0;border:none;& a{padding:4px;&:hover{z-index:1;font-size:0;line-height:100%}}}& .pagination-prev{display:none;position:absolute;bottom:12px;left:48px;& a::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJtNiAxNWw2LTZsNiA2Ii8+PC9zdmc+);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);display:block;width:32px;height:32px;content:""}&::before{display:none}}& .pagination-next{position:fixed;left:50%;transform:translateX(-20px);width:40px;bottom:calc(8px + constant(safe-area-inset-bottom));bottom:calc(8px + env(safe-area-inset-bottom));& a::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJtNiA5bDYgNmw2LTYiLz48L3N2Zz4=);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);display:block;width:32px;height:32px;content:""}&::after{display:none}}& .pagination-next.disabled::before{mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjY2NjY2NjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDhhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTAuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMi43NUEuNzUuNzUgMCAwIDEgMiA4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);mask-size:cover;mask-repeat:no-repeat;background-color:var(--button-primary-color);display:block;width:32px;height:32px;content:"测试"}& .elevator{position:fixed;bottom:96px;right:24px;width:32px;height:32px;background-color:var(--button-primary-background);border-radius:999px;font-size:0;display:flex;align-items:center;justify-content:center;& .icon{margin:0}}}}main{&>h3{margin:8px 16px}& form{padding:0 16px;&>fieldset{border:1px solid var(--item-border-color);padding:8px;margin-bottom:20px;border-radius:10px}& input[type="search"],input[type="url"],input[type="password"],input[type="text"],input[type="number"]{width:100%;height:32px;border-radius:5px}& select{margin:5px 0 10px;height:32px;width:100%;border:var(--input-border);border-radius:5px;color:var(--input-color);background-color:var(--input-background)}& #form-entries-per-page{width:100%;max-width:100%}& textarea{width:100%;height:200px}& .button{width:100%;border-radius:5px;border:none}}&>table{width:auto;margin:8px 16px}&>.panel{margin:8px 16px;overflow:auto}&>p{margin:8px 16px;& a.button{width:100%;border-radius:5px;border:none}}}main search form{display:flex;justify-content:space-between;& input#search-input{display:inline-block;width:100%;height:40px;margin:0;padding:8px}& .button{width:128px}}