:root {
  --bg: #f5f5f5;
  --white: #fff;
  --text: #222;
  --muted: #666;
  --border: #e5e5e5;
  --primary: #1e50ae;
}
html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}
img {max-width: 100%;display: block;}
button {cursor: pointer;}

.page-wrapper {max-width: 1200px;margin: 0 auto;}

.nv-header {background: #fff;position: sticky;top: 0;z-index: 1000;box-shadow: 0 1px 8px rgba(0,0,0,0.06);}
.nv-header-top {display: flex;align-items: center;justify-content: space-between;padding: 16px 24px;gap: 16px;flex-wrap: wrap;}
.nv-logo img {height: 48px;}
.nv-menu-toggle {display: none;background: transparent;border: none;font-size: 24px;color: var(--text);}
.nv-nav ul {display: flex;align-items: center;gap: 24px;margin: 0;padding: 0;list-style: none;}
.nv-nav a {color: var(--text);text-decoration: none;font-size: 14px;transition: color .2s;}
.nv-nav a:hover {color: var(--primary);}
.nv-search {display: flex;align-items: stretch;gap: 8px;}
.nv-search input {padding: 10px 12px;border: 1px solid var(--border);border-radius: 4px;outline: none;min-width: 160px;}
.nv-search button {padding: 10px 16px;border: 1px solid var(--primary);border-radius: 4px;background: var(--primary);color: #fff;}
.nv-header-top-image {margin: 80px 0 0 0; padding: 0;}
.nv-header-top-image img {width: 100%;height:auto;display:block;}

.nv-main {width: 85%;max-width: 1200px;margin: 0 auto;padding: 20px 24px 40px;}

.news-detail {background: var(--white);border-radius: 12px;box-shadow: 0 18px 50px rgba(0,0,0,0.08);overflow: hidden;}
.news-detail-header {padding: 32px 32px 0 32px;}
.news-detail-title {margin: 0px 0 18px;font-size: 32px;line-height: 1.3;color:#111;font-weight:600;}
.news-detail-meta {display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding-bottom: 20px;border-bottom:1px solid var(--border);}
.news-detail-date {color: var(--muted);font-size: 14px;}
.news-detail-share {display: inline-flex;align-items: center;justify-content: center;padding: 10px 14px;border-radius: 6px;border:1px solid var(--border);background:#fafafa;color:var(--text);font-size:14px;transition: all .2s;}
.news-detail-share img {width: 20px;height: 20px;display: block;}
.news-detail-share:hover {background: #d7271b;color:#fff;border-color: #d7271b;}
.news-detail-image {margin: 0;padding: 0;}
.news-detail-image img {width: 100%;height:auto;display:block;}
.news-detail-body {padding: 28px 32px 0 32px;font-size: 16px;line-height: 1.75;color: var(--text);}
.news-detail-body p {margin: 0 0 18px;}
.news-detail-cta {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;padding: 28px 32px;border-top: 1px solid var(--border);}
.news-detail-link {flex: 1 1 280px;background: #f8f9ff;border:1px solid #e6e6ec;color: var(--text);padding: 16px 20px;border-radius: 8px;text-decoration: none;transition: transform .2s, border-color .2s;}
.news-detail-link:hover {border-color: var(--primary);transform: translateY(-2px);}
.news-detail-link.prev::before {content: '上一篇 ';font-weight:500;color: var(--primary);}
.news-detail-link.next::before {content: '下一篇 ';font-weight:500;color: var(--primary);}

.related-news {padding: 32px 32px 40px 32px;border-top: 1px solid var(--border);background: #f3f1f4;}
.related-news-header h2 {margin: 0 0 20px;font-size: 22px;color: #111;font-weight: 700;}
.related-news-grid {display: grid;gap: 16px;}
.related-news-row {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;}
.related-news-item {display: block;padding: 18px 20px;border-radius: 14px;background: #fff;border: 1px solid rgba(30,80,174,0.1);color: #1e50ae;text-decoration: none;font-size: 15px;line-height: 1.7;box-shadow: 0 10px 30px rgba(30,80,174,0.08);transition: transform .2s, box-shadow .2s, border-color .2s;}
.related-news-item:hover {transform: translateY(-2px);box-shadow: 0 14px 32px rgba(30,80,174,0.14);border-color: rgba(30,80,174,0.2);}
.related-news-empty {color: var(--muted);font-size: 14px;padding: 18px 20px;border-radius: 12px;background: #fff;border: 1px solid var(--border);}

.news-detail-comment {padding: 32px;}
.comment-title {font-size: 18px;font-weight: 600;margin-bottom: 18px;color:#111;}
.comment-row {display: flex;flex-wrap: wrap;gap: 16px;margin-bottom: 16px;}
.comment-row label {flex: 1 1 280px;display: flex;flex-direction: column;font-size: 14px;color: var(--muted);} 
.comment-row input, .comment-row textarea {margin-top: 8px;padding: 12px 14px;border: 1px solid var(--border);border-radius: 8px;font-size: 14px;outline: none;}
.comment-row textarea {min-height: 120px;resize: vertical;}
.comment-captcha {align-items: center;gap: 16px;}
.comment-captcha img {height: 42px;border-radius: 6px;border:1px solid var(--border);object-fit:cover;}
.comment-submit {border: none;padding: 14px 26px;border-radius: 8px;background: var(--primary);color: #fff;font-size: 15px;font-weight: 600;}

.nv-footer {padding: 24px 24px 40px;background:#fff;border-top: 1px solid var(--border);}
.nv-footer-content {max-width: 1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap: 12px;color: var(--muted);font-size: 14px;}
.nv-footer-content a {color: var(--muted);text-decoration:none;}
.nv-footer-content a:hover {color: var(--primary);}

.nv-modal {position: fixed;left:0;top:0;width:100%;height:100%;display: none;align-items:center;justify-content:center;background: rgba(0,0,0,0.55);padding: 24px;z-index: 2000;}
.nv-modal[aria-hidden="false"] {display: flex;}
.nv-modal-panel {background:#fff;border-radius: 14px;max-width: 420px;width: 100%;padding: 28px 24px;position: relative;text-align: center;box-shadow: 0 20px 50px rgba(0,0,0,0.2);}
.nv-modal-close {position: absolute;top: 18px;right: 18px;border: none;background: transparent;font-size: 24px;color: #999;cursor: pointer;}
.nv-modal-title {font-size: 18px;font-weight: 600;color: #111;margin-bottom: 18px;}
.nv-qr-image {width: 260px;height:260px;margin:0 auto 18px;border:1px solid var(--border);border-radius: 12px;}
.nv-modal-content p {margin: 0;font-size: 14px;color: var(--muted);}

@media (max-width: 860px) {
  .nv-header-top {padding: 16px;}
  .nv-nav ul {flex-wrap: wrap;gap: 12px;}
  .nv-search {width: 100%;}
  .nv-main {width: 99%;}
}
@media (max-width: 720px) {
  .nv-menu-toggle {display: block;}
  .nv-nav {width: 100%;display: none;}
  .nv-nav.open {display: block;}
  .nv-nav ul {flex-direction: column;gap: 12px;}
  .news-detail-header {padding: 24px 20px 0;}
  .news-detail-body, .news-detail-image, .news-detail-cta, .news-detail-comment {padding: 0 20px;}
  .news-detail-cta {flex-direction: column;}
  .related-news-row {grid-template-columns: 1fr;}
  .comment-row {flex-direction: column;}
  .comment-captcha {align-items: flex-start;}
  .nv-footer {padding: 24px 20px 32px;}
  .nv-main {width: 100%;}
}