/*
 * CNBlogs Enterprise Skin — Sage / Editorial
 * Target: classic CNBlogs DOM (#home, #header, #navigator, #mainContent, #sideBar, #post_list, .day, .post)
 * Install into: Settings > Page Custom CSS
 */
:root{
  --ent-bg:#f5f7f4; --ent-surface:#fff; --ent-surface-soft:#f0f4ef;
  --ent-text:#24332d; --ent-muted:#77847c; --ent-line:#e3e9e2;
  --ent-green:#648674; --ent-green-dark:#456b57; --ent-green-pale:#e7efe8;
  --ent-radius:18px; --ent-shadow:0 8px 28px rgba(36,51,45,.055);
  --ent-width:1180px;
}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0!important;background:var(--ent-bg)!important;color:var(--ent-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;font-size:15px;line-height:1.8}
*{box-sizing:border-box}
a{color:var(--ent-green-dark);text-decoration:none;transition:color .18s ease}
a:hover{color:#2e5540;text-decoration:none}
img,video,iframe{max-width:100%;height:auto}
#home{width:min(var(--ent-width),calc(100% - 40px))!important;max-width:var(--ent-width)!important;margin:28px auto 48px!important;background:transparent!important}
/* Header / brand */
#header{height:auto!important;min-height:0!important;padding:36px 42px 30px!important;margin:0 0 16px!important;border:1px solid var(--ent-line)!important;border-radius:22px!important;background:linear-gradient(125deg,#fff 0%,#f6faf6 68%,#eaf2eb 100%)!important;box-shadow:var(--ent-shadow);overflow:hidden}
#blogTitle{float:none!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;text-align:left!important}
#blogTitle h1{margin:0!important;font-size:clamp(27px,4vw,39px)!important;font-weight:750!important;letter-spacing:-.045em;line-height:1.25!important}
#blogTitle h1 a{color:var(--ent-text)!important}
#blogTitle h2{max-width:680px;margin:12px 0 0!important;color:var(--ent-muted)!important;font-size:14px!important;font-weight:400!important;line-height:1.8!important}
#blogLogo{max-width:100%;height:auto}
#navigator{height:auto!important;min-height:54px;margin:0 0 24px!important;padding:0 18px!important;border:1px solid var(--ent-line)!important;border-radius:15px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 4px 16px rgba(36,51,45,.035);overflow:visible!important}
#navList{display:flex!important;align-items:center;flex-wrap:wrap;gap:5px;float:none!important;margin:0!important;padding:7px 0!important;list-style:none!important}
#navList li{float:none!important;display:block!important;margin:0!important;padding:0!important;background:none!important}
#navList a{display:block;padding:8px 13px!important;border-radius:9px;color:#5e6d63!important;font-size:13px!important;font-weight:600;line-height:1.5!important}
#navList a:hover{background:var(--ent-green-pale)!important;color:var(--ent-green-dark)!important}
#main{display:grid!important;grid-template-columns:minmax(0,1fr) 264px;gap:24px;align-items:start;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}
#mainContent{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important}
#sideBar{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;overflow-wrap:anywhere}
/* Home article listing: day is a date group, post is the actual card */
#post_list{display:block!important;width:100%!important;margin:0!important;padding:0!important}
#post_list .day{display:contents!important}
#post_list .dayTitle{display:block!important;grid-column:1/-1;margin:0 0 10px!important;padding:0 2px!important;border:0!important;background:transparent!important;color:var(--ent-muted)!important;font-size:12px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
#mainContent:has(#post_list){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start}
#mainContent:has(#post_list) #post_list{display:contents!important}
#mainContent:has(#post_list) .day{display:contents!important}
#mainContent:has(#post_list) .post{display:flex!important;flex-direction:column;min-width:0;min-height:220px;margin:0!important;padding:23px 24px 19px!important;border:1px solid var(--ent-line)!important;border-radius:var(--ent-radius)!important;background:var(--ent-surface)!important;box-shadow:0 3px 12px rgba(36,51,45,.025);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}
#mainContent:has(#post_list) .post:hover{transform:translateY(-3px);border-color:#cbdace!important;box-shadow:0 12px 30px rgba(36,51,45,.075)}
.postTitle{margin:0 0 12px!important;padding:0!important;border:0!important;background:transparent!important;font-size:19px!important;font-weight:700!important;line-height:1.55!important;overflow-wrap:anywhere}
.postTitle a{color:var(--ent-text)!important}
.postTitle a:hover{color:var(--ent-green-dark)!important}
.postCon{flex:1;min-width:0;margin:0!important;padding:0!important;color:#66746b!important;font-size:14px!important;line-height:1.9!important;overflow-wrap:anywhere}
.postCon .c_b_p_desc{margin:0!important}
.postDesc{margin:17px 0 0!important;padding:12px 0 0!important;border-top:1px solid #edf0ec;color:#89948d!important;font-size:12px!important;line-height:1.8!important;overflow-wrap:anywhere}
.postDesc a{color:var(--ent-green)!important}
/* Article detail / static pages */
#topics,.post{min-width:0;overflow-wrap:anywhere}
#topics{padding:clamp(22px,4vw,38px)!important;border:1px solid var(--ent-line)!important;border-radius:var(--ent-radius)!important;background:var(--ent-surface)!important;box-shadow:var(--ent-shadow)}
#topics .postTitle{font-size:clamp(25px,3vw,34px)!important;line-height:1.45!important;margin-bottom:16px!important}
#topics .postDesc{border-top:1px solid var(--ent-line)}
#cnblogs_post_body{color:#35443b;font-size:16px;line-height:1.95;overflow-wrap:anywhere}
#cnblogs_post_body p{margin:0 0 1.25em}
#cnblogs_post_body h1,#cnblogs_post_body h2,#cnblogs_post_body h3,#cnblogs_post_body h4{color:#263a2e;line-height:1.45;scroll-margin-top:24px}
#cnblogs_post_body h2{margin:2em 0 .8em;padding-left:13px;border-left:3px solid #8eae98;font-size:24px}
#cnblogs_post_body h3{margin:1.7em 0 .65em;font-size:20px}
#cnblogs_post_body blockquote{margin:1.4em 0;padding:12px 18px;border-left:3px solid #a5bdaa;border-radius:0 10px 10px 0;background:var(--ent-surface-soft);color:#65756a}
#cnblogs_post_body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;border-spacing:0}
#cnblogs_post_body th,#cnblogs_post_body td{padding:10px 13px;border:1px solid var(--ent-line);text-align:left}
#cnblogs_post_body th{background:#f0f4ef}
#cnblogs_post_body pre{max-width:100%;padding:18px!important;border:1px solid #263a30!important;border-radius:12px!important;background:#18251e!important;color:#e5eee7!important;overflow:auto!important;white-space:pre!important;line-height:1.7!important}
#cnblogs_post_body code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.9em}
#cnblogs_post_body :not(pre)>code{padding:.15em .4em;border-radius:5px;background:#edf2ed;color:#385744;overflow-wrap:anywhere}
#cnblogs_post_body img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:12px}
#cnblogs_post_body hr{border:0;border-top:1px solid var(--ent-line);margin:2em 0}
/* Sidebar widgets */
#sideBarMain>div,#sideBarMain .newsItem,#sideBarMain .catListTitle,#sideBarMain .catListView,#sideBarMain .catListEssay,#sideBarMain .catListBlogRank,#sideBarMain .catListComment,#sideBarMain .catListPostCategory,#sideBarMain .catListArticleArchive,#sideBarMain .catListPostArchive,#sideBarMain .catListTag,#sideBarMain .mySearch{min-width:0;margin:0 0 16px!important;padding:18px!important;border:1px solid var(--ent-line)!important;border-radius:15px!important;background:var(--ent-surface)!important;box-shadow:0 3px 12px rgba(36,51,45,.025);overflow-wrap:anywhere}
#sideBar h3,#sideBar .catListTitle h3{margin:0 0 12px!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid #edf0ec!important;background:transparent!important;color:var(--ent-text)!important;font-size:14px!important;font-weight:750!important;line-height:1.5!important}
#sideBar ul{margin:0!important;padding-left:18px!important}
#sideBar li{margin:7px 0!important;color:var(--ent-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
#sideBar a{overflow-wrap:anywhere}
#sideBar input[type="text"],#sideBar input[type="search"],#sideBar input[type="submit"]{max-width:100%;border-radius:8px!important}
#sideBar input[type="text"],#sideBar input[type="search"]{min-width:0;padding:8px 10px;border:1px solid var(--ent-line)!important;background:#fbfcfb!important}
#sideBar input[type="submit"]{padding:8px 12px;border:0!important;background:var(--ent-green)!important;color:#fff!important;cursor:pointer}
/* Comments, paging and footer */
#comment_form_container,#comment_nav{margin-top:22px!important;padding:24px!important;border:1px solid var(--ent-line)!important;border-radius:15px!important;background:var(--ent-surface)!important}
#comment_form_container textarea,#comment_form_container input[type="text"]{max-width:100%;border:1px solid var(--ent-line)!important;border-radius:8px!important;padding:10px!important}
#comment_form_container textarea{width:100%!important;min-height:130px}
#homepage_top_pager,#homepage_bottom_pager,#nav_next_page{margin:24px 0!important;padding:14px!important;border:1px solid var(--ent-line)!important;border-radius:12px;background:#fff;text-align:center}
#footer{clear:both;width:100%!important;margin:26px 0 0!important;padding:20px 8px!important;border-top:1px solid var(--ent-line)!important;background:transparent!important;color:var(--ent-muted)!important;text-align:center;font-size:12px!important;line-height:1.8!important}
#footer a{color:var(--ent-green-dark)!important}
/* Guard against long URLs, code, wide tables and legacy floats */
#main:after,#mainContent:after,#sideBar:after{content:none!important;display:none!important}
#mainContent *,#sideBar *{min-width:0}
@media (max-width:900px){#home{width:min(100% - 28px,var(--ent-width))!important;margin:14px auto 30px!important}#header{padding:28px 26px!important}#main{grid-template-columns:minmax(0,1fr) 230px;gap:16px}#mainContent:has(#post_list){gap:13px}#mainContent:has(#post_list) .post{padding:19px!important}}
@media (max-width:680px){#home{width:calc(100% - 24px)!important;margin:12px auto 24px!important}#header{padding:25px 21px!important;border-radius:17px!important}#navigator{padding:0 10px!important;margin-bottom:16px!important}#navList{gap:2px}#navList a{padding:8px 10px!important}#main{display:flex!important;flex-direction:column!important;gap:20px!important}#mainContent,#sideBar{width:100%!important}#mainContent:has(#post_list){grid-template-columns:minmax(0,1fr)!important;gap:13px!important}#mainContent:has(#post_list) .post{min-height:0;padding:20px!important}#topics{padding:22px 18px!important}#topics .postTitle{font-size:25px!important}#cnblogs_post_body{font-size:15px}#sideBarMain>div,#sideBarMain .newsItem,#sideBarMain .catListTitle,#sideBarMain .catListView,#sideBarMain .catListEssay,#sideBarMain .catListBlogRank,#sideBarMain .catListComment,#sideBarMain .catListPostCategory,#sideBarMain .catListArticleArchive,#sideBarMain .catListPostArchive,#sideBarMain .catListTag,#sideBarMain .mySearch{padding:16px!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}