:root {
  /* 基础色调 */
  --plain-bg: #ffffff;                 /* 纯白背景 */
  --plain-text: #1a1a1a;               /* 深色 */
  --plain-line: rgba(0, 0, 0, 0.06);   /* 更淡的分隔线 */

  /* 文字层次 */
  --plain-text-main: #444444;          /* * 正文（较柔和的深灰） */
  --plain-text-secondary: #666666;     /* 次要文字（60%黑） */
  --plain-text-tertiary: #999999;      /* 辅助文字（40%黑） */

  /* 强调色 */
  --plain-accent: #28df99;             /* 薄荷绿 */
  --plain-accent-light: #6df7c6;       /* 浅薄荷（hover用） */

  /* 特殊场景 */
  --plain-quote-bg: #f8f8f8;           /* 引用块背景 */
  --plain-code-bg: #f0f0f0;            /* 代码块背景 */
  
}
* {
    letter-spacing: 0.08rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
*:focus {
    outline: none;
}
body {  
  background: var(--plain-bg);  
  color: var(--plain-text);  
  font-family: var(--plain-font);  
  line-height: 1.6;  
  max-width: 48rem;
  margin: 0 auto;  
  padding: 1rem;
}
a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
}
.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--line-clamp,1);
    text-overflow: ellipsis;
    overflow: hidden;
}
.bg     {background: var(--plain-bg);}
.relative	{position: relative;}
.fixed	{position: fixed;}
.inset-0	{inset: 0px;}
.text-inherit	{color: inherit;}
.text-accent	{color: var(--plain-accent);}
.no-underline{text-decoration-line: none;}
.text-main {color:var(--plain-text-main)}
.hover\:text-lime-500:hover {color:var(--plain-accent);}
.flex	{display: flex;}
.gap-1	{gap: 0.25rem; /* 4px */}
.gap-3	{gap: 0.75rem; /* 12px */}
.items-center	{align-items: center;}
.justify-center	{justify-content: center;}
.justify-between	{justify-content: space-between;}
.flex-col	{flex-direction: column;}
.w-8	{width: 2rem; /* 32px */}
.w-full	{width: 100%;}
.h-8	{height: 2rem;}
.h-48	{height: 12rem; /* 192px */}
.h-full	{height: 100%;}
.text-xs	{font-size: 0.75rem; /* 12px */}
.text-sm	{font-size: 0.875rem; /* 14px */}
.text-base	{font-size: 1rem; /* 16px */}
.text-xl	{font-size: 1.25rem; /* 20px */}
.font-semibold	{font-weight: 600;}
.object-cover	{object-fit: cover;}
.opacity-60	{opacity: 0.6;}
.list-none	{list-style-type: none;}
.rounded-t-\[2rem\] {border-radius:2rem 2rem 0 0;}
.rounded-full	{border-radius: 9999px;}
.pr-2	{padding-right: 0.5rem; /* 8px */}
.pl-4	{padding-left: 1rem; /* 16px */}
.p-3	{padding: 0.75rem; /* 12px */}
.p-4	{padding: 1rem; /* 16px */}
.m-1	{margin: 0.25rem; /* 4px */}
.my-3	{margin-top: 0.75rem; /* 12px */
margin-bottom: 0.75rem; /* 12px */}
.my-4	{margin-top: 1rem; /* 16px */
margin-bottom: 1rem; /* 16px */}
.mt-14	{margin-top: 3.5rem; /* 56px */}
.mb-8	{margin-bottom: 2rem; /* 32px */}
.max-w-3xl	{max-width: 48rem; /* 768px */}
.mx-auto	{margin-left: auto;
margin-right: auto;}
.border-0	{border-width: 0px;}
.border-l-3	{border-left-width: 3px;}
.border-b	{border-bottom-width: 1px;}
.border-dashed	{border-style: dashed;}
.border-solid	{border-style: solid;}
.border-line	{border-color: var(--plain-line);}
.leading-4	{line-height: 1rem; /* 16px */}
.leading-6	{line-height: 1.5rem; /* 24px */}
.leading-10	{line-height: 2.5rem; /* 40px */}
.transition	{transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform,filter, backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}
article p{
    margin: 2rem 0;
}
article a{
    color:var(--plain-accent);
    border-bottom: 1px dashed;
}
article code{
    color:var(--plain-accent);
    background: var(--plain-code-bg);
    padding: .2rem .5rem;
    font-size: 12px;
    border-radius: 2em;
}
.tags a{
    font-size: 0.75rem;
    color: inherit;
    text-decoration-line: none;
}
.tags a:hover{
    color:var(--plain-accent);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform,filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.comments-header {
    letter-spacing: 0.2rem;
    display: inline-block;
    margin: 2rem 0 1rem 0;
    font-size: 20px;
    border-left: solid 2px #888;
    padding-left: 15px;
    margin-left:-10px;
}
.comment-list .comment-reply {
    font-size: 13px;
    position: relative;
	margin-left: 15px;
}
.comment-meta a {
	color:#999;
	font-size:.92857em
}
.comment-author {
    display: inline-block;
}
.comment-by-author cite.fn a:after {
    content: "博主";
    margin-left: .375rem;
    font-size: 0.3rem !important;
    color: #fff;
    background: #e8505b;
    border-radius: .1rem;
    padding: .0425rem .1475rem;
}
.comments-have {
    letter-spacing: 0.2rem;
    display: inline-block;
    font-size: 15px;
    border-bottom: solid 1px #888;
    padding-bottom: 10px;
}
.page-navigator {
      list-style: none;
    text-align: center;
    margin-top: 40px;
    font-size: 12px;
    margin-bottom: -40px;

}
.page-navigator li {
 color: #000;
    display: inline;
    padding: 0 15px;
}
.page-navigator a{
padding: 1px;
}
.page-navigator a:hover{
 color: #444;
    border-bottom: 1px solid #444;
}
.page-navigator .current a{
color:#444;
border-bottom:1px solid #444
}
.comment-author .avatar {
	float:left;
	margin:6px 7px 0 0;
	border-radius:50px;
	width:32px;
	padding:1px
}
.comment-author cite {
	font-style:normal;
	line-height:1.2
}
.comment-awaiting-moderation {
	font-style:normal;
	float:right;
	margin-top:-20px;
	color:#777
}
.comment-list .respond {
	margin:15px 0;
	border-top:1px solid #ddd
}
.comment-body .respond {
	border:none;
	margin:0 0 25px
}
.comment-children {
	margin-top: 22px;
	padding-left: 22px;
}
.respond .cancel-comment-reply {
	    margin-top: 25px;
    font-size: 13px;
    letter-spacing: 0.1rem;
    font-weight: 100;
}
#comment-form {
	padding-top:5px
}
#comment-form label {
	display:block;
	color:#888;
	position:relative;
	margin:1px 1px
}
#comment-form input {
	padding: 20px;
	margin-top: 11px;
	padding-left: 10px;
	background: none;
	color: #555;
	width: 32.5%;
	height: 30px;
	font-size: 13px;
	border: none;
	border-bottom: 0.2px dashed #9999;
}

