/*
 * @Name     : Zit Style
 * @Author   : 吉光片羽
 * @Support  : jgpy.cn
 * @Create   : 2019-12-25 20:10:23
 * @Update   : 2020-03-12 22:11:26
 */

*{margin:0;padding:0;box-sizing:border-box;outline:none;}
body{font:1em/2 "微软雅黑";background:#fff;color:#234;transition:all .5s;}
input,
textarea,
select,
button{font:1em/2 "微软雅黑";transition:all .5s;}
button[disabled]{opacity:.5;cursor:not-allowed;}
a{color:#345;text-decoration:none;transition:all .5s;}
a:hover{color:#39c}
a *{transition:all .5s;}
h5,h6{font-weight:normal;}
dfn{font-style:normal;margin-right:.5em;}
dfn::after{content:":"}
img{max-width:100%;border:none;}
table{width:100%;}

.kandyIcons [class*=kico] dfn{display:none;}

.inner{max-width:1200px;margin:0 auto;padding:0 1em;}

ol::after,
ul::after,
.inner::after,
.clear::after{display:table;clear:both;content:""}
.avatar{border-radius:100%;vertical-align: middle;}

.zit{color:#fff;background:#39c;padding:.5em;line-height:1;position:absolute;z-index:2;min-width: 2em;display:inline-block;min-height: 1em;}
/*.zit::after{content:"Z";position:absolute;left:.5em;bottom:-.5em;transform:rotate(30deg);display:inline-block;margin:0 .2em 0 0;z-index:-1;color:#39c;font-weight:bold;transition:all .5s;}*/
.zit a{color:#fff;}

.pane{box-shadow:0 0 2em rgba(0,0,0,.05);padding:2em;position: relative;background:#fff;margin:0 0 5em;word-break:break-all;}
.pane .zit{top:-1.5em;left:1em;box-shadow:-.5em .5em .5em -.3em rgba(0,0,0,.3);font-weight:normal;text-transform: uppercase;font-size:1em;padding:.6em;}

.cover{background-position: center; background-repeat: no-repeat;transition:all 1s;}
img.hue{transition:none;opacity:.6;}

.log h3{line-height:1.5;font-size:1.5em;}
.log h5{margin:1em 0;}
.log h5 a{margin:0 .5em 0 0;color:#789}
.log h5 a:hover{color:#39c;}
.log p{margin:0 0 1em;color:#567}
.log .tags{margin:1em 0 0;font-size:.875em;color:#789;}
.log .tag{margin:0 .5em 0 0;}
.log .avatar{width:2em;height:2em;position:relative;top:-.1em;}
.log .kandyDiggLogs{padding:1em 0 0;}

/* 电脑端文章卡片布局 - 左侧缩略图，右侧内容 */
@media only screen and (min-width:801px) {
  .log{display:flex;align-items:stretch;margin:0 0 2em;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all .3s ease;}
  .log:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px);}
  .log figure{flex:0 0 280px;position:relative;overflow:hidden;margin:0;}
  .log figure a{display:block;height:100%;}
  .log .cover{width:100% !important;height:100%;min-height:200px;object-fit:cover;display:block;margin:0 !important;border-radius:0 !important;box-shadow:none !important;}
  .log .pane{flex:1;padding:1.2em 1.5em;display:flex;flex-direction:column;justify-content:flex-start;margin:0 !important;position:relative;}
  .log .pane h4{margin:0;position:absolute;top:0;left:0;}
  .log .pane h3{font-size:1.25em;line-height:1.4;margin:1.8em 0 0.6em;text-align:left;font-weight:bold;color:#2c3e50;}
  .log .pane h3 a{color:#2c3e50;}
  .log .pane h3 a:hover{color:#39c;}
  .log .pane h5{margin:0.6em 0;font-size:0.85em;color:#789;}
  .log .pane>div{margin:0.8em 0;color:#666;font-size:0.92em;line-height:1.8;text-align:left;}
  .log .pane .tags{text-align:left;}
  .log .pane .zit{position:absolute;top:-10px;left:0;background:#e3f2fd;color:#1976d2;padding:.3em .6em;font-size:0.8em;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.08);}
  .log .pane .zit a{color:#1976d2;}
  .log .pane .zit::after{display:none;}
}

.album{position: relative;padding:8em 3em 3em;margin:0 0 5em;box-shadow:0 0 2em rgba(0,0,0,.05);overflow:hidden;}
.album figure{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;background:#abc;}
.album figure span{transform:rotate(-10deg) scale(1.3);display:block;width:100%;height:100%;}
.album .cover{width:35%;height:35%;float:left;opacity:.8;transition:opacity 2s;}
.album .cover:hover{opacity:1!important;}
.album .pane{position:relative;z-index:10;margin:0;padding:1.5em;float:left;width:60%;}
.album h5{margin:1em 0 0;text-align:center;}
.album h5 a{display:block;text-align:center;}
.album .pane p{text-align:center;}
.album .kandyDiggLogs{text-align:center;}

.search .log h3 strong,
.search .log .pane>div strong{background:#ff0;}

.poster figure{overflow:visible;}
.poster .pane{margin:-2em 2em 3em;}
.poster figure img.cover{width:35% !important;height:auto !important;max-height:none !important;display:block !important;margin:0 auto !important;}
.poster .pane h3{text-align:center;margin:1em 0;}
.poster .pane h3 a{text-align:center;}
.poster .pane>div{text-align:center;}

.pin .zit b{display:inline-block;background:#fff;color:#39c;margin:-.4em .4em -.4em -.4em;padding:.4em;box-shadow:.2em .2em .3em .1em rgba(0,0,0,.05) inset;}

/* H1 标签样式优化 */
#motto{font-size:1.8em;padding:1em 1.5em;background:linear-gradient(135deg,#39c,#18a);box-shadow:0 4px 15px rgba(0,153,204,0.3);}

#wrap .tag{white-space: nowrap;}
.tag i{font-style:normal;}
a.tag,
.more{border:2px solid #abc;margin:0 .5em 0 0;color:#345;padding:.3em .6em;border-radius:1em;white-space: nowrap;}
a.tag{color:#18c;display:inline-block;padding:0 .6em;overflow:hidden;}
a.tag:hover{border-color:#39c;color:#39c;}
a.tag::before{margin:0 .3em 0 0;}
.more{border-color:#18a;color:#18a;}
.more:hover{background:#18c;color:#def}

.cmt{margin:2em 0 5em 2em;}
.cmt .cmt{margin:3em 0 0;}
.cmt .avatar{border-radius:1em;width:5em;height:5em;position: absolute;left:-2em;top:-2em;}
.cmt .cmt .avatar{width:4em;height:4em;left:-1em;top:-1em;}
.cmt cite{display:block;position:relative;font-style:normal;color:#789;text-align:right;line-height:1}
.cmt cite b{position:absolute;font-weight:400;font-size:1.3em;bottom:0;left:1.5em;}
.cmt q{display:block;quotes:none;margin:1em 0 0;color:#567}

.cmt .kandyDiggCmt{position:absolute;right:1em;top:-2em;padding:0;color:#789}

.cmt input{line-height:1;border:solid #abc;border-width:0 0 2px;padding:0 .2em .2em;box-sizing: content-box;}
.cmt textarea{margin:1em 0;width:100%;border:2px solid #abc;display:block;padding:0 .5em;}

.cmt.hilite{color:#39c;border:1px dotted #cde;}
.cmt.hilite>q{font-weight:bold;}

form.cmt label::after{content:"✏";font-family:KandyIcons;margin:0 0 0 -1em;position:absolute;display:none;}
.kandyIcons form.cmt:hover label::after{display:inline;}
.kandyIcons form.cmt:hover input{padding-right:1.2em;}
form.cmt button{border:none;padding:.3em 1.5em;background:#39c;color:#fff;font-size:1.3em;border-radius:2em;cursor:pointer;float:right;margin:0;overflow:hidden;}
form.cmt button:hover{box-shadow:0 0 2em rgba(0,0,0,.2) inset;}
.captcha{float:left;margin:-.5em 0 0;position: relative;}
.captcha img{display:block;}
.captcha::after{right:0;top:0;}
form.cmt .revoke{background:#abc;margin-right:1em;}

.illus{line-height:1.5}
.illus .cover{float:right;width:4.5em;height:4.5em;margin:0 0 0 1em}
.illus small{color:#789;display:block;}

.discuz a{display:block;border:1px solid #f4f5f6;position:relative;margin:2em -1em 0;padding:1em;line-height:1.5;}
.discuz img{position:absolute;top:-1em;left:1em;width:3.3em;height:3.3em;border-radius:3.3em;}
.discuz b{margin-left:4em;}
.discuz q{display:block;background:#f7f8f9;padding:1em;margin:1em -1em -1em;font-size:.9em;quotes:none;position: relative;color:#567}
.discuz q::after{content:".";width:0;height:0;overflow:hidden;border:.4em solid;border-color:#fff #fff transparent transparent;top:0;left:1em;position: absolute;}

.cpanel{text-align:center;word-break: break-all;}
.cpanel span{margin:1em 0 0;display:inline-block;}
.cpanel .cp-hello{margin:.5em 0}
.cpanel .more{padding:.5em 1em;margin:0;}
.cpanel .more::before{margin:0 .3em 0 0;}

.stock:first-child{border-top:1px dotted #cde;}
.stock a{display:block;border-bottom:1px dotted #cde;position:relative;padding:.5em 0}
.stock a::before{color:#abc;}
.stock mark{position:absolute;right:0;padding:.2em .5em;border-radius:2em;background:#abc;color:#fff;line-height:1;margin:.3em 0 0;transform:scale(.8)}
.stock a:hover mark{background:#39c;}

.swell{color:#fff;}
.swell #logo a{color:#18a;}
.swell #logo a::after{bottom:-.5em}
.swell #menu a{color:#fff;}
.swell #menu li li a{color:#456;}
.swell #seek.invis button{color:#fff;}

.subcates li:first-child{border:none;}
.subcates a::before,
.subcate a::before{content:"└";margin:0 .5em 0 .2em;}
.subcates .subcates a{padding-left:1em;}
.subcates .subcates .subcates a{padding-left:2em;}
.sub2 a{padding-left:1em;}
.sub3 a{padding-left:2em;}
.sub4 a{padding-left:3em;}

#face{text-align:center;position:fixed;left:0;top:0;right:0;z-index:999;padding:.5em 1em;box-shadow:0 0 1em rgba(0,0,0,.2);background:#fff;transition:all .5s;}
#face .inner{position:relative;}

#face.swell{background:none;box-shadow:none;padding:0.5em 1em;border-bottom:1px dotted rgba(255,255,255,.3);}

#logo{position:absolute;left:0;top:0;line-height:1;font-size:2em;}
#logo a{color:#18a;background:#fff;padding:.23em;position:static;border-radius:.2em;}
#logo a::after{color:#fff;bottom:-.75em}

#menu{margin:0 auto;display:inline-block;padding:.5em 0;transition:all .5s;}
#menu li{list-style:none;display:inline;padding:0 .5em;position: relative;}
#menu a{color:#456;}

#menu li ul{position:absolute;left:50%;top:-99em;padding:1em 0 0;transform:translate(-50%,0);transition:all .5s;opacity:0;}
#menu li:hover ul{top:1em;opacity:1;}
#menu li li{display:block;padding:0;margin:1px 0 0;}
#menu li li:hover{z-index:99;}
#menu li li a{display:block;padding:.2em 1em;white-space:nowrap;background:#fff;box-shadow:0 0 .5em rgba(0,0,0,.05);text-align:center;border:1px solid #cde;}
#menu li li a:hover{color:#39c;transform:scale(1.1);border-radius:.2em;}

#seek{background:rgba(0,0,0,.8);position:fixed;left:0;top:0;width:100%;height:100%;color:#fff;display:table;transition:all 1s;z-index:999}
#seek form{display:table-cell;vertical-align:middle;padding:1em;}
#seek input,
#seek button{border:none;width:60%;font-size:2em;background:none;line-height:2;color:#def;}
#seek button{width:auto;cursor:pointer;}
#seek dfn{margin:0;}
#seek dfn::after{display:none}
#seek p{border-top:2px solid #abc;padding:1em;width:65%;margin:0 auto;}

#shuts{font-size:2em;position:absolute;top:1em;right:1em;cursor:pointer;font-style:normal;line-height:1;}

#seek.invis{background:none;position:absolute;left:auto;right:0;bottom:auto;width:auto;height:auto;top:.5em;transition:none;}
#seek.invis form{padding:0;}
#seek.invis input,
#seek.invis p{display:none;}
#seek.invis button{font-size:1em;color:#234;line-height:1;}

#banner{height:30em;background:#39c;position:relative;}
#banner::after{content:".";display:block;position:absolute;left:0;top:-2em;right:0;box-shadow:0 3em 10em #123;overflow:hidden;}
#banner .inner{padding:0 50px;}
#banner .zit{bottom:2.2em;z-index:10;font-size:2em;border-radius:0;box-shadow:0 .5em .3em -.3em rgba(0,0,0,.3);max-width:1100px;margin-right:50px;line-height:1.2}
#backdrop{position:absolute;top:96.8px;left:0;right:0;bottom:0;background:#39c url(bg.jpg) center no-repeat;animation:slide 30s infinite linear;}
header#face + section#banner #backdrop {
    top: 96.8px !important;
}
@media (min-width: 1024px) {
  section#banner {
    height: 550px !important; /* 将容器高度设为 850px */
  }

  /* 如果背景图需要铺满整个 850px 区域，调整 backdrop 的偏移 */
  b#backdrop {
    top: 0 !important; 
  }
}

/* 针对手机端（通常屏幕宽度小于 768px） */
@media (max-width: 767px) {
    header#face + section#banner #backdrop {
        top: 50px !important;
    }
}

#wrap .inner{background:#fff;margin-top:-5em;padding-top:2em;position:relative;}

#topic{position: relative;margin:1em 2em 5em;padding-right:10em;}
#topic h1{font-size:2.2em;line-height:1.5;}
#topic h2{font-size:1.8em;line-height:1.5;}
#topic h4{font-weight:normal;font-size:.9em;}
#topic .tag{margin-bottom:1em;}
#topic h5{color:#789;margin:1em 0 0}
#topic h5 span{margin-left:1em;}
#topic h5 a{color:#789}
#topic p{margin:1em 0 0;}
#topic p a{margin:0 1em 0 0;}
#topic .avatar{height:2em;width:2em;position:relative;top:-.1em}
#topic .more{position: absolute;right:0;font-size:1.2em;top:50%;margin:-1.5em 0 0;border-radius:1.5em;padding:.3em 1em;}
#topic .zit{top:-1.5em;font-size:.7em;white-space: nowrap;opacity:.8;left:1em}
#topic small{color:#789;margin:1em 0 0}
#topic ul{margin:0 -12em 0 -2em;list-style: none;}
#topic .log{float:left;width:25%;padding:0 1em;}
#topic .log .zit{opacity:1;font-size:1em;box-shadow:.5em .5em .5em -.3em rgba(0,0,0,.3);}
#topic .cover{height:10em;}
#topic .pane{padding:1.5em 1em 1em;display:block;margin:-2em 1em 0;line-height:1.5;font-size:.9em;}
#topic b{display:block;font-weight:500;height:3em;overflow:hidden;}
#topic .log:hover .pane{margin:-2em 0 0;background:#18a;}
#topic .log:hover b,
#topic .log:hover small{color:#fff;}

#main{width:65%;float:left;margin:-1.5em 0 0;}
#main .zit{box-shadow:.5em .5em .5em -.3em rgba(0,0,0,.3);}

#path{position:absolute;top:-3.5em;right:0;color:#fff;font-size:1.4em;}
#path a{color:#fff;font-size:.8em;position:relative;top:-.4em;font-family: "微软雅黑";font-weight:normal;}

#cont{margin:0 0 5em;word-break: break-all;}
#cont p{margin:0 0 1em;}
#cont ul,#cont ol{margin-left:2em}
#cont blockquote{background:#eee;padding:1em 1em 1px;margin:0 0 1em;border:1px dotted #fff;border-radius:.5em;position:relative;text-indent:2em;}
#cont blockquote::before{content:"“";position:absolute;top:-.3em;left:.1em;color:#39c;font:bold 5em georgia;text-indent:0;}
#cont .zit{position:relative;margin-bottom:1em;padding:.8em;}
#cont h1{font-size:1.6em;}
#cont h2{font-size:1.4em;}
#cont h3{font-size:1.2em;}
#cont h5.zit{margin-bottom:1.5em;}
.page #cont>p:first-child{text-indent:2em;}

#rel,
#cmts{padding:5em 0 0;position:relative;margin:0 0 2em;}
#rel h3.zit,
#cmts h3.zit{top:0;left:-1rem;}
#rel .log{float:left;width:50%;padding:0 0 0 1em;margin:0 0 2em;list-style:none;}
#rel .log:nth-child(odd){padding:0 1em 0 0;}
#rel .cover{height:8em;opacity:.3;display:block;background-color:#ddd;}
#rel .pane{padding:1em;display:block;margin:-2em 1em 0;}
#rel .pane em{font-style:normal}
#rel .pane b{display:block;line-height:1.5;height:3em;margin:.5em 0 0;overflow:hidden;}
#rel .pane span{height:2em;overflow:hidden;display:block;}
#rel .pane small{color:#789;line-height:1;margin:.5em .5em 0 0}
#rel a:hover .cover{opacity:1}
#rel a:hover .hue{opacity:.5}
#rel a:hover .pane{background:#18a;margin:-2em 0 0;}
#rel a:hover,
#rel a:hover small,
#rel a:hover b{color:#fff;}

#pagi{text-align:center;margin:0 0 2em;}
#pagi b,
#pagi a,
#pagi select{margin:0 .2em;padding:.5em;border-radius:.5em;border:2px solid #def;display:inline-block;line-height:1}
#pagi a:hover{background:#def}
#pagi select{padding:.25em .5em;}
#pagi .zit{position:relative;box-shadow:none;}

#side{width:35%;float:right;padding-left:4em;}
/* 1. 针对友情链接容器添加 flex 布局 */
#divLinkage ul {
    display: flex;       /* 修改这里：开启横向排列 */
    flex-wrap: wrap;     /* 修改这里：换行处理 */
    padding: 0;
}

/* 2. 修改 li 的定义 */
#side li {
    margin: .5em 10px 0 0; /* 修改这里：将原本的 0 改为 10px，增加右侧间距 */
    list-style: none;
    width: auto;           /* 修改这里：确保 li 不会占满整行 */
}

#side .stock{margin:0;}
#side .illus{max-height:4.5em;margin:1em 0;overflow:hidden;}
#side .tags{display:inline-block;font-size:.9em;line-height:1;}
#side .tags a{line-height:2;}
#side .tags span{display:inline-block;margin:0 -.6em 0 .3em;background:#abc;color:#fff;padding:.1em .5em;}
#side form[name='search']{padding-right:5em;position: relative;}
#side form[name='search'] input{width:100%;border:2px solid #abc;height:2.2em;}
#side form[name='search'] input[type='submit']{width:5em;border:2px solid #18c;background:#18c;color:#fff;position: absolute;right:0;top:0;cursor: pointer;}

#minfo{text-align:center;}
#minfo img{width:60%;height:auto;margin:0 auto 1em;display:block;}

#tbCalendar{text-align:center;}
#tbCalendar h4.zit{display:none;}
#tbCalendar caption{text-align:right;}
#tbCalendar .zit:hover{color:#fff;}
#tbCalendar th{background:#eee;color:#345;}
#tbCalendar td{border-bottom:1px solid #cde;}
#tbCalendar td a{border-bottom:2px solid #39c;display:block;}

#slArchives{border:2px solid #cde;width:100%;padding:.3em .2em;}

.onlym{display:none;}

#base{border-top:1px dotted #cde;text-align:center;padding:4em 0;margin:2em 0 0;}
#base h4{font-weight:normal;color:#567}
#base h5,
#base h5 a{color:#789;margin:1em 0 0}
#base h5 a:hover{color:#39c;}
#base .zit{position:relative;border-radius:.3em;padding:.3em;}
#base .zit:hover{color:#def;}

#KandyGoTop{background:#18a}

#navim{float:right;display:none;cursor:pointer;z-index:999;position:relative;font-size:2em;line-height:1;top:-.045em;font-style:normal;}
.kandyIcons #navim{font-size:1em;line-height:2;top:auto;transform:scale(1.5);transition:all .5s}

@keyframes slide{
  0% {background-position:center;}
  25% {background-position:0;}
  75% {background-position:100%;}
  100% {background-position:center;}
}

@media only screen and (max-width:1100px){
  #rel h3.zit,
  #cmts h3.zit{left:auto;}
  #path{display:none;}
  #topic{margin-left:0;margin-right:0;}
  #topic ul{margin:0 -11em 0 -1em;}
}

@media only screen and (max-width:900px){
  #side{padding-left:2em;}
}

@media only screen and (max-width:800px){
  
  body{position: relative;left:0;}

  #face .inner{padding:0;font-size:16px;}

  #logo{font-size:1.4em;}
  #logo .zit::after{bottom: -.85em;}
  
  #navim{display:block;}

  #menu{position:fixed;width:300px;right:-300px;top:0;bottom:0;background:#fcfcfc;box-shadow:0 0 2em rgba(0,0,0,.05) inset;padding:3em 0 0 0;}
  #menu ul{height:100%;overflow:auto;padding:0 1em;}
  #menu li{display:block;padding:0;border-top:1px dotted #cde;}
  #menu li:first-child{border:none}
  
  #menu li ul{margin:0;position:static!important;transform:none;display:none;background:#fff;padding:0;border-top:1px dotted #cde;}
  #menu li:hover ul{display:block;}
  #menu li li{margin:0;}
  #menu li li a{border:none;box-shadow:none;}
  #menu li li a:hover{transform:none;border-radius:0;}

  #menu a{color:#123;display:block;padding:.5em!important;}
  #menu a:hover{background:#39c;color:#fff;}

  .kandyLink s{display:none;}

  #seek.invis{right:2em;top:0;}

  .friz{left:-300px;overflow:hidden}
  .friz #face{background:none;border:none;box-shadow:none;padding:.5em 1em;color:#123;}
  .friz #face .inner{max-width:100%;}
  .friz #menu{right:0;}
  .friz .swell #seek.invis button,
  .friz #menu a{color:#123}
  .friz #menu a:hover{color:#fff}
  .friz #logo{z-index:3;right:220px;left:auto;}
  .friz #logo .zit{background:#18a;color:#fff;}
  .friz #logo .zit::after{color:#18a;bottom:-.5em}
  .friz #navim{color:#18a;transform:none;}
  .friz #KandyGoTop{right:330px;}

  #seek p{width:70%;}

  #banner{height:25em;}
  #banner .zit{font-size:1.8em;}
  #topic h1,
  #topic h2,
  .log h3{font-size:1.35em;}
  
  #topic{padding:0 0 4em;margin-bottom:3em;}
  #topic .more{bottom:0;right:0;top:auto;}
  #topic ul{margin:2em -1em -7em;}
  #topic .log{width:50%;margin:0 0 4em;}
  .article #topic,
  .page #topic{margin:1em 0;padding:0;}
  .article #topic .more,
  .page #topic .more{display:none;}

  #main{float:none;width:auto;margin:0;}
  #side{float:none;width:auto;padding:2em 0 0;}

  #cont{margin:1em 0 5em;}

  .poster{margin:0;}
  .poster figure img.cover{width:40% !important;height:auto !important;max-height:none !important;display:block !important;margin:0 auto !important;}
  .poster figure{padding:0 1em !important;overflow:visible !important;}
  .poster .pane{margin-left:1em;margin-right:1em;}

  .album{margin:0 -1em 5em;padding:15em 2em 3em;}

  .cmt{margin:2em 1em 5em;}
  .cmt .avatar{width:4em;height:4em;left:-1em;top:-1em;}

  blockquote.cmt cite{padding-top:2em;text-align:left;}
  blockquote.cmt cite b{top:-.3em;bottom:auto;}

  #side .hidem{display:none;}
  .onlym{display:block;}
  
}

@media only screen and (max-width:500px){

  #seek p{width:80%;}
  
  #banner{height:20em;}
  #banner .inner{padding:0 30px;}
  #banner .zit{margin-right:30px;font-size:1.6em;}
  
  #wrap .inner{padding:2em .5em 0;}

  #topic{margin:1em 1em 4em;}
  #topic h1,
  #topic h2,
  .log h3{font-size:1.2em;}
  #topic ul{margin-left:-1.5em;margin-right:-1.5em;}
  #topic .log{float:none;width:auto;}

  .pane{padding:2em 1em 1em;margin-bottom:4em;}
  #side .pane{padding-bottom:2em;}

  .log .hidem,
  #topic .hidem,
  #topic.hidem *{display:none;}
  #topic.hidem{margin:0;}
  
  /* 首页文章卡片统一样式 */
  #main .log{margin:0 0 2em;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08);}
  #main .log.poster{margin:0 0 2em;}
  #main .log.poster figure{margin:0;padding:0;}
  #main .log.poster figure img.cover{width:100% !important;height:200px !important;object-fit:cover !important;margin:0 !important;border-radius:0 !important;box-shadow:none !important;}
  #main .log.poster .pane{padding:1.2em;margin:0;}
  #main .log.poster h3{font-size:1.15em;line-height:1.4;margin:0.8em 0 0.6em;}
  #main .log.poster h4{margin:0;}
  #main .log.poster h5{margin:0.6em 0;font-size:0.85em;}
  #main .log.poster>div{margin:0.6em 0;color:#567;font-size:0.95em;line-height:1.6;}
  
  .album{margin:0 0 2em;padding:0;}
  .album figure{display:none;}
  .album .pane{float:none;width:100%;padding:1.2em;margin:0;}
  .album h5,.album .pane p,.album .kandyDiggLogs{text-align:left !important;}

  #cont{margin:1em 0 4em;}

  #rel .log{width:auto;float:none;padding:0!important}
  #cmts{padding-top:4em;}

  .cmt{margin-left:.5em;margin-right:.5em;}
  .cmt .avatar{left:-.5em!important;}
  .cmt cite b{left:2.5em;}
  form.cmt cite{text-align:left;}
  form.cmt cite b{position: static;display:block;margin:-.5em 0 0 2.5em}
  form.cmt cite small label{display:inline-block;margin:1em 0 0}

  #base{margin:0;padding:2em 0;font-size:.8em;}
  
  /* 图片对齐与美化（蓝色阴影版） */
.log img.cover, article img.cover {
    display: block !important;
    width: 92% !important;
    height: auto !important;
    margin: 15px auto !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.15) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.log img.cover:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(0, 123, 255, 0.3) !important;
}
 
  
}

/* 统一设置正文部分的缩略图 */
img.cover {
  display: block;      /* 设为块级元素以支持 auto 居中 */
  width: 80% !important; /* 宽度设为 80% */
  max-width: none;     /* 移除之前的最大宽度限制 */
  height: auto;        /* 确保图片比例正常，不被拉伸 */
  margin-left: auto;   /* 水平居中 */
  margin-right: auto;  /* 水平居中 */
}
/* 专门针对侧边栏 div#divPrevious 里的缩略图进行微调 */
#divPrevious img.cover {
  display: inline;      /* 恢复行内显示以支持浮动 */
  float: right;         /* 向右浮动 */
  width: 30% !important;/* 宽度减小到 30%，防止遮挡文字 */
  height: auto;         /* 保持比例 */
  margin-left: 10px;    /* 图片与左侧文字保持间距 */
  margin-bottom: 5px;   /* 下方留出微小间距 */
  margin-right: 0;
}

/* 确保侧边栏列表项能够包裹浮动的图片 */
#divPrevious li {
  overflow: hidden;     /* 清除浮动，防止列表项塌陷 */
  list-style: none;
  margin-bottom: 1em;   /* 每个条目之间留出距离 */
}
/* 让所有海报式文章列表的标题内容居中 */
article.log.poster .pane {
    text-align: center !important;
}

/* 如果需要调整内部特定元素（可选） */
article.log.poster .pane h3,
article.log.poster .pane h4,
article.log.poster .pane h5 {
    margin-left: auto;
    margin-right: auto;
}

/* ============================================================
   1. 通用与手机端修复 (Base & Mobile)
   ============================================================ */

/* 修复图片变形与挤压 */
article.log.poster .ai-style-change-2 {
    flex-shrink: 0 !important;
    width: 100px !important; /* 手机端宽度 */
    margin: 0 !important;
}

article.log.poster img.cover {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important; /* 强制正方形 */
    object-fit: cover !important;   /* 裁剪不拉伸 */
    border-radius: 8px;
}

/* 分类标签 (h4.zit) 美化 */
h4.zit {
    background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%) !important;
    color: #0369a1 !important;
    border-radius: 6px !important;
    padding: 4px 12px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(3, 105, 161, 0.1) !important;
    top: -12px !important;
    left: 12px !important;
    transition: all 0.2s ease;
}

h4.zit a {
    color: #0369a1 !important;
    text-decoration: none !important;
}

/* 移除原有的伪元素装饰 */
h4.zit::after {
    display: none !important;
    content: none !important;
}

h4.zit:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* 标题排版优化：解决孤行与平衡 */
h3 {
    text-align: left !important;
    padding-right: 20px !important;
    max-width: 95% !important;
}

h3 a {
    display: inline-block !important;
    text-wrap: balance !important; /* 自动平衡行长 */
    word-break: normal !important; /* 保证词组完整 */
    line-height: 1.4 !important;
}

/* ============================================================
   2. 电脑端布局定制 (Desktop Layout)
   ============================================================ */
@media (min-width: 1024px) {
    /* 容器转为横向排列 */
    article.log.poster {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        padding: 1.5em !important;
        gap: 2em !important;
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
    }

    /* PC端图片放大 */
    article.log.poster .ai-style-change-2 {
        flex: 0 0 260px !important;
        width: 260px !important;
    }

    /* 右侧文字区自适应 */
    article.log.poster section.pane {
        flex: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
}
/* --- Banner 手机端优化修复 --- */

/* 1. 基础容器设置 */
section#banner {
    position: relative;
    /* 默认高度，可根据电脑端需求微调 */
    height: 20em; 
    display: block;
}

/* 2. 手机端响应式覆盖 (针对屏幕宽度 768px 以下) */
@media screen and (max-width: 768px) {
    /* 强制容器撑开并让内容沉底 */
    section#banner {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
        height: auto !important;
        min-height: 320px !important;
        padding-bottom: 40px !important;
    }

    /* 内部包装容器调整 */
    section#banner .inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }

    /* 修复文字：居中、换行、调整大小 */
    h1#motto {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        font-size: 24px !important;
        line-height: 1.4 !important;
        text-align: center !important;
        white-space: normal !important; /* 核心：允许文字换行 */
        word-break: break-all !important; /* 核心：防止长文字溢出 */
        margin: 0 !important;
        z-index: 10 !important;
        background: transparent !important;
    }
}
/* --- 修复结束 --- */