@media screen and (max-width: 767px) {
  *, *::before, *::after { box-sizing: border-box; }
  html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  body { width: 100%; min-width: 0; margin: 0; overflow-x: hidden; text-align: left; font: 14px/1.55 "Microsoft YaHei", Arial, sans-serif; }
  img { max-width: 100%; }
  #htmlBody, #topBody, #mainBody, #mainBody1, #bottomBody {
    width: 100% !important; max-width: 100% !important; min-width: 0 !important;
    margin-left: auto !important; margin-right: auto !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  #htmlBody { padding: 0 8px !important; }
  #topBody { overflow: visible; }

  .lj-header { width: 100% !important; max-width: 100%; margin-bottom: 5px; }
  .lj-header .lj-topbar { height: auto; min-height: 29px; padding: 4px 6px; line-height: 20px; overflow: visible; }
  .lj-header .lj-topbar-left { float: none; width: 100%; height: auto; white-space: normal; }
  .lj-header .lj-topbar-time, .lj-header .lj-topbar-holiday { margin-right: 8px; vertical-align: middle; }
  .lj-header .lj-topbar-weather { float: none; max-width: 100%; margin: 2px 0 0; }
  #site-widgets { max-width: 100%; }
  .lj-header .lj-header-brand { display: flex; width: 100%; height: auto; min-height: 0; padding: 2px 0; }
  .lj-header .lj-header-logo { flex: 0 0 30%; width: 30%; height: auto; }
  .lj-header .lj-header-banner { flex: 1 1 70%; width: 70%; height: auto; min-width: 0; }
  .lj-header .lj-header-logo img, .lj-header .lj-header-banner img {
    display: block; width: 100% !important; height: auto !important; object-fit: contain;
  }
  .lj-header .lj-main-nav { height: auto; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .lj-header .lj-topnav { display: flex; width: max-content; min-width: 100%; height: 38px; overflow: visible; }
  .lj-header .lj-topnav li, .lj-header .lj-topnav li.lj-nav-service { float: none; flex: 0 0 auto; height: 38px; line-height: 38px; }
  .lj-header .lj-topnav li a { height: 38px; padding: 0 12px; line-height: 38px; font-size: 13px; }
  .lj-header .lj-topnav li.lj-nav-service { padding: 0 10px; }
  #topBody .topLogo, #topBody .mainMenu, #topBody .searchBox { width: 100% !important; max-width: 100%; }
  #topBody .topLogo .a { width: 30%; }
  #topBody .topLogo .b { width: 70%; }
  #topBody .topLogo img { max-width: 100%; height: auto; }
  #topBody .topMenu { height: auto; }
  #topBody .topMenu .a, #topBody .topMenu .b { max-width: 100%; }
  #topBody .mainMenu .topnav { width: 100%; overflow-x: auto; overflow-y: hidden; }
  #topBody .searchBox { height: auto; }
  #topBody .searchBox .a, #topBody .searchBox .b { max-width: 100%; }

  #htmlBody .fenlei, .home-page .fenlei, .game-detail-page .fenlei,
  .list_list, .left_list, .right_list {
    float: none !important; width: 100% !important; max-width: 100% !important;
    margin: 0 0 10px !important; padding: 0 !important;
  }
  #htmlBody .fenlei > dl, #htmlBody .fenlei dl { width: 100%; max-width: 100%; }
  #htmlBody .fenlei dt { display: flex; align-items: center; min-width: 0; overflow: hidden; }
  #htmlBody .fenlei dt tt { flex: 0 0 auto; width: auto !important; max-width: 42%; padding: 0 9px; text-indent: 0; font-size: 13px; white-space: nowrap; }
  #htmlBody .fenlei dt span { flex: 1; width: auto !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
  #htmlBody .fenlei dd, .home-page .fenlei dd, .game-detail-page .fenlei dd {
    float: none !important; width: 100% !important; max-width: 100% !important;
    min-width: 0; margin: 0; padding: 0; box-sizing: border-box !important;
  }
  .article-page .article-content, .template-detail-page .template-content { padding: 12px !important; overflow-wrap: anywhere; }
  .article-page .article-content img, .template-detail-page .template-content img { max-width: 100%; height: auto; }
  .article-page .article-detail-panel, .article-page .article-meta { width: 100%; max-width: 100%; }
  .article-page .article-detail-panel > tbody > tr > td { padding: 8px; }
  .article-page .article-meta td { padding: 5px 3px; font-size: 11px !important; overflow-wrap: anywhere; }
  .article-page .article-paging, .family-page .family-paging, .template-gallery-page .template-paging { float: none; text-align: center; line-height: 32px; }

  .article-page .fenlei dd, .family-page .fenlei dd,
  .site-extra-page .fenlei dd, .template-gallery-page .fenlei dd { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
  .article-page .article-list-table { min-width: 650px; }
  .family-page .family_biaoge { min-width: 690px; }
  .game-detail-page .family_biaoge { width: 100% !important; min-width: 0; }
  .game-detail-page .family_biaoge tr td:first-child { width: 90px !important; white-space: normal; }
  .game-detail-page .family_biaoge td { padding: 7px !important; font-size: 13px !important; overflow-wrap: anywhere; }
  .game-detail-page .family_biaoge .family_show_content { padding: 8px; }
  .game-detail-page .family_biaoge img { max-width: 100%; height: auto; }
  .family_show_table { width: 100%; }
  .family_show_table .family_show_label { width: 92px !important; }
  .family_show_table td { padding: 7px 5px !important; overflow-wrap: anywhere; }
  .publish-form, .publish-form table { max-width: 100%; }
  .publish-form input[type="text"], .publish-form textarea, .publish-form select,
  .family-publish-page .family-publish-table input { max-width: 100%; }
  .publish-form .publish-time-table { display: block; max-width: 100%; overflow-x: auto; }
  .template-gallery-page .thumbItem { grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap: 8px !important; row-gap: 10px !important; padding: 8px 4px !important; }
  .template-gallery-page .thumbItem > li { width: 100% !important; min-width: 0; }
  .template-gallery-page .thumbItem .thumbImgs { width: 100% !important; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }

  .home-page #ljBoard,
  .home-page #ljDateSections,
  .home-page #ljDateSections .lj-date-block,
  .home-page #ljDateSections .lj-group-rows {
    width:100% !important; min-width:0 !important; max-width:100% !important;
  }
  .home-page #ljDateSections { overflow-x:hidden !important; }
  .home-page #ljDateSections .lj-date-block {
    min-width:0 !important; overflow:visible !important;
  }
  .home-page #ljDateSections .lj-date-title {
    height:auto !important; min-height:38px;
    line-height:22px !important; padding:8px 6px !important;
    font-size:13px !important; white-space:normal;
  }
  .home-page #ljDateSections .lj-list-row {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) auto !important;
    grid-template-areas:
      "name time"
      "desc desc"
      "group qq" !important;
    column-gap:10px !important;
    row-gap:8px !important;
    align-items:center !important;
    width:100% !important; min-width:0 !important;
    min-height:0 !important;
    padding:11px 10px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid #c6dddc;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell {
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    flex:none !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    font:13px/1.55 "Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
    text-align:left !important;
    white-space:normal !important;
    overflow:visible !important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-name {
    grid-area:name;
    gap:4px;
    font-weight:700 !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-name a {
    display:block !important; min-width:0;
    font-size:14px !important; font-weight:700 !important;
    white-space:normal !important; overflow-wrap:anywhere;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-time {
    grid-area:time;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;
    gap:2px;
    text-align:right !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-time span { white-space:nowrap; }
  .home-page #ljDateSections .lj-list-row .lj-cell-desc {
    grid-area:desc;
    display:block !important;
    width:100% !important;
    padding:7px 9px !important;
    border-radius:4px;
    background:rgba(255,255,255,.55);
    line-height:1.6 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-desc a,
  .home-page #ljDateSections .lj-list-row .lj-cell-desc .lj-desc-link {
    display:block !important;
    width:100% !important; min-width:0 !important;
    color:#34495e !important;
    font-size:13px !important;
    line-height:1.6 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-group {
    grid-area:group;
    justify-content:flex-start !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-qq {
    grid-area:qq;
    justify-content:flex-end !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-group,
  .home-page #ljDateSections .lj-list-row .lj-cell-qq {
    padding:1px 0 !important; font-size:12px !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-qq-action {
    display:inline-flex !important;
    align-items:center !important; gap:4px !important;
    width:auto !important; max-width:100% !important;
    min-width:0 !important;
    font-size:12px !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  .home-page #ljDateSections .lj-list-row .lj-qq-icon {
    display:block !important;
    width:16px !important; height:16px !important;
    flex:0 0 16px !important;
  }
  .home-page .wenzhang, #topBody .wenzhang { float: none !important; width: 100% !important; margin: 8px 0 !important; padding: 0 !important; }
  .home-page .wenzhang dd, #topBody .wenzhang dd { width: 100% !important; min-width: 0; padding: 7px 9px; }
  .home-page .fenlei table.biaoge, .home-page .fenlei table.biaoge3 { min-width: 650px; }
  .home-page .fenlei dd:has(> table.biaoge), .home-page .fenlei dd:has(> table.biaoge3) { overflow-x: auto; }

  .xad, .dad, .bottom_large, .top_banner, .lj-ads-dad-list { max-width: 100% !important; }
  .xad img, .dad img, .bottom_large img { max-width: 100% !important; height: auto !important; }
  .lj-ads-xad-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .site-template-float, .ha-right { display: none !important; }
  .ha-bottom { max-width: 96vw !important; }
  .ha-bottom img { max-width: 96vw !important; height: auto; }
  .bottomLine { width: 100% !important; }
  .bottomMenu, .bottomCopyright { padding-left: 8px; padding-right: 8px; line-height: 1.6; }
}

@media screen and (max-width: 380px) {
  .template-gallery-page .thumbItem { grid-template-columns: 1fr !important; }
  .home-page #ljDateSections .lj-list-row {
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-areas:"name" "time" "desc" "group" "qq" !important;
    row-gap:7px !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-time {
    align-items:flex-start !important; text-align:left !important;
  }
  .home-page #ljDateSections .lj-list-row .lj-cell-qq {
    justify-content:flex-start !important;
  }
  .lj-header .lj-topnav li a { padding: 0 10px; }
}


@media screen and (max-width: 767px) {
  .lj-header .lj-header-brand {
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .lj-header .lj-header-logo {
    flex: 0 0 30% !important;
    width: 30% !important;
    height: auto !important;
    min-width: 0 !important;
    overflow: hidden;
  }
  .lj-header .lj-header-banner {
    flex: 1 1 70% !important;
    width: 70% !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: hidden;
  }
  .lj-header .lj-header-logo img,
  .lj-header .lj-header-banner img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  .lj-header .lj-header-banner .lj-top-banner-stage {
    height: auto !important;
    aspect-ratio: 728 / 90;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .lj-header .lj-header-banner .lj-top-banner-slide,
  .lj-header .lj-header-banner .lj-top-banner-slide img {
    width: 100% !important;
    height: 100% !important;
  }
  .lj-header .lj-header-banner .lj-top-banner-controls {
    right: 3px !important;
    bottom: 2px !important;
    gap: 2px !important;
  }
  .lj-header .lj-header-banner .lj-top-banner-number {
    min-width: 15px !important;
    width: 15px !important;
    height: 15px !important;
    padding: 0 !important;
    font: 10px/13px Arial, sans-serif !important;
  }
  .lj-header .lj-main-nav {
    margin-top: 2px !important;
    width: 100% !important;
    height: 36px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .lj-header .lj-topnav,
  .lj-header .lj-topnav li,
  .lj-header .lj-topnav li a {
    height: 34px !important;
    line-height: 34px !important;
  }
  .lj-header .lj-topnav li a { font-size: 12px !important; }

  .site-footer,
  #bottomBody,
  .site-footer .bottomMenu,
  .site-footer .bottomCopyright,
  .site-footer .bottomLine {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  .site-footer {
    clear: both !important;
    margin-top: 12px !important;
    padding: 0 8px 10px !important;
    text-align: center !important;
    overflow-wrap: anywhere;
  }
  .site-footer .bottomMenu,
  .site-footer .bottomCopyright {
    display: block !important;
    height: auto !important;
    padding: 8px 4px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word;
    line-height: 1.7 !important;
    font-size: 12px !important;
  }
  .site-footer .bottomMenu a,
  .site-footer .bottomCopyright a {
    display: inline-block;
    max-width: 100%;
    white-space: normal !important;
  }
  .site-footer .bottomLine { height: 4px !important; }
}

@media screen and (max-width:767px) {
  .lj-header .lj-topbar,
  .lj-header .lj-header-brand,
  #topBody > .topMenu,
  #topBody > .topLogo,
  #topBody > .searchBox,
  #site-widgets { display:none !important; }

  .home_ads, .xad, .dad, .bottom_large,
  .site-template-float, .top_banner,
  .ha-top, .ha-right, .ha-bottom { display:none !important; }
  .lj-header {
    display:block !important;
    width:100% !important;
    margin:0 auto 8px !important;
    padding:0 !important;
  }

  .lj-header .lj-main-nav {
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    border:1px solid #075b9d !important;
    box-sizing:border-box !important;
  }
  .lj-header .lj-topnav {
    display:grid !important;
    grid-template-columns:repeat(12,minmax(0,1fr)) !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    list-style:none !important;
  }
  .lj-header .lj-topnav > li:not(.lj-nav-service) {
    display:block !important;
    float:none !important;
    grid-column:span 3;
    width:auto !important;
    min-width:0 !important;
    height:40px !important;
    line-height:40px !important;
    padding:0 !important;
    margin:0 !important;
    border-right:1px solid rgba(255,255,255,.3) !important;
    border-bottom:1px solid rgba(255,255,255,.23) !important;
    box-sizing:border-box !important;
  }
  .lj-header .lj-topnav > li:nth-child(n+5):not(.lj-nav-service) {
    grid-column:span 4;
  }
  .lj-header .lj-topnav > li.lj-nav-service { display:none !important; }
  .lj-header .lj-topnav > li > a,
  .lj-header .lj-topnav > li.lj-nav-template > a {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 2px !important;
    color:#fff !important;
    text-align:center !important;
    font: bold 12px/1.2 "Microsoft YaHei","微软雅黑",Arial,sans-serif !important;
    white-space:nowrap !important;
  }
  .lj-header .lj-topnav .lj-nav-template img {
    max-width:100% !important;
    max-height:28px !important;
  }


  .site-footer, #bottomBody {
    display:block !important;
    float:none !important;
    clear:both !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:12px auto 0 !important;
    padding:0 8px 15px !important;
    box-sizing:border-box !important;
    text-align:center !important;
    overflow:visible !important;
  }
  .site-footer > *, #bottomBody > * { display:none !important; }
  .site-footer::after {
    content:"龙驹发布网";
    display:block;
    border-top:3px solid #1688d4;
    padding:12px 0 4px;
    color:#526579;
    font:13px/1.6 "Microsoft YaHei","微软雅黑",Arial,sans-serif;
    text-align:center;
  }

  #bottomBody:not(.site-footer):not(.site-footer #bottomBody)::after {
    content:"龙驹发布网";
    display:block;
    border-top:3px solid #1688d4;
    padding:12px 0 4px;
    color:#526579;
    font:13px/1.6 "Microsoft YaHei","微软雅黑",Arial,sans-serif;
    text-align:center;
  }
}

@media screen and (max-width: 767px) {
  #htmlBody .article-page .fenlei,
  #htmlBody .article-page .fenlei dd {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }
  #htmlBody .article-page table.article-list-table,
  #htmlBody .article-page .article-list-table > tbody {
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:auto !important;
    border:0 !important;
  }
  #htmlBody .article-page .article-list-table .article-header-row {
    display:none !important;
  }
  #htmlBody .article-page .article-list-table tr.article-data-row {
    display:grid !important;
    grid-template-columns:76px minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "kind title title"
      "kind count source"
      "kind date date";
    gap:5px 8px;
    align-items:center;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 8px !important;
    padding:9px 8px !important;
    border:1px solid #d5e5f0 !important;
    border-radius:5px;
    box-sizing:border-box !important;
    background:#fff !important;
  }
  #htmlBody .article-page .article-list-table tr.article-data-row:nth-child(even) {
    background:#f1f7fd !important;
  }
  #htmlBody .article-page .article-list-table .article-data-row > td {
    display:block !important;
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#4a6075;
    font-size:12px !important;
    line-height:1.5 !important;
    text-align:left !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(1) {
    grid-area:kind;
    align-self:start;
    padding:5px 3px !important;
    border-radius:4px !important;
    background:#e5f2fc !important;
    color:#096fae;
    font-weight:bold;
    text-align:center !important;
  }
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(2) {
    grid-area:title;
  }
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(3) {grid-area:count;}
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(4) {grid-area:source;}
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(5) {grid-area:date;}
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(3)::before {content:"浏览：";color:#7b8d9c;}
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(4)::before {content:"来源：";color:#7b8d9c;}
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(5)::before {content:"发布：";color:#7b8d9c;}
  #htmlBody .article-page .article-list-table .article-data-row .article-title-link,
  #htmlBody .article-page .article-list-table .article-data-row > td:nth-child(2) a {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    overflow:visible !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
    text-overflow:clip !important;
    font-size:14px !important;
    line-height:1.5 !important;
    color:#0878c0;
  }
}

@media screen and (max-width: 767px) {
  #htmlBody .fenlei dt { width:100% !important; max-width:100% !important; }
  #htmlBody .fenlei dt tt { min-width:0; max-width:43%; white-space:nowrap !important; }
  #htmlBody .fenlei dt span { white-space:nowrap !important; text-overflow:ellipsis !important; }

  #htmlBody .family-page .fenlei dd { overflow-x:hidden !important; }
  #htmlBody .family-page table.family_biaoge,
  #htmlBody .family-page table.family_biaoge > tbody {
    display:block !important; width:100% !important; min-width:0 !important;
    table-layout:auto !important; border:0 !important;
  }
  #htmlBody .family-page .family_biaoge tr.family-header-row { display:none !important; }
  #htmlBody .family-page .family_biaoge tr.family-data-row {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px 12px; align-items:center;
    width:100% !important; margin-bottom:9px; padding:10px;
    border:1px solid #c9dfec; border-radius:6px;
    background:#fff !important;
  }
  #htmlBody .family-page .family_biaoge tr.family-data-row:nth-child(odd) { background:#f1f7fd !important; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td {
    display:block !important; width:auto !important; min-width:0 !important;
    height:auto !important; padding:3px 0 !important;
    border:0 !important; background:transparent !important;
    text-align:left !important; white-space:normal !important;
    word-break:break-word; overflow-wrap:anywhere;
    font-size:12px !important; line-height:1.6 !important;
  }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:first-child {
    grid-column:1 / -1; font-size:15px !important; font-weight:bold;
    border-bottom:1px solid #d8e7f1 !important;
  }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(2)::before { content:'族长：'; color:#718699; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(3)::before { content:'版本：'; color:#718699; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(4)::before { content:'线路：'; color:#718699; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(5)::before { content:'创建：'; color:#718699; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(6)::before { content:'支持度：'; color:#718699; }
  #htmlBody .family-page .family_biaoge tr.family-data-row > td:nth-child(7)::before { content:'QQ群：'; color:#718699; }
  #htmlBody .family-page .family_biaoge a.family-action { max-width:100%; }

  #htmlBody .publish-form { display:block; width:100%; min-width:0; }
  #htmlBody .publish-form > table, #htmlBody .publish-form > table > tbody,
  #htmlBody .publish-form > table > tbody > tr,
  #htmlBody .publish-form > table > tbody > tr > td,
  #htmlBody .publish-form > table > tbody > tr > td > table,
  #htmlBody .publish-form > table > tbody > tr > td > table > tbody {
    display:block !important; width:100% !important; max-width:100% !important;
    min-width:0 !important; box-sizing:border-box !important;
  }
  #htmlBody .publish-form tr.publish-row {
    display:block !important; width:100% !important;
    padding:10px 9px !important; border-bottom:1px solid #d9e7f1;
  }
  #htmlBody .publish-form tr.publish-row > td {
    display:block !important; float:none !important;
    width:100% !important; max-width:100% !important;
    height:auto !important; min-width:0 !important;
    padding:2px 0 !important; margin:0 !important;
    border:0 !important; vertical-align:top !important;
    white-space:normal !important; overflow-wrap:anywhere;
    font:13px/1.65 'Microsoft YaHei',Arial,sans-serif !important;
  }
  #htmlBody .publish-form tr.publish-row > td:first-child {
    font-weight:bold !important; color:#285b7e !important;
  }
  #htmlBody .publish-form tr.publish-row > td:first-child > div {
    display:block !important; text-align:left !important;
    white-space:normal !important;
  }
  #htmlBody .publish-form tr.publish-row > td:nth-child(2) label {
    display:block; max-width:100%;
  }
  #htmlBody .publish-form input[type='text'],
  #htmlBody .publish-form input[type='url'],
  #htmlBody .publish-form input.Wdate,
  #htmlBody .publish-form select,
  #htmlBody .publish-form textarea {
    display:inline-block; width:100% !important; max-width:100% !important;
    min-width:0 !important; height:auto; min-height:38px;
    padding:8px 9px !important; font-size:16px !important;
    box-sizing:border-box !important; vertical-align:middle;
  }
  #htmlBody .publish-form textarea { min-height:155px !important; }
  #htmlBody .publish-form tr.publish-row > td[colspan] > input[type='text'] {
    width:min(100%,230px) !important;
  }
  #htmlBody .publish-form .publish-time-table,
  #htmlBody .publish-form .publish-time-table > tbody,
  #htmlBody .publish-form .publish-time-table tr {
    display:block !important; width:100% !important; min-width:0 !important;
    overflow:visible !important;
  }
  #htmlBody .publish-form .publish-time-table tr > td {
    display:block !important; width:100% !important; height:auto !important;
    padding:4px 0 !important; border:0 !important;
    white-space:normal !important;
  }
  #htmlBody .publish-form .publish-help { display:block; margin:5px 0 0; }
  #htmlBody .publish-form .publish-submit { width:100%; max-width:300px; }
  #htmlBody .family-publish-page .family-publish-table tr { display:block !important; }
  #htmlBody .family-publish-page .family-publish-table td {
    display:block !important; width:100% !important; height:auto !important;
    text-align:left !important; white-space:normal !important;
    overflow-wrap:anywhere;
  }
  #htmlBody .family-publish-page .family-publish-table input,
  #htmlBody .family-publish-page .family-publish-table textarea,
  #htmlBody .family-publish-page .family-publish-table select { max-width:100% !important; }

  #htmlBody .article-page .article-detail-panel,
  #htmlBody .article-page .article-detail-panel > tbody,
  #htmlBody .article-page .article-detail-panel > tbody > tr,
  #htmlBody .article-page .article-detail-panel > tbody > tr > td,
  #htmlBody .template-detail-page .extra-table {
    width:100% !important; min-width:0 !important; max-width:100% !important;
    box-sizing:border-box !important;
  }
  #htmlBody .article-page .article-meta { display:block !important; width:100% !important; }
  #htmlBody .article-page .article-meta > tbody,
  #htmlBody .article-page .article-meta tr { display:grid !important; width:100% !important; }
  #htmlBody .article-page .article-meta tr {
    grid-template-columns:auto minmax(0,1fr); gap:4px 8px; padding:8px;
  }
  #htmlBody .article-page .article-meta tr > td {
    display:block !important; width:auto !important; min-width:0 !important;
    height:auto !important; padding:3px 0 !important;
    border:0 !important; font-size:12px !important;
    text-align:left !important; white-space:normal !important;
    overflow-wrap:anywhere;
  }
  #htmlBody .article-page .article-content,
  #htmlBody .template-detail-page .template-content {
    width:100% !important; min-width:0 !important;
    padding:12px 10px !important;
    font-size:14px !important; line-height:1.85 !important;
    overflow-wrap:anywhere !important; word-break:break-word !important;
  }
  #htmlBody .article-page .article-content img,
  #htmlBody .template-detail-page .template-content img,
  #htmlBody .article-page .article-content video,
  #htmlBody .template-detail-page .template-content video {
    display:block; max-width:100% !important; width:auto !important;
    height:auto !important; object-fit:contain;
  }
  #htmlBody .article-page .article-content table,
  #htmlBody .template-detail-page .template-content table { display:block; max-width:100%; overflow-x:auto; }
  #htmlBody .article-page .article-content pre,
  #htmlBody .template-detail-page .template-content pre { max-width:100%; overflow-x:auto; }
  #htmlBody .template-detail-page .template-meta,
  #htmlBody .template-detail-page .template-meta tbody,
  #htmlBody .template-detail-page .template-meta tr { display:block !important; width:100% !important; }
  #htmlBody .template-detail-page .template-meta td {
    display:inline-block !important; width:auto !important;
    max-width:100%; height:auto !important;
    padding:4px 6px !important; font-size:12px !important;
    overflow-wrap:anywhere;
  }

  #htmlBody .ad-service-page .fenlei dd { overflow-x:hidden !important; }
  #htmlBody .ad-service-page table.ad-table,
  #htmlBody .ad-service-page table.ad-table > tbody {
    display:block !important; width:100% !important; min-width:0 !important;
    border:0 !important;
  }
  #htmlBody .ad-service-page .ad-table tr.extra-head { display:none !important; }
  #htmlBody .ad-service-page .ad-table tr.extra-row,
  #htmlBody .ad-service-page .ad-table tr.ad-red-row,
  #htmlBody .ad-service-page .ad-table tr.ad-yellow-row {
    display:block !important; width:100% !important;
    margin-bottom:9px !important; padding:9px 10px;
    border:1px solid #d1e3f0; border-radius:5px;
    background:#f4faff !important;
    box-sizing:border-box !important;
  }
  #htmlBody .ad-service-page .ad-table tr.ad-red-row { background:#b82020 !important; }
  #htmlBody .ad-service-page .ad-table tr.ad-yellow-row { background:#fff2a8 !important; }
  #htmlBody .ad-service-page .ad-table tr > td {
    display:block !important; float:none !important; width:100% !important;
    min-width:0 !important; height:auto !important; max-width:100% !important;
    padding:5px 2px !important; border:0 !important;
    text-align:left !important; white-space:normal !important;
    word-break:break-word !important; overflow-wrap:anywhere !important;
    font-size:13px !important; line-height:1.6 !important;
  }
  #htmlBody .ad-service-page .ad-table tr > td:first-child { font-weight:bold !important; font-size:14px !important; }
  #htmlBody .ad-service-page .ad-table tr > td.ad-price {
    background:transparent !important; color:#086aab !important;
    border-top:1px dashed #d2e3ef !important;
    font-weight:bold !important;
  }
  #htmlBody .ad-service-page .ad-table tr.ad-red-row > td.ad-price { color:#fff !important; }
  #htmlBody .ad-service-page .ad-table tr > td.ad-price::before { content:'价格：'; }
  #htmlBody .ad-service-page .ad-table tr > td.ad-notice { color:#c0392b !important; text-align:center !important; }
}

@media screen and (max-width: 767px) {
  .site-footer {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px 16px !important;
    margin: 8px auto 0 !important;
    text-align: center !important;
    background: #fff;
    box-sizing: border-box !important;
  }
  .site-footer > :not(.mobile-footer-name) { display: none !important; }
  .site-footer::before, .site-footer::after,
  #bottomBody::before, #bottomBody::after {
    content: none !important;
    display: none !important;
  }
  .site-footer > .mobile-footer-name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #176fa9 !important;
    font: 700 18px/1.65 "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

@media screen and (max-width: 767px) {
    #htmlBody .publish-form .publish-submit {
        display: block !important;
        width: 85% !important;
        max-width: 300px !important;
        margin: 12px auto !important;
        float: none !important;
    }
}

@media screen and (max-width:767px) {
  #htmlBody .fenlei.article-page .article-recommend-grid {
    width:100% !important; max-width:100% !important;
    padding:8px 6px 14px !important; overflow:hidden !important;
  }
  #htmlBody .fenlei.article-page .article-recommend-row {
    display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important; width:100% !important; min-width:0 !important;
  }
  #htmlBody .fenlei.article-page .article-recommend-card {
    height:212px !important; width:100% !important; min-width:0 !important;
  }
  #htmlBody .fenlei.article-page .article-recommend-cover {height:108px !important;}
  #htmlBody .fenlei.article-page .article-recommend-cover > img {
    height:108px !important; max-height:108px !important;
  }
  #htmlBody .fenlei.article-page .article-recommend-content {padding:8px !important;}
  #htmlBody .fenlei.article-page .article-recommend-title {font-size:12px !important;}
  #htmlBody .fenlei.article-page .article-recommend-meta {font-size:10px !important; gap:3px !important;}
  #htmlBody .fenlei.article-page .article-recommend-date,
  #htmlBody .fenlei.article-page .article-recommend-views {font-size:10px !important;}
  #htmlBody .fenlei.article-page .article-recommend-pin {top:5px !important;right:5px !important;padding:2px 6px !important;font-size:11px !important;}
}

@media screen and (max-width:767px) {
  #htmlBody .fenlei.article-page .article-category-nav {
    gap:6px !important; margin:0 6px 10px !important;
    width:calc(100% - 12px) !important; overflow:visible !important;
  }
  #htmlBody .fenlei.article-page .article-category-btn {
    font-size:12px !important; padding:6px 9px !important;
  }
  #htmlBody .fenlei.article-page .article-category-paging {gap:5px; padding:8px 2px;}
}

@media screen and (max-width:767px) {
  #htmlBody .fenlei.article-page.article-section-layout {
    float:none !important; width:100% !important; max-width:100% !important;
    margin:0 0 12px !important; overflow:visible !important;
  }
  #htmlBody .article-section-layout .article-zone {
    width:100% !important; max-width:100% !important;
    margin:0 0 10px !important; overflow:hidden !important;
  }
  #htmlBody .article-section-layout .article-zone-heading {
    height:34px; line-height:34px; font-size:13px;
  }
  #htmlBody .article-section-layout .article-zone-categories .article-zone-body {
    padding:10px 8px !important;
  }
  #htmlBody .article-section-layout .article-zone-categories .article-category-nav {
    width:100% !important; margin:0 !important; gap:6px !important;
  }
  #htmlBody .article-section-layout .article-zone-featured .article-recommend-grid {
    padding:9px 7px 12px !important;
  }
  #htmlBody .article-section-layout .article-zone-list .article-zone-body {
    padding:8px !important; overflow:hidden !important;
  }
  #htmlBody .article-section-layout .article-zone-list .article-paging {
    padding:8px 2px !important;
  }
}

@media screen and (max-width:767px) {
  #htmlBody .article-section-layout .article-zone-gallery .article-zone-body {padding:8px;}
  #htmlBody .article-section-layout .article-gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
}

@media screen and (max-width:767px) {
  #lj-vt-consent {left:8px;right:8px;bottom:8px;max-width:none;padding:12px;font-size:12px;line-height:1.6;}
  #lj-vt-consent .lj-vt-buttons {flex-wrap:wrap;}
  #lj-vt-consent button {min-height:34px;}
}