button.submit {
   position: relative;
    width: auto;
    height: 28px;
    font-size: 14px;
    padding: 0.2rem 0.5rem;
    border: none;
    background: none;
    color: var(--plain-text-main);
    cursor: pointer;
    margin: 1rem 0;
    border-bottom: 15px solid #28df99;
}
textarea {
	overflow:visible;
	padding-left:8px;
	vertical-align:top;
	width:100%
}
#comment-form textarea {
    font-family: "Microsoft JhengHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    letter-spacing: 0.1rem;
    margin-top: 10px;
    width: 100%;
    height: 100px;
    border: none;
    background: none;
    border-bottom: 0.2px dashed #9999;
}
#comments a {
	border-bottom:none
}
#comments {
	font-size:13px
}
.comment-date {
    margin-left: 15px;
    padding-bottom: 10px;
    color: #999;
    font-size: 0.75rem;
    display: inline;
}
.comment-main {
    font-size: 13px;
    border-bottom: .02rem dashed #9999;
}
.comment-meta {
	margin-top: 22px;
/*	margin-left: 22px;*/
	margin-bottom:10px
}
.post-content a,#comments .comment-content a {
	border-bottom:1px solid #ddd
}
.post-meta a:hover,.post-content a:hover,.widget a:hover {
	border-bottom-color:transparent
}
.post-content pre code,.comment-content pre code {
	padding:1.5em 2em
}
.post-content p code,.comment-content p code {
	display:inline;
	margin:0 5px;
	padding:3px 5px;
	border:1px solid #ddd
}
.comment-list,.comment-list ol {
	list-style:none;
	margin:0;
	padding:0
}
.comment-list {
	margin-top:10px
}
article .protected{
    display: flex;
    flex-direction: column;
    align-items: center;
}
article .protected p{
    margin: 1rem 0;
}
article .protected input[type="password"]{
    padding: 20px;
    margin-top: 11px;
    padding-left: 10px;
    background: none;
    color: #555;
    width: 100%;
    height: 30px;
    font-size: 13px;
    border: none;
    border-bottom: 0.2px dashed #9999;
}
article .protected input[type="submit"]{
    position: relative;
    width: auto;
    height: 28px;
    font-size: 14px;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    letter-spacing: 0.58rem;
    cursor: pointer;
    margin: 1rem 0;
}
@media print,screen and (max-width:767px) {
	#comments {
	margin:10px 0px
	}
	#comment-form input {
        width: 100%;
    }
}