/* spark 7.0.1 - based on the spark theme design; rewritten and cleaned. Requires Bootstrap 3.4.1 + Font Awesome 4.7.0 (bundled). */
body {
  color:#333;
  font:13px/24px Hiragino Sans GB, Microsoft Yahei, SimSun, Helvetica, Arial, Sans-serif;
  background:#f0f0f5;
}
body, dd, dl, dt, li, ol, td, th, ul {
  margin:0;
  padding:0;
}
body {
  overflow:auto!important;
  padding:0!important;
}
a, a:hover, a:link, a:visited {
  color:#000;
  text-decoration:none;
}
body.nav-fixed {
  position:relative;
}
ul li {
  list-style:none;
}
a:focus {
  outline:0!important;
}
.input-reg {
  margin-bottom:15px;
}
.col-sm-6.admina, .col-sm-6.commenta, .col-sm-6.loga, .col-sm-6.weiyua {
  margin-bottom:10px;
}
.row>.lga>a {
  margin:auto 15px;
}
.nav-top {
  margin-top:20px;
}
.text-muted {
  color:#777;
  font-size:85%;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  margin-right:0;
  margin-left:0;
}
.navbar-default {
  background: rgba(255, 255, 255, 0.85);
}
.navbar-form .input-group>.form-control {
  float:right;
  background:url(../img/search.png) no-repeat 15px 7px;
  padding-left:35px;
  width:20%;
}
.nav>li>.dropdown a:hover ul {
  display:block;
}
.navbar-default .navbar-nav>li>a {
  font-size:15px;
  display:block;
}
.navbar-nav>li {
  background:none;
  padding:0 3px;
}
.navbar-nav>li:last-child {
  background:0;
}
.navbar-nav .fa-angle-down {
  -webkit-transition:all .25s;
  -moz-transition:all .25s;
  -ms-transition:all .25s;
  -o-transition:all .25s;
  transition:all .25s;
}
.navbar-nav li:hover .fa-angle-down {
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.dropdown>a:focus {
  color:#5db8f8;
  background-color:transparent;
}
.navbar-default .navbar-nav>.dropdown>a:hover, .navbar-default .navbar-nav>li>a:hover {
  color:#5db8f8;
  background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color:#5db8f8;
  background-color:transparent;
}
.panel-default {
  border-color:#eaeaea;
}
#spark {
  margin-top:80px;
}
.container {
  padding:0 15px;
}
.container-fluid p {
  color:#555;
}
.content-wrap {
  float:left;
  width:100%;
}
.content {
  position:relative;
  margin-right:380px;
  margin-bottom:10px;
  min-height:280px;
}
.sidebar {
  position:relative;
  float:left;
  margin-left:-340px;
  width:326px;
}
.sidebars {
  position:relative;
  float:left;
  margin-left:-340px;
  width:326px;
}
.excerpt-minic {
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid #eaeaea;
  background-color:#fff;
  height:40px;
  line-height:40px;
  border-radius:var(--r-lg);
}
.gglb {
  float:left;
  padding-left:20px;
}
.bulletin {
  width:710px;
}
.bulletin ul li {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.posts-gallery-content h2 a:hover {
  color:#5dc8f8;
}
.content-list {
  position:relative;
  overflow:hidden;
  display:block;
  margin-bottom:10px;
  border:1px solid #eaeaea;
  background:#FFF;
  -webkit-box-shadow:0 5px 10px 0 rgba(146, 146, 146, .1);
  -moz-box-shadow:0 5px 10px 0 rgba(146, 146, 146, .1);
  box-shadow:0 5px 10px 0 rgba(146, 146, 146, .1);
  border-radius:var(--r-lg);
}
.content-box {
  overflow:hidden;
  padding:10px;
}
.posts-default .content-box {
  padding:0;
}
.posts-default-img {
  position:relative;
  overflow:hidden;
  max-height:300px;
  height:auto;
  width:100%;
}
.posts-default-img a {
  position:relative;
  display:block;
}
.posts-default-img img {
  width:100%;
}
.posts-default-img .overlay {
  opacity:0;
}
.posts-default-img a:hover .overlay {
  opacity:.2;
}
.posts-default-box {
  padding:32px 27px;
}
.posts-default-title {
  position:relative;
  margin:0 0 10px;
}
.posts-default-title h2 {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  line-height:1.2;
  font-size:20px;
  margin:0;
  padding:0;
}
.posts-default-title h2 a:hover {
  color:#5db8f8;
}
.posts-default-content {
  position:relative;
  line-height:normal;
}
.posts-default-content .posts-text {
  line-height:1.6;
  margin-bottom:10px;
  color:#566573;
}
.posts-default-info {
  position:relative;
  display:inline-block;
}
.posts-gallery-info {
  position:absolute;
  bottom:10px;
}
.posts-default-info ul li {
  font-size:12px;
  letter-spacing:-.2px;
  float:left;
  padding:0;
  margin:0 10px 0 0;
  color:#748594;
  position:relative;
  line-height:1.5;
}
.posts-default-info ul li a {
  color:#748594;
}
.posts-default-info ul li.post-author {
  padding-left:30px;
}
.posts-default-info ul li .avatar {
  position:absolute;
  top:-1px;
  left:0;
  width:20px;
}
.posts-default-info ul li .avatar img {
  border:1px solid #e5e5e5;
  border-radius:50%;
  padding:1px;
  width:20px;
  height:20px;
}
.posts-gallery-img {
  position:relative;
  float:left;
  width:231.98px;
  height:135px;
  height:auto;
  overflow:hidden;
}
.posts-gallery-img img {
  width:100%;
  height:135px;
}
.posts-gallery-content {
  margin-left:245px;
}
.posts-gallery-content h2 {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  margin:0 0 20px 0;
  line-height:1.2;
  font-size:20px;
}
.posts-gallery-content .posts-gallery-text {
  text-indent:20px;
  line-height:1.6;
  margin-bottom:10px;
  color:#566573;
}
.post-style-tips {
  position:absolute;
  bottom:32px;
  right:28px;
}
.post-style-tips a {
  padding:6px 10px;
  line-height:1;
  color:#FFF;
  background:#378df7;
  display:inline-block;
  font-size:13px;
}
.post-style-tips span a:hover {
  background:#273746;
}
.post-images-item {
  margin-bottom:10px;
}
.post-images-item ul {
  overflow:hidden;
}
.post-images-item ul li {
  float:left;
  width:33.3333%;
}
.post-images-item ul li .overlay {
  opacity:0;
}
.post-images-item ul li:first-child .image-item {
  margin-right:6px;
  height:135px;
  position:relative;
  overflow:hidden;
}
.post-images-item ul li:nth-child(2) .image-item {
  margin-left:3px;
  margin-right:3px;
  height:135px;
  position:relative;
  overflow:hidden;
}
.post-images-item ul li:last-child .image-item {
  margin-left:6px;
  height:135px;
  position:relative;
  overflow:hidden;
}
.post-images-item ul li a img {
  width:100%;
  height:135px;
}
.post-entry-categories {
  margin-top:-2px;
  float:right;
}
.post-entry-categories a {
  padding:4px 10px;
  background-color:#9759d0;
  color:#fff;
  font-size:12px;
  line-height:1.4;
  font-weight:400;
  margin:0 5px 5px 0;
  border-radius:var(--r-lg);
  display:inline-block;
}
.post-entry-categories a:nth-child(6n+0) {
  background-color:#4a4a4a;
}
.post-entry-categories a:nth-child(6n+1) {
  background-color:#ff5e5c;
}
.post-entry-categories a:nth-child(6n+2) {
  background-color:#ffbb50;
}
.post-entry-categories a:nth-child(6n+3) {
  background-color:#1ac756;
}
.post-entry-categories a:nth-child(6n+4) {
  background-color:#19b5fe;
}
.post-entry-categories a:hover {
  background-color:#1b1b1b;
  color:#FFF;
}
.index_cms_6 {
  padding-left:0;
  padding-right:0;
}
.index_cms {
  margin-left:0;
  margin-right:0;
  margin-bottom:-20px;
}
.xg {
  -webkit-backface-visibility:hidden;
  -webkit-filter:blur(4px);
  -moz-filter:blur(4px);
  -o-filter:blur(4px);
  -ms-filter:blur(4px);
  filter:blur(4px);
  z-index:1;
}
i.article-mark {
  width:0;height:0;position:absolute;left:0;top:0;z-index:14;
}
i.article-marks {
  width:0;height:0;position:absolute;left:0;top:0;z-index:14;
}



.textgg i {
  border-right:1px solid #eaeaea;
  display:inline-block;
  height:40px;
  margin-right:10px;
  width:25px;
  vertical-align:top;
  line-height:40px;
  float:left;
  color:#000;
}
.excerpt {
  padding:10px;
  border:1px solid #eaeaea;
  overflow:hidden;
  background:#fff;
  margin-bottom:-10px;
  position:relative;
  border-radius:var(--r-lg);
}
.content-list:hover, .excerpt:hover, .panel-default:hover {
  box-shadow:0 0 8px #bbb;
}
.btn, .form-control, .input-group-addon, .panel {
  border-radius:var(--r-lg);
}
.more {
  font-size:15px;
}
.panel_cms {
  padding:5px 15px 0;
  min-height:160px;
}
.panel_cms ul {
  padding:0 4px;
  margin-bottom:0;
}
.panel_cms li a {
  display:inline-block;
  overflow:hidden;
  width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.panel_cms li a:hover {
  color:#5db8f8;
}
.panel_cms time {
  float:right;
  margin:0;
  padding:0;
  color:#999;
  line-height:24px;
}
.panel_cms ul li {
  line-height:1.8em;
}
.panel-default {
  margin-bottom:10px;
}
.pagination {
  margin:-5px 0 -12px;
  padding:0;
  text-align:center;
  font-size:12px;
  display:block;
  border-radius:0;
}
.pagination ul {
  display:inline-block;
  margin-left:0;
  margin-bottom:0;
  padding:0;
}
.pagination ul>li {
  display:inline;
}
.pagination ul>.active>span {
  background:#5db8f8;
  color:#fff;
}
.pagination ul>.tj>span {
  color:#999;
  background-color:transparent;
  cursor:default;
  margin:0 2px;
  float:left;
  padding:4px 14px;
  border:0;
}
.pagination ul>li>a, .pagination ul>li>span {
  margin:0 2px;
  float:left;
  padding:1px 14px;
  border:1px solid #eaeaea;
  color:#000;
  border-radius:var(--r-lg);
}
.excerpt-page {
  padding:8px 0 3px;
  margin-bottom:10px;
}
.widget_ui_statistics ul {
  overflow:hidden;
  padding:15px;
  color:#888;
  line-height:26px;
}
.widget_ui_statistics li {
  float:left;
  width:50%;
}
@keyframes waver {
    0 {
        transform:scale(1, 1)
    }
    50% {
        transform:scale(1.5, 1.5)
    }
    100% {
        transform:scale(1, 1)
    }
}
@-moz-keyframes waver {
    0 {
        -moz-transform:scale(1, 1)
    }
    50% {
        -moz-transform:scale(1.5, 1.5)
    }
    100% {
        -moz-transform:scale(1, 1)
    }
}
@-webkit-keyframes waver {
    0 {
        -webkit-transform:scale(1, 1)
    }
    50% {
        -webkit-transform:scale(1.5, 1.5)
    }
    100% {
        -webkit-transform:scale(1, 1)
    }
}
@-o-keyframes waver {
    0 {
        -o-transform:scale(1, 1)
    }
    50% {
        -o-transform:scale(1.5, 1.5)
    }
    100% {
        -o-transform:scale(1, 1)
    }
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes rotate {
    from {
        -moz-transform:rotate(0)
    }
    to {
        -moz-transform:rotate(360deg)
    }
}
@-ms-keyframes rotate {
    from {
        -ms-transform:rotate(0)
    }
    to {
        -ms-transform:rotate(360deg)
    }
}
@-o-keyframes rotate {
    from {
        -o-transform:rotate(0)
    }
    to {
        -o-transform:rotate(360deg)
    }
}
@keyframes rotate {
    from {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
#error, #error1 {
  position:relative;
  color:red;
  left:8px;
  top:8px;
}
.logo img {
  margin-top:-5px;
  max-height:50px;
  height:auto;
}
@media screen and (max-width:1024px) {
  .content {
    margin-right:0;
  }
  .sidebar, .sidebars {
    display:none;
  }
}
@media screen and (max-width:860px) {
  .nav-hide {
    display:none;
  }
}
@media screen and (max-width:800px) {
  body {
    background:#FFF!important;
  }
  .navbar-default {
    background:#f8f8f8!important;
  }
  .footer {
    border-top:1px solid #e6e6eb;
    padding-top:0!important;
    margin-bottom:50px;
    background:#f8f8f8!important;
  }
  .footer .copy-right {
    margin-top:5px!important;
  }
  .footer .copy-right span {
    margin-top:5px!important;
    margin-bottom:5px!important;
  }
  .mobile-hide {
    display:none;
  }
  .span10, .span11, .span12, .span4, .span5, .span6, .span7, .span8, .span9 {
    width:100%;
  }
  .span2, .span3 {
    width:50%;
  }
  .span1 {
    width:25%;
  }
  .panel-sort {
    padding:10px;
  }
  .panel.transparent {
    background:#FFF;
  }
  .panel .panel-header {
    border-bottom:0;
    background:0;
    margin:-10px -10px 0;
  }
  .panel .panel-header h1, .panel .panel-header h3, .panel .panel-header h4 {
    margin-bottom:-30px;
    padding:10px;
  }
  .panel .panel-header .right {
    padding-right:10px;
  }
  #mobile-header {
    display:block;
  }
  #mobile-tab-menu {
    display:block!important;
  }
  .box-md {
    margin:50px 0;
  }
  .posts-list>li .panel {
    border-bottom:1px solid #e6e6eb;
    height:85px;
  }
  .posts-list>li .panel:before {
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:84px;
    width:10px;
    background:#FFF;
    z-index:30;
  }
  .posts-list>li:last-child .panel {
    border-bottom:0;
  }
  .posts-list>li .panel-header {
    height:10px;
  }
  .posts-list>li .post-title a {
    position:absolute;
    text-indent:10px;
    width:100%;
    height:85px;
    top:0;
    left:0;
    z-index:50;
    white-space:nowrap;
    overflow:hidden;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    padding-right:10px;
  }
  .posts-list>li .post-title a:hover {
    color:#333;
  }
  .posts-list>li .post-title a:active {
    opacity:.3;
    background:#000;
  }
  .posts-list>li.thumbnail .post-title a {
    text-indent:80px;
  }
  .posts-list>li .thumbnail-link, .posts-list>li .thumbnail-link .thumbnail {
    width:65px;
    height:65px;
  }
  .posts-list>li .thumbnail-link+.right-box {
    left:80px;
  }
  .posts-list>li .right-box {
    position:absolute;
    top:33px;
    left:10px;
  }
  .posts-list>li .excerpt {
    line-height:22px;
    color:#999;
    white-space:nowrap;
  }
  .posts-list>li .post-meta {
    line-height:22px;
  }
  .posts-list>li .post-meta>li {
    border:0;
    border-radius:none;
    -moz-border-radius:none;
    padding:0;
    line-height:22px;
  }
  .posts-list>li .post-meta>li.author {
    display:none;
  }
  .posts-list>li .post-meta>li, .posts-list>li .post-meta>li a {
    color:#999;
  }
  .posts-list.full-text>li .panel {
    height:auto;
    padding-bottom:0;
  }
  .posts-list.full-text>li .panel:before {
    display:none;
  }
  .posts-list.full-text>li .panel-header {
    height:auto;
  }
  .posts-list.full-text>li .post-title {
    white-space:inherit;
    overflow:visible;
    padding:10px;
  }
  .posts-list.full-text>li .post-title a, .posts-list.full-text>li.thumbnail .post-title a {
    position:relative;
    display:block;
    width:100%;
    height:auto;
    left:0;
    text-indent:0;
    white-space:inherit;
    overflow:visible;
    line-height:22px;
    padding-right:0;
  }
  .posts-list.full-text>li .context {
    display:none;
  }
  .posts-list-page-navi {
    display:none;
  }
  .posts-list-mobile-page-navi {
    display:block;
  }
  .archive-header, .content-theme .qbztm, .focusmo {
    display:none;
  }
  #mobile-menu {
    display:block;
  }
  section.context {
    padding-top:35px!important;
  }
  .panel .panel-header {
    padding-bottom:30px;
  }
  #post-box .post-meta-box>.meta-top, .bg-fixed {
    display:none;
  }
  .navbar-nav>li:before {
    content:'';
  }
  .indexebox-3, .indexebox-6 {
    border-right:0!important;
  }
  .indexebox-4, .indexebox-5, .indexebox-6 {
    border-top:1px dashed #ddd;
  }
  .spark-nav-right {
    display:none;
  }
  .content-img>.img-row {
    margin-left:0;
    margin-right:0;
  }
  .content-img>.img-row>.log-img {
    padding-left:0;
    padding-right:0;
  }
  .rollbar ul {
    width:30px!important;
  }
  .rollbar a {
    height:30px!important;
  }
  .rollbar .fa {
    line-height:30px!important;
    font-size:20px!important;
  }
  .conment-btn, .post-entry-categories {
    display:none;
  }
  .navbar-nav>li {
    background:0;
  }
  .bulletin ul li {
    width:750px;
  }
}
@media screen and (max-width:767px) {
  body {
    position:absolute;
    left:0;
    right:0;
    overflow-x:hidden;
    backface-visibility:hidden;
    transition:all .3s ease-in-out;
    transition-delay:0s;
  }
  body.out {
    left:-200px;
    right:200px;
    overflow:hidden;
  }
  body.off-canvas-nav-left.out {
    left:200px;
    right:-200px;
  }
  .container-fluid>.navbar-collapse, .container>.navbar-collapse {
    margin-left:0;
    margin-right:0;
  }
  nav.navbar-fixed-top {
    transition:all .3s ease-in-out;
    transition-delay:0s;
  }
  nav.navbar-fixed-top.out {
    transform:translate3d(-200px, 0, 0);
  }
  body.off-canvas-nav-left nav.navbar-fixed-top.out {
    transform:translate3d(200px, 0, 0);
    transition-delay:.3s;
  }
  nav .navbar-nav {
    margin:0 -15px 7.5px -15px;
  }
  nav .navbar-toggle {
    transition:all .5s ease-in-out;
  }
  body.out nav .navbar-toggle {
    background-color:#ddd;
  }
  body.off-canvas-nav-left nav .navbar-toggle {
    float:left;
    margin-left:15px;
    margin-right:0;
  }
  nav .navbar-toggle .icon-bar {
    transition:all .5s ease-in-out;
  }
  body.out nav .navbar-toggle .icon-bar:nth-of-type(2) {
    transform:translate3d(0, 6px, 0) rotate(45deg);
  }
  body.out nav .navbar-toggle .icon-bar:nth-of-type(3) {
    opacity:0;
  }
  body.out nav .navbar-toggle .icon-bar:nth-of-type(4) {
    transform:translate3d(0, -6px, 0) rotate(-45deg);
  }
  nav .navbar-collapse {
    display:block!important;
    position:fixed;
    top:0;
    right:-200px;
    bottom:0;
    z-index:10000;
    width:200px;
    height:100vh!important;
    margin:0;
    background-color:inherit;
    border:0;
    box-shadow:none;
    border-left:1px solid #e7e7e7;
    transition:all .3s ease-in-out;
  }
  body.out nav .navbar-collapse {
    box-shadow:-10px 0 50px 0 rgba(0, 0, 0, .75);
    transform:translate3d(-200px, 0, 0);
  }
  nav.navbar-fixed-top .navbar-collapse {
    right:-200px!important;
    max-height:none;
  }
  body.out nav.navbar-fixed-top .navbar-collapse {
    box-shadow:-10px 0 50px 0 rgba(0, 0, 0, .75);
    transform:none;
  }
  body.off-canvas-nav-left nav .navbar-collapse {
    left:-200px;
    right:auto;
    border:0;
    border-right:1px solid #e7e7e7;
  }
  body.off-canvas-nav-left.out nav .navbar-collapse {
    box-shadow:10px 0 50px 0 rgba(0, 0, 0, .75);
    transform:translate3d(200px, 0, 0);
  }
  body.off-canvas-nav-left.out nav.navbar-fixed-top .navbar-collapse {
    box-shadow:10px 0 50px 0 rgba(0, 0, 0, .75);
    transform:none;
  }
  nav .dropdown-toggle>.caret {
    transform:rotate(0)!important;
  }
  nav .open>.dropdown-toggle>.caret {
    transform:rotate(180deg)!important;
  }
  nav .navbar-form {
    margin-top:0;
    margin-bottom:0;
    border:0;
    box-shadow:none;
  }
  .panel_cms {
    min-height:20px;
  }
  .content-list {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
  }
  #header {
    padding:2px 0;
  }
  #spark {
    margin-top:65px;
  }
  .logo img {
    margin-top:-8px;
    max-height:35px;
    height:auto;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height:380px;
  }
  .posts-gallery-img {
    width:33.3333%;
    height:65px!important;
  }
  .posts-gallery-img img {
    width:100%;
    height:65px!important;
  }
  .post-images-item ul li a img {
    height:65px!important;
  }
  .post-images-item ul li .image-item {
    height:65px!important;
  }
  .posts-gallery-content {
    margin-left:36%;
  }
  .posts-default-title h2, .posts-gallery-content h2 {
    font-size:15px;
    line-height:1.3;
    font-weight:700;
  }
  .posts-gallery-content h2 {
    height:38px;
    max-height:none;
    margin-bottom:0;
  }
  .posts-gallery-content h2 {
    position:relative;
    margin:0 0 20px 0;
    font-size:22px;
    max-height:61.6px;
    overflow:hidden;
  }
  .posts-gallery-content .posts-gallery-text {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:5px;
    display:none;
  }
  .posts-gallery-content .posts-gallery-text {
    line-height:1.6;
    margin-bottom:20px;
    color:#566573;
  }
  .posts-gallery-info {
    bottom:15px;
    position:absolute;
  }
  .posts-default-info ul li {
    margin:0 8px 0 0;
    font-size:10px;
  }
  .ico-eye, .ico-like, .navigation .dots, .navigation a, .pic-posts-box a .title .post-views, .posts-cjtz, .posttime-a, .sidebar, .sidebars {
    display:none;
  }
  .post-entry-categories {
    margin:0;
  }
  .post-entry-categories a {
    padding:3px 5px 2px;
    font-size:10px;
    line-height:1;
    margin:0 5px 8px 0;
    font-size:10px;
  }
  .posts-default-title h2, .posts-gallery-content h2 {
    font-size:15px;
    line-height:1.3;
    font-weight:700;
  }
  .posts-default-title h2 {
    margin:0 0 5px 0;
    border-bottom-width:0;
    padding:0;
    font-weight:700;
  }
  .posts-default-content .posts-text {
    display:none;
    line-height:0;
  }
  i.article-mark, i.article-marks {
  width:0;height:0;position:absolute;left:0;top:0;z-index:14;
}
  .bulletin ul li {
    width:700px;
  }
}
@media screen and (max-width:640px) {
  .media-right {
    display:none;
  }
}
@media screen and (max-width:600px) {
  .related-posts>li {
    width:100%!important;
  }
  #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-qq, #respond .comment-form-url {
    width:100%!important;
  }
  .bulletin ul li {
    width:530px;
  }
}
@media screen and (max-width:480px) {
  #commentform .cai, #commentform .zan {
    display:none!important;
  }
  .pagination {
    margin:-5px 0 -8px;
  }
  .pagination ul>li {
    display:none;
  }
  .pagination ul>li.next-page, .pagination ul>li.prev-page {
    display:inline-block;
  }
  section.context {
    padding-bottom:5px!important;
  }
  .context>ul.readers-list li {
    width:25%;
  }
  .context>ul.readers-list strong {
    display:none;
  }
  .bulletin ul li {
    width:420px;
  }
}
@media screen and (max-width:360px) {
  section.context>ul.readers-list li {
    width:33%;
  }
  .bulletin ul li {
    width:290px;
  }
}
.panel .panel-header {
  line-height:38px;
  background:#FFF;
}
.breadcrumb {
  display:inline-block;
  margin:0;
  background:#fff;
  padding:0;
}
#post-box .post-title {
  margin-top:0;
  border-left:5px solid #5db8f8;
  margin-left:-1px;
  color:#000;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  width:100%;
  height:45px;
  line-height:34px;
  font-size:18px;
  font-weight:400;
}
#post-box .post-meta-box {
  padding:0 15px;
}
#post-box .post-meta-box>.meta-top {
  float:right;
  margin-right:5px;
  color:#777;
}
#post-box .post-meta-box>.meta-top>span.comments-top:before {
  padding:0 5px;
  color:#ccc;
  content:"/\00a0";
}
#post-box .post-meta-box>.meta-top>span.close-sidebar:before {
  padding:0 5px;
  color:#ccc;
  content:"/\00a0";
}
#post-box .post-meta-box>.meta-top>span.show-sidebar:before {
  padding:0 5px;
  color:#ccc;
  content:"/\00a0";
}
#mobile-tab-menu {
  display:none;
  margin-top:5px;
  padding:0 10px;
}
#mobile-tab-menu>li.current {
  background:#bcbcbc;
  color:#FFF;
}
#mobile-tab-menu>li:first-child {
  border-top-left-radius:3px;
  -moz-border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  -moz-border-bottom-left-radius:3px;
}
#mobile-tab-menu>li:last-child {
  border-right-width:1px;
  border-top-right-radius:3px;
  -moz-border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-bottom-right-radius:3px;
}
#mobile-tab-menu>li {
  float:left;
  width:50%;
  text-align:center;
  border:1px solid #bcbcbc;
  border-right-width:0;
  cursor:pointer;
  height:30px;
  line-height:30px;
  color:#000;
}
.log_h3 {
  font-size:16px;
  margin:10px 0 0;
  padding:8px 10px;
  color:#000;
}
.panel.log_list {
  border-radius:var(--r-sm);
}
.tips {
  color:#000;
}
section.context {
  padding:15px;
  word-wrap:break-word;
  min-height:100px;
}
section.context.context-album {
  padding:15px 0;
}
.context img {
  max-width:728px;
}
.related-posts {
  padding:0;
  margin:0;
}
.related-posts>li {
  padding:0;
  border:1px solid #eee;
}
.related-posts>li .related-posts-panel {
  margin-bottom:0;
  border:1px solid transparent;
}
.panel.no-padding {
  padding:0;
}
.panel.transparent {
  background:0;
}
.related-posts>li .thumbnail-link {
  display:block;
  position:relative;
  overflow:hidden;
}
.related-posts>li .thumbnailimg {
  width:100%;
  height:138px;
  display:block;
}
.related-posts>li .related-posts-panel:hover {
  border-color:#5db8f8;
  box-shadow:0 0 2px #5db8f8;
  -moz-box-shadow:0 0 2px #5db8f8;
}
.related-posts>li .related-posts-panel:hover .excerpt {
  top:0;
}
.related-posts>li .excerpt {
  position:absolute;
  width:100%;
  top:-100%;
  left:0;
  background:rgba(0, 0, 0, .66);
  height:100%;
  color:#FFF;
  padding:8px;
  transition:top .2s;
  -webkit-transition:top .2s;
  -moz-transition:top .2s;
  -o-transition:top .2s;
}
.related-posts>li .bottom-box {
  padding:5px;
  text-align:center;
  background:#FFF;
}
.related-posts>li .post-title {
  line-height:13px;
  font-size:12px;
  padding:5px;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  -ms-text-overflow:ellipsis;
  text-overflow:ellipsis;
}
.related-posts>li .post-title a {
  color:#000;
}
.related-posts>li .post-meta>li {
  display:inline-block;
  color:#000;
  margin-right:30px;
}
.related-posts>li .post-meta>li:last-child {
  margin-right:0;
}
.related-posts>li .post-meta>li a {
  color:#000;
}
.post-title {
  text-align:center;
}
.post-meta {
  padding:0;
}
.date-abb a {
  font-size:12px;
}
.context h1, .context h2, .context h3 {
  font-weight:700;
  border-width:1px 0 1px 3px;
  border-style:solid;
}
.context h4, .context h5, .context h6 {
  border-width:1px 0 1px 3px;
  border-style:solid;
}
.context h1:nth-child(6n+0), .context h2:nth-child(6n+0), .context h3:nth-child(6n+0), .context h4:nth-child(6n+0), .context h5:nth-child(6n+0) {
  border-color:#EEE #EEE #EEE #de4387;
}
.context h1:nth-child(6n+1), .context h2:nth-child(6n+1), .context h3:nth-child(6n+1), .context h4:nth-child(6n+1), .context h5:nth-child(6n+1) {
  border-color:#EEE #EEE #EEE #ae74ec;
}
.context h1:nth-child(6n+2), .context h2:nth-child(6n+2), .context h3:nth-child(6n+2), .context h4:nth-child(6n+2), .context h5:nth-child(6n+2) {
  border-color:#EEE #EEE #EEE #4527a0;
}
.context h1:nth-child(6n+3), .context h2:nth-child(6n+3), .context h3:nth-child(6n+3), .context h4:nth-child(6n+3), .context h5:nth-child(6n+3) {
  border-color:#EEE #EEE #EEE #4ad868;
}
.context h1:nth-child(6n+4), .context h2:nth-child(6n+4), .context h3:nth-child(6n+4), .context h4:nth-child(6n+4), .context h5:nth-child(6n+4) {
  border-color:#EEE #EEE #EEE #63ceef;
}
.context h1:nth-child(6n+5), .context h2:nth-child(6n+5), .context h3:nth-child(6n+5), .context h4:nth-child(6n+5), .context h5:nth-child(6n+5) {
  border-color:#EEE #EEE #EEE #ec8e4a;
}
.context h1 {
  font-size:22px;
  line-height:32px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context h2 {
  font-size:20px;
  line-height:30px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context h3 {
  font-size:18px;
  line-height:28px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context h4 {
  font-size:16px;
  line-height:26px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context h5 {
  font-size:14px;
  line-height:24px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context h6 {
  font-size:12px;
  line-height:22px;
  margin:0 -15px 10px;
  padding:0 15px;
  background:#fafafa;
}
.context img {
  max-width:100%;
  height:auto;
  border:1px solid #e6e6eb;
  margin-bottom:10px;
  padding:2px;
  transition:.5s;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition-property:border-color, box-shadow;
  -webkit-transition-property:border-color, box-shadow;
  -moz-transition-property:border-color, box-shadow;
  -o-transition-property:border-color, box-shadow;
}
.context img:hover {
  border-color:#5db8f8;
  box-shadow:0 0 2px #5db8f8;
  -moz-box-shadow:0 0 2px #5db8f8;
}
::selection {
  background:#b0e2ff;
  color:#fff;
}
.context s {
  color:#999;
}
.context a {
  border-bottom:1px solid #5db8f8;
}
.navbar-form .input-group>.search-texts {
  float:right;
  width:100%;
}
.blogger_side {
  margin-bottom:5px;
}
.widget_calendar {
  overflow:hidden;
  padding:15px;
}
#calendar_wrap {
  margin:0 0 10px;
}
.widget_calendar table {
  width:100%;
  text-align:center;
}
.widget_calendar table caption {
  margin-bottom:5px;
  font-size:18px;
  text-align:center;
}
.widget_calendar table thead th {
  background-color:#fbfbfb;
  text-align:center;
}
.widget_calendar table tbody td, .widget_calendar table tfoot td, .widget_calendar table thead th {
  padding:5px 3px;
  border:1px solid #eee;
}
.widget_calendar #calendar #today {
  background:#5db8f8;border-radius:var(--r-sm);color:#fff !important;
  color:#555;
}
.widget {
  position:relative;
  clear:both;
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid #eaeaea;
  background-color:#fff;
  border-radius:var(--r-lg);
}
.widget h3 {
  margin:0;
  padding:12px 15px 10px;
  border-bottom:1px solid #eaeaea;
  color:#000;
  font-size:14px;
}
span.icon {
  float:left;
  padding:6px 8px 6px 15px;
  min-width:15px;
}
.widget_ui_tags .items {
  overflow:hidden;
  padding:15px 0 12px 15px;
}
.widget_ui_tags .items a {
  float: left;
  overflow: hidden;
  margin: 0 1% 1% 0;
  padding: 0 8px;
  width: 31.3333%;
  height: 29px;
  color: #444;
  font-size: 12px;
  line-height: 29px;
}
.widget_ui_tags .items a:hover {
  color:#2cdb87;
}
.widget_ui_sort ul.row.sort-ul {
  list-style:none;
  padding:0;
  margin:10px;
}
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li {
  margin:0;
  padding:0;
}
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a {
  background-color:#fbfbfb;
  border:1px solid #eaeaea;
  color:#000;
  float:left;
  font-size:14px;
  height:37px;
  line-height:33px;
  text-align:center;
  width:100%;
}
.widget_archive ul.row.gd-sort {
  overflow:hidden;
  padding:5px 0 5px 25px;
}
.widget_archive ul.row.gd-sort li.gd-sort-li {
  float:left;
  overflow:hidden;
  margin:0 1% 1% 0;
  width:46%;
  height:29px;
  background-color:#f6f6f6;
  color:#999;
  font-size:12px;
  line-height:29px;
  text-align:center;
}
.sidebar-posts-list>li {
  padding:7px 8px 12px;
  border:1px solid #FFF;
  border-bottom-color:#e6e6eb;
}
.sidebar-posts-list>li .thumbnail-link {
  display:block;
  float:left;
}
.sidebar-posts-list>li.thumbnail .right-box {
  padding-left:60px;
}
.sidebar-posts-list>li .side-title {
  font-size:12px;
  margin-left:75px;
  margin-top:6px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.link-li>a:hover, .sidebar-posts-list>li .side-title-r>a:hover, .sidebar-posts-list>li .side-title>a:hover, .sidebar-posts-list>li>a:hover {
  color:#5db8f8;
}
.sidebar-posts-list li span:before {
  display:inline-block;
  width:18px;
  height:18px;
  line-height:18px;
  text-align:center;
  font-size:10px;
  margin-right:6px;
  margin-left:6px;
  border-radius:var(--r-sm);
  -webkit-border-radius:3px;
}
.sidebar-posts-list li:nth-of-type(1) span:before {
  content:'时';
  background:#ff6161;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(2) span:before {
  content:'热';
  background:#ff884d;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(3) span:before {
  content:'3';
  background:#ffac3c;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(4) span:before {
  content:'4';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(5) span:before {
  content:'5';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(6) span:before {
  content:'6';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(7) span:before {
  content:'7';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(8) span:before {
  content:'8';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(9) span:before {
  content:'9';
  background:#20a8fe;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(10) span:before {
  content:'10';
  background:#857479;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(11) span:before {
  content:'11';
  background:#857479;
  color:#fff;
}
.sidebar-posts-list li:nth-of-type(12) span:before {
  content:'12';
  background:#857479;
  color:#fff;
}
.sidebar-posts-list>li .side-meta {
  white-space:nowrap;
  overflow:hidden;
  margin-left:75px;
}
.sidebar-posts-list>li .side-meta>li {
  display:inline;
  margin-right:14px;
  color:#a2a2a2;
  cursor:pointer;
}
.sidebar-posts-list>li .side-meta>li:last-child {
  margin-right:0;
}
.sidebar-posts-list>li .side-meta>li a {
  color:#a2a2a2;
}
.thumbnailside {
  display:block;
  padding:3px;
  margin-left:10px;
  line-height:1.42857143;
  background-color:#fff;
  border:1px solid #eaeaea;
  border-radius:var(--r-sm);
  -webkit-transition:border .2s ease-in-out;
  -o-transition:border .2s ease-in-out;
  transition:border .2s ease-in-out;
}
.sidebar-posts-list>li .side-title-r {
  font-size:15px;
  padding:0 10px;
}
.sidebar-posts-list>li .side-meta-r {
  white-space:nowrap;
  overflow:hidden;
}
.sidebar-posts-list>li .side-meta-r>li {
  display:inline;
  margin-right:14px;
  color:#a2a2a2;
  cursor:pointer;
}
.sidebar-posts-list>li .side-meta-r>li:last-child {
  margin-right:0;
}
.sidebar-posts-list>li .side-meta-r>li a {
  color:#a2a2a2;
}
.sidebar-randlog-list {
  overflow:hidden;
  padding:0;
  list-style:none;
}
.sidebar-randlog-list>li {
  border-bottom:solid 1px #f0f0f0;
  border-right:1px solid #f0f0f0;
  position:relative;
  width:50%;
  float:left;
  padding:5px;
}
.sidebar-randlog-list>li a {
  position:relative;
  display:block;
  width:100%;
  overflow:hidden;
  color:#fff;
}
img.thumbs {
  width:165px;
  height:130px;
  background-color:#fafafa;
}
span.text {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  font-size:14px;
  line-height:25px;
  padding:10px;
  z-index:2;
  display:none;
  background:#000;
  background:rgba(0, 0, 0, .5);
  filter:alpha(opacity=50);
}
.loading, .loading1 {
  display:none;
}
.loading {
  height:100%;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:9999;
  background-color:rgba(250, 250, 250, .1);
}
.loading1 {
  display:block;
  position:relative;
  left:50%;
  top:50%;
  width:150px;
  height:150px;
  margin:-75px 0 0 -75px;
  border-radius:50%;
  border:3px solid transparent;
  border-top-color:#3498db;
  -webkit-animation:spin 2s linear infinite;
  animation:spin 2s linear infinite;
  z-index:1001;
}
.loading .block:nth-child(1) {
  content:"";
  position:absolute;
  top:5px;
  left:5px;
  right:5px;
  bottom:5px;
  border-radius:50%;
  border:3px solid transparent;
  border-top-color:#e74c3c;
  -webkit-animation:spin 3s linear infinite;
  animation:spin 3s linear infinite;
}
.loading .block:nth-child(2) {
  content:"";
  position:absolute;
  top:15px;
  left:15px;
  right:15px;
  bottom:15px;
  border-radius:50%;
  border:3px solid transparent;
  border-top-color:#f9c922;
  -webkit-animation:spin 1s linear infinite;
  animation:spin 1s linear infinite;
}
.loading .block:nth-child(3) {
  -webkit-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  transform:translateX(-100%);
  -webkit-transition:all .7s .3s cubic-bezier(.645, .045, .355, 1);
  transition:all .7s .3s cubic-bezier(.645, .045, .355, 1);
}
.loading .block:nth-child(4) {
  -webkit-transform:translateX(100%);
  -ms-transform:translateX(100%);
  transform:translateX(100%);
  -webkit-transition:all .7s .3s cubic-bezier(.645, .045, .355, 1);
  transition:all .7s .3s cubic-bezier(.645, .045, .355, 1);
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin {
    0% {
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.sidebar-randlog-list>li>a:hover span.text {
  display:block;
}
.thumbnails {
  margin:0;
  padding:0;
  border:0;
  background-color:#fafafa;
}



.focusmo {
  overflow:hidden;
  margin-bottom:10px;
}
.focusmo ul {
  list-style:none;
  margin:0;
  padding-left:50%;
}
.focusmo li.large {
  width:100%;
  float:left;
  margin-left:-100%;
}
.focusmo li {
  width:50%;
  float:left;
}
.focusmo li.large a {
  height:256px;
  margin-left:0;
}
.focusmo img {
  width:100%;
  height:100%;
}
.focusmo li.large {
  width:100%;
  float:left;
  margin-left:-100%;
}
.focusmo .large h4 {
  font-size:16px;
  line-height:34px;
}
.focusmo h4 {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:4px 10px 0;
  height:41px;
  overflow:hidden;
  background-color:#656565;
  background-color:rgba(0, 0, 0, .7);
  color:#fff;
  margin:0;
  font-size:12px;
  line-height:17px;
}
.focusmo a {
  margin-left:10px;
  display:block;
  overflow:hidden;
  height:128px;
  position:relative;
}
.focusmo a:hover h4 {
  background-color:#5db8f8;
  opacity:.8;
}
.link-li {
  color:#000;
  padding:3px 8px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.list-unstyled.souul {
  margin:1px;
}
.form-control.search.soutext {
  background:url(../img/search.png) no-repeat 5px 8px;
  padding-left:25px;
  opacity:.8;
  color:#000;
}
.btn.btn-default.soubtn {
  color:#888;
}
.widget-zdy {
  color:#000;
}
.panel-comments {
  background:#FFF;
  margin-bottom:10px;
  padding:0 15px 5px;
  position:relative;
}
.panel-comments .panel-header {
  line-height:38px;
  background:#FFF;
  background:#fafafa;
  margin:-10px -15px 10px;
}
.panel-comments .panel-header .right {
  float:right;
  font-size:12px;
  color:#999;
  display:inline-block;
  padding-right:15px;
  margin-top:-38px;
}
.widget_recent_comments li {
  border:1px solid #FFF;
  border-bottom-color:#e6e6eb;
}
.widget_recent_comments li>a {
  padding:9px;
  display:block;
  margin-bottom:-8px;
}
.widget_recent_comments li img.avatar {
  float:left;
  width:36px;
  height:36px;
  margin-top:1px;
  box-shadow:0 1px 3px rgba(34, 25, 25, .6);
  border:1px #fff solid;
  border-radius: 50%;
}
.widget_recent_comments .show-avatars li .right-box {
  padding-left:48px;
}
.widget_recent_comments li .comment-text {
  color:#999;
  position:relative;
  display:inline-block;
  padding:6px 1px 6px 10px;
  width:100%;
  border:solid #dfdfdf 1px;
  word-wrap:break-word;
  background:#fcfcfc;
  border-radius: var(--r-xl);
}
.widget_recent_comments li .comment-text:before {
  content:"";
  position:absolute;
  background:url(../img/bg_msg2.gif) -12px -10px no-repeat;
  width:7px;
  height:11px;
  position:absolute;
  top:12px;
  left:-7px;
  display:block;
}
.widget_recent_comments li .comment-text img {
  width:18px;
  height:18px;
  margin-top:-3px;
}
.widget_recent_comments li .comment-text small {
  color:#00a9ee;
}
.widget_recent_comments .show-avatars li .right-box>blockquote {
  font-size:12px;
  padding:0;
  margin:0;
  border:0;
}
i.comment-reply-link {
  visibility:hidden;
  opacity:0;
  font-style:inherit;
  font-size:12px;
  color:#639dcb;
  transition:all .5s;
  transition:all .2s ease;
  -moz-transition:all .5s;
  -webkit-transition:all .5s;
  -o-transition:all .5s;
  float:right;
}
li.widget.widget_links ul {
  margin:10px;
}
.author a {
  color:#ff9088;
  font-size:12px;
}
.author {
  color:#a08c8a;
  font-size:12px;
}
.author a:hover {
  color:#5db8f8;
}
.authors a {
  font-size:12px;
}
#reply-title {
  font-size:14px;
}
#cancel-reply {
  float:right;
}
#cancel-reply a {
  color:#ff9088;
  font-size:12px;
}
.comments-list-nav span {
  list-style:none;
  background:#FFF;
  box-shadow:0 0 5px rgba(0, 0, 0, .2);
  font-size:12px;
  line-height:24px;
  width:24px;
  color:#fff;
  background:#5db8f8;
  text-align:center;
  display:block;
  display:inline-block;
}
.page-navi .current, .page-navi .pages, .page-navi a {
  list-style:none;
  background:#FFF;
  box-shadow:0 0 5px rgba(0, 0, 0, .2);
  font-size:12px;
  line-height:24px;
  width:24px;
  color:#5db8f8;
  text-align:center;
  text-decoration:none;
  display:inline-block;
}
.page-navi .current, .page-navi a:hover {
  background:#5db8f8;
  border-color:#5db8f8;
  color:#FFF;
}
.page-navi>:first-child {
  margin-left:0;
}
.page-navi>:last-child {
  margin-right:0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color:#5db8f8;
  border-color:#5db8f8;
}
#cancel-reply a:hover, i.comment-reply-link:hover {
  filter:alpha(opacity=60);
  -moz-opacity:.6;
  opacity:.6;
}
.pagination>li>a, .pagination>li>span {
  color:#5db8f8;
}
.comments-list #respond {
  padding:0 5px;
}
.comments-list>li {
  position:relative;
  margin:0 0 10px 0;
  padding:1px 10px 10px 10px;
  border-bottom:1px #ddd solid;
  list-style:none;
}
.comments-list>li:after {
  position:absolute;
  bottom:-1px;
  display:block;
  margin-left:-10px;
  width:145px;
  height:1px;
  background-color:#0c0;
  content:"";
  -webkit-transition:all .3s ease-in-out 0s;
  transition:all .3s ease-in-out 0s;
}
.comments-list>li:nth-child(2):after {
  background-color:#ff0688;
}
.comments-list>li:nth-child(3):after {
  background-color:gold;
}
.comments-list>li:nth-child(4):after {
  background-color:#39c;
}
.comments-list>li:nth-child(5):after {
  background-color:#8b008b;
}
.comments-list>li:nth-child(6):after {
  background-color:#0cf;
}
.comments-list>li:nth-child(7):after {
  background-color:red;
}
.comments-list>li:nth-child(8):after {
  background-color:#0c0;
}
.comments-list>li:nth-child(9):after {
  background-color:#f0f;
}
.comments-list>li:nth-child(10):after {
  background-color:#00f;
}
.comments-list>li:nth-child(11):after {
  background-color:#000;
}
.comments-list>li:nth-child(12):after {
  background-color:#ff8c00;
}
.comments-list>li:hover:after {
  width:100%;
}
.comments-list li>.comment-box:after {
  content:'';
  display:block;
  height:0;
  clear:both;
}
.comments-list li>.comment-box .avatar {
  float:left;
  margin-top:5px;
  display:block;
  width:58px;
  height:58px;
  padding:3px;
  border:1px solid #eee;
}
.comments-list.show-avatars li>.comment-box>.right-box {
  padding-left:68px;
}
.comments-list li .right-box>.comment-meta {
  display:block;
  line-height:20px;
  margin-top:5px;
}
.comments-list li .right-box>.comment-meta .author {
  font-weight:700;
  font-size:14px;
}
.comment .comment-box>.time, .comments-list li .right-box>.time {
  font-size:12px;
  color:#999;
}
.comments-list li .right-box>.comment-meta .edit-link a, .comments-list li .right-box>.comment-meta .reply a {
  color:#5db8f8;
}
.comments-list.show-avatars li>.comment-box>.right-box:hover .comment-reply-link {
  visibility:visible;
  opacity:1;
}
.comments-list li .right-box>p {
  color:#000;
  line-height:20px;
  margin:2px 0;
}
.comments-list li .right-box>.waiting {
  color:#5db8f8;
}
.comments-list li>.children {
  margin-left:15px;
}
.comments-list li>.children>li {
  margin-bottom:-10px;
  border-top:1px dashed #ddd;
  padding-top:2px;
  padding-left:5px;
  list-style:none;
}
.comments-list-nav {
  text-align:center;
}
#respond .comment-reply-title {
  font-size:14px;
}
#respond .comment-reply-title:after {
  content:'';
  display:block;
  height:0;
  clear:both;
}
#respond .comment-reply-title>a {
  text-decoration:underline;
  padding:0 2px;
}
#respond .comment-reply-title small {
  float:right;
}
#respond .comment-reply-title small a {
  color:#999;
}
#respond .comment-reply-title small a:hover {
  color:#888;
}
#commentform:after {
  content:'';
  display:block;
  height:0;
  clear:both;
}
#commentform .logged-in-as a {
  text-decoration:underline;
  padding:0 2px;
}
#commentform p:hover label {
  color:#888;
}
#commentform .comment-form-author, #commentform .comment-form-email, #commentform .comment-form-qq, #commentform .comment-form-url {
  padding:0 0 0 10px;
  margin:5px 0;
}
#commentform .comment-form-comment {
  clear:both;
  margin-bottom:10px;
}
#commentform .form-submit {
  float:right;
}
#commentform .cai, #commentform .daka, #commentform .zan {
  margin-left:5px;
}
#commentform .daka .dakas {
  top:2px;
}
#commentform .cai, #commentform .comment-form-smiley, #commentform .daka, #commentform .zan {
  display:block;
  float:left;
  line-height:26px;
  font-size:16px;
  background:#929292;
  color:#FFF;
  width:26px;
  border-radius:100%;
  -moz-border-radius:100%;
  text-align:center;
  position:relative;
  margin-top:5px;
}
#commentform .comment-form-smiley .button {
  line-height:26px;
  color:#FFF;
}
#commentform .comment-form-smiley .smiley-box {
  position:absolute;
  left:0;
  bottom:30px;
  width:281px;
  background:#fafafa;
  border:solid #e6e6eb;
  border-width:1px 0 0 1px;
  overflow:hidden;
}
#commentform .comment-form-smiley .smiley-box>a {
  display:block;
  width:40px;
  float:left;
  height:40px;
  line-height:40px;
  border:solid #e6e6eb;
  border-width:0 1px 1px 0;
}
#commentform .comment-form-smiley .smiley-box>a:hover {
  background:#f0f0f5;
}
#commentform .comment-form-smiley .smiley-box:before {
  content:'';
  position:absolute;
  width:100%;
  height:1px;
  background:#e6e6eb;
  bottom:0;
  left:0;
}
#commentform .comment-form-smiley .smiley-box:after {
  content:'';
  position:absolute;
  width:1px;
  height:100%;
  background:#e6e6eb;
  top:0;
  right:0;
  clear:both;
}
#commentform p label {
  display:block;
  color:#999;
}
#commentform #author, #commentform #email, #commentform #qqhao, #commentform #url {
  width:50%;
  float:left;
}
#commentform #comment {
  height:126px;
  resize:vertical;
  display:block;
  width:100%;
  background-repeat:no-repeat;
  background-position:center center;
}
#commentform #comment:focus {
  background:#fafafa;
}
.comment-box .right-box blockquote {
  padding:1px 5px;
  margin:0;
  font-size:14px;
  color:#ff9088;
  border-left:3px solid #0C0;
}
.comments-list.show-avatars li>.comment-box>.right-box>p>img {
  margin:2px;
  margin-top:-3px;
}
.comments-list.show-avatars li>.comment-box>.right-box>p {
  margin-bottom:0;
}
.admin {
  position:relative;
  top:-2px;
}
.panel-sort {
  border:1px solid #eaeaea;
  box-shadow:none;
  border-radius:var(--r-lg);
}
.container-tw {
  background-color:#fff;
  padding:10px 20px;
  border:1px solid #eaeaea;
}
.title-tw {
  margin:10px -20px 10px -21px;
  background:#fafafa;
  padding-left:10px;
  height:30px;
  line-height:30px;
  border-left:3px solid #5db8f8;
  color:#333;
  font-weight:700;
  font-size:18px;
}
.context>.box>.pic>a {
  border:0;
}
.context>.box>.pic>a>img {
  border:0;
  padding:0;
}
section.context>.fbtn {
  width:139px;
}
.page a, .page span {
  display:inline!important;
}
.pagenav .current, .pagenav .page-numbers, .pagenav a, .pagenav em, .pagenav span {
  font-size:14px;
  padding:3px 14px 3px 13px!important;
}
.single {
  overflow:hidden!important;
}
.context .fanhui a {
  border:1px solid #242424;
  border-radius:var(--r-sm);
  line-height:28px;
  color:#242424;
  width:60px;
  height:30px;
  line-height:30px;
  box-shadow:none;
  background:#fff;
  display:inline-block;
  text-align:center;
  margin:2px auto;
  font-size:12px;
  text-decoration:none;
  -webkit-transition:all .3s ease;
  -o-transition:all .3s ease;
  transition:all .3s ease;
  border-radius:var(--r-sm);
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}
.context .fanhui a:hover {
  border:1px solid #242424;
  color:#fff;
  background-color:#242424;
}
.blogroll {
  clear:both;
}
.linkli {
  margin-top:5px;
}
.linkli a {
  display:block;
  overflow:hidden;
  text-align:center;
  height:38px;
  border:1px solid #eaeaea!important;
  line-height:38px;
}
.linkli img {
  margin-top:5px;
  width:20px;
  height:20px;
  border:0;
}
.linkli a:hover {
  border-color:#45b6f7;
  color:#45b6f7;
}
.archives ul {
  margin-left:30px;
  overflow:hidden;
}
.archives-title {
  border-bottom:1px #eee solid;
  position:relative;
  padding-bottom:4px;
  margin-bottom:10px;
}
.archives li a {
  color:#606060;
  padding:8px 0;
  border-bottom:0;
  display:block;
}
.archives li {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.archives li.goodwork a {
  color:#ec4048;
}
.archives li a:hover .atitle:after {
  background:#54e25f;
}
.archives li a span {
  display:inline-block;
  width:90px;
  font-size:12px;
  text-indent:20px;
}
.archives li a .atitle {
  display:inline-block;
  padding:0 28px;
  position:relative;
  white-space:nowrap;
  width:calc(100% - 180px);
}
.archives li a .atitle:after {
  position:absolute;
  left:4px;
  background:#ccc;
  height:8px;
  width:8px;
  border-radius:var(--r-sm);
  top:8px;
  content:"";
}
.archives li a .atitle:before {
  position:absolute;
  left:2px;
  background:#fff;
  height:12px;
  width:12px;
  border-radius:var(--r-sm);
  top:6px;
  content:"";
  box-shadow:inset 0 0 2px #3fd435;
}
.archives {
  position:relative;
  padding:10px 0;
}
.archives:before {
  height:100%;
  width:4px;
  background:#eee;
  position:absolute;
  left:126px;
  content:"";
  top:0;
}
.archives h4 {
  position:relative;
  margin:10px 0;
  cursor:pointer;
  font-size:18px;
  width:200px;
  border:0;
  background:transparent;
  color:#333;
}
.archives h4:hover:after {
  background:#54e25f;
}
.archives h4:before {
  position:absolute;
  left:119px;
  background:#fff;
  height:18px;
  width:18px;
  border-radius:999px;
  top:3px;
  content:"";
  box-shadow:inset 0 0 4px #3fd435;
}
.archives h4:after {
  position:absolute;
  left:122px;
  background:#ccc;
  height:12px;
  width:12px;
  border-radius:var(--r-sm);
  top:6px;
  content:"";
}
.toggler {
  margin-left:20px;
  font-size:14px;
  color:#ec4048;
}
.avatar .overlay {
  display:block;
  position:absolute;
  z-index:20;
  background:rgba(0, 0, 0, .4);
  overflow:hidden;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 5px 1px #ddd;
}
.avatar:hover .overlay {
  opacity:1;
}
.avatar .overlay a.expand {
  position:absolute;
  z-index:100;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:100%;
  height:100%;
  text-align:center;
  color:rgba(255, 255, 255, .9);
  line-height:60px;
  font-size:19px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
  transition:all .5s;
}
.avatar:hover .overlay a.expand {
  width:60px;
  height:60px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
}
::-webkit-scrollbar-track {
  background-color:#FFF;
}
::-webkit-scrollbar {
  width:5px;
  height:5px;
  background-color:#FFF;
}
::-webkit-scrollbar-thumb {
  background-color:#5db8f8;
}
img.thumb:hover {
  transition:All .7s ease;
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -ms-transform:scale(1.3);
  -o-transform:scale(1.3);
}
img.thumb {
  -webkit-transition:-webkit-transform .3s linear;
  -moz-transition:-moz-transform .3s linear;
  -o-transition:-o-transform .3s linear;
  transition:transform .3s linear;
}
.excerpt-list {
  margin-left:0;
  margin-right:0;
  border:1px solid #eaeaea;
  background:#fff;
  margin-bottom:10px;
  border-radius:var(--r-lg);
}
.col-list {
  overflow:hidden;
  height:100px;
  padding-left:0;
  padding-right:0;
}
.indexebox {
  text-align:center;
  padding:10px;
  border-right:1px dashed #ddd;
  transition:.2s;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2s ease-in-out;
  -o-transition:all .2s ease-in-out;
  -ms-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
.indexebox:active .btn-sm, .indexebox:hover .btn-sm {
  margin-top:-10px;
}
.indexebox:active, .indexebox:hover {
  margin-top:-33px;
}
.indexebox-6 {
  border-right:0;
}
.indexebox h4 {
  font-size:14px;
  color:#444;
  margin:10px 0;
}
.indexebox p {
  height:18px;
  line-height:18px;
  overflow:hidden;
  color:#bbb;
}
.indexebox a.btn-sm {
  margin-top:5px;
  color:#fff;
  border-radius:var(--r-sm);
}
.post-copyright {
  position:relative;
  font-size:13px;
  color:#000;
  background:#fff;
  padding:10px 15px;
  word-wrap:break-word;
  border-style:solid;
}
.post-copyright p {
  margin:0;
}
.post-copyright p a {
  color:#17a7dd;
}
.post-copyright>.sidetags>a {
  border-bottom:0;
}
.sidetags a {
  position:relative;
  font-size:12px;
  padding-left:15px;
  margin:0 2px;
}
.sidetags a:nth-child(6n+1) {
  color:#e14938;
}
.sidetags a:nth-child(6n+1):before {
  content:"";
  position:absolute;
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border:1px solid #e14938;
  border-radius:50%;
}
.sidetags a:nth-child(6n+2) {
  color:#17a7dd;
}
.sidetags a:nth-child(6n+2):before {
  content:"";
  position:absolute;
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border:1px solid #17a7dd;
  border-radius:50%;
}
.sidetags a:nth-child(6n+3) {
  color:#00a753;
}
.sidetags a:nth-child(6n+3):before {
  content:"";
  position:absolute;
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border:1px solid #00a753;
  border-radius:50%;
}
.sidetags a:nth-child(6n+4) {
  color:#ff8c00;
}
.sidetags a:nth-child(6n+4):before {
  content:"";
  position:absolute;
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border:1px solid #ff8c00;
  border-radius:50%;
}
.sidetags a:nth-child(6n+5) {
  color:#836fff;
}
.sidetags a:nth-child(6n+5):before {
  content:"";
  position:absolute;
  top:4px;
  left:5px;
  width:8px;
  height:8px;
  border:1px solid #836fff;
  border-radius:50%;
}
.simg {
  display:block;
  position:relative;
  margin:0 auto;
}
.simg:before {
  content:"";
  position:absolute;
  width:200px;
  height:100%;
  top:0;
  left:-200px;
  overflow:hidden;
  background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
  background:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
  background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
  background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform:skewX(-25deg);
  -moz-transform:skewX(-25deg);
}
.simg:hover:before {
  left:150%;
  transition:left 1s ease 0s;
}
ul.readers-list {
  overflow:hidden;
  margin:0 auto;
  padding:0;
}
ul.readers-list li {
  display:inline-block;
  width:20%;
}
ul.readers-list a, ul.readers-list a:hover strong {
  background-color:#f2f2f2;
  background-image:-webkit-linear-gradient(#fdfdfd, #f2f2f2);
  background-image:-moz-linear-gradient(#fdfdfd, #f2f2f2);
  background-image:linear-gradient(#fdfdfd, #f2f2f2);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f2f2f2', GradientType='0');
}
ul.readers-list a {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0 4px;
  padding:4px 4px 4px 44px;
  height:40px;
  border:1px solid #eaeaea;
  color:#999;
  line-height:32px;
}
ul.readers-list em, ul.readers-list img, ul.readers-list strong {
  -webkit-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
}
ul.readers-list img {
  float:left;
  margin:0 8px 0 -38px;
  width:30px;
  height:30px;
  border:3px #fff solid;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(34, 25, 25, .5);
}
ul.readers-list img:hover {
  border-color:#5db8f8;
  -webkit-animation:myhk infinite 5s linear;
  animation:myhk infinite 5s linear;
}
ul.readers-list em {
  position:absolute;
  overflow:hidden;
  margin-right:10px;
  width:50%;
  height:36px;
  color:#000;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-style:normal;
}
ul.readers-list strong {
  position:absolute;
  right:8px;
  width:20%;
  color:#999;
  text-align:right;
}
ul.readers-list a:hover {
  border-color:#ddd;
  background-color:#fff;
  background-image:none;
  text-decoration:none;
}
ul.readers-list a:hover img {
  margin-left:-1px;
}
ul.readers-list a:hover em {
  color:#5db8f8;
}
ul.readers-list a:hover strong {
  top:0;
  right:80%;
  height:44px;
  border-right:1px solid #eaeaea;
  color:#5db8f8;
  text-align:center;
  line-height:44px;
}
.shot, .snew, .stop {
  font-style:inherit;
  font-size:14px;
  font-weight:bolder;
  color:rgba(255, 82, 82, .91);
}
.container.footer_ {
  margin-bottom:10px;
}
#spark>.container>.links_ {
  margin-top:10px;
  -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);
  box-shadow:0 1px 1px rgba(0, 0, 0, .05);
}
.links_bt {
  line-height:50px;
  height:50px;
  border:1px solid #eaeaea;
  background-color:#FFF;
}
.links_bt_l {
  float:left;
}
.links_bt_l a {
  height:18px;
  margin-left:16px;
  border-left-width:5px;
  border-left-style:solid;
  border-left-color:#ff5e52;
  padding-left:10px;
  color:#3e4142;
  font-size:16px;
}
.links_bt_r {
  float:right;
  margin-right:30px;
}
.links_bt_r a {
  height:18px;
  color:#999;
  font-size:14px;
}
.links_bt_r a:hover {
  color:#ff5e52;
}
.links_lb {
  position:relative;
  clear:both;
  float:left;
  border:1px solid #eaeaea;
  background-color:#fff;
}
.links_lb ul {
  margin-top:3px;
}
.links_lb ul li {
  line-height:30px;
  float:left;
  padding-right:10px;
  padding-left:10px;
}
.links_lb ul li a {
  color:#60717e;
}
.links_lb ul li a:hover {
  color:#ff5e52;
}
.rollbar {
  position:fixed;
  right:20px;
  bottom:52px;
  z-index:999;
  display:none;
}
.rollbar ul {
  margin:0;
  padding:0;
  list-style:none;
  width:50px;
}
.rollbar li {
  position:relative;
  margin-top:5px;
  text-align:center;
  opacity:.4;
  filter:alpha(opacity=40);
}
.rollbar a {
  position:relative;
  z-index:2;
  display:block;
  height:50px;
  border-radius:var(--r-sm);
  background-color:#000;
  color:#fff;
}
.rollbar a:hover {
  color:#fff;
}
.rollbar .fa {
  line-height:50px;
  font-size:34px;
}
.rollbar .fa-comments {
  font-size:24px;
}
.rollbar li:hover, .rollbar li:hover h6 {
  opacity:.9;
  filter:alpha(opacity=90);
}
.rollbar li:hover h6 {
  right:100%;
}
.rollbar h6 {
  position:absolute;
  z-index:1;
  top:50%;
  right:-15%;
  margin:-13px 10px 0 0;
  line-height:26px;
  font-size:12px;
  background-color:#000;
  color:#fff;
  width:53px;
  border-radius:var(--r-sm);
  text-align:center;
  opacity:0;
  filter:alpha(opacity=0);
}
.rollbar h6 i {
  position:absolute;
  right:-4px;
  top:50%;
  margin-top:-4px;
  display:inline-block;
  width:0;
  height:0;
  vertical-align:middle;
  border-left:4px solid #000;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
}
.footer {
  border-top:1px solid #e6e6eb;
  background-color:#fbfbfb9e;
  padding-top:5px;
  position:relative;
}
.footer .copy-right, footer .copy-right span a {
  color:#333;
  font-size:14px;
}
.footer .copy-right {
  margin-top:20px;
  position:relative;
  z-index:400;
  text-align:center;
}
.footer .footer-tag-list {
  margin-bottom:20px;
}
.footer .footer-tag-list a {
  font-size:13px;
  margin-right:8px;
}
.footer .copy-right a {
  color:#333;
  height:40px;
}
.footer .copy-right span {
  display:block;
}
.side-icp {
  top:1px;
  width:16px;
  height:17px;
  vertical-align:middle;
  margin:-4px 0 0 0;
}
.side-aly {
  top:1px;
  width:67px!important;
  height:21px!important;
  vertical-align:middle;
  margin:-4px 0 0 0;
}
.side-em {
  top:1px;
  width:35px;
  height:15px;
  vertical-align:middle;
  margin:-4px 0 0 0;
}
.nav-single {
  margin-bottom:21px;
}
.nav-single a {
  display:block;
}
.meta-nav {
  background:#fff;
  float:left;
  width:50%;
  text-align:center;
  margin-right:-1px;
  padding:10px 20px;
  white-space:nowrap;
  word-wrap:normal;
  text-overflow:ellipsis;
  overflow:hidden;
  border:1px solid #ddd;
  box-shadow:0 1px 1px rgba(0, 0, 0, 0.04);
  border-radius:var(--r-lg);
}
.meta-nav:hover {
  color:#fff;
  background:#2caffb;
}
.meta-nav a {
  text-align:center;
  white-space:nowrap;
  word-wrap:normal;
  text-overflow:ellipsis;
  overflow:hidden;
}
.meta-nav a:hover {
  color:#fff;
  background:#2caffb;
}
.clear {
  clear:both;
  display:block;
}
#authorarea {
  position:relative;
  background-color:#fff;
  border:1px solid transparent;
  border-color:#ebedf1;
  overflow:hidden;
  padding:10px 10px 6px 10px;
  border-radius:var(--r-lg);
  margin:15px 0;
}
#authorarea .author-avater {
  float:left;
}
#authorarea .author-avater img {
  border:1px solid #DDD;
  position:relative;
  width:50px;
  border-radius:100%;
}
.authorinfo {
  display:inline-block;
}
.author-des {
  margin-left:65px;
}
.author-des .author-description {
  font-size:12px;
  color:#777;
  line-height:1.7;
  margin-top:10px;
  padding:0;
}
.post-author-tatus a {
  color:#777;
  margin-right:10px;
}
.post-author-name {
  font-size:15px;
  margin-right:25px;
}
.post-author-description {
  color:#555;
  margin-top:10px;
}
.author-btn {
  float:right;
  margin-top:15px;
}
.post-author-url a, .post-author-weibo a {
  font-size:12px;
  text-decoration:none;
  padding:1px 8px;
  white-space:nowrap;
  margin-left:10px;
  -webkit-border-radius:999px;
  -moz-border-radius:999px;
  border-radius:999px;
  border-style:solid;
  border-width:1px;
}
.post-author-weibo a {
  border-color:#32a5e7;
  color:#32a5e7;
}
.post-author-weibo a:hover {
  background-color:#32a5e7;
  color:#fff;
}
#authorarea .author-avater img:hover {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}
.hot_posts {
  background-color:#fff;
  padding:20px;
  position:relative;
  font-size:0;
  box-shadow:0 0px 20px rgba(160, 160, 160, 0.1);
  border-radius:var(--r-lg);
  margin-bottom: 10px;
}
.hot_posts .suiji {
  display:inline-block;
  vertical-align:top;
  width:50%;
  padding-right:10px;
}
.hot_posts .hots {
  display:inline-block;
  vertical-align:top;
  width:50%;
  padding-left:10px;
}
.hot_posts h3 {
  border-bottom:2px #f2f2f2 solid;
  padding-bottom:6px;
  margin-bottom:8px;
  font-size:16px;
  margin-top:0;
  position:relative;
}
.hot_posts h3:after {
  content:"";
  color:#ffffff;
  position:absolute;
  height:2px;
  width:30px;
  background:#45b6f7;
  left:0;
  bottom:-2px;
  -webkit-transition:all .25s ease-in;
  -moz-transition:all .25s ease-in;
  transition:all .25s ease-in;
}
.hot_posts .suiji:hover h3:after, .hot_posts .hots:hover h3:after {
  width:100px;
}
.hot_posts ul {
  padding:0;
}
.hot_posts ul li {
  display:block;
  padding:8px 0;
  -webkit-transition:ease-in-out 0.25s;
  transition:ease-in-out 0.25s;
  font-size:12px;
}
.hot_posts ul li:hover {
  font-size:15px;
  -webkit-transition:ease-in-out 0.25s;
  transition:ease-in-out 0.25s;
}
.hot_posts ul li a {
  display:block;
  -ms-text-overflow:ellipsis;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  line-height:22px;
}
.hot_posts ul li strong {
  float:right;
  font-weight:normal;
  line-height:22px;
  padding-left:15px;
}
.hot_posts ul li a>img {
  width:30px;
  height:22px;
  margin-right:4px;
  border-radius:var(--r-sm);
  vertical-align:bottom;
}
.hot_posts span {
  width:22px;
  height:22px;
  background-color:#f2f2f2;
  display:inline-block;
  text-align:center;
  margin-right:4px;
  border-radius:50%;
  line-height:22px;
  color:#666;
}
.hot_posts ul li:nth-child(1) span {
  background-color:#ff5a3c;
  color:#fff;
}
.hot_posts ul li:nth-child(2) span {
  background-color:#13b755;
  color:#fff;
}
.hot_posts ul li:nth-child(3) span {
  background-color:#00a9e3;
  color:#fff;
}
@media screen and (max-width: 768px) {
  .hot_posts .suiji {
    width:100%;
    margin-bottom:20px;
  }
  .hot_posts .hots {
    width:100%;
    padding-left:0;
  }
}
.hot-sort-item {
  display: inline-block;
  padding: 8px 16px;
  margin: 5px;
  border-radius: 999px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: #f5f5f5;
  color: #666;
}
.hot-sort-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.hot-sort-item.rank-1 {
  background: linear-gradient(135deg, #ff4757, #ff6b81);
  color: #fff;
  font-weight: bold;
}
.hot-sort-item.rank-2 {
  background: linear-gradient(135deg, #ff7f50, #ff9f7f);
  color: #fff;
  font-weight: bold;
}
.hot-sort-item.rank-3 {
  background: linear-gradient(135deg, #ffa502, #ffc107);
  color: #fff;
  font-weight: bold;
}
.hot-sort-item.rank-default {
  background-color: #e8e8e8;
  color: #555;
}
.hot-sort-item.rank-default:hover {
  background-color: #ddd;
}
.hot_sorts_wrapper {
  clear: both;
  padding: 15px 0;
  text-align: center;
}

/* ---- gallery ---- */
.item-img{background-color:#FFF;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15);overflow:hidden;position:relative;border:10px solid #FFF;border-bottom:0 none}
.log-img{padding-bottom:15px;position:relative}
.item-img>.thumb{line-height:1;text-align:center;width:100%;height:150px;overflow:hidden;-webkit-transition:.15s all linear;transition:.15s all linear;color:#FFF;-webkit-box-shadow:0 0 2px rgba(255,255,255,.15);box-shadow:0 0 2px rgba(255,255,255,.15)}
.item-img>.meta{padding:0 5px}
.item-img:hover .thumb img{opacity:.7;-webkit-transform:translateY(10px);transform:translateY(10px)}
.item-img:hover .meta>.extra{-webkit-transform:translateY(0);transform:translateY(0)}
.item-img>.thumb>a{color:#00c3b6;outline:0;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}
.item-img>.thumb>a>img{width:100%;display:block;-webkit-transition:all .2s cubic-bezier(.33,0,.2,1);transition:all .2s cubic-bezier(.33,0,.2,1)}
.item-img>.meta>.title a{color:#444;font-size:12px;display:block;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item-img>.meta>.extra a{color:#FFF}
.item-img>.meta>.extra span{float:right;margin-left:8px}
.item-img>.meta>.extra{position:absolute;left:0;top:0;height:auto;overflow:hidden;width:100%;background-color:#222;color:#FFF;margin:0;padding:8px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:-webkit-transform .2s cubic-bezier(.33,0,.2,1);transition:transform .2s cubic-bezier(.33,0,.2,1)}
.item-img>.data{border-top:1px solid #f2f2f2;padding:8px 5px;color:#999}
.item-img>.data span{float:right;margin-left:10px}
.item-img>.data a{color:#999}
/* ---- search overlay / popup ---- */
.search-forms.is-visible{animation:fade-in;animation-duration:.3s;-webkit-animation:fade-in .3s}
.search-forms{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;display:none;z-index:9999;-webkit-backface-visibility:hidden;overflow:hidden}
.search-forms .search-form-inner{max-width:640px;padding:0 20px;margin:auto;position:absolute;width:100%;left:0;right:0;height:285px;top:-100px;bottom:0}
.search-form-inner p{margin-top:10px;color:#a0a0a0;text-align:center;font-size:20px}
.search-forms.is-visible{display:block}
.search-forms .search-form-box{position:relative;margin-bottom:40px}
.search-forms input{background:#fff;display:inline-block;line-height:58px;height:58px;color:#949494;font-size:15px;border-radius:var(--r-sm);padding:0 20px;width:100%;border:1px solid #e2e2e2;text-align:left;-webkit-appearance:none}
.search-forms button{background:#000;display:inline-block;line-height:58px;height:58px;width:100px;color:#fff;font-size:15px;padding:0 25px;margin:0;border-radius:0 var(--r-sm) var(--r-sm) 0;position:absolute;right:0;top:0;border:0}
.search-forms input::-webkit-input-placeholder{color:#949494}
.search-forms input:-moz-placeholder{color:#949494}
.search-forms input::-moz-placeholder{color:#949494}
.search-forms input:-ms-input-placeholder{color:#949494}
.close-bottom,.close-top{position:absolute;left:14px;background:#333;width:22px;height:2px;transition:.3s}
.close-top{top:19px}
.close-bottom{bottom:19px}
.close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(0,5px) rotate(225deg)}
.close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(0,-5px) rotate(135deg)}
.close-search{display:block;position:absolute;top:10%;right:10%;width:80px;height:80px;cursor:pointer;background:rgba(255,255,255,0)}
.close-search .close-nav{display:block;position:absolute;top:10px;left:10px;width:50px;height:50px;cursor:pointer;background:#fff}
.close-top .close-bottom,.close-top .close-top{position:absolute;left:9px;background:#333;width:60px;height:1px;transition:.3s}
.close-search .close-bottom,.close-search .close-top{width:45px;left:16px}
.close-search .close-top{top:34px}
.close-search .close-bottom{bottom:34px}
.close-search:hover .close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(0,5px) rotate(45deg)}
.close-search:hover .close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(0,-5px) rotate(315deg)}
.wintips{position:fixed;bottom:0;right:0;width:360px;padding:30px 90px 20px 30px;background-color:#fff;background-color:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.12);border-right:none;border-bottom:none;box-shadow:0 0 10px rgba(0,0,0,0.12);z-index:99;display:none;}
.wintips-close{position:absolute;top:-15px;left:-13px;font-size:24px;color:#888;cursor:pointer;}
.wintips-close .fa{background-color:#fff;border-radius:50%;}
.wintips-close:hover{color:#666;}
.wintips h2{font-size:22px;font-weight:normal;margin:0 0 20px;}
.wintips p{font-size:14px;color:#666;margin:0 0 20px;}
.wintips-thumb{position:absolute;top:-50px;right:10px;animation:float 3s infinite;-webkit-transition:top 1s ease,opacity 1s ease;transition:top 1s ease,opacity 1s ease;}
.btn-info.btn-wintips{color:#fff}
@keyframes fade-in{0%{opacity:0}40%{opacity:.4}100%{opacity:1}}
@keyframes float{0%{transform:translateY(10px)}50%{transform:translateY(-10px)}100%{transform:translateY(10px)}}

/* ---- spark 6.0 additions ---- */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans GB","Microsoft Yahei",Helvetica,Arial,sans-serif}
.navbar-brand.logo{padding:5px 15px;height:60px}
.navbar-brand.logo img{height:50px;width:auto;max-width:220px}
.navbar-default{border:0;border-bottom:1px solid #eaeaea;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.navbar-nav.nav-top{margin-top:10px}
.navbar-nav>li>a i.fa{margin-right:2px}
.navbar-nav>li.has-sub:hover>.dropdown-menu{display:block}
.navbar-nav>li>.dropdown-menu{margin-top:-6px;border-radius:var(--r-sm)}
.spark-nav-right{margin-top:10px;float:right}
.spark-search{cursor:pointer}
.spark-search:focus{outline:1px dotted #999}
.log-topflg{display:inline-block;background:#ff8c00;color:#fff;font-size:12px;line-height:18px;padding:0 6px;border-radius:3px;margin-right:6px;vertical-align:middle;font-weight:400}
/* 角标：纯 CSS */
i.article-mark,i.article-marks{position:absolute;left:0;z-index:14;width:auto;height:auto;margin:0;padding:0 10px 0 8px;font-style:normal;font-size:11px;font-weight:700;line-height:20px;color:#fff;border-radius:0 var(--r-lg) var(--r-lg) 0;box-shadow:0 1px 2px rgba(0,0,0,.25)}
i.article-mark{top:12px}
i.article-marks{top:44px}
i.article-mark.new-mark,i.article-marks.new-mark{background:#45b6f7}
i.article-mark.hot-mark,i.article-marks.hot-mark{background:#ff5e52}
i.article-mark.top-mark,i.article-marks.top-mark{background:#ff8c00}
.content-box{position:relative}
.posts-gallery-img img.thumbnails,.image-item img.thumbnails{background:#eef2f7}
/* 幻灯片 */
.spark-slider{position:relative;margin:0 0 10px;overflow:hidden;background:#dfe7f1;border-radius:var(--r-sm)}
.spark-slide{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease}
.spark-slide.on{opacity:1;visibility:visible}
.spark-slide img{width:100%;height:100%;object-fit:cover;display:block}
.spark-slide a{display:block;height:100%}
.spark-scap{position:absolute;left:0;right:0;bottom:0;padding:24px 18px 12px;color:#fff;font-size:16px;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.spark-prev,.spark-next{position:absolute;top:50%;margin-top:-22px;width:36px;height:44px;line-height:42px;text-align:center;font-size:30px;color:#fff;background:rgba(0,0,0,.25);opacity:0;transition:opacity .2s}
.spark-prev{left:0}.spark-next{right:0}
.spark-slider:hover .spark-prev,.spark-slider:hover .spark-next{opacity:1}
.spark-prev:hover,.spark-next:hover{color:#fff;background:rgba(0,0,0,.45)}
.spark-dots{position:absolute;left:0;right:0;bottom:8px;text-align:center}
.spark-dots span{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:50%;background:rgba(255,255,255,.7);cursor:pointer}
.spark-dots span.on{background:#5db8f8}
/* 广告位 */
.spark-ad{margin:0 0 10px;text-align:center}
.spark-ad img{max-width:100%;height:auto;border:0}
.spark-ad-wrap{margin-top:10px}
.spark-ad-in-article{margin:15px 15px 5px}
.widget_spark_ad{margin-bottom:10px;list-style:none}
.widget_spark_ad .spark-ad{margin:0}
/* 页脚徽标 */
.spark-badge{display:inline-block;margin-left:8px;vertical-align:middle}
.spark-badge img{vertical-align:-3px}
.spark-badge a{color:#707682}
.footer{margin-top:10px}
/* 侧边栏 */
.sidebar>ul{list-style:none;padding:0;margin:0}
.sidebar .widget .items{padding:10px 12px;line-height:28px}
.sidebar .widget .items a{display:inline-block;margin:0 6px 4px 0;padding:0 8px;background:#f5f7fa;border-radius:var(--r-sm);color:#555;font-size:12px}
.sidebar .widget .items a:hover{background:#5db8f8;color:#fff}
.widget-title{padding:12px 15px 10px;border-bottom:1px solid #eaeaea}
.widget-title h3{display:inline;border:0;padding:0;font-size:15px}
.widget-title .icon{margin-right:6px;color:#5db8f8}
.widget_ui_blogger .blogger-card{padding:15px;text-align:center}
.blogger-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}
.blogger-name{font-weight:700;margin-top:6px}
.blogger-desc{color:#888;font-size:12px}
.widget_search form{padding:12px}
.widget-zdy{padding:10px 15px;word-break:break-all}
.widget_twitter .sidebar-posts-list li{padding:8px 12px}
.sidebar-posts-list>li .right-box{padding-left:62px}
.sidebar-posts-list>li .thumbnail-link{margin-right:10px}
.sidebar-posts-list>li .side-title{margin:0;font-size:13px;white-space:normal;line-height:1.5}
.sidebar-posts-list .thumbnailside{object-fit:cover;border-radius:var(--r-sm)}
.side-ul li{list-style:none}
.widget_recent_comments .right-box{padding-left:46px}
.widget_ui_ad li{list-style:none}
.aditem{position:relative}
.adtooltip{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;background:#333;color:#fff;padding:6px 10px;border-radius:var(--r-sm);font-size:12px}
.aditem:hover .adtooltip{display:block}
.adtooltip p{margin:0}
/* 文章内容 */
.markdown img,.context img{max-width:100%;height:auto}
.markdown pre{overflow:auto}
.markdown table{max-width:100%;overflow:auto;display:block}
.context a{word-break:break-all}
/* 评论 */
.comments-list,.comments-list ol{list-style:none;padding-left:0}
.comments-list ol.children{padding-left:30px}
.comment-box{overflow:hidden;padding:10px 0;border-bottom:1px dashed #eee}
.comment-box .avatar{float:left;border-radius:50%;margin-right:10px;width:42px;height:42px;object-fit:cover}
.comment-box .right-box{overflow:hidden}
.comment-meta time{color:#999;font-size:12px;margin-left:8px}
.reply-link{margin-left:8px;font-size:12px;color:#999}
.comment-post{padding:10px 0}
.comment-form-comment{margin-bottom:8px}
.comment-form-author,.comment-form-email,.comment-form-url{display:inline-block;width:32%;margin:0 .5% 8px 0}
.comment-reply-title .cancel-reply{float:right;font-size:12px}
.form-submit{text-align:right;margin:5px 0}
.spark-captcha{float:left}
.spark-captcha img{height:34px;cursor:pointer;vertical-align:middle}
.spark-captcha input{width:90px;display:inline-block}
@media (max-width:767px){.comment-form-author,.comment-form-email,.comment-form-url{width:100%}}
.nav-single{margin:10px 0;overflow:hidden}
.nav-single .meta-nav{display:block;width:50%;float:left;padding:10px 15px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.nav-single .meta-nav.next-log{text-align:right;float:right}
.nav-single .meta-nav span{color:#999}
.post-author-weibo a{font-size:12px;padding:1px 8px;border:1px solid #5db8f8;border-radius:999px;color:#5db8f8;margin-left:10px;white-space:nowrap}
.post-author-weibo a:hover{background:#5db8f8;color:#fff}
.page-navi{text-align:center;margin:12px 0}
.page-navi a,.page-navi span{display:inline-block;min-width:28px;height:28px;line-height:28px;padding:0 8px;margin:0 2px;background:#fff;border-radius:var(--r-sm);box-shadow:0 0 5px rgba(0,0,0,.2);font-size:12px;width:auto}
.page-navi span{background:#5db8f8;color:#fff}
.page-navi em{font-style:normal;margin:0 3px}
.linkli a{display:block;padding:6px 10px;background:#fff;margin:5px 0;border-radius:var(--r-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archives h4{cursor:pointer}
.archives.folded ul{display:none}
.toggler{cursor:pointer;float:right;font-size:12px;font-weight:400;color:#888}
.tips{padding:10px 15px}
.search-form{float:none!important;margin:0 15px 15px}
#spark{min-height:60vh}
.clearfix:after{content:"";display:table;clear:both}
.text-muted{color:#777}

/* ===== 6.1 对齐修正 / 侧边栏 / 列表网格 ===== */
/* 导航 */
.navbar-default{border:0;border-bottom:1px solid #eaeaea}
.navbar-default .navbar-nav>li{padding:0;margin:0;border:0}
.navbar-default .navbar-nav>li>a{padding:15px 14px;line-height:20px;border:0;outline:0;box-shadow:none}
.navbar-default .navbar-nav>li>a:focus{outline:0;background:transparent}
.navbar-brand.logo{display:flex;align-items:center;height:50px;padding:5px 15px 5px 0}
.navbar-brand.logo img{max-height:40px;width:auto}
.spark-nav-right{display:inline-block;vertical-align:top}
.spark-search{cursor:pointer;line-height:20px;padding:15px 14px}
@media (min-width:768px){.navbar-collapse.navbar-right{display:flex!important;align-items:center;justify-content:flex-end}.navbar-collapse .nav{float:none;margin:0;display:flex}.navbar-default .navbar-nav>li{float:none}}
/* 侧边栏组件标题：图标与文字同一行居中，不再与首个缩略图重叠 */
.sidebar .widget{margin-bottom:12px}
.sidebar .widget-title,.widget-title{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #eaeaea;overflow:hidden}
.widget-title .icon,.widget-title span.icon{float:none;flex:0 0 auto;min-width:0;padding:0;margin:0 8px 0 0;line-height:1;color:#5db8f8;font-size:16px}
.widget-title h3,.widget .widget-title h3{display:block;margin:0;padding:0;border:0;font-size:15px;line-height:20px;font-weight:600}
.spark-widgets{list-style:none;margin:0;padding:0}
.sidebar-posts-list{list-style:none;margin:0;padding:6px 15px 4px}
.sidebar-posts-list>li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border:0;border-bottom:1px solid #f0f0f0;overflow:hidden}
.sidebar-posts-list>li:last-child{border-bottom:0}
.sidebar-posts-list>li .thumbnail-link{float:none;flex:0 0 50px;margin:0}
.sidebar-posts-list>li .thumbnailside{display:block;width:50px;height:50px;object-fit:cover;border-radius:var(--r-sm)}
.sidebar-posts-list>li .right-box{padding-left:0;flex:1 1 auto;min-width:0}
.sidebar-posts-list>li .side-title{margin:0;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sidebar-posts-list>li:before,.sidebar-posts-list li span:before{display:none!important;content:none!important}
.widget_twitter .sidebar-posts-list>li{display:block}
.sidebar-comments-list{list-style:none;margin:0;padding:6px 15px 4px}
.sidebar-comments-list>li{padding:8px 0;border-bottom:1px solid #f0f0f0}
.sidebar-comments-list>li:last-child{border-bottom:0}
.sidebar-comments-list>li>a{display:flex;gap:10px;align-items:flex-start}
.sidebar-comments-list .avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;object-fit:cover}
.sidebar-comments-list .right-box{flex:1 1 auto;min-width:0;padding:0}
.sidebar-comments-list .comment-text{margin:0;font-size:13px;line-height:1.5;word-break:break-all}
.widget_ui_tags .items,.sidebar .widget_ui_tags .items{display:flex;flex-wrap:wrap;gap:8px;padding:14px 15px;overflow:visible}
.widget_ui_tags .items a,.sidebar .widget .items a{float:none;display:inline-block;width:auto;height:auto;margin:0;padding:3px 10px;line-height:20px;background:#f5f7fa;border-radius:var(--r-sm);color:#555;font-size:12px}
.widget_ui_tags .items a:hover,.sidebar .widget .items a:hover{background:#5db8f8;color:#fff}
.widget_ui_sort ul.row.sort-ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:14px 15px}
.widget_ui_sort ul.row.sort-ul:before,.widget_ui_sort ul.row.sort-ul:after{display:none}
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li{float:none;width:auto;padding:0;margin:0}
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a{display:block;float:none;height:auto;line-height:20px;padding:8px 6px;border-radius:var(--r-sm);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget_archive ul.row.gd-sort{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:14px 15px}
.widget_archive ul.row.gd-sort:before,.widget_archive ul.row.gd-sort:after{display:none}
.widget_archive ul.row.gd-sort li.gd-sort-li{float:none;width:auto;margin:0;padding:0;height:auto;line-height:28px;border-radius:var(--r-sm)}
.widget_links ul.row{display:flex;flex-wrap:wrap;gap:6px 0;margin:0;padding:12px 15px;list-style:none}
.widget_links ul.row:before,.widget_links ul.row:after{display:none}
.widget_links .link-li{float:none;width:50%;padding:0 6px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget_ui_statistics ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;padding:14px 15px;margin:0;list-style:none}
.widget_ui_statistics li{float:none;width:auto}
.widget_search form{padding:14px 15px}
.widget_ui_blogger .blogger-card{padding:18px 15px}
.widget_spark_ad,.widget_ui_ad,.widget_text{padding:0}
.widget_ui_ad>ul{list-style:none;margin:0;padding:12px 15px}
.widget_ui_ad>ul>li{margin-bottom:8px}
.widget_ui_ad>ul>li:last-child{margin-bottom:0}
.widget-zdy{padding:14px 15px}
.widget_calendar{padding:8px}
/* 列表页网格 */
body{background:#f0f0f5}
.spark-list-page{padding-bottom:10px}
.spark-list-head{margin:0 0 15px;padding:0;font-size:18px;line-height:28px;font-weight:600;color:#333}
.spark-list-head .spark-list-label{color:#999;font-weight:400;margin-right:4px}
.spark-list-head small{color:#999;font-weight:400;font-size:12px;margin-left:8px}
.spark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 20px}
.spark-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.spark-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.spark-grid[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}
.spark-gcard{background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.spark-gcard:hover{box-shadow:0 4px 14px rgba(0,0,0,.14);transform:translateY(-2px)}
.spark-gthumb{display:block;position:relative;width:100%;aspect-ratio:4/3;background:#eceef2;overflow:hidden}
.spark-gimg{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.spark-gtitle{margin:0;padding:12px 14px 6px;font-size:15px;line-height:22px;font-weight:700;color:#333;height:62px;box-sizing:content-box;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1 1 auto}
.spark-gtitle a{color:#333}
.spark-gtitle a:hover{color:#5db8f8}
.spark-gtitle .log-topflg{font-size:12px;color:#fff;background:#f66;border-radius:3px;padding:0 4px;margin-right:4px;font-weight:400}
.spark-list-page .page-navi{margin:10px 0 0;text-align:center}
.spark-list-page.has-side .spark-grid{margin-bottom:10px}
@media (max-width:991px){.spark-grid[data-cols],.spark-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.spark-grid[data-cols],.spark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spark-gtitle{font-size:14px;padding:10px 10px 4px;height:60px}.spark-gmeta{padding:4px 10px 10px}}
@media (max-width:359px){.spark-grid[data-cols],.spark-grid{grid-template-columns:1fr}}
.spark-nav-right,.spark-search{margin:0;top:0}
.spark-search{outline:0}
.navbar-default .navbar-nav>li>a:focus,.navbar-brand:focus,.spark-search:focus{outline:0}
.navbar-default .navbar-nav>li>a:focus-visible,.spark-search:focus-visible{outline:2px solid #5db8f8;outline-offset:-2px}
@media screen and (max-width:800px){body:not(.has-bg){background:#f0f0f5!important}.navbar-default{background:#fff!important}}
/* 6.1 手机端：公告条与标题不再超出屏幕 */
.textgg{display:flex;align-items:center;height:40px;min-width:0}
.textgg .gglb{display:flex;align-items:center;float:none;flex:1 1 auto;min-width:0;width:100%;margin:0;padding:0 15px 0 15px;list-style:none}
.textgg .gglb>i{flex:0 0 auto;margin-right:8px}
.textgg .bulletin{flex:1 1 auto;min-width:0;width:auto!important;overflow:hidden}
.textgg .bulletin ul li{width:auto!important;max-width:100%}
.content,.content-wrap,.container{min-width:0}
.posts-gallery-content{min-width:0}
@media (max-width:767px){
  .posts-gallery-content h2{white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:auto!important;max-height:none!important;margin:0 0 6px!important;word-break:break-all}
  .posts-gallery-content h2 a{display:inline}
}
/* 6.1 手机菜单：改用 Bootstrap 标准折叠菜单（原离屏抽屉依赖已删除的脚本，点开后菜单出不来），无遮罩 */
@media screen and (max-width:767px){
  body{position:static!important;left:auto!important;right:auto!important;transform:none!important;transition:none;overflow-x:hidden}
  nav.navbar-fixed-top,nav.navbar-fixed-top.out{transform:none!important}
  nav .navbar-collapse,nav.navbar-fixed-top .navbar-collapse{position:static!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:none;z-index:auto;display:none!important;border:0;border-top:1px solid #eaeaea;box-shadow:none!important;transform:none!important;background:#fff;margin:0 -15px;padding:0}
  nav .navbar-collapse.in{display:block!important;max-height:70vh;overflow-y:auto}
  nav .navbar-collapse .nav{display:block;margin:0}
  nav .navbar-collapse .nav>li{float:none;display:block}
  nav .navbar-collapse .nav>li>a{padding:12px 20px;border-bottom:1px solid #f3f3f3}
  nav .navbar-collapse .spark-nav-right{display:block!important;float:none;margin:0}
  nav .navbar-collapse .spark-search{padding:12px 20px}
  .navbar-toggle{border:1px solid #ddd;border-radius:var(--r-sm);margin:8px 0}
}

/* ===================================================================
 * spark 6.2：灰色毛玻璃导航 / 公告条 / 评论 / 作者条 / 新卡片布局 / 扩展侧栏
 * =================================================================== */
/* ---- 导航：更高（64px）、字更大（16px）、浅灰半透明 + 细分隔线（配色见 后台 → 模板设置 → 导航栏） ---- */
#header.navbar-default{min-height:64px;margin:0;border:0;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 0 rgba(0,0,0,.03);background:#fff;padding:0}
#header>.container{display:flex;align-items:center;min-height:64px}
#header .navbar-header{float:none;display:flex;align-items:center;height:64px;margin:0}
#header .navbar-brand.logo{display:flex;align-items:center;float:none;height:64px;margin:0;padding:0 18px 0 0;font-size:20px;font-weight:600;line-height:1}
#header .navbar-brand.logo img{max-height:40px;max-width:220px;height:auto;width:auto}
#header .navbar-collapse{padding:0}
#header .navbar-default .navbar-nav>li>a,#header .navbar-nav>li>a{padding:0 16px;height:64px;line-height:64px;font-size:16px;font-weight:400;letter-spacing:.2px;background:transparent}
#header .navbar-nav>li>a i.fa{margin-right:4px;font-size:15px}
#header .spark-search{display:flex;align-items:center;justify-content:center;height:64px;width:48px;padding:0;line-height:64px;font-size:16px}
#header .spark-search i{line-height:1}
#header .navbar-nav>li>a:hover,#header .navbar-nav>li.active>a,#header .spark-search:hover{background:rgba(0,0,0,.05)}
#header .navbar-nav>li>.dropdown-menu{margin-top:0;border:1px solid rgba(0,0,0,.08);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 8px 24px rgba(0,0,0,.12);padding:6px 0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);background:rgba(250,250,252,.92)}
#header .dropdown-menu>li>a{padding:8px 18px;line-height:20px;font-size:15px}
@media (min-width:768px){
  #header .navbar-collapse.navbar-right{display:flex!important;align-items:center;justify-content:flex-end;flex:1 1 auto;margin:0;height:64px}
  #header .navbar-collapse .nav{margin:0}
}
@media (max-width:991px) and (min-width:768px){#header .navbar-nav>li>a{padding:0 11px;font-size:15px}}
#spark{margin-top:84px}
@media (max-width:800px){
  #header.navbar-default{min-height:56px;padding:0}
  #header>.container{min-height:56px;flex-wrap:wrap}
  #header .navbar-header{width:100%;height:56px;justify-content:space-between}
  #header .navbar-brand.logo{height:56px;font-size:18px}
  #header .navbar-toggle{margin:0;border:1px solid rgba(0,0,0,.18);border-radius:var(--r-md);height:36px;padding:9px 10px}
  #header .navbar-toggle:hover,#header .navbar-toggle:focus{background:rgba(0,0,0,.05)}
  #spark{margin-top:72px}
}
@media screen and (max-width:767px){
  #header .navbar-collapse,#header.navbar-fixed-top .navbar-collapse{margin:0 -15px;width:auto!important;flex:1 0 100%;border-top:1px solid rgba(0,0,0,.08)}
  #header .navbar-collapse .nav>li>a{height:auto;line-height:20px;padding:15px 20px;font-size:16px;border-bottom:1px solid rgba(0,0,0,.06)}
  #header .navbar-collapse .spark-search{width:auto;height:auto;justify-content:flex-start;padding:15px 20px;line-height:20px}
}

/* ---- 公告条：固定 40px 高，一次只露出一行，整行上滚（不再错位/裁切） ---- */
.excerpt-minic.excerpt-minic-index{height:auto;line-height:40px;border-radius:var(--r-lg);overflow:hidden}
.textgg{display:block;height:40px;line-height:40px;overflow:hidden}
.textgg .gglb{display:flex;align-items:center;float:none;width:100%;height:40px;margin:0;padding:0 15px;list-style:none}
.textgg .gglb>i{display:flex;align-items:center;justify-content:center;flex:0 0 26px;float:none;height:20px;width:26px;margin:0 10px 0 0;padding:0;border-right:1px solid #eaeaea;line-height:20px;font-size:16px;color:#5db8f8}
.textgg .bulletin{flex:1 1 auto;min-width:0;width:auto!important;height:40px;overflow:hidden;position:relative}
.textgg .bulletin ul{margin:0;padding:0;list-style:none;position:relative}
.textgg .bulletin ul li{display:block;width:auto!important;max-width:100%;height:40px;line-height:40px;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#555}
@media (max-width:767px){.textgg .bulletin ul li{font-size:13px}}

/* ---- 评论：头像与「昵称 / 时间 / 回复」首行顶部对齐，回复缩进带竖线，回复头像更小 ---- */
.comments-list>li.comment{margin:0;padding:0;border:0}
.comments-list>li.comment:after{display:none}
.comments-list li.comment>.comment-box{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border:0;border-bottom:1px dashed #e6e9ee;overflow:visible}
.comments-list li.comment>.comment-box:after{display:none}
.comments-list li.comment>.comment-box>img.avatar{flex:0 0 44px;float:none;width:44px;height:44px;margin:0;padding:0;border:1px solid #eee;border-radius:50%;object-fit:cover;background:#f3f5f8}
.comments-list li.comment.depth-2>.comment-box>img.avatar,.comments-list li.comment.depth-3>.comment-box>img.avatar{flex-basis:34px;width:34px;height:34px}
.comments-list.show-avatars li.comment>.comment-box>.right-box{flex:1 1 auto;min-width:0;padding:0;overflow:visible}
.comments-list li.comment>.comment-box>.right-box>.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;margin:0 0 4px;line-height:22px;min-height:22px}
.comment-meta .author{font-size:14px;font-weight:600;line-height:22px}
.comment-meta .author a{color:#333}
.comment-meta time{margin:0;line-height:22px;font-size:12px;color:#999}
.comment-meta .reply-link{margin:0 0 0 auto;line-height:22px;font-size:12px;color:#5db8f8}
.comments-list li.comment>.comment-box>.right-box>p:not(.comment-meta){margin:0;line-height:1.7;color:#333;word-break:break-word;overflow-wrap:anywhere}
.comments-list li.comment>ol.children{margin:0 0 0 22px;padding:0 0 0 20px;border-left:2px solid #eef1f5;list-style:none}
.comments-list li.comment>ol.children>li.comment{margin:0;padding:0;border:0}
.comments-list li.comment>ol.children>li.comment:last-child>.comment-box{border-bottom:0}
.comments-list>li.comment:last-child>.comment-box:last-child{border-bottom:0}
@media (max-width:480px){.comments-list li.comment>ol.children{margin-left:10px;padding-left:12px}}

/* ---- 作者信息条：头像与文字块整体垂直居中，统一 56px 头像 ---- */
#authorarea{padding:0;overflow:hidden}
#authorarea .authorinfo{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:18px 16px 16px}
#authorarea .ggbs{position:absolute;top:0;right:0;padding:0 12px;font-size:12px;line-height:22px;color:#fff;background:#5db8f8;border-radius:0 0 0 var(--r-lg)}
#authorarea .author-avater{flex:0 0 56px;float:none;width:56px;height:56px;margin:0}
#authorarea .author-avater img{display:block;width:56px;height:56px;border:1px solid #e3e6eb;border-radius:50%;object-fit:cover}
#authorarea .author-des{flex:1 1 auto;min-width:0;margin:0}
#authorarea .author-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;line-height:28px}
#authorarea .post-author-name{margin:0;font-size:16px;font-weight:600;line-height:28px}
#authorarea .post-author-name a{color:#333}
#authorarea .post-author-tatus{font-size:13px;color:#888;line-height:28px}
#authorarea .post-author-weibo{display:inline-flex;align-items:center}
#authorarea .post-author-weibo a{display:inline-block;margin:0;line-height:20px;padding:1px 12px}
#authorarea .user-counter-key{display:block;margin:2px 0 0;font-size:13px;line-height:1.6;color:#777}
@media (max-width:480px){#authorarea .authorinfo{gap:12px;padding:18px 12px 14px}#authorarea .author-avater,#authorarea .author-avater img{width:48px;height:48px;flex-basis:48px}}

/* ---- 侧栏「最新评论」：头像 + 气泡（气泡尖角随头像垂直居中） ---- */
.sidebar-comments-list{padding:8px 15px 6px}
.sidebar-comments-list>li{padding:6px 0;border:0}
.sidebar-comments-list>li>a{display:flex;align-items:center;gap:14px;color:inherit}
.sidebar-comments-list .avatar{flex:0 0 38px;width:38px;height:38px;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.18);background:#f3f5f8}
.sidebar-comments-list .right-box{position:relative;flex:1 1 auto;min-width:0;padding:8px 12px;background:#f2f5f9;border-radius:var(--r-lg);transition:background .2s}
.sidebar-comments-list .right-box:before{content:"";position:absolute;left:-6px;top:50%;margin-top:-6px;border:6px solid transparent;border-left:0;border-right-color:#f2f5f9;transition:border-color .2s}
.sidebar-comments-list>li>a:hover .right-box{background:#e6f1fd}
.sidebar-comments-list>li>a:hover .right-box:before{border-right-color:#e6f1fd}
.sidebar-comments-list .comment-text{margin:0;font-size:13px;line-height:20px;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}
.sidebar-comments-list .comment-text strong{color:#333;font-weight:600}

/* ---- 文章标签行（分类 + 标签，蓝色小标签，可点击） ---- */
.spark-tax{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;margin:0 0 8px;overflow:hidden;line-height:20px;height:22px}
.spark-tax>*{flex:0 0 auto;max-width:100%}
.spark-tax-cat{display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:22px;font-size:12px;line-height:22px;color:#1a7ee0;background:#e4f1ff;border-radius:var(--r-sm);white-space:nowrap}
.spark-tax-cat i{font-size:12px;line-height:1}
.spark-tax-cat a,.spark-tax-cat a:hover{color:inherit}
.spark-tax-cat:hover{background:#d3e8ff}
a.spark-tax-tag{display:inline-block;height:22px;padding:0 8px;font-size:12px;line-height:22px;color:#4a8fd6;background:#eef5fd;border-radius:var(--r-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
a.spark-tax-tag:hover{background:#d3e8ff;color:#1a7ee0;text-decoration:none}
/* ---- 卡片底部：左作者（头像+名字），右阅读量 / 评论 ---- */
.spark-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;min-height:26px;font-size:12px;line-height:26px;color:#8a94a0}
.spark-foot-l{flex:1 1 0;min-width:0;display:flex;align-items:center}
.spark-foot-r{flex:0 0 auto;display:flex;align-items:center;gap:14px}
.spark-foot-author{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;color:#5f6b78}
.spark-foot-author img{flex:0 0 24px;width:24px;height:24px;border-radius:50%;object-fit:cover;background:#f3f5f8;border:1px solid #eceff3}
.spark-foot-author span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-foot-author:hover{color:#1a7ee0;text-decoration:none}
.spark-stat{display:inline-flex;align-items:center;gap:5px;color:#8a94a0;white-space:nowrap;line-height:26px}
.spark-stat i{width:14px;text-align:center;font-size:14px;line-height:1}
a.spark-stat:hover{color:#1a7ee0;text-decoration:none}

/* ---- 首页 / 列表卡片：左方图，右侧 分类·标签 → 标题 → 摘要 → 底栏 ---- */
.spark-post.content-list{margin-bottom:14px;border-radius:var(--r-lg)}
.spark-post .posts-gallery-box{display:flex;align-items:stretch;gap:18px;padding:14px}
.spark-post .posts-gallery-img{position:relative;float:none;flex:0 0 172px;width:172px;height:172px;margin:0;border-radius:var(--r-lg);overflow:hidden;background:#eef2f7}
.spark-post .posts-gallery-img a{display:block;width:100%;height:100%}
.spark-post .posts-gallery-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.spark-post .posts-gallery-box:hover .posts-gallery-img img{transform:scale(1.04)}
.spark-post .posts-gallery-content{flex:1 1 auto;min-width:0;margin:0;display:flex;flex-direction:column}
.spark-post h2.spark-card-title{position:static;margin:0 0 6px;padding:0;font-size:19px;line-height:1.4;font-weight:700;color:#222;white-space:normal;overflow:hidden;text-overflow:clip;max-height:none;height:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.spark-post h2.spark-card-title a{display:inline;color:#222}
.spark-post h2.spark-card-title a:hover{color:#1a7ee0}
.spark-post .posts-gallery-content .posts-gallery-text{margin:0;padding:0;text-indent:0;font-size:14px;line-height:1.7;color:#7a8592;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;flex:0 1 auto}
.spark-post .posts-gallery-content .spark-card-foot{margin-top:auto;padding-top:10px}
.spark-post .posts-gallery-content .spark-tax{margin-bottom:8px}
.spark-post .posts-image-box{padding:14px 16px}
.spark-post .posts-image-box .spark-tax{margin-bottom:8px}
.spark-post .posts-image-box .posts-text{margin:0;font-size:14px;line-height:1.7;color:#7a8592}
.spark-post .posts-image-box .post-images-item{margin:8px 0 10px}
@media (max-width:991px){.spark-post .posts-gallery-img{flex-basis:148px;width:148px;height:148px}.spark-post h2.spark-card-title{font-size:17px}}
@media (max-width:767px){
  .spark-post .posts-gallery-box{gap:12px;padding:10px}
  .spark-post .posts-gallery-img{flex-basis:108px;width:108px;height:108px;border-radius:var(--r-md)}
  .spark-post h2.spark-card-title{font-size:15px;line-height:1.35;margin-bottom:4px}
  .spark-post .posts-gallery-content .posts-gallery-text{display:none}
  .spark-post .posts-gallery-content .spark-card-foot{padding-top:6px;margin-top:auto}
  .spark-post .posts-gallery-content .spark-tax{margin-bottom:6px}
  .spark-foot-r{gap:10px}
  .spark-foot-author img{flex-basis:20px;width:20px;height:20px}
  .spark-card-foot{font-size:11px}
  .spark-post .posts-image-box .post-images-item ul li a img,.spark-post .posts-image-box .post-images-item ul li .image-item{height:80px!important}
}
@media (max-width:359px){.spark-post .posts-gallery-img{flex-basis:88px;width:88px;height:88px}.spark-stat-com{display:none}}
/* ---- 网格卡片（4 列无侧栏） ---- */
.spark-gbody{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;padding:12px 14px 12px}
.spark-gbody .spark-tax-grid{margin:0 0 8px}
.spark-gcard .spark-gtitle{flex:0 0 auto;box-sizing:border-box;height:46px;margin:0 0 4px;padding:0;font-size:15px;line-height:23px}
.spark-gcard .spark-card-foot{margin-top:auto;padding-top:8px;border-top:1px solid #f1f3f6}
.spark-gbody .spark-gtitle+.spark-card-foot{margin-top:auto}
@media (max-width:767px){.spark-gbody{padding:10px 10px 10px}.spark-gcard .spark-gtitle{height:42px;font-size:14px;line-height:21px}.spark-gcard .spark-foot-r{gap:8px}.spark-gcard .spark-stat-com{display:none}}
/* ---- 文章页顶部：面包屑与信息行对齐 ---- */
#post-box .post-meta-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 14px;padding:0 15px;line-height:38px}
#post-box .post-meta-box>.breadcrumb{display:block;flex:1 1 auto;min-width:0;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#post-box .post-meta-box>.meta-top{float:none;display:flex;align-items:center;flex-wrap:wrap;margin:0;line-height:38px}
#post-box .post-meta-box>.meta-top>span{display:inline-flex;align-items:center;gap:4px;line-height:38px}
#post-box .post-meta-box>.meta-top>span:first-child:before{display:none}
#post-box .post-meta-box>.meta-top>span:empty{display:none}
.breadcrumb>li+li:before{padding:0 6px}
/* ---- 其它对齐 ---- */
.page-navi a,.page-navi span{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1}
.form-submit{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.form-submit .spark-captcha{float:none;margin-right:auto;display:flex;align-items:center;gap:8px}
.comment-reply-title{display:flex;align-items:center;gap:6px}
.comment-reply-title .cancel-reply{margin-left:auto;float:none}
.btn i.fa,.btn .fa{line-height:1}
.widget-title .icon i{display:block;line-height:1}
.spark-mod-hello{margin:0 0 6px;line-height:1.7}
.spark-mod-hello-meta{margin:0 0 8px;font-size:12px;color:#999}
.widget_spark_module .widget-zdy{padding:12px 15px}
/* 最新评论：覆盖旧的 .comment-text 气泡（图片尖角 / 边框），气泡统一画在 .right-box 上 */
.widget_recent_comments li{border:0}
.widget_recent_comments li>a{display:flex;padding:0;margin:0}
.widget_recent_comments li img.avatar,.widget_recent_comments .sidebar-comments-list img.avatar{float:none;width:38px;height:38px;margin:0;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.2);border-radius:50%}
.widget_recent_comments .show-avatars li .right-box{padding:8px 12px}
.widget_recent_comments li .comment-text{display:-webkit-box;width:auto;padding:0;border:0;background:transparent;border-radius:0;color:#555}
.widget_recent_comments li .comment-text:before{display:none;content:none}
.widget_recent_comments li .comment-text small{color:#1a7ee0}
/* 正文里的视频 / iframe / 表格不撑破页面 */
.context video,.markdown video,.context iframe,.markdown iframe,.context embed,.context object{max-width:100%!important;height:auto}
.context iframe,.markdown iframe{aspect-ratio:16/9;height:auto}
/* 评论首行：昵称文字顶部与头像顶部齐平 */
.comments-list li.comment>.comment-box>.right-box{margin-top:-2px}
.comments-list li.comment>.comment-box>.right-box>.comment-meta,.comment-meta .author,.comment-meta time,.comment-meta .reply-link{line-height:20px;min-height:20px}

/* ===================================================================
 * spark 6.3
 * =================================================================== */
:root{--spark-blue:#1a7ee0;--spark-red:#e0426b;--spark-r:var(--r-lg);--spark-sw:320px;--spark-gap:24px;--spark-card-shadow:0 1px 3px rgba(20,30,50,.06),0 6px 18px rgba(20,30,50,.05)}
body.side-narrow{--spark-sw:280px}body.side-wide{--spark-sw:360px}
.spark-ic{display:inline-block;vertical-align:-3px;flex:0 0 auto}
/* ---- 版心：桌面更宽，主栏约 72~75%，侧栏窄 ---- */
@media (min-width:1200px){
  .container{width:auto;max-width:1380px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
  .content{margin-right:calc(var(--spark-sw) + var(--spark-gap))}
  .sidebar,.sidebars{width:var(--spark-sw);margin-left:calc(-1 * var(--spark-sw))}
}
@media (min-width:1025px) and (max-width:1199px){
  .content{margin-right:calc(var(--spark-sw) + 20px)}
  .sidebar,.sidebars{width:var(--spark-sw);margin-left:calc(-1 * var(--spark-sw))}
}
.content{min-width:0}
/* ---- 通用圆角卡片 ---- */
.widget,.panel-sort,.content-list,.spark-gcard,#authorarea,.post-copyright,.excerpt-minic,.hot_posts,.panel_cms{border-radius:var(--spark-r)}
.widget{border:0;background:#fff;box-shadow:var(--spark-card-shadow)}
/* ---- 1. 侧栏：内边距收紧，列表铺到边 ---- */
.sidebar .widget{margin-bottom:14px}
.sidebar .widget-title{padding:12px 16px;border-bottom:1px solid #f0f2f5}
.sidebar .widget-title h3{font-size:15px}
.sidebar-posts-list{padding:0}
.sidebar-posts-list>li{gap:12px;padding:10px 14px;align-items:center;border-bottom:1px solid #f2f4f7;transition:background .15s}
.sidebar-posts-list>li:hover{background:#f8fafc}
.sidebar-posts-list>li .thumbnail-link{flex:0 0 56px}
.sidebar-posts-list>li .thumbnailside{width:56px;height:56px;border-radius:var(--r-lg)}
.sidebar-posts-list>li .right-box{padding:0;width:auto}
.sidebar-posts-list>li .side-title{font-size:14px;line-height:1.5;font-weight:500}
.sidebar-posts-list>li .side-title a{color:#222}
.widget_twitter .sidebar-posts-list>li{padding:10px 14px}
.sidebar-comments-list{padding:6px 12px 8px}
.sidebar-comments-list>li{padding:5px 0}
.sidebar .widget .items{padding:12px 12px 10px}
.widget-zdy,.widget_spark_module .widget-zdy{padding:12px 14px}
.widget_search form{padding:12px 14px}
.widget_ui_blogger .blogger-card{padding:16px 14px}
.widget_ui_ad>ul{padding:10px 12px}
.widget_calendar{padding:6px}
.widget_archive ul.row.gd-sort{padding:12px;gap:6px}
.widget_ui_statistics ul{padding:12px 14px}
.sidebar .widget_spark_ad{overflow:hidden}
/* ---- 7. 胶囊：白底 + 阴影 + 图标 + 文字 ---- */
.spark-caps{display:flex;flex-wrap:wrap;gap:8px}
.spark-cap,.sidebar .widget .items a.spark-cap,.widget_ui_tags .items a.spark-cap{display:inline-flex;align-items:center;gap:6px;max-width:100%;height:32px;padding:0 13px 0 10px;border-radius:999px;background:#fff;color:#1d1d1f;font-size:13px;line-height:32px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 10px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s,color .15s;text-decoration:none}
.spark-cap:hover,.sidebar .widget .items a.spark-cap:hover,.widget_ui_tags .items a.spark-cap:hover{background:#fff;color:var(--spark-blue);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1),0 8px 18px rgba(0,0,0,.1);text-decoration:none}
.spark-cap .spark-ic{width:15px;height:15px;color:var(--spark-blue)}
.spark-caps .spark-cap:nth-child(6n+2) .spark-ic{color:#e0426b}.spark-caps .spark-cap:nth-child(6n+3) .spark-ic{color:#16a34a}.spark-caps .spark-cap:nth-child(6n+4) .spark-ic{color:#f59e0b}.spark-caps .spark-cap:nth-child(6n+5) .spark-ic{color:#8b5cf6}.spark-caps .spark-cap:nth-child(6n+6) .spark-ic{color:#0ea5a4}
.spark-cap span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-cap em{font-style:normal;font-size:11px;line-height:18px;min-width:18px;padding:0 5px;text-align:center;border-radius:999px;background:#f2f4f7;color:#7a8592}
.post-copyright .sidetags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.post-copyright .sidetags .spark-cap{height:30px;line-height:30px}
/* ---- 4. 流量小组件 ---- */
.spark-traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f0f2f5}
.spark-tf{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 4px 12px;background:#fff;text-align:center}
.spark-tf .spark-ic{color:var(--spark-blue);margin-bottom:2px}
.spark-tf b{font-size:18px;line-height:24px;color:#1d1d1f;font-weight:700;font-variant-numeric:tabular-nums}
.spark-tf span{font-size:12px;color:#8a94a0}
.sidebar .widget_spark_mod_traffic .widget-zdy,.sidebar .widget_spark_mod_sortcaps .widget-zdy,.sidebar .widget_spark_mod_collections .widget-zdy,.sidebar .widget_spark_mod_recommend .widget-zdy{padding:0}
.sidebar .widget_spark_mod_sortcaps .widget-zdy{padding:12px}
/* ---- 2. 友情链接：一整块 ---- */
.spark-links{background:#fff;border-radius:var(--spark-r);overflow:hidden}
.spark-links-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f2f5}
.spark-links-head h3{margin:0;font-size:16px;line-height:24px;font-weight:700;color:#1d1d1f;padding-left:10px;border-left:4px solid var(--spark-red)}
.spark-links-head a{font-size:13px;color:#8a94a0}
.spark-links-grid{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 16px}
.spark-link{display:inline-flex;align-items:center;gap:7px;max-width:100%;height:34px;padding:0 14px 0 10px;border-radius:999px;background:#f5f7fa;color:#3a4653;font-size:13px;line-height:34px;transition:background .15s,color .15s,transform .15s;text-decoration:none}
.spark-link:hover{background:#e8f2ff;color:var(--spark-blue);text-decoration:none;transform:translateY(-1px)}
.spark-link img{width:20px;height:20px;border-radius:50%;object-fit:cover;background:#fff}
.spark-link .spark-ic{width:16px;height:16px;color:#8a94a0}
.spark-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.widget_links .spark-links{border-radius:0}
.widget_links .spark-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.widget_links .spark-link{border-radius:var(--r-lg);width:100%}
.spark-links-page{box-shadow:var(--spark-card-shadow);margin-top:18px}
.spark-links-page .spark-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:16px 18px 20px}
.spark-links-page .spark-link{border-radius:var(--r-lg);width:100%;height:40px;line-height:40px}
.footer_{margin-bottom:24px}
.spark-links-footer{box-shadow:var(--spark-card-shadow)}
.spark-links-footer .spark-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.spark-links-footer .spark-link{border-radius:var(--r-lg);width:100%}
.footer_ .links_{display:none}
/* ---- 3. 文章页标题区 ---- */
#post-box .spark-post-head{padding:6px 4px 0;border-bottom:1px solid #eceff3;margin-bottom:6px}
.spark-post-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin:2px 0 6px}
.spark-post-cat a{font-size:14px;font-weight:500;color:var(--spark-red);letter-spacing:.2px}
.spark-post-cat a:hover{color:#c02a52;text-decoration:none}
.spark-feedback{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 14px;border-radius:999px;background:#f2f4f7;color:#4a5560;font-size:13px;line-height:30px;transition:background .15s,color .15s}
.spark-feedback:hover{background:#e8f2ff;color:var(--spark-blue);text-decoration:none}
#post-box h1.spark-post-h,#post-box .post-title.spark-post-h{margin:4px 0 12px;padding:0;height:auto;border:0;text-align:left;white-space:normal;overflow:visible;text-overflow:clip;width:auto;line-height:1.28;font-weight:800;letter-spacing:-.3px;color:#111;word-break:break-word;overflow-wrap:anywhere}
.spark-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0 0 16px;font-size:13px;line-height:22px;color:#98a1ab}
.spark-post-meta a,.spark-post-meta time,.spark-post-meta span{color:#98a1ab}
.spark-post-meta a.spark-pm-author{color:#6b7683}
.spark-post-meta a:hover{color:var(--spark-blue);text-decoration:none}
.spark-pm-edit a{color:var(--spark-red)}
.spark-pm-edit a:hover{color:#c02a52}
#post-box .panel-sort{padding:18px 26px 22px}
@media (max-width:767px){#post-box .panel-sort{padding:14px 14px 18px}.spark-post-top{margin-top:0}}
/* ---- 目录 ---- */
.spark-toc{margin:0 0 22px;border:1px solid #eceff3;border-radius:var(--r-lg);background:#fafbfc;overflow:hidden}
.spark-toc summary{cursor:pointer;padding:11px 16px;font-size:14px;font-weight:600;color:#333;list-style:none}
.spark-toc summary::-webkit-details-marker{display:none}
.spark-toc summary:after{content:"▾";float:right;color:#98a1ab}
.spark-toc:not([open]) summary:after{content:"▸"}
.spark-toc ol{list-style:none;margin:0;padding:2px 16px 12px;max-height:260px;overflow:auto}
.spark-toc li{margin:0;padding:0;line-height:26px;font-size:14px}
.spark-toc li.lv3{padding-left:16px}.spark-toc li.lv4{padding-left:32px}
.spark-toc a{color:#4a5560;border:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-toc a:hover{color:var(--spark-blue);text-decoration:none}
/* ---- 正文排版 ---- */
.context.spark-article{padding:0}
.context .markdown{font-size:16.5px;line-height:1.85;color:#2b3138;word-break:break-word;overflow-wrap:anywhere}
.context .markdown>*:first-child{margin-top:0}
.context .markdown p{margin:0 0 1.1em}
.context .markdown :is(h1,h2,h3,h4,h5,h6){position:relative;margin:1.8em 0 .7em;padding:0;border:0;background:none;color:#111;font-weight:700;letter-spacing:-.1px;scroll-margin-top:92px;text-align:left;height:auto;white-space:normal}
.context .markdown h1{font-size:clamp(26px,3.2vw,32px);line-height:1.3;margin-top:2em}
.context .markdown h2{font-size:clamp(22px,2.6vw,26px);line-height:1.35;padding:0 0 .35em 14px;border-bottom:1px solid #eceff3}
.context .markdown h2:before{content:"";position:absolute;left:0;top:.28em;height:1em;width:4px;border-radius:2px;background:var(--spark-blue)}
.context .markdown h3{font-size:clamp(19px,2.2vw,21px);line-height:1.4;font-weight:700}
.context .markdown h4{font-size:18px;line-height:1.45;font-weight:650}
.context .markdown h5{font-size:16.5px;line-height:1.5;font-weight:650;color:#333}
.context .markdown h6{font-size:14px;line-height:1.5;font-weight:650;color:#7a8592;text-transform:none;letter-spacing:.5px}
.context .markdown .spark-anchor{position:absolute;left:-1em;top:0;padding-right:.3em;color:#b8c0c9;font-weight:400;border:0;opacity:0;text-decoration:none;transition:opacity .15s}
.context .markdown h2 .spark-anchor{left:-.9em}
.context .markdown :is(h1,h2,h3,h4,h5,h6):hover .spark-anchor,.context .markdown .spark-anchor:focus{opacity:1}
.context .markdown .spark-anchor:hover{color:var(--spark-blue)}
@media (max-width:767px){.context .markdown{font-size:16px;line-height:1.8}.context .markdown .spark-anchor{display:none}}
.context .markdown a{color:var(--spark-blue);border-bottom:1px solid rgba(26,126,224,.3);word-break:break-word}
.context .markdown a:hover{border-bottom-color:var(--spark-blue);text-decoration:none}
.context .markdown a.spark-anchor,.context .markdown a.swipebox,.context .markdown h1 a,.context .markdown h2 a,.context .markdown h3 a{border-bottom:0}
.context .markdown :is(ul,ol){margin:0 0 1.1em;padding-left:1.6em}
.context .markdown li{margin:.25em 0;padding:0}
.context .markdown li>:is(ul,ol){margin:.3em 0 .3em}
.context .markdown li::marker{color:#98a1ab}
.context .markdown ul.contains-task-list,.context .markdown ul:has(>li>input[type=checkbox]){list-style:none;padding-left:.4em}
.context .markdown li>input[type=checkbox]{margin:0 .5em 0 0;vertical-align:-1px}
.context .markdown blockquote{margin:1.2em 0;padding:.8em 1.1em;border:0;border-left:4px solid var(--spark-blue);border-radius:0 var(--r-lg) var(--r-lg) 0;background:#f4f8fd;color:#4a5560;font-size:inherit}
.context .markdown blockquote>:last-child{margin-bottom:0}
.context .markdown hr{margin:2em 0;border:0;border-top:1px solid #e6e9ee}
.context .markdown :not(pre)>code{padding:.15em .45em;border-radius:var(--r-sm);background:#f0f2f6;color:#c2255c;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-word}
.context .markdown pre{margin:0;padding:16px 18px;border:0;border-radius:0 0 var(--r-md) var(--r-md);background:#0f172a;color:#e2e8f0;font-size:13.5px;line-height:1.65;overflow:auto;tab-size:4;white-space:pre;word-break:normal;overflow-wrap:normal}
.context .markdown pre code{padding:0;background:none;color:inherit;font-size:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:normal}
.context .markdown .spark-code{margin:1.2em 0;border-radius:var(--r-md);overflow:hidden;background:#0f172a}
.context .markdown .spark-code pre{margin:0;border-radius:0}
.spark-code-bar{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:0 10px 0 16px;background:#1e293b;color:#94a3b8;font-size:12px}
.spark-code-lang{text-transform:uppercase;letter-spacing:.6px}
.spark-code-copy{margin-left:auto;border:0;border-radius:var(--r-md);padding:3px 10px;background:rgba(255,255,255,.1);color:#cbd5e1;font-size:12px;line-height:20px;cursor:pointer}
.spark-code-copy:hover{background:rgba(255,255,255,.2);color:#fff}
.context .markdown img{display:block;max-width:100%;height:auto;margin:1.2em auto;padding:0;border:0;border-radius:var(--r-lg);box-shadow:0 2px 12px rgba(20,30,50,.1);transition:transform .2s}
.context .markdown p>img:only-child{margin:0 auto}
.context .markdown a>img:hover{transform:scale(1.01);box-shadow:0 4px 18px rgba(20,30,50,.16);border:0}
.context .markdown figure{margin:1.2em 0;text-align:center}
.context .markdown figcaption{margin-top:.5em;font-size:13px;color:#98a1ab}
.context .markdown :is(video,iframe){display:block;width:100%;max-width:100%;border:0;border-radius:var(--r-lg);background:#000}
.context .markdown video{height:auto}
.context .markdown iframe{aspect-ratio:16/9;height:auto}
.context .markdown kbd{padding:.1em .45em;border:1px solid #d5dae1;border-bottom-width:2px;border-radius:var(--r-sm);background:#f7f8fa;color:#333;font-size:.85em;font-family:ui-monospace,Menlo,Consolas,monospace}
.context .markdown mark{padding:.05em .25em;border-radius:var(--r-sm);background:#fff3b0;color:inherit}
.context .markdown details{margin:1em 0;padding:.6em 1em;border:1px solid #e6e9ee;border-radius:var(--r-lg);background:#fafbfc}
.context .markdown details>summary{cursor:pointer;font-weight:600;color:#333}
.context .markdown details[open]>summary{margin-bottom:.5em}
.context .markdown dl{margin:0 0 1.1em}.context .markdown dt{font-weight:700;margin-top:.6em}.context .markdown dd{margin:.15em 0 0 1.4em;color:#4a5560}
.context .markdown sup a,.context .markdown .footnote-ref{border:0}
.context .markdown .footnotes,.context .markdown .footnote{font-size:14px;color:#6b7683}
.context .markdown :is(.katex-display,.MathJax_Display,mjx-container[display=true]){max-width:100%;overflow-x:auto;overflow-y:hidden}
.context .markdown small{color:#7a8592}
/* 表格：圆角容器 + 表头浅灰 + 斑马纹 + 悬停 + 横向滚动 */
.spark-table-wrap{margin:1.2em 0;border:1px solid #e6e9ee;border-radius:var(--r-md);overflow:auto;max-width:100%;background:#fff;-webkit-overflow-scrolling:touch}
.spark-table-wrap:focus{outline:2px solid rgba(26,126,224,.35);outline-offset:1px}
.context .markdown .spark-table-wrap table{display:table;width:100%;min-width:100%;margin:0;border:0;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.6;max-width:none;overflow:visible}
.context .markdown .spark-table-wrap :is(th,td){padding:10px 14px;border:0;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:top;white-space:normal;min-width:72px;overflow-wrap:normal;word-break:normal}
.context .markdown .spark-table-wrap thead th{position:sticky;top:0;z-index:1;background:#f3f5f8;color:#1d1d1f;font-weight:700;white-space:nowrap;border-bottom:1px solid #e3e7ec}
.context .markdown .spark-table-wrap tbody tr:nth-child(even) td{background:#fafbfc}
.context .markdown .spark-table-wrap tbody tr:hover td{background:#f0f6ff}
.context .markdown .spark-table-wrap tr:last-child td{border-bottom:0}
.context .markdown .spark-table-wrap td[align=right],.context .markdown .spark-table-wrap th[align=right],.context .markdown .spark-table-wrap [style*="text-align:right"],.context .markdown .spark-table-wrap [style*="text-align: right"]{text-align:right;font-variant-numeric:tabular-nums}
.context .markdown .spark-table-wrap td[align=center],.context .markdown .spark-table-wrap th[align=center]{text-align:center}
.context .markdown .spark-table-wrap td code{white-space:nowrap}
/* ---- 8. 合集 ---- */
.spark-colls{margin:0 0 22px}
.spark-sec-head{margin:6px 2px 14px}
.spark-sec-head h2{margin:0;font-size:24px;line-height:32px;font-weight:800;color:#111}
.spark-sec-head p{margin:2px 0 0;font-size:14px;color:#8a94a0}
.spark-coll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.spark-coll{display:flex;flex-direction:column;min-width:0;border-radius:var(--r-xl);overflow:hidden;background:#fff;box-shadow:0 2px 6px rgba(20,30,50,.06),0 10px 28px rgba(20,30,50,.08);transition:transform .2s,box-shadow .2s}
.spark-coll:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(20,30,50,.08),0 16px 36px rgba(20,30,50,.12)}
.spark-coll-head{position:relative;display:block;min-height:150px;padding:20px 24px 22px;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));overflow:hidden}
.spark-coll-head:hover{color:#fff;text-decoration:none}
.spark-coll-tag{display:inline-block;padding:0 10px;height:22px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px;line-height:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.spark-coll-head h3{position:relative;z-index:1;max-width:64%;margin:14px 0 4px;font-size:26px;line-height:1.25;font-weight:800;color:#fff;letter-spacing:-.2px}
.spark-coll-head p{position:relative;z-index:1;max-width:62%;margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.88)}
.spark-coll-art{position:absolute;right:8px;bottom:0;top:8px;width:42%;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}
.spark-coll-art svg,.spark-coll-art img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}
.spark-coll-list{list-style:none;margin:0;padding:6px 8px 8px}
.spark-coll-list li{margin:0}
.spark-coll-list li a{display:flex;align-items:center;gap:12px;padding:10px 10px;border-radius:var(--r-lg);color:inherit;transition:background .15s}
.spark-coll-list li a:hover{background:#f5f7fa;text-decoration:none}
.spark-coll-ic{flex:0 0 44px;width:44px;height:44px;border-radius:var(--r-lg);overflow:hidden;background:#eef3fb;color:var(--c2);display:flex;align-items:center;justify-content:center}
.spark-coll-ic img{width:44px;height:44px;object-fit:cover;display:block}
.spark-coll-tx{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.spark-coll-tx b{font-size:15px;line-height:22px;font-weight:600;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-coll-tx small{font-size:12.5px;line-height:18px;color:#98a1ab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-coll-btn{flex:0 0 auto;height:30px;padding:0 16px;border-radius:999px;background:#f0f2f6;color:var(--spark-blue);font-size:13px;font-weight:600;line-height:30px}
.spark-coll-list li a:hover .spark-coll-btn{background:var(--spark-blue);color:#fff}
.spark-coll-empty{padding:18px;text-align:center;color:#98a1ab;font-size:13px}
.spark-coll-side{grid-template-columns:1fr;gap:12px;padding:12px}
.spark-coll-side .spark-coll{box-shadow:0 1px 4px rgba(20,30,50,.1)}
.spark-coll-side .spark-coll-head{min-height:110px;padding:14px 16px}
.spark-coll-side .spark-coll-head h3{font-size:19px;margin-top:10px}
.spark-coll-side .spark-coll-btn{display:none}
@media (max-width:767px){.spark-coll-grid{grid-template-columns:1fr}.spark-coll-head h3{font-size:22px}.spark-sec-head h2{font-size:21px}}
/* ---- 2. 推荐区 ---- */
.spark-rec{margin:0 0 20px;padding:14px 16px 16px;border-radius:var(--spark-r);background:#fff;box-shadow:var(--spark-card-shadow)}
.spark-rec-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.spark-rec-tabs{display:flex;align-items:center;gap:4px 22px;flex-wrap:wrap;min-width:0}
.spark-rec-tabs a{position:relative;padding:4px 0;font-size:16px;line-height:24px;color:#8a94a0;font-weight:500;white-space:nowrap}
.spark-rec-tabs a:hover{color:#333;text-decoration:none}
.spark-rec-tabs a.on{color:var(--spark-blue);font-weight:700}
.spark-rec-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:0;border-radius:999px;background:#f2f4f7;color:#4a5560;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.spark-rec-more:hover{background:#e8f2ff;color:var(--spark-blue)}
.spark-rec-more .spark-ic{transition:transform .5s}
.spark-rec-more.spin .spark-ic{transform:rotate(360deg)}
.spark-rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transition:opacity .22s,transform .22s}
.spark-rec-grid.is-out{opacity:0;transform:translateY(6px)}
.spark-rec-card{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border-radius:var(--r-lg);background:#f7f8fa;transition:background .15s,transform .15s}
.spark-rec-card:hover{background:#eef4fc;transform:translateY(-1px)}
.spark-rec-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:var(--r-lg);overflow:hidden;background:#e6ebf2}
.spark-rec-thumb img{display:block;width:56px;height:56px;object-fit:cover}
.spark-rec-body{flex:1 1 auto;min-width:0}
.spark-rec-t{display:flex;align-items:center;gap:6px;min-width:0}
.spark-rec-title{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#1d1d1f}
.spark-rec-title:hover{color:var(--spark-blue);text-decoration:none}
.spark-rec-cat{flex:0 0 auto;max-width:5.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;height:18px;border-radius:999px;background:#e6ebf2;color:#6b7683;font-size:11px;line-height:18px}
.spark-rec-cat:hover{background:#dbe7f7;color:var(--spark-blue);text-decoration:none}
.spark-rec-m{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:12px;color:#98a1ab}
@media (max-width:1199px){.spark-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.spark-rec-grid{grid-template-columns:1fr}.spark-rec{padding:12px}}
.spark-rec-side{margin:0;padding:10px 12px 12px;box-shadow:none;border-radius:0}
.spark-rec-side .spark-rec-grid{grid-template-columns:1fr}
.spark-rec-side .spark-rec-tabs a{font-size:14px}
.hot_posts .suiji{display:none}
/* ---- 相关文章：整卡背景图 ---- */
.spark-related{margin:18px 0}
.spark-sec-h3{margin:0 0 12px;font-size:18px;font-weight:800;color:#111}
.spark-rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.spark-rel-c2 .spark-rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.spark-rel-c4 .spark-rel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.spark-rel-card{position:relative;display:block;aspect-ratio:4/5;min-height:200px;border-radius:var(--r-xl);overflow:hidden;color:#fff;background:#334155;isolation:isolate;transition:transform .25s,box-shadow .25s}
.spark-rel-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.25);color:#fff;text-decoration:none}
.spark-rel-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.spark-rel-card:hover img{transform:scale(1.06)}
.spark-rel-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,12,24,.82) 0%,rgba(8,12,24,.38) 45%,rgba(8,12,24,0) 75%)}
.spark-rel-card:not(:has(img)){background:linear-gradient(135deg,#334155,#0f172a)}
.spark-rel-g1:not(:has(img)){background:linear-gradient(135deg,#3b5bdb,#1c1f4a)}
.spark-rel-g2:not(:has(img)){background:linear-gradient(135deg,#0f766e,#0b2b2a)}
.spark-rel-g3:not(:has(img)){background:linear-gradient(135deg,#9d174d,#2b0f1f)}
.spark-rel-g4:not(:has(img)){background:linear-gradient(135deg,#b45309,#2a1a08)}
.spark-rel-card:not(:has(img)):after{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}
.spark-rel-txt{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px}
.spark-rel-txt small{font-size:12px;line-height:16px;color:rgba(255,255,255,.75)}
.spark-rel-txt strong{font-size:18px;line-height:1.35;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spark-rel-txt em{font-style:normal;font-size:12px;color:rgba(255,255,255,.7)}
@media (max-width:767px){.spark-rel-grid,.spark-rel-c4 .spark-rel-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.spark-rel-card{flex:0 0 78%;aspect-ratio:4/3;min-height:0;scroll-snap-align:start}}
/* ---- 卡片层级：小号蓝色分类 → 粗体标题 → 灰色摘要 → 浅灰元信息 ---- */
.spark-cards{display:block}
.spark-post.content-list{border:0;border-radius:var(--spark-r);background:#fff;box-shadow:var(--spark-card-shadow);margin-bottom:16px;transition:box-shadow .2s,transform .2s}
.spark-post.content-list:hover{box-shadow:0 2px 6px rgba(20,30,50,.08),0 12px 28px rgba(20,30,50,.1)}
.spark-post .posts-gallery-box{gap:20px;padding:16px}
.spark-post .posts-gallery-img{flex:0 0 220px;width:220px;height:150px;border-radius:var(--r-lg)}
.spark-post .article-mark,.spark-post .article-marks,.spark-post .posts-gallery-img i{display:none!important}
.spark-tax{height:auto;min-height:18px;margin:0 0 6px;gap:10px;overflow:hidden;line-height:18px}
.spark-tax-cat{height:auto;padding:0;background:none;border-radius:0;font-size:12px;line-height:18px;color:var(--spark-blue);gap:4px}
.spark-tax-cat:hover{background:none}
.spark-tax-cat a{font-weight:500}
.spark-tax-cat .spark-ic{width:12px;height:12px}
a.spark-tax-tag{height:auto;padding:0;background:none;font-size:12px;line-height:18px;color:#9aa5b1;max-width:100px}
a.spark-tax-tag:hover{background:none;color:var(--spark-blue)}
.spark-post h2.spark-card-title{margin:0 0 6px;font-size:20px;line-height:1.4;font-weight:800;color:#111;-webkit-line-clamp:2}
.spark-post h2.spark-card-title a{color:#111}
.spark-post .posts-gallery-content .posts-gallery-text{font-size:14px;line-height:1.7;color:#7a8592;-webkit-line-clamp:2}
.spark-card-foot{font-size:12px;color:#a4adb8}
.spark-stat,.spark-stat i{color:#a4adb8}
.spark-foot-author{color:#7a8592}
.spark-mk{display:inline-block;margin-left:8px;padding:0 6px;height:16px;border-radius:999px;font-size:10px;font-weight:700;line-height:16px;vertical-align:2px;letter-spacing:.3px}
.spark-mk-top{background:#fff1ee;color:#e5533d}.spark-mk-hot{background:#fff4e0;color:#e68a00}.spark-mk-new{background:#e7f6ec;color:#1a9d4b}
.spark-gcard{border-radius:var(--spark-r);box-shadow:var(--spark-card-shadow)}
.spark-gthumb{display:block;overflow:hidden}
.spark-gthumb img{border-radius:0}
.spark-gcard .spark-gtitle{height:auto;min-height:0;margin:0 0 4px;font-size:16px;line-height:1.4;font-weight:800;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spark-gcard .spark-gtitle a{color:#111}
.spark-gtext{margin:0 0 6px;font-size:13px;line-height:1.65;color:#7a8592;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spark-gbody .spark-tax-grid{margin:0 0 6px}
@media (max-width:991px){.spark-post .posts-gallery-img{flex-basis:170px;width:170px;height:128px}}
@media (max-width:767px){
  .spark-post .posts-gallery-img{flex-basis:112px;width:112px;height:96px;border-radius:var(--r-lg)}
  .spark-post h2.spark-card-title{font-size:16px}
  .spark-gcard .spark-gtitle{font-size:14px}
  .spark-gtext{display:none}
}
/* ---- 无限滚动 ---- */
.page-navi.spark-infinite.is-hidden{display:none}
.spark-sentinel{height:1px}
.spark-more-tip{margin:6px 0 24px;text-align:center;font-size:13px;color:#98a1ab;min-height:20px}
.spark-more-tip.end{color:#b6bdc6}.spark-more-tip.err{color:var(--spark-red);cursor:pointer}
.spark-in{animation:sparkIn .4s ease both}
@keyframes sparkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* ---- 幻灯片：Apple 风格 ---- */
.spark-slider{position:relative;margin:0 0 26px;padding:0;overflow:visible;background:none;border-radius:0}
.spark-glow{position:absolute;left:-2%;right:-2%;top:-6%;bottom:-8%;z-index:0;pointer-events:none;filter:blur(38px) saturate(1.5);opacity:.6}
.spark-glow-i{position:absolute;inset:8% 4%;background-size:cover;background-position:center;border-radius:var(--r-xl);opacity:0;transition:opacity .8s ease}
.spark-glow-i.on{opacity:1}
.spark-stage{position:relative;z-index:1;border-radius:var(--r-xl);overflow:hidden;background:#dfe7f1;box-shadow:0 10px 30px rgba(20,30,50,.18);aspect-ratio:16/7;touch-action:pan-y}
.spark-track{display:flex;height:100%;transition:transform .75s cubic-bezier(.22,.7,.2,1);will-change:transform}
.spark-slide{position:relative;flex:0 0 100%;width:100%;height:100%;opacity:1;visibility:visible;transition:none}
.spark-slide a.spark-slide-a,.spark-slide div.spark-slide-a{display:block;position:relative;width:100%;height:100%;color:#fff}
.spark-slide img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.spark-slide .spark-slide-a:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,rgba(8,12,24,.62) 0%,rgba(8,12,24,.28) 38%,rgba(8,12,24,0) 65%);pointer-events:none}
.spark-scap{position:absolute;left:32px;bottom:44px;right:auto;max-width:min(560px,70%);padding:0;background:none;color:#fff;font-size:inherit;display:flex;flex-direction:column;gap:4px;z-index:2;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.spark-scap small{font-size:13px;line-height:18px;color:rgba(255,255,255,.78);letter-spacing:.5px}
.spark-scap strong{font-size:clamp(20px,3vw,34px);line-height:1.2;font-weight:800;color:#fff}
.spark-scap em{font-style:normal;font-size:clamp(13px,1.5vw,17px);line-height:1.4;color:rgba(255,255,255,.88)}
.spark-prev,.spark-next{position:absolute;top:50%;margin-top:-22px;z-index:3;width:44px;height:44px;line-height:44px;padding:0;text-align:center;border-radius:50%;background:rgba(255,255,255,.55);color:#222;opacity:0;transition:opacity .2s,background .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}
.spark-prev{left:14px}.spark-next{right:14px}
.spark-prev .spark-ic{transform:rotate(180deg)}
.spark-slider:hover .spark-prev,.spark-slider:hover .spark-next,.spark-slider:focus-within .spark-prev,.spark-slider:focus-within .spark-next{opacity:1}
.spark-prev:hover,.spark-next:hover{background:rgba(255,255,255,.9);color:#000}
.spark-dots{position:absolute;left:50%;bottom:14px;right:auto;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:7px;height:22px;padding:0 10px;border-radius:999px;background:rgba(20,24,32,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.spark-dots span{width:7px;height:7px;margin:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .3s,background .3s}
.spark-dots span.on{width:20px;border-radius:4px;background:#fff}
@media (max-width:767px){.spark-stage{border-radius:var(--r-xl);aspect-ratio:16/9}.spark-scap{left:16px;bottom:38px;max-width:85%}.spark-glow{filter:blur(24px) saturate(1.4)}.spark-prev,.spark-next{display:none}.spark-slider{margin-bottom:20px}}
@media (prefers-reduced-motion:reduce){.spark-track,.spark-glow-i,.spark-rec-grid,.spark-in,.spark-coll,.spark-rel-card,.spark-rel-card img{transition:none;animation:none}}
/* ---- 导航图标 ---- */
.spark-nav-ic{width:16px;height:16px;vertical-align:-3px;margin-right:2px}
/* ---- 深色页脚 ---- */
.footer{display:none}
.spark-footer{margin-top:30px;padding:56px 0 26px;background:#111214;color:rgba(255,255,255,.78)}
.spark-footer a{color:rgba(255,255,255,.78);text-decoration:none}.spark-footer a:hover{color:#fff}
.spark-ftop{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:36px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.spark-fbrand{min-width:0}
.spark-fb{display:inline-flex;align-items:center;margin-bottom:16px;color:#fff}
.spark-fb img{display:block;height:136px;max-height:none;max-width:100%;width:auto}
/* 6.3.3 页脚 Logo 大小档位（高度定，宽度自适应，比例不变） */
.spark-fb-s img{height:72px}.spark-fb-m img{height:104px}.spark-fb-l img{height:136px}.spark-fb-xl img{height:168px}
.spark-fb{margin-bottom:20px}
.spark-fb img.spark-fb-white{filter:brightness(0) invert(1)}
.spark-fb-name{font-size:22px;line-height:1.3;font-weight:700;color:#fff;letter-spacing:.5px}
.spark-fdesc{max-width:30em;margin:0;font-size:13.5px;line-height:2;color:rgba(255,255,255,.66)}
.spark-fcol h4{margin:0 0 16px;font-size:12px;font-weight:400;letter-spacing:.2em;color:rgba(255,255,255,.5)}
.spark-fcol ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.spark-fcol li{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.78);word-break:break-word}
.spark-fcol p{margin:0 0 8px;font-size:13.5px;line-height:1.8;color:rgba(255,255,255,.78)}
.spark-finfo{font-size:13px;line-height:1.9;color:rgba(255,255,255,.7)}
.spark-fbot{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;padding-top:22px;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.55)}
.spark-fbot .spark-badge,.spark-fbot .spark-badge a{color:rgba(255,255,255,.65)}
.spark-fbot .spark-fbeian img,.spark-fbot .spark-badge img{vertical-align:-2px}
.spark-fseal{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.62);font-size:12px;letter-spacing:.04em;text-decoration:none;transition:color .15s}
a.spark-fseal:hover,a.spark-fseal:focus{color:#fff;text-decoration:none}
.spark-fseal img{display:block;height:22px;width:auto;max-width:140px;opacity:.85;transition:opacity .15s}
a.spark-fseal:hover img{opacity:1}
/* 6.3.3 只有图片（图里已带文字的完整品牌横条）：略放大，保证图内小字可读 */
.spark-fseal-solo img{height:34px;max-width:230px}
.spark-fseal img.spark-fb-white{filter:brightness(0) invert(1)}
.spark-fseal-stamp .spark-fseal-tx{padding:2px 10px;background:#c0392b;color:#fff;font-size:14px;letter-spacing:0;border-radius:2px;box-shadow:0 4px 18px rgba(192,57,43,.3)}
.spark-fpow{margin-left:auto;text-transform:uppercase;letter-spacing:.14em}
@media (max-width:991px){.spark-ftop{grid-template-columns:1fr 1fr;gap:30px 20px}.spark-fbrand{grid-column:1/-1}}
@media (max-width:767px){.spark-fb-s img{height:56px}.spark-fb-m img{height:80px}.spark-fb-l img{height:106px}.spark-fb-xl img{height:130px}.spark-footer{padding:36px 0 84px}.spark-ftop{grid-template-columns:1fr 1fr}.spark-fbot{flex-direction:column;align-items:flex-start;gap:12px}.spark-fpow{margin-left:0}}
@media (max-width:420px){.spark-ftop{grid-template-columns:1fr}}

/* ---- 6.3.2 标签显示修复：旧 .sidetags 彩色圆点/左内边距不再作用于胶囊；长标签换行、不裁切 ---- */
.sidetags a.spark-cap,.post-copyright .sidetags a.spark-cap{position:relative;margin:0;padding:0 12px 0 10px;border-bottom:0;font-size:13px}
.sidetags a.spark-cap:before,.sidetags a.spark-cap:after{content:none!important;display:none!important}
.post-copyright{padding:14px 16px;height:auto;overflow:visible}
.post-copyright p{line-height:1.7;overflow-wrap:anywhere;word-break:break-word}
.post-copyright p+p{margin-top:10px}
.post-copyright .sidetags{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;line-height:1.5}
.post-copyright .sidetags>.fa{flex:0 0 auto}
.post-copyright .sidetags .spark-cap{height:auto;min-height:30px;max-width:100%;line-height:1.4;padding-top:4px;padding-bottom:4px}
.spark-cap{min-width:0}
.spark-cap>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-caps .spark-cap,.widget_ui_tags .items .spark-cap{height:auto;min-height:32px;line-height:1.4;padding-top:4px;padding-bottom:4px}
.spark-cap .spark-ic{flex:0 0 15px}
.spark-cap em{flex:0 0 auto}
#authorarea{height:auto;overflow:hidden}
#authorarea .authorinfo{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:0}
#authorarea .author-des{flex:1 1 200px;min-width:0}
#authorarea .author-meta{line-height:1.5}
#authorarea .user-counter-key{overflow-wrap:anywhere;word-break:break-word}
#authorarea .spark-caps,#authorarea .sidetags{margin-top:8px}
.spark-tax a,.spark-tax span{overflow-wrap:anywhere}


/* ==== 6.3.2 圆角变量（集中管理）====
   sm 小元素（缩略图、标签、行内代码、输入框） / md 表格与代码块 / lg 卡片、侧栏组件、图片、按钮 / xl 幻灯片与大卡片
   胶囊标签保持 999px，头像保持 50%。后台「圆角大小」切换 body.rad-hard / rad-mid / rad-soft */
:root,body.rad-mid{--r-sm:9px;--r-md:12px;--r-lg:15px;--r-xl:20px;--r-img:12px;--r-btn:14px;--spark-r:15px}
body.rad-hard{--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-img:10px;--r-btn:10px;--spark-r:10px}
body.rad-soft{--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-img:18px;--r-btn:22px;--spark-r:22px}
.form-control,#commentform input,#commentform textarea,.search-forms input{border-radius:var(--r-md)}
.btn,.form-submit input[type=submit],.widget_ui_ad .adli,
.spark-glow-i{border-radius:var(--r-xl)}
.spark-slider,.spark-stage{border-radius:var(--r-xl)}
.spark-coll,.spark-rel-card,.spark-rec,.spark-colls .spark-coll{border-radius:var(--r-xl)}
.widget,.panel,.panel-sort,.content-list,.spark-gcard,#authorarea,.post-copyright,.excerpt-minic,.hot_posts,.panel_cms,.spark-links,.spark-toc,.meta-nav{border-radius:var(--r-lg)}
.spark-table-wrap,.context .markdown .spark-code,.context .markdown pre{border-radius:var(--r-md)}
.context .markdown pre{border-radius:0 0 var(--r-md) var(--r-md)}
.context .markdown .spark-code pre{border-radius:0}
.spark-cap,.spark-link,.spark-feedback,.spark-coll-tag,.spark-coll-btn,.spark-rec-more,.spark-mk,.spark-rec-cat,.spark-cap em,.hot-sort-item,.post-author-weibo a{border-radius:999px}
.widget_links .spark-link,.spark-links-page .spark-link,.spark-links-footer .spark-link{border-radius:var(--r-lg)}
.sidebar-posts-list>li .thumbnailside,.spark-rec-thumb,.spark-coll-ic,.spark-post .posts-gallery-img,.context .markdown img,.context .markdown :is(video,iframe){border-radius:var(--r-img)}
.spark-post.content-list{border-radius:var(--r-lg)}
.spark-tax-cat,a.spark-tax-tag,.context .markdown :not(pre)>code,.context .markdown kbd{border-radius:var(--r-sm)}

/* 6.3.2 长标签：胶囊内文字换行显示完整（不再省略号裁切），超长英文/无空格串强制断行 */
.spark-cap>span{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}
.spark-caps .spark-cap,.post-copyright .sidetags .spark-cap,.widget_ui_tags .items .spark-cap{align-items:center}
.spark-cap{text-align:left}
.spark-cap>span:empty,.spark-cap:empty{display:none}
.sidetags a.spark-cap:nth-child(n),.post-copyright .sidetags a.spark-cap:nth-child(n){color:#1d1d1f}
.sidetags a.spark-cap:hover{color:var(--spark-blue)}

.spark-fseal+.spark-fpow{margin-left:0}
@media (max-width:767px){.spark-fseal{margin-left:0}}

/* 6.3.2 侧栏块状按钮（文字按钮）：大圆角彩色块 */
.widget_ui_ad .adli{display:block;border:0;padding:12px 16px;font-weight:600;text-align:center;border-radius:var(--r-btn);transition:filter .15s,transform .15s}
.widget_ui_ad .adli:hover{filter:brightness(.97);transform:translateY(-1px)}
.widget_ui_ad .list-group-item-success{background:#e7f6ec;color:#1a7f45}
.widget_ui_ad .list-group-item-info{background:#e4f1ff;color:#1a6fc9}
.widget_ui_ad .list-group-item-warning{background:#fff1dc;color:#b86a00}
.widget_ui_ad .list-group-item-danger{background:#ffe6ec;color:#c2255c}
.spark-rec-side .spark-rec-tabs{gap:6px}
.spark-rec-side .spark-rec-tabs a{padding:5px 14px;border-radius:var(--r-btn);background:#f2f4f7}
.spark-rec-side .spark-rec-tabs a.on{background:var(--spark-blue);color:#fff}

/* ==== 6.3.2 手机顶栏 / 菜单面板 / 底栏（≤767px；桌面不受影响）==== */
.spark-m-right{display:none}
@media (max-width:767px){
  #header>.container{padding-left:16px;padding-right:16px;display:block}
  #header .navbar-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin:0;padding:0}
  #header .navbar-brand.logo{margin:0;padding:0;height:56px;flex:0 1 auto;min-width:0;max-width:52%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  #header .navbar-brand.logo img{max-width:100%}
  .spark-m-right{display:flex;align-items:center;gap:14px;margin-left:auto;flex:0 0 auto}
  #header .spark-menu-btn{display:inline-flex;align-items:center;gap:4px;float:none;margin:0;padding:0 2px;height:36px;border:0;background:transparent;color:#1d1d1f;font-size:15px;font-weight:500;line-height:36px}
  #header .spark-menu-btn:hover,#header .spark-menu-btn:focus{background:transparent}
  #header .spark-menu-btn .spark-menu-ch{transition:transform .2s}
  #header .spark-menu-btn[aria-expanded="true"] .spark-menu-ch{transform:rotate(180deg)}
  #header .spark-m-search{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:999px;background:#111;color:#fff;font-size:14px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap}
  #header .spark-m-search:hover,#header .spark-m-search:focus{background:#333;color:#fff}
  /* 面板：顶栏下方铺满宽度、近全屏、可滚动 */
  #header .navbar-collapse.collapse,#header #spark-navbar{display:none!important;position:fixed;left:0!important;right:0!important;top:56px!important;bottom:auto!important;margin:0!important;width:auto!important;height:calc(100vh - 56px - 76px)!important;height:calc(100dvh - 56px - 76px)!important;max-height:none!important;overflow-y:auto!important;position:fixed!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff!important;border-top:1px solid rgba(0,0,0,.06);border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:0 18px 40px rgba(0,0,0,.14);padding:6px 0 14px;z-index:1031}
  #header #spark-navbar.spark-open{display:block!important;animation:spark-panel-in .22s ease-out}
  @keyframes spark-panel-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  #header #spark-navbar .nav{margin:0;float:none}
  #header #spark-navbar .nav>li{position:relative;float:none;display:block;border-bottom:1px solid rgba(0,0,0,.05)}
  #header #spark-navbar .nav>li>a{display:block;height:auto;line-height:22px;padding:15px 64px 15px 20px;font-size:17px;font-weight:600;color:#1d1d1f;border:0}
  #header #spark-navbar .nav>li.active>a{color:var(--spark-blue)}
  #header #spark-navbar .spark-sub-t{position:absolute;right:0;top:0;width:56px;height:52px;padding:0;border:0;background:transparent;color:#8a94a0;display:flex;align-items:center;justify-content:center}
  #header #spark-navbar .spark-sub-t svg{transition:transform .2s}
  #header #spark-navbar li.sub-open>.spark-sub-t svg{transform:rotate(180deg)}
  #header #spark-navbar .dropdown-menu{display:none!important;position:static;float:none;width:auto;margin:0;padding:2px 0 8px;border:0;border-radius:0;box-shadow:none;background:#f7f8fa;-webkit-backdrop-filter:none;backdrop-filter:none}
  #header #spark-navbar li.sub-open>.dropdown-menu{display:block!important}
  #header #spark-navbar .dropdown-menu>li>a{display:block;padding:11px 20px 11px 40px;font-size:15px;font-weight:400;line-height:22px;color:#4a5460;white-space:normal}
  #header #spark-navbar .spark-nav-right{display:none!important}
  /* 遮罩：仅打开时存在（JS 创建，关闭即移除） */
  .spark-nav-mask{position:fixed;left:0;right:0;top:56px;bottom:0;background:rgba(0,0,0,.35);z-index:1029}
  html.spark-lock,body.spark-lock{overflow:hidden!important}
}
@media (min-width:768px){.spark-nav-mask{display:none!important}}

/* ==== 6.3.4 ==== */
/* 1) 桌面子菜单：定位在所属菜单项内；子级多时分 2~3 列 / 限高可滚动，不拉成一长条 */
.spark-sub-t{display:none}
@media (min-width:768px){
  #header .navbar-nav>li.has-sub{position:relative}
  #header .navbar-nav>li>.dropdown-menu{min-width:160px;max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain}
  #header .navbar-nav>li>.dropdown-menu.dd-c2{column-count:2;column-gap:0;min-width:320px}
  #header .navbar-nav>li>.dropdown-menu.dd-c3{column-count:3;column-gap:0;min-width:480px}
  #header .navbar-nav>li>.dropdown-menu.dd-c2>li,#header .navbar-nav>li>.dropdown-menu.dd-c3>li{break-inside:avoid;-webkit-column-break-inside:avoid}
  #header .navbar-nav>li>.dropdown-menu>li>a{white-space:nowrap}
  #header .navbar-nav>li.has-sub:hover>.dropdown-menu,#header .navbar-nav>li.has-sub:focus-within>.dropdown-menu{display:block}
}
@media (min-width:768px) and (max-width:1100px){#header .navbar-nav>li>.dropdown-menu.dd-c3{column-count:2;min-width:320px}}
/* 2) 不放大：侧栏/卡片/相关文章/合集/幻灯片 图片悬停不缩放（保留极轻亮度变化） */
img.thumb:hover,.spark-post .posts-gallery-box:hover .posts-gallery-img img,.spark-rel-card:hover img,.context .markdown a>img:hover,.sidebar-posts-list>li:hover .thumbnailside,.spark-rec-card:hover .spark-rec-thumb img,.spark-coll:hover img{transform:none!important}
.sidebar-posts-list>li .thumbnailside,.sidebar-posts-list>li .thumbnail-link{transform:none!important;box-shadow:none!important;border-width:0!important;padding:0!important;background:none!important;outline:0}
.sidebar-posts-list>li:hover .thumbnailside{filter:brightness(1.04)}
.spark-post .posts-gallery-img img,.spark-rel-card img{transition:filter .25s}
.spark-post .posts-gallery-box:hover .posts-gallery-img img,.spark-rel-card:hover img{filter:brightness(1.05)}
.context .markdown a>img:hover{box-shadow:0 2px 12px rgba(20,30,50,.1)}
.simg:hover:before{left:-200px;transition:none}
/* 3) 全屏搜索：Logo 与搜索框同一中轴线、居中偏上；Logo 无边框 */
.search-forms .search-form-inner{max-width:none;width:min(720px,90vw);padding:0;margin:0;left:50%;right:auto;top:38%;bottom:auto;height:auto;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:stretch}
.search-forms form{margin:0}
.search-forms .search-form-logo{display:flex;justify-content:center;align-items:center;margin:0 0 32px;line-height:0}
.search-forms .search-form-logo img{display:block;height:45px;width:auto;max-width:90%;border:0;outline:0;box-shadow:none;padding:0;margin:0 auto}
.search-forms .search-form-inner img,.search-forms .search-form-inner img:focus{outline:0;border:0}
.search-forms .search-form-box{margin:0;width:100%}
.search-forms input{width:100%;box-sizing:border-box;padding-right:110px;outline:0}
.search-forms input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.search-forms button{outline:0}
.search-form-inner p{display:none}
@media (max-width:767px){.search-forms .search-form-inner{top:32%;width:calc(100vw - 32px)}.search-forms .search-form-logo{margin-bottom:24px}.search-forms .search-form-logo img{height:40px}.close-search{top:8px;right:8px;transform:scale(.7);transform-origin:top right}}
/* 4) 侧栏“热门文章/最新文章”缩略图：无白边光晕 */
.sidebar-posts-list>li .thumbnail-link{display:block;line-height:0}
/* 5) 文章目录：细线贴合；侧栏版本悬浮 */
.spark-toc{border:1px solid #eceff3;background:#fafbfc}
.spark-toc ol{scrollbar-width:thin;scrollbar-color:#c9d3df transparent}
.spark-toc ol::-webkit-scrollbar,.spark-toc-side .spark-toc-list::-webkit-scrollbar{width:2px;height:2px;background:transparent}
.spark-toc ol::-webkit-scrollbar-thumb,.spark-toc-side .spark-toc-list::-webkit-scrollbar-thumb{background:#c9d3df;border-radius:2px}
.spark-toc ol::-webkit-scrollbar-track{background:transparent}
.spark-toc-list{list-style:none;margin:0;padding:6px 14px 12px;max-height:calc(100vh - 210px);overflow:auto;scrollbar-width:thin;scrollbar-color:#c9d3df transparent}
.spark-toc-list li{margin:0;padding:0;line-height:26px;font-size:14px}
.spark-toc-list li.lv3{padding-left:14px}.spark-toc-list li.lv4{padding-left:28px}
.spark-toc-list a{display:block;color:#4a5560;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-toc-list a:hover{color:var(--spark-blue);text-decoration:none}
.spark-toc-list li.on>a{color:var(--spark-blue);font-weight:600}
.spark-toc.has-side-toc{display:none}
@media (max-width:1024px){.spark-toc.has-side-toc{display:block}}
@media (min-width:1025px){
  .sidebar.is-float{position:sticky;top:76px;align-self:flex-start;float:left;padding-bottom:6px}
  .sidebar.is-float::-webkit-scrollbar{display:none}
  .sidebar.is-float .spark-toc-side{position:static}
}
/* 6) 推荐小卡片：标题独占顶部（两行截断），底部一行 = 阅读数 + 分类胶囊 */
.spark-rec-card{align-items:flex-start}
.spark-rec-thumb{align-self:flex-start}
.spark-rec-t{display:block}
.spark-rec-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:clip;line-height:1.4;word-break:break-word;max-width:100%}
.spark-rec-m{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-width:0}
.spark-rec-v{display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}
.spark-rec-m .spark-rec-cat{margin-left:auto;flex:0 1 auto;min-width:0;max-width:60%}
/* 7) 灯箱：遮罩仅在打开时存在，点击空白 / ESC 关闭 */
.context .markdown img.spark-zoomable{cursor:zoom-in}
html.spark-lock,body.spark-lock{overflow:hidden!important}
.spark-lb{position:fixed;left:0;top:0;right:0;bottom:0;z-index:10050;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;touch-action:none;animation:spark-lb-in .18s ease-out}
@keyframes spark-lb-in{from{opacity:0}to{opacity:1}}
.spark-lb-img{display:block;max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:6px;background:transparent;box-shadow:0 10px 40px rgba(0,0,0,.5);transition:opacity .2s,transform .12s;cursor:zoom-out;user-select:none;-webkit-user-drag:none}
.spark-lb-x,.spark-lb-p,.spark-lb-n{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;line-height:1;border-radius:50%;width:44px;height:44px;font-size:28px;padding:0;text-align:center}
.spark-lb-x:hover,.spark-lb-p:hover,.spark-lb-n:hover{background:rgba(255,255,255,.28)}
.spark-lb-x{top:16px;right:16px}
.spark-lb-p{left:16px;top:50%;margin-top:-22px}.spark-lb-n{right:16px;top:50%;margin-top:-22px}
.spark-lb.single .spark-lb-p,.spark-lb.single .spark-lb-n{display:none}
.spark-lb-cap{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:rgba(255,255,255,.8);font-size:13px;padding:0 60px;pointer-events:none}
@media (max-width:767px){.spark-lb-p,.spark-lb-n{width:36px;height:36px;font-size:22px}.spark-lb-p{left:8px}.spark-lb-n{right:8px}.spark-lb-x{top:10px;right:10px}}

/* 6.3.4 文章页“【返回】分类名”：返回按钮小号灰字，分类名仍是红粉色链接；手机端不挤压右侧“反馈” */
.spark-post-cat{display:inline-flex;align-items:baseline;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap}
.spark-post-cat a.spark-back{flex:0 0 auto;margin-right:6px;font-size:13px;font-weight:400;color:#8a94a0;letter-spacing:0}
.spark-post-cat a.spark-back:hover{color:var(--spark-blue);text-decoration:none}
.spark-post-cat a:not(.spark-back){min-width:0;overflow:hidden;text-overflow:ellipsis}
.spark-feedback{flex:0 0 auto}
@media (max-width:767px){.spark-post-cat a.spark-back{font-size:12.5px;margin-right:4px}.spark-post-cat a:not(.spark-back){font-size:13.5px}}


/* =====================================================================
 * 6.3.5
 * ===================================================================== */
/* --- 1) 文章页「返回」按钮：胶囊 + 箭头 + 悬停动效；分类名前带小圆点 --- */
.spark-post-cat{gap:0}
.spark-post-cat a.spark-back{display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 13px 0 8px;margin-right:10px;border-radius:999px;background:linear-gradient(180deg,#f5f9ff 0%,#e5efff 100%);color:var(--spark-blue);font-size:13px;font-weight:600;line-height:28px;letter-spacing:.2px;box-shadow:inset 0 0 0 1px rgba(26,126,224,.18),0 1px 2px rgba(26,126,224,.10);transition:background .18s,color .18s,box-shadow .18s,transform .18s}
.spark-post-cat a.spark-back .spark-ic{width:14px;height:14px;transition:transform .18s}
.spark-post-cat a.spark-back:hover{background:linear-gradient(180deg,#3d97f0 0%,#1a7ee0 100%);color:#fff;box-shadow:0 4px 12px rgba(26,126,224,.32);transform:translateY(-1px);text-decoration:none}
.spark-post-cat a.spark-back:hover .spark-ic{transform:translateX(-3px)}
.spark-post-cat a.spark-back:active{transform:translateY(0)}
.spark-post-cat a:not(.spark-back){display:inline-flex;align-items:center;font-weight:600}
.spark-post-cat a:not(.spark-back):before{content:"";flex:0 0 auto;width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor;opacity:.75}
@media (max-width:767px){.spark-post-cat a.spark-back{height:26px;line-height:26px;padding:0 11px 0 6px;margin-right:8px;font-size:12.5px}.spark-post-cat a:not(.spark-back){font-size:13.5px}}

/* --- 2) 目录：头部图标 + 条数 + 进度；序号 + 层级引线；当前项高亮条 --- */
.spark-toc-head{display:flex;align-items:center;gap:8px;min-width:0}
.spark-toc-head h3,.spark-toc-sheet-h h3{margin:0;font-size:15px;font-weight:700;color:#1d1d1f;line-height:1.2;flex:0 1 auto}
.spark-toc-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#4aa3f5,#1a7ee0);color:#fff;box-shadow:0 3px 8px rgba(26,126,224,.28)}
.spark-toc-ic .spark-ic{width:15px;height:15px;vertical-align:0}
.spark-toc-cnt{font-style:normal;font-size:11px;line-height:18px;min-width:20px;padding:0 6px;border-radius:999px;background:#eef3f9;color:#7b8794;text-align:center}
.spark-toc-pct{margin-left:auto;font-size:12px;font-weight:700;color:var(--spark-blue);font-variant-numeric:tabular-nums}
.spark-toc-prog{height:3px;margin:10px 0 0;border-radius:3px;background:#eef2f7;overflow:hidden}
.spark-toc-prog i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#6cb8ff,#1a7ee0);transition:width .15s linear}
.widget_spark_toc.spark-toc-side{padding:14px 12px 8px;background:#fff;border:1px solid #eceff3;border-radius:var(--r-lg);box-shadow:var(--spark-card-shadow)}
.widget_spark_toc .spark-toc-head{padding:0 4px}
.widget_spark_toc .spark-toc-prog{margin:12px 4px 4px}
.spark-toc-list{position:relative;list-style:none;margin:0;padding:8px 0 6px}
.spark-toc-list li{position:relative;margin:0;padding:0;line-height:1.45;font-size:13.5px}
.spark-toc-list li a{display:flex;align-items:baseline;gap:6px;padding:7px 10px 7px 12px;margin:1px 0;border-radius:10px;color:#4a5560;border:0;white-space:normal;overflow:hidden;position:relative;transition:background .15s,color .15s,padding-left .15s}
.spark-toc-list li a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0;word-break:break-word}
.spark-toc-n{flex:0 0 auto;font-style:normal;font-weight:600;color:#9aa6b3;min-width:1.6em;font-variant-numeric:tabular-nums}
.spark-toc-dot{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:#c3ccd6;transform:translateY(-2px)}
.spark-toc-list li.d0>a{font-weight:600;color:#2b3440}
.spark-toc-list li.d1{margin-left:14px}
.spark-toc-list li.d2{margin-left:28px}
.spark-toc-list li.d1>a,.spark-toc-list li.d2>a{font-size:13px;font-weight:400}
.spark-toc-list li.d1:before,.spark-toc-list li.d2:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:1px;background:#e3e9f0}
.spark-toc-list li.d1:last-child:before,.spark-toc-list li.d2:last-child:before{bottom:50%}
.spark-toc-list li a:hover{background:#f2f7fd;color:var(--spark-blue);text-decoration:none;padding-left:15px}
.spark-toc-list li.on>a{background:linear-gradient(90deg,#e8f2ff,#f4f9ff);color:var(--spark-blue);font-weight:700}
.spark-toc-list li.on>a:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--spark-blue)}
.spark-toc-list li.on .spark-toc-n{color:var(--spark-blue)}
.spark-toc-list li.on .spark-toc-dot{background:var(--spark-blue)}
.widget_spark_toc .spark-toc-list{max-height:calc(100vh - 230px);overflow:auto;padding-top:10px}
/* 文内目录（≤1024px 且未做悬浮按钮 / 未启用侧栏目录时显示）沿用同款卡片 */
.spark-toc{border:1px solid #eceff3;background:#fff;border-radius:var(--r-lg);padding:0}
.spark-toc>summary{padding:12px 14px;list-style:none;cursor:pointer}
.spark-toc>summary:after{display:none}
.spark-toc>summary .spark-toc-prog{margin-top:10px}
.spark-toc>.spark-toc-list{padding:0 8px 10px;max-height:320px;overflow:auto}
.spark-toc.has-fab-toc{display:none}
@media (min-width:1025px){.spark-toc.has-fab-toc:not(.has-side-toc){display:block}}
/* 手机 / 平板：右下角圆形悬浮按钮 + 底部弹出目录面板 */
.spark-toc-fab,.spark-toc-sheet{display:none}
@media (max-width:1024px){
  .spark-toc-fab{display:flex;position:fixed;right:14px;bottom:176px;z-index:120;width:46px;height:46px;padding:0;border:0;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#4aa3f5,#1a7ee0);color:#fff;box-shadow:0 6px 16px rgba(26,126,224,.42),0 0 0 4px rgba(255,255,255,.85);cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
  .spark-toc-fab .spark-ic{width:22px;height:22px;vertical-align:0}
  .spark-toc-fab:active{transform:scale(.94)}
  .spark-toc-mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1039;background:rgba(15,23,42,.42);animation:spark-lb-in .18s ease-out}
  .spark-toc-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:1040;max-height:72vh;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(15,23,42,.22);transform:translateY(105%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s;padding-bottom:env(safe-area-inset-bottom)}
  .spark-toc-sheet.is-open{transform:none;visibility:visible;transition:transform .25s ease}
  .spark-toc-sheet-h{display:flex;align-items:center;gap:8px;padding:14px 14px 8px 16px;flex:0 0 auto;border-bottom:1px solid #f0f2f5}
  .spark-toc-sheet-h:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:4px;background:#dfe4ea}
  .spark-toc-x{margin-left:auto;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f2f4f7;color:#6b7683;display:flex;align-items:center;justify-content:center}
  .spark-toc-x .spark-ic{transform:rotate(45deg);vertical-align:0}
  .spark-toc-list-sheet{flex:1 1 auto;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px 12px 16px;max-height:none}
  .spark-toc-list-sheet li a{padding:10px 12px;font-size:14.5px}
}
@media (min-width:1025px){.spark-toc-fab,.spark-toc-sheet,.spark-toc-mask{display:none!important}}
@media (max-width:767px){.spark-toc-fab{bottom:136px}}

/* --- 3) 电脑端子菜单：默认单列直排，限高滚动（自动分列由后台选项控制） --- */
.spark-sub-ic{display:none}
@media (min-width:768px){
  #header .navbar-nav>li>.dropdown-menu:not(.dd-c2):not(.dd-c3){column-count:1;min-width:170px}
  #header .navbar-nav>li>.dropdown-menu>li>a span{pointer-events:none}
}

/* --- 4) 手机底栏：均分格子，中间项突出圆形按钮 --- */
#f-mobile-footer{display:none}
@media (max-width:767px){
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .footer{margin-bottom:0}
  #f-mobile-footer{display:block;position:fixed;left:0;right:0;bottom:0;z-index:100;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-top:1px solid #e9edf2;box-shadow:0 -4px 18px rgba(15,23,42,.06);padding-bottom:env(safe-area-inset-bottom)}
  #f-mobile-menu{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));align-items:end;margin:0;padding:0;list-style:none;height:56px}
  #f-mobile-menu li{position:relative;text-align:center;padding:0;font-size:11px;min-width:0}
  #f-mobile-menu li a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;padding:0 2px;color:#6b7683;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .15s}
  #f-mobile-menu .spark-mbar-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;transition:transform .15s}
  #f-mobile-menu .spark-mbar-ic .spark-ic{width:22px;height:22px;vertical-align:0}
  #f-mobile-menu .spark-mbar-ic i.fa{font-size:20px}
  #f-mobile-menu .spark-mbar-img{width:22px;height:22px;object-fit:contain;border-radius:4px}
  #f-mobile-menu .spark-mbar-t{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px;font-weight:500}
  #f-mobile-menu li.is-on a{color:var(--spark-blue)}
  #f-mobile-menu li.is-on:not(.is-mid) a:after{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:var(--spark-blue)}
  #f-mobile-menu li a:active .spark-mbar-ic{transform:scale(.9)}
  /* 中间突出圆按钮 */
  #f-mobile-menu li.is-mid a{justify-content:flex-end;padding-bottom:5px;color:var(--spark-blue);font-weight:600}
  #f-mobile-menu li.is-mid .spark-mbar-ic{width:50px;height:50px;margin-top:-24px;border-radius:50%;background:linear-gradient(135deg,#4aa3f5,#1a7ee0);color:#fff;box-shadow:0 6px 16px rgba(26,126,224,.42),0 0 0 5px #fff}
  #f-mobile-menu li.is-mid .spark-mbar-ic .spark-ic{width:24px;height:24px}
  #f-mobile-menu li.is-mid .spark-mbar-ic i.fa{font-size:22px}
  #f-mobile-menu li.is-mid a:active .spark-mbar-ic{transform:scale(.92)}
  .rollbar{bottom:76px}
  .search-forms{z-index:1060}
}

/* --- 5) 手机：菜单展开面板里的子分类 2 列宫格卡片（图标 + 文字） --- */
@media (max-width:767px){
  #header #spark-navbar li.sub-open>.dropdown-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 16px 16px;max-height:none;column-count:auto}
  #header #spark-navbar .dropdown-menu>li{border:0;display:block;float:none}
  #header #spark-navbar .dropdown-menu>li>a{display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(20,30,50,.08),inset 0 0 0 1px rgba(20,30,50,.04);font-size:14px;font-weight:500;line-height:1.3;color:#2b3440;white-space:normal;word-break:break-word}
  #header #spark-navbar .dropdown-menu>li>a:active{background:#eef5ff;color:var(--spark-blue)}
  #header #spark-navbar .dropdown-menu>li>a span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}
  #header #spark-navbar .spark-sub-ic{display:inline-flex;flex:0 0 auto;width:30px;height:30px;padding:6px;border-radius:9px;background:#eaf3ff;color:var(--spark-blue);box-sizing:border-box}
}

/* --- 6) 6.3.6：手机首页文章列表 / 推荐区恢复 6.3.4 排版（大卡片全宽 + 小卡片混排），此处不再强制两列 --- */

/* --- 7) 分类 / 标签 / 搜索页（手机 2 列）卡片细节 --- */
@media (max-width:767px){
  .spark-list-page .spark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .spark-gcard{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);background:#fff}
  .spark-gthumb{aspect-ratio:4/3;height:auto}
  .spark-gthumb img{width:100%;height:100%;object-fit:cover}
  .spark-gbody{display:flex;flex-direction:column;flex:1 1 auto;padding:10px 10px 0}
  .spark-gcard .spark-gtitle{font-size:14px;height:auto;min-height:0;padding:0;margin:0 0 6px}
  .spark-gbody .spark-card-foot{margin:auto -10px 0;padding:6px 10px 10px}
  .spark-gbody .spark-foot-author span{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .spark-gbody .spark-foot-author img{width:20px;height:20px}
  .spark-gbody .spark-stat-com{display:none}
}

/* =====================================================================
 * 6.3.6
 * ===================================================================== */
/* 列表页标题条里的「返回」（分类页 → 父分类 / 首页；标签 / 搜索 / 归档 / 作者 → 首页） */
.spark-list-head .spark-back-list{display:inline-flex;align-items:center;gap:3px;height:28px;padding:0 13px 0 8px;margin-right:10px;border-radius:999px;background:linear-gradient(180deg,#f5f9ff 0%,#e5efff 100%);color:var(--spark-blue);font-size:13px;font-weight:600;line-height:28px;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(26,126,224,.18),0 1px 2px rgba(26,126,224,.10);transition:background .18s,color .18s,box-shadow .18s,transform .18s;text-decoration:none}
.spark-list-head .spark-back-list .spark-ic{width:14px;height:14px;transition:transform .18s}
.spark-list-head .spark-back-list:hover{background:linear-gradient(180deg,#3d97f0 0%,#1a7ee0 100%);color:#fff;box-shadow:0 4px 12px rgba(26,126,224,.32);transform:translateY(-1px)}
.spark-list-head .spark-back-list:hover .spark-ic{transform:translateX(-3px)}
/* 顶栏品牌：桌面不变（返回箭头隐藏） */
.spark-m-back{display:none}
.navbar-brand.logo .spark-brand-main{display:inline-flex;align-items:center;min-width:0}
@media (max-width:767px){
  #header .spark-m-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;margin:0 2px 0 -8px;border-radius:50%;color:#1d1d1f;-webkit-tap-highlight-color:transparent}
  #header .spark-m-back:active{background:#f0f2f5}
  #header .spark-m-back .spark-ic{width:24px;height:24px;vertical-align:0}
  #header .navbar-brand.logo{display:flex;align-items:center;max-width:none;flex:1 1 auto;min-width:0;overflow:hidden}
  #header .navbar-brand.logo img{height:auto;max-height:32px;width:auto;max-width:100%}
  #header .navbar-brand.logo .spark-brand-main{max-width:100%;font-size:19px;font-weight:800;line-height:1.15;letter-spacing:.2px;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #header .navbar-header{gap:6px}
  #header .spark-m-right{gap:12px}
}
.spark-pm-edit .spark-draft-btn{margin-left:12px;color:var(--spark-red);cursor:pointer}
.spark-pm-edit .spark-draft-btn:hover{color:#c02a52;text-decoration:none}

/* 推荐区「随机打开」：标签栏右侧、「换一批」旁的小胶囊（同 .spark-rec-more 风格，带骰子图标） */
.spark-rec-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.spark-rec-rand:disabled{opacity:.7;cursor:default}
.spark-rec-rand .spark-ic{transition:transform .5s}
.spark-rec-rand.spin .spark-ic{transform:rotate(360deg)}
@media (max-width:520px){
  .spark-rec-bar{gap:8px}
  .spark-rec-act{gap:6px}
  .spark-rec-act .spark-rec-more{padding:0 10px;gap:4px;height:30px;font-size:12.5px}
  .spark-rec-tabs{gap:4px 14px}
  .spark-rec-tabs a{font-size:15px}
  .spark-rec-side .spark-rec-tabs a{padding:4px 10px}
}
@media (max-width:360px){.spark-rec-act .spark-rec-swap span{display:none}.spark-rec-act .spark-rec-swap{padding:0 9px}}

/* 7.0.1 侧栏 / 模块静态渲染：首屏直接可见，无入场淡入 / 位移动画（AOS 打开时也不作用于侧栏） */
.sidebar,.sidebar .spark-widgets,.sidebar .widget,.sidebar [data-aos]{opacity:1!important;transform:none!important;animation:none!important;transition:none!important;visibility:visible!important}
.sidebar [data-aos].aos-init,.sidebar [data-aos].aos-animate{transition:none!important}
.sidebar.is-float{transition:none!important}
.spark-rec-side .spark-rec-grid{transition:none}

/* ===== 7.0.1 分类页：桌面分类侧栏 + 手机相关分类胶囊条 ===== */
.spark-sortchips{display:none}
.spark-sortside{display:none}
@media (min-width:992px){
  .spark-sortlayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}
  .sortside-right .spark-sortlayout{grid-template-columns:minmax(0,1fr) 270px}
  .sortside-right .spark-sortside{order:2}
  .spark-sortside{display:block;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 92px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:4px;transition:none;animation:none}
  .spark-sortside::-webkit-scrollbar{display:none}
  .spark-sortmain{min-width:0}
  .spark-sortside .spark-widgets{list-style:none;margin:0;padding:0}
  .spark-sortside .widget{margin-bottom:12px;background:#fff;border-radius:var(--spark-r,var(--r-md));box-shadow:var(--spark-card-shadow,0 1px 4px rgba(0,0,0,.08));overflow:hidden;opacity:1;transform:none;animation:none;transition:none}
  .spark-sortside .sidebar-posts-list{list-style:none;margin:0;padding:6px 15px 8px}
}
.spark-sortinfo{padding:16px 16px 14px}
.spark-sortinfo-name{display:flex;align-items:center;gap:8px;font-size:18px;line-height:24px;font-weight:700;color:#1d1d1f}
.spark-sortinfo-name .spark-ic{color:var(--spark-blue);flex:0 0 auto}
.spark-sortinfo-num{margin-top:6px;font-size:13px;color:#8a94a0}
.spark-sortinfo-num b{font-size:20px;color:var(--spark-blue);font-weight:800;margin-right:2px}
.spark-sortinfo-des{margin:8px 0 0;font-size:12px;line-height:1.6;color:#8a94a0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.spark-sortposts .sidebar-posts-list .right-box{display:flex;flex-direction:column;gap:2px}
.spark-sp-v{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#aab2bd}
.spark-sp-v .spark-ic{width:12px;height:12px}
.spark-sortnav-list{list-style:none;margin:0;padding:6px 8px 8px}
.spark-sortnav-list li a{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:#4a5560;font-size:14px;line-height:20px}
.spark-sortnav-list li a span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark-sortnav-list li a em{font-style:normal;font-size:12px;color:#aab2bd}
.spark-sortnav-list li a:hover{background:#f2f7ff;color:var(--spark-blue);text-decoration:none}
.spark-sortnav-list li.on a{background:#e8f2ff;color:var(--spark-blue);font-weight:700}
.spark-sortnav-list li.is-child a{padding-left:24px}
.spark-sortnav-sub{width:6px;height:6px;border-radius:50%;background:#c6ceda;flex:0 0 auto}
.spark-sortnav-list li.is-parent a .spark-ic{width:12px;height:12px}
/* 胶囊本体（顶栏行 / 内联行共用） */
.spark-sortchips-in{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 15px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.spark-sortchips-in::-webkit-scrollbar{display:none}
.spark-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;height:32px;padding:0 14px;border-radius:999px;background:#fff;color:#4a5560;font-size:14px;line-height:32px;white-space:nowrap;box-shadow:inset 0 0 0 1px #e3e7ec}
.spark-chip .spark-ic{width:12px;height:12px}
.spark-chip.on{background:var(--spark-blue);color:#fff;font-weight:600;box-shadow:none}
.spark-chip-child{background:#f2f7ff;color:var(--spark-blue);box-shadow:inset 0 0 0 1px #cfe3fb}
.spark-chip:hover,.spark-chip:active{text-decoration:none}
/* 平板 768~991：内联条（标题栏下方） */
@media (min-width:768px) and (max-width:991px){.spark-sortchips-inline{display:block;margin:-4px -15px 12px;padding:0}}
/* 手机 ≤767：顶栏下方独立一行（固定在顶栏里，随顶栏一起悬浮） */
@media (max-width:767px){
  .spark-sortchips-head{display:flex;align-items:center;gap:0;height:44px;padding:0 0 0 8px;background:#fff;border-top:1px solid rgba(0,0,0,.06)}
  .spark-sortchips-head .spark-sortchips-in{flex:1 1 auto;min-width:0;padding:0 15px 0 4px;align-items:center}
  #header .spark-sortchips-head .spark-m-back{width:34px;height:34px;margin:0;flex:0 0 auto}
  #header .spark-sortchips-head .spark-chip{height:30px;line-height:30px;padding:0 13px;font-size:13.5px}
  #spark.spark-has-hchips{margin-top:100px}
}
}

/* 放入草稿：忙 / 完成状态 + 轻量 toast（非阻塞） */
.spark-draft-btn.is-busy{opacity:.55;pointer-events:none}
.spark-draft-btn.is-done{color:#1a9c5b!important;pointer-events:none}
.spark-toast{position:fixed;left:50%;bottom:86px;z-index:10060;max-width:86vw;padding:9px 18px;border-radius:999px;background:rgba(17,24,39,.92);color:#fff;font-size:14px;line-height:22px;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;transform:translate(-50%,8px);transition:opacity .2s,transform .2s;pointer-events:none}
.spark-toast.is-in{opacity:1;transform:translate(-50%,0)}
.spark-toast.is-bad{background:rgba(190,32,60,.95)}

/* =====================================================================
 * 7.0.1 三图并排缩略图：不拉伸、不压窄
 * 旧规则给 img 写死 height:135px（手机 65 / 80px）+ width:100%，又没有 object-fit → 图被“拉”成窄高条。
 * 现在：每张图放进 4:3 容器，img 绝对铺满 + object-fit:cover（只裁切，不变形）；
 *   桌面 / 平板：三张等宽横排（4:3）；手机 ≤767px：主图大（左，占 2/3 宽，4:3）+ 右侧两张小图上下叠。
 * ===================================================================== */
.spark-post .posts-image-box .post-images-item{margin:10px 0 12px}
.spark-post .posts-image-box .post-images-item ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;overflow:visible;list-style:none}
.spark-post .posts-image-box .post-images-item ul li{float:none;width:auto;min-width:0;margin:0;padding:0}
.spark-post .posts-image-box .post-images-item ul li .image-item,
.spark-post .posts-image-box .post-images-item ul li:first-child .image-item,
.spark-post .posts-image-box .post-images-item ul li:nth-child(2) .image-item,
.spark-post .posts-image-box .post-images-item ul li:last-child .image-item{position:relative;width:100%;height:auto!important;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-md,10px);background:#eef2f7}
.spark-post .posts-image-box .post-images-item ul li a.simg{display:block;position:absolute;inset:0;width:100%;height:100%}
.spark-post .posts-image-box .post-images-item ul li a img,
.spark-post .posts-image-box .post-images-item ul li img.thumbnails{position:absolute;left:0;top:0;display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:center;transition:transform .35s}
.spark-post .posts-image-box:hover .post-images-item img.thumbnails{transform:scale(1.03)}
@media (max-width:767px){
  .spark-post .posts-image-box .post-images-item ul{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:6px}
  .spark-post .posts-image-box .post-images-item ul li:first-child{grid-row:1 / span 2;grid-column:1}
  .spark-post .posts-image-box .post-images-item ul li:first-child .image-item{height:100%!important;aspect-ratio:4/3}
  .spark-post .posts-image-box .post-images-item ul li:nth-child(2){grid-column:2;grid-row:1}
  .spark-post .posts-image-box .post-images-item ul li:nth-child(3){grid-column:2;grid-row:2}
  .spark-post .posts-image-box .post-images-item ul li:nth-child(n+2) .image-item{height:100%!important;aspect-ratio:auto}
}
/* 其它缩略图统一：都用 cover，不允许 fill 拉伸 */
.spark-post .posts-gallery-img img,.spark-gimg,.spark-rec-thumb img,.sidebar-posts-list .thumbnailside,.spark-rel-card img,.spark-sortposts .thumbnailside{object-fit:cover}

/* 侧栏推荐区太窄（≈300px）：标签一行，「随机打开 / 换一批」在下面一行平分宽度，避免标签被挤成竖排 */
.spark-rec-side .spark-rec-bar{flex-wrap:wrap}
.spark-rec-side .spark-rec-tabs{flex:1 1 100%;flex-wrap:nowrap}
.spark-rec-side .spark-rec-act{flex:1 1 100%}
.spark-rec-side .spark-rec-act .spark-rec-more{flex:1 1 0;justify-content:center}


/* =====================================================================
 * 7.0.1 顶栏高度 / 安全区统一（CSS 变量）
 * 问题：手机顶栏 Logo / 菜单 / 搜索贴着屏幕最顶（上边距≈0，像被状态栏 / 浏览器顶部裁掉），且顶栏高度（56 / 101px）和正文留白
 *       （72 / 100px）分别写死在好几处，改一处别处不同步。
 * 做法：viewport-fit=cover + 顶栏 padding-top = env(safe-area-inset-top)；主行高度、安全区、胶囊行高度全部用变量；
 *       正文 margin-top、菜单面板 top / 高度、遮罩 top 都由同一组变量算出。
 *   --spark-safe-top  安全区（刘海 / 状态栏）高度，无则 0
 *   --spark-hdr       顶栏主行高度（桌面 64；≤800px 60，Logo 上下各 ≥10px）
 *   --spark-chips-h   分类页胶囊行高度 44（只在手机分类页用到，页面带 .spark-has-hchips 时才加进留白）
 *   --spark-hdr-all   顶栏总高度（不含胶囊行）= 安全区 + 主行 + 1px 下边线
 * ===================================================================== */
:root{--spark-safe-top:env(safe-area-inset-top,0px);--spark-hdr:64px;--spark-chips-h:44px;--spark-gap:20px;
  --spark-hdr-all:calc(var(--spark-safe-top) + var(--spark-hdr) + 1px)}
#header.navbar-default{box-sizing:border-box;padding-top:var(--spark-safe-top);min-height:calc(var(--spark-safe-top) + var(--spark-hdr) + 1px)}
#spark{margin-top:calc(var(--spark-hdr-all) + var(--spark-gap))}
@media (max-width:800px){
  :root{--spark-hdr:60px;--spark-gap:11px}
  #header.navbar-default{padding-top:var(--spark-safe-top)}
  #header>.container{min-height:var(--spark-hdr)}
  #header .navbar-header{height:var(--spark-hdr)}
  #header .navbar-brand.logo{height:var(--spark-hdr)}
  #spark{margin-top:calc(var(--spark-hdr-all) + var(--spark-gap))}
}
@media (max-width:767px){
  #header .navbar-header{height:var(--spark-hdr);padding:0}
  #header .navbar-brand.logo{height:var(--spark-hdr)}
  #header .navbar-brand.logo img{max-height:34px;margin:0}   /* 去掉旧规则 .logo img{margin-top:-8px}：它把 Logo 往上提 8px，正是“贴顶”的一个原因 */
  #header .navbar-collapse.collapse,#header #spark-navbar{top:calc(var(--spark-safe-top) + var(--spark-hdr) + 1px)!important;height:calc(100vh - var(--spark-safe-top) - var(--spark-hdr) - 77px)!important;height:calc(100dvh - var(--spark-safe-top) - var(--spark-hdr) - 77px)!important}
  .spark-nav-mask{top:calc(var(--spark-safe-top) + var(--spark-hdr) + 1px)}
  #spark.spark-has-hchips{margin-top:calc(var(--spark-safe-top) + var(--spark-hdr) + 1px + var(--spark-chips-h) + 4px)}
  .spark-sortchips-head{height:var(--spark-chips-h)}
}
/* 顶栏之下的锚点 / 悬浮元素也把安全区算进去 */
.context .markdown :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--spark-hdr-all) + 20px)}
@media (min-width:992px){
  .sidebar.is-float,.spark-sortside{top:calc(var(--spark-safe-top) + 76px)}
}

/* 7.0.1 768~800px：Bootstrap 在 ≥768px 已把菜单展开成一行，但旧的 ≤800px 规则让容器 flex-wrap 换行 → 顶栏变成 125px 高、盖住正文（正文只留了 72px）。
   这个区间按桌面顶栏排版（一行，64px），留白同桌面。 */
@media (min-width:768px) and (max-width:800px){
  :root{--spark-hdr:64px;--spark-gap:20px}
  #header>.container{flex-wrap:nowrap}
  #header .navbar-header{width:auto;height:var(--spark-hdr)}
  #header .navbar-brand.logo{height:var(--spark-hdr)}
  #header .navbar-collapse{margin:0;border-top:0;flex:1 1 auto;width:auto!important}
}

/* ===== 7.0.1 桌面分类页：标题栏右侧子分类胶囊（≥992px；≤991 走手机 / 平板胶囊条） ===== */
.spark-hsub{display:none}
@media (min-width:992px){
  .spark-list-bar{display:flex;align-items:center;gap:18px;margin:0 0 15px;min-width:0}
  .spark-list-bar .spark-list-head{margin:0;flex:0 1 auto;min-width:0;white-space:nowrap}
  .spark-hsub{display:block;flex:1 1 0;min-width:0;position:relative}
  .spark-hsub-in{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:3px 2px;scrollbar-width:none;overscroll-behavior-x:contain}
  .spark-hsub-in::-webkit-scrollbar{display:none}
  .spark-hsub.has-l::before,.spark-hsub.has-r::after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:1;pointer-events:none}
  .spark-hsub.has-l::before{left:0;background:linear-gradient(90deg,#f0f0f5,rgba(240,240,245,0))}
  .spark-hsub.has-r::after{right:0;background:linear-gradient(270deg,#f0f0f5,rgba(240,240,245,0))}
  .spark-hchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 13px;border-radius:999px;background:#fff;color:#4a5560;font-size:13px;line-height:30px;white-space:nowrap;box-shadow:inset 0 0 0 1px #e3e7ec;transition:background .15s,color .15s}
  .spark-hchip em{font-style:normal;font-size:11px;color:#aab2bd;margin-left:1px}
  .spark-hchip .spark-ic{width:12px;height:12px}
  .spark-hchip:hover{background:#f2f7ff;color:var(--spark-blue);text-decoration:none}
  .spark-hchip.on{background:var(--spark-blue);color:#fff;font-weight:600;box-shadow:none}
  .spark-hchip.on em{color:rgba(255,255,255,.8)}
  .spark-hchip-parent{background:#f2f7ff;color:var(--spark-blue);box-shadow:inset 0 0 0 1px #cfe3fb}
}