body{margin:0;padding:0;box-sizing:border-box}


/* ===== 列表 ===== */
mdui-list-item.card{padding:.5rem 1.5rem .5rem 1rem;border-bottom:1px solid rgb(var(--mdui-color-outline))}
.header{width:100%;color:rgb(var(--mdui-color-outline));font-size:var(--mdui-typescale-body-medium-size)}
.header span:first-child{font-size:var(--mdui-typescale-body-large-size);font-weight:500}
.right{float:right;color:rgb(var(--mdui-color-outline));text-decoration:none}
.header::after{content:"";display:table;clear:both}
.heading{font-size:var(--mdui-typescale-title-large-size);font-weight:600}
.categories{font-size:var(--mdui-typescale-body-large-size);font-weight:500}
.categories a{color:rgb(var(--mdui-color-on-error-container));text-decoration:none;padding-right:.25rem}

/* ===== 按钮 ===== */
div.card{padding:.5rem 1.5rem .5rem 1rem;box-sizing:border-box}
.page-navigator{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;list-style:none;padding:0;margin:1rem 0}
.page-navigator li{display:flex;align-items:center}
.page-navigator a,.page-navigator span{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;cursor:pointer;text-align:center;text-decoration:none;padding:.57rem 1rem;border-radius:var(--mdui-shape-corner-medium);font-size:var(--mdui-typescale-body-medium-size);font-weight:500;color:rgb(var(--mdui-color-on-surface));background-color:rgb(var(--mdui-color-surface));box-shadow:var(--mdui-elevation-level1);transition:background-color .2s ease,box-shadow .2s ease}
.page-navigator .current a{color:rgb(var(--mdui-color-on-primary));background-color:rgb(var(--mdui-color-primary));font-size:var(--mdui-typescale-body-large-size);font-weight:600}
.page-navigator a:hover{background-color:rgb(var(--mdui-color-surface-variant));color:rgb(var(--mdui-color-on-surface));box-shadow:var(--mdui-elevation-level0)}

/* ===== 文章 ===== */
.mdui-prose{padding:2.5rem 1.5rem .5rem 1rem;border-bottom:1px solid rgb(var(--mdui-color-outline))}
.mdui-prose pre{color:rgb(var(--mdui-color-on-surface-container));background-color:rgb(var(--mdui-color-surface-container));border:1px solid rgb(var(--mdui-color-outline));border-radius:var(--mdui-shape-corner-large);overflow:auto;position:relative;padding:var(--mdui-typescale-body-small-tracking);box-shadow:var(--mdui-elevation-level1)}
.mdui-prose pre code{color:inherit;background:0 0;padding:0;border:none;border-radius:0;font-size:inherit;line-height:inherit;position:relative;display:block;white-space:pre;box-shadow:var(--mdui-elevation-level0)}
.mdui-prose code{font-size:var(--mdui-typescale-body-medium-size);font-weight:600;box-shadow:var(--mdui-elevation-level1)}

/* ===== 评论 ===== */
#comments{padding:1.25rem 1.5rem 1.25rem 1rem;border-bottom:1px solid rgb(var(--mdui-color-outline))}
.comment-list li{list-style:none}
.comment-list a{text-decoration:none}
.comment-list img.avatar{border-radius:var(--mdui-shape-corner-extra-small)}
.comment-list .fn a{margin-left:.25rem;font-style:normal;font-size:var(--mdui-typescale-body-large-size);font-weight:600}
.comment-content{border-bottom:1px solid rgb(var(--mdui-color-outline))}
.comment-reply{margin-bottom:.35rem;}
/* ===== 下页 ===== */
.post-near{padding:.5rem 1.5rem .5rem 1rem}
.post-near li{list-style:none}
.post-near li a{text-decoration:none;font-size:var(--mdui-typescale-title-medium-size);font-weight:600}

/* ===== 页脚 ===== */
footer{display:block;text-align:center;margin-top:var(--mdui-typescale-title-large-line-height);padding:var(--mdui-typescale-body-large-line-height);font-size:var(--mdui-typescale-body-large-size);border-top:1px solid rgb(var(--mdui-color-scrim))}
footer p{margin:0 auto}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}