.arktech-header {border-bottom: 1px solid #dbe4e8; box-shadow: 0 2px 12px rgba(22, 49, 59, .06);}
.arktech-header .topbar {color: #5b6f78;}
.arktech-header .topbar a {color: #5b6f78;}
.arktech-header .site-navbar li.active>a, .arktech-header .site-navbar a:hover {color: #16836f;}
.ark-hero {background: #12333a url('/static/upload/image/arktech/arktech-hero.svg') center/cover no-repeat; color: #fff; margin: -15px 0 20px;}
.ark-hero-inner {max-width: 1200px; margin: 0 auto; padding: 58px 2% 64px;}
.ark-eyebrow {font-size: 13px; letter-spacing: 0; color: #9ed7c9; margin-bottom: 12px;}
.ark-hero h1 {font-size: 38px; line-height: 1.25; font-weight: 700; margin-bottom: 16px;}
.ark-hero p {max-width: 720px; font-size: 17px; line-height: 1.9; color: #e7f2f0;}
.ark-hero-actions {margin-top: 26px;}
.ark-hero-actions a {display: inline-block; margin-right: 12px; padding: 11px 18px; background: #18a887; color: #fff; border-radius: 4px;}
.ark-hero-actions a + a {background: #f6b94b; color: #1f2d32;}
.category-intro {background: #eef6f4; border-left: 4px solid #18a887; padding: 14px 18px; margin: 10px 0 12px; color: #45616b; line-height: 1.8;}
.art_info h2 {font-size: 22px; color: #16313b; border-bottom: 1px solid #dbe4e8; padding-bottom: 8px; margin: 26px 0 14px; font-weight: 700;}
.art_info h3 {font-size: 18px; color: #16836f; border-bottom: none; margin: 20px 0 8px; padding-bottom: 0;}
.art_info ul {margin: 0 0 18px 2em;}
.art_info li {list-style: disc; margin-bottom: 8px; line-height: 1.9;}
.ark-cta {background: #eef6f4; border: 1px solid #cfe5df; border-radius: 4px; padding: 16px 18px; margin: 26px 0; color: #294b55;}
.ark-cta p {text-indent: 0; margin: 8px 0 0;}
.ark-side-card {background: #12333a; color: #fff; padding: 20px; margin-bottom: 10px;}
.ark-side-card h2 {font-size: 18px; margin-bottom: 10px; font-weight: 700;}
.ark-side-card p {line-height: 1.8; color: #dcecea;}
.ark-side-card a {display: inline-block; margin-top: 12px; color: #12333a; background: #f6b94b; padding: 8px 12px; border-radius: 3px;}
.arktech-footer .footer {line-height: 2;}
.footer-links a {margin: 0 4px;}
.flink_tips {color: #5b6f78;}
@media (max-width: 768px) {
  .ark-hero-inner {padding: 38px 5% 42px;}
  .ark-hero h1 {font-size: 28px;}
  .ark-hero p {font-size: 15px;}
  .ark-hero-actions a {display: block; margin: 0 0 10px;}
}

/* Reader audit fixes 2026-07-02: mobile layout and article readability */
@media (max-width: 920px) {
  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .top,
  .wrap,
  .pagemst,
  .cont,
  .fh_left,
  .fh_right,
  .singlePage,
  .container,
  .container-page {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
  .pagemst {
    padding-left: 10px;
    padding-right: 10px;
  }
  .news_top,
  .art_info,
  .review,
  .review dl,
  .category-intro {
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  .review dl {
    padding: 14px !important;
  }
  .review dt {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
  }
  .review dt img,
  .time {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    float: none !important;
  }
  .review dd,
  .review dd div,
  .review dd p.note {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .news_top h1 {
    font-size: 22px;
    line-height: 1.45;
    text-align: left;
  }
  .art_info {
    padding: 18px 16px 0 !important;
    font-size: 16px;
    line-height: 1.9;
  }
  .art_info p {
    text-indent: 0 !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }
  .art_info h2 {
    font-size: 21px;
    line-height: 1.45;
  }
  .app_news .bd li,
  .newscont .app_news .bd li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }
  .app_news .bd li p {
    width: auto !important;
    height: auto !important;
    line-height: 1.6;
  }
}

/* Reader audit fixes 2026-07-02: natural inline links in article body */
.art_info p a,
.article-content p a,
#maximg p a {
  display: inline !important;
  white-space: normal !important;
  word-break: keep-all;
}
@media (max-width: 920px) {
  .art_info p a,
  .article-content p a,
  #maximg p a {
    display: inline !important;
  }
}