/* markdown style custom */
#post-content h1{font-size:28px;color:#2c2c2c;text-align:left;padding-bottom:12px;border-bottom:1px solid #e8e0d8;position:relative}
#post-content h1::after{content:'';position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:#c0a88a}
#post-content h2{font-size:24px;color:#3a3a3a;padding-left:16px;border-left:4px solid #c0a88a;margin:36px 0 12px 0}
#post-content h3{font-size:20px;color:#4a4a4a;padding-bottom:8px;border-bottom:1px dashed #ddd8d0;margin:30px 0 10px 0}
#post-content h4{font-size:17px;color:#5a5a5a;margin:24px 0 8px 0}
#post-content h1,#post-content h2{display:block;width:100%}
#post-content h1:before,#post-content h2:before{display:none}
#post-content h1:after,#post-content h2:after{display:none}
#post-content h1:first-of-type::before,#post-content h2:first-of-type::before{display:none}
html.theme-dark #post-content h1{color:#d8d0c8;border-bottom-color:#3a3530}
html.theme-dark #post-content h1::after{background:#a08870}
html.theme-dark #post-content h2{color:#c8c0b8;border-left-color:#a08870}
html.theme-dark #post-content h3{color:#b8b0a8;border-bottom-color:#3a3530}
html.theme-dark #post-content h4{color:#a8a098}
/* post-copyright */
:root{--cp-bg:#f8fafc;--cp-bg-gradient-end:#f1f5f9;--cp-border:#e2e8f0;--cp-accent:#3b82f6;--cp-accent-end:#60a5fa;--cp-text:#334155;--cp-label:#64748b;--cp-link:#3b82f6;--cp-link-hover:#1d4ed8;--cp-link-underline:#93c5fd;--cp-site-name:#1e293b;--cp-shadow:0 1px 3px rgba(0,0,0,0.04)}
html.theme-dark{--cp-bg:#171718;--cp-bg-gradient-end:#1c1c1e;--cp-border:#2a2a2c;--cp-accent:#60a5fa;--cp-accent-end:#3b82f6;--cp-text:#dcdcdc;--cp-label:#a0a0a0;--cp-link:#60a5fa;--cp-link-hover:#93c5fd;--cp-link-underline:#3b82f6;--cp-site-name:#f1f5f9;--cp-shadow:0 1px 3px rgba(0,0,0,0.3)}
@media (prefers-color-scheme:dark){:root:not(.theme-light){--cp-bg:#171718;--cp-bg-gradient-end:#1c1c1e;--cp-border:#2a2a2c;--cp-accent:#60a5fa;--cp-accent-end:#3b82f6;--cp-text:#dcdcdc;--cp-label:#a0a0a0;--cp-link:#60a5fa;--cp-link-hover:#93c5fd;--cp-link-underline:#3b82f6;--cp-site-name:#f1f5f9;--cp-shadow:0 1px 3px rgba(0,0,0,0.3)}
}
.post-copyright{position:relative;padding:20px 24px;background:linear-gradient(135deg,var(--cp-bg) 0,var(--cp-bg-gradient-end) 100%);border:1px solid var(--cp-border);border-radius:12px;font-size:14px;line-height:1.8;color:var(--cp-text);overflow:hidden;box-shadow:var(--cp-shadow);transition:background .3s ease,border-color .3s ease,color .3s ease}
.post-copyright::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--cp-accent) 0,var(--cp-accent-end) 100%);border-radius:12px 0 0 12px}
.copyright-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.copyright-row:last-child{margin-bottom:0}
.copyright-label{color:var(--cp-label);font-weight:500;white-space:nowrap;flex-shrink:0;min-width:48px;transition:color .3s ease}
.post-copyright a{color:var(--cp-link);text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px solid transparent}
.post-copyright a:hover{color:var(--cp-link-hover);border-bottom-color:var(--cp-link-underline)}
.post-copyright .site-name{font-weight:600;color:var(--cp-site-name);transition:color .3s ease}
/* comments */
:root{--cmt-bg:#fff;--cmt-bg-hover:#fafbfc;--cmt-border:#e9eaec;--cmt-shadow:0 1px 4px rgba(0,0,0,0.04);--cmt-shadow-hover:0 2px 16px rgba(0,0,0,0.08);--cmt-text:#333840;--cmt-text-secondary:#6b7280;--cmt-muted:#9ca3af;--cmt-accent:#3b82f6;--cmt-accent-hover:#2563eb;--cmt-accent-soft:rgba(59,130,246,0.06);--cmt-line:#e5e7eb;--cmt-line-2:#d1d5db;--cmt-line-3:#cbd5e1;--cmt-avatar-size:40px;--cmt-radius:10px;--cmt-radius-sm:6px;--cmt-input-bg:#fff;--cmt-input-border:#d1d5db;--cmt-input-focus-ring:rgba(59,130,246,0.12);--cmt-btn-bg:#3b82f6;--cmt-btn-hover-bg:#2563eb;--cmt-btn-shadow:0 2px 8px rgba(59,130,246,0.25);--cmt-reply-color:#3b82f6;--cmt-reply-hover-bg:#eff6ff;--cmt-reply-border:#bfdbfe;--cmt-cancel-color:#8b5cf6;--cmt-cancel-hover-bg:#f5f3ff;--cmt-cancel-border:#ddd6fe;--cmt-star-color:#ef4444;--cmt-badge-bg:#f59e0b}
html.theme-dark{--cmt-bg:#1c1c1e;--cmt-bg-hover:#222225;--cmt-border:#2c2c30;--cmt-shadow:none;--cmt-shadow-hover:0 2px 16px rgba(0,0,0,0.25);--cmt-text:#dcdcdc;--cmt-text-secondary:#a0a0a0;--cmt-muted:#6b7280;--cmt-accent:#60a5fa;--cmt-accent-hover:#93c5fd;--cmt-accent-soft:rgba(96,165,250,0.08);--cmt-line:#2a2a2c;--cmt-line-2:#333336;--cmt-line-3:#3a3a3d;--cmt-input-bg:#171718;--cmt-input-border:#2a2a2c;--cmt-input-focus-ring:rgba(96,165,250,0.15);--cmt-btn-bg:#60a5fa;--cmt-btn-hover-bg:#3b82f6;--cmt-btn-shadow:0 2px 8px rgba(96,165,250,0.2);--cmt-reply-color:#60a5fa;--cmt-reply-hover-bg:rgba(96,165,250,0.08);--cmt-reply-border:#3b82f6;--cmt-cancel-color:#a78bfa;--cmt-cancel-hover-bg:rgba(139,92,246,0.08);--cmt-cancel-border:#7c3aed;--cmt-star-color:#f87171;--cmt-badge-bg:#d97706}
@media (prefers-color-scheme:dark){:root:not(.theme-light){--cmt-bg:#1c1c1e;--cmt-bg-hover:#222225;--cmt-border:#2c2c30;--cmt-shadow:none;--cmt-shadow-hover:0 2px 16px rgba(0,0,0,0.25);--cmt-text:#dcdcdc;--cmt-text-secondary:#a0a0a0;--cmt-muted:#6b7280;--cmt-accent:#60a5fa;--cmt-accent-hover:#93c5fd;--cmt-accent-soft:rgba(96,165,250,0.08);--cmt-line:#2a2a2c;--cmt-line-2:#333336;--cmt-line-3:#3a3a3d;--cmt-input-bg:#171718;--cmt-input-border:#2a2a2c;--cmt-input-focus-ring:rgba(96,165,250,0.15);--cmt-btn-bg:#60a5fa;--cmt-btn-hover-bg:#3b82f6;--cmt-btn-shadow:0 2px 8px rgba(96,165,250,0.2);--cmt-reply-color:#60a5fa;--cmt-reply-hover-bg:rgba(96,165,250,0.08);--cmt-reply-border:#3b82f6;--cmt-cancel-color:#a78bfa;--cmt-cancel-hover-bg:rgba(139,92,246,0.08);--cmt-cancel-border:#7c3aed;--cmt-star-color:#f87171;--cmt-badge-bg:#d97706}
}
#comments{border:1px solid transparent;margin-top:32px}
#post-comment-list{margin-bottom:24px}
.comments-title{font-size:18px;font-weight:600;color:var(--cmt-text);margin-bottom:20px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-body{list-style:none;position:relative}
.comment-body+.comment-body{margin-top:16px}
.comment-item{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:0;padding:18px 20px;background:var(--cmt-bg);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:var(--cmt-shadow)}
.comment-item:hover{border-color:transparent;box-shadow:var(--cmt-shadow-hover)}
.comment-by-author .comment-item{background:var(--cmt-accent-soft);border-color:var(--cmt-reply-border)}
.comment-avatar{position:relative;flex-shrink:0;width:var(--cmt-avatar-size);height:var(--cmt-avatar-size)}
.comment-avatar .avatar,.comment-avatar img{width:var(--cmt-avatar-size);height:var(--cmt-avatar-size);border-radius:50%;object-fit:cover;display:block}
.comment-badge{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:var(--cmt-badge-bg);border:2px solid var(--cmt-bg);transition:border-color .2s ease}
.comment-badge svg{width:9px;height:9px;color:#fff}
.comment-by-author .comment-badge{border-color:var(--cmt-accent-soft)}
.comment-main{flex:1;min-width:0}
.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.comment-author-name{font-size:14px;font-weight:600;color:var(--cmt-text);text-decoration:none}
.comment-author-name a{color:inherit;text-decoration:none;transition:color .15s ease}
.comment-author-name a:hover{color:var(--cmt-accent)}
.comment-device{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--cmt-muted);vertical-align:middle;line-height:1}
.comment-device span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.comment-device i{font-size:12px;vertical-align:-1px}
.comment-device .device-location i{width:11px;height:11px}
@media (max-width:767px){.comment-device{width:100%;margin-top:2px}}
.comment-time{font-size:12px;color:var(--cmt-muted);margin-left:auto;white-space:nowrap}
.comment-time a{color:inherit;text-decoration:none;transition:color .15s ease}
.comment-time a:hover{color:var(--cmt-text-secondary)}
.post-comment-star{display:inline-flex;align-items:center;gap:3px;font-size:14px;color:var(--cmt-muted);cursor:pointer;text-decoration:none;transition:color .15s ease,transform .15s ease;user-select:none}
.post-comment-star:hover{color:var(--cmt-star-color)}
.post-comment-star i{font-size:13px;vertical-align:-1px;transition:transform .2s cubic-bezier(.4,0,.2,1)}
.post-comment-star:active i{transform:scale(1.35)}
.post-comment-star .glyphicon-heart{color:var(--cmt-star-color)}
.star_count{font-size:12px;font-weight:500}
.comment-text{font-size:14px;line-height:1.7;color:var(--cmt-text);word-break:break-word}
.comment-author-at{float:left;margin-right:5px;line-height:1.7}
.comment-author-at b{font-weight:500}
.comment-author-at a{color:var(--cmt-accent);text-decoration:none;font-weight:500}
.comment-author-at a:hover{text-decoration:underline}
.comment-content-true{display:block}
.comment-content-true p{margin:0 0 8px 0}
.comment-content-true p:last-child{margin-bottom:0}
.comment-content-true a{display:inline;color:var(--cmt-accent);text-decoration:none;border-bottom:1px solid transparent;word-break:break-all;transition:border-color .15s ease}
.comment-content-true a:hover{border-bottom-color:var(--cmt-accent)}
.comment-content-true img{max-width:30%;border-radius:4px;margin:4px 0}
#comments pre,.comment-content-true pre{margin:8px 0;padding:0;border-radius:var(--cmt-radius-sm);overflow:hidden;position:relative}
.comment-actions{margin-top:10px;display:flex;align-items:center;gap:8px}
.comment-actions a,.comment-reply a{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:3px 14px;line-height:1.6;border-radius:20px;color:var(--cmt-reply-color);background:0 0;border:1px solid var(--cmt-reply-border);text-decoration:none;white-space:nowrap;transition:all .2s ease}
.comment-actions a:hover,.comment-reply a:hover{color:#fff;background:var(--cmt-reply-color);border-color:var(--cmt-reply-color)}
.cancel-comment-reply a{color:var(--cmt-cancel-color);border-color:var(--cmt-cancel-border);background:0 0;font-size:12px;font-weight:500;padding:3px 14px;line-height:1.6;border-radius:20px;border:1px solid var(--cmt-cancel-border);text-decoration:none;white-space:nowrap;transition:all .2s ease;vertical-align:0;display:inline-flex;align-items:center}
.cancel-comment-reply a:hover{color:#fff;background:var(--cmt-cancel-color);border-color:var(--cmt-cancel-color)}
.comment-children{list-style:none;margin:0;padding:0;margin-left:28px;padding-left:0}
.comment-children .comment-children{margin-left:0}
.comment-children .comment-body{margin-top:8px}
.comment-children .comment-item{border-left:2px solid var(--cmt-line);border-radius:0 var(--cmt-radius) var(--cmt-radius) 0}
.comment-respond{position:relative;margin-top:40px;padding:28px 24px 24px;background:var(--cmt-bg);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);box-shadow:var(--cmt-shadow)}
.comment-reply-title{position:absolute;top:-18px;left:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:var(--cmt-bg);border:1px solid var(--cmt-border);border-radius:22px;font-size:15px;font-weight:600;color:var(--cmt-text);z-index:3;white-space:nowrap;margin:0}
.comment-reply-title small{margin-left:0}
.comment-tip{font-size:12px;line-height:18px;color:var(--cmt-muted);display:flex;align-items:flex-start;gap:4px;margin-bottom:16px}
.reply-indicator{display:none;align-items:center;gap:6px;padding:8px 14px;margin-bottom:14px;background:var(--cmt-accent-soft);border-radius:var(--cmt-radius-sm);font-size:13px;color:var(--cmt-accent);border-left:3px solid var(--cmt-accent)}
.reply-indicator-name{font-weight:600;color:var(--cmt-text)}
.comment-item>.comment-respond .comment-tip{display:none}
.comment-item>.comment-respond{flex:0 0 calc(100% + 40px);margin:16px 0 -18px -20px;border:none;border-top:1px dashed var(--cmt-border);border-radius:0 0 var(--cmt-radius) var(--cmt-radius);box-shadow:none;padding:16px 20px 18px;background:var(--cmt-bg-hover)}
.comment-item>.comment-respond .comment-reply-title{position:static;border:none;padding:0 0 10px 0;border-radius:0;background:0 0;font-size:14px}
.comment-child2{margin-left:0!important}
.comment-form{margin-top:20px}
.comment-form-comment{margin-bottom:16px}
.comment-form-comment label{font-size:13px;font-weight:500;color:var(--cmt-text-secondary);display:block;margin-bottom:6px}
.comment-form-comment label .required{color:#ef4444;margin-left:2px}
textarea#comment{width:100%;padding:12px 16px;font-size:14px;line-height:1.7;color:var(--cmt-text);background:var(--cmt-input-bg);border:1px solid var(--cmt-input-border);border-radius:var(--cmt-radius-sm);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}
textarea#comment:focus{outline:0;border-color:var(--cmt-accent);box-shadow:0 0 0 3px var(--cmt-input-focus-ring)}
textarea#comment::placeholder{color:var(--cmt-muted)}
.OwO.padder-v-sm{margin-top:4px}
.secret_comment{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cmt-text-secondary);padding:4px 0}
.secret_comment_label{cursor:pointer;user-select:none}
.secret_comment_textarea{background:#999!important;border-color:#999!important;color:#fff}
.secret_comment_textarea:focus{color:#fff}
.comment-form .row-sm{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.comment-form .form-group{flex:1;min-width:180px;margin-bottom:0}
.comment-form .form-group label{font-size:13px;font-weight:500;color:var(--cmt-text-secondary);display:block;margin-bottom:6px}
.comment-form .form-group label .required{color:#ef4444;margin-left:2px}
.comment-form .form-control{width:100%;padding:8px 12px;font-size:14px;color:var(--cmt-text);background:var(--cmt-input-bg);border:1px solid var(--cmt-input-border);border-radius:var(--cmt-radius-sm);outline:0;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}
.comment-form .form-control:focus{border-color:var(--cmt-accent);box-shadow:0 0 0 3px var(--cmt-input-focus-ring)}
.comment-form .form-control::placeholder{color:var(--cmt-muted)}
.author-avatar{height:21px;position:absolute;border-radius:50%;margin:6px 12px;z-index:1}
.random_user_name{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;cursor:pointer;user-select:none;opacity:.6;transition:opacity .15s ease}
.random_user_name:hover{opacity:1}
#submit{display:inline-flex;align-items:center;justify-content:center;padding:10px 32px;font-size:14px;font-weight:500;color:#fff;background:var(--cmt-btn-bg);border:none;border-radius:24px;cursor:pointer;transition:all .2s ease;box-shadow:var(--cmt-btn-shadow);min-width:120px;position:relative;overflow:hidden}
#submit:hover{background:var(--cmt-btn-hover-bg);transform:translateY(-1px);box-shadow:0 4px 16px rgba(59,130,246,.35)}
#submit:active{transform:translateY(0)}
#submit .text-active{display:none}
.commentClose,.commentReview{display:block;text-align:center;padding:16px 24px;font-size:14px;color:var(--cmt-muted);background:var(--cmt-bg);border:1px solid var(--cmt-border);border-radius:var(--cmt-radius);margin:16px 0}
.commentReview{display:inline-block;padding:2px 8px;font-size:12px;border-radius:4px;background:var(--cmt-accent-soft);color:var(--cmt-accent);border:none}
#comment-navigation{margin:24px 0}
#comment-navigation a{color:var(--cmt-accent);text-decoration:none;font-size:14px;font-weight:500;padding:6px 14px;border:1px solid var(--cmt-border);border-radius:var(--cmt-radius-sm);transition:all .15s ease}
#comment-navigation a:hover{background:var(--cmt-accent-soft);border-color:var(--cmt-accent)}
@media (max-width:767px){.comment-item{padding:14px 16px;column-gap:10px;row-gap:0}
.comment-children{margin-left:18px}
.comment-children .comment-item{border-left-width:1px}
.comment-respond{padding:24px 16px 16px}
.comment-item>.comment-respond{flex:0 0 calc(100% + 32px);margin:10px 0 -14px -16px;padding:12px 16px 14px}
.comment-reply-title{left:16px;font-size:14px;padding:6px 18px;top:-16px}
.comment-form .row-sm{flex-direction:column;gap:8px}
.comment-meta{gap:6px}
.comment-time{margin-left:0;width:100%}
#submit{width:100%}
}