.news-header{
    position:relative; z-index:1;
    padding-bottom:24px;
    border-bottom:1px solid var(--border);
    margin-bottom:28px;
  }
  .news-source-row{
    display:flex; align-items:center; gap:10px;
    flex-wrap:wrap; margin-bottom:16px;
  }
  .news-time{
    display:inline-flex; align-items:center; gap:5px;
    font-size:12px; font-weight:600; color:var(--text2);
    background:var(--bg); padding:5px 12px; border-radius:50px;
    font-variant-numeric:tabular-nums;
  }
  .news-time svg{ width:12px; height:12px; opacity:.7; }

  .news-title{
    font-size:30px; font-weight:800; color:var(--text);
    letter-spacing:-.8px; line-height:1.35;
    margin-bottom:0;
  }

  .news-body{
    position:relative; z-index:1;
    font-size:16px; line-height:1.85; color:var(--text);
    word-break:break-word;
  }
  .news-body p{ margin-bottom:20px; }
  .news-body p:last-child{ margin-bottom:0; }
  .news-body .highlight{
    color:var(--accent); font-weight:700;
    background:rgba(59,130,246,.08);
    padding:2px 6px; border-radius:6px;
  }
  .news-body blockquote{
    position:relative;
    border-left:3px solid var(--accent);
    background:var(--bg);
    padding:18px 20px 18px 24px;
    margin:24px 0;
    border-radius:0 16px 16px 0;
    font-size:15px; line-height:1.75;
    color:var(--text);
  }
  .news-body blockquote::before{
    content:'“'; position:absolute; top:6px; left:8px;
    font-size:38px; color:var(--accent); opacity:.25;
    font-family:Georgia,serif; line-height:1;
  }

  .related-section{
    position:relative; z-index:1;
    margin-top:36px; padding-top:28px;
    border-top:1px solid var(--border);
  }
  .related-title{
    font-size:13px; font-weight:700; color:var(--text2);
    text-transform:uppercase; letter-spacing:1px;
    margin-bottom:16px;
    display:flex; align-items:center; gap:6px;
  }
  .related-title svg{ width:14px; height:14px; opacity:.7; }

  .related-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:10px;
  }
  .related-item{
    display:block;
    padding:16px 18px;
    border-radius:16px;
    text-decoration:none;
    color:inherit;
    background:var(--bg);
    border:1px solid var(--border);
    transition:background .18s ease, border-color .18s ease;
  }
  .related-item:hover{
    background:var(--hover);
    border-color:var(--accent);
  }
  .related-body .r-title{
    font-size:14px; font-weight:600; color:var(--text);
    line-height:1.5;
    overflow:hidden; text-overflow:ellipsis;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  }

  .footer-bar{ display:flex; justify-content:center; align-items:center; margin-top:28px; }
  .footer-tip{ font-size:12px; color:var(--text2); opacity:.6; letter-spacing:.2px; }

  @media (max-width:640px){
    .app{ padding:20px 16px 28px; border-radius:22px; }
    .detail-header{ gap:8px; margin-bottom:22px; }
    .detail-title{ font-size:16px; letter-spacing:-.3px; }
    .detail-sub{ font-size:11px; margin-top:2px; }
    .header-right{ gap:6px; }
    .home-btn{ padding:6px 10px; font-size:11px; gap:4px; }
    .home-btn svg{ width:12px; height:12px; }

    .news-title{ font-size:22px; letter-spacing:-.5px; }
    .news-body{ font-size:15px; line-height:1.75; }
    .news-body blockquote{ padding:16px 16px 16px 20px; font-size:14px; }

    .related-section{ margin-top:28px; padding-top:22px; }
    .related-list{ grid-template-columns:repeat(2, 1fr); gap:8px; }
    .related-item{ padding:12px 12px; border-radius:12px; }
    .related-body .r-title{ font-size:12.5px; -webkit-line-clamp:3; }
  }
  @media (max-width:380px){
    .detail-title{ font-size:14px; }
    .detail-sub{ font-size:10px; }
    .news-title{ font-size:19px; }
    .related-list{ grid-template-columns:1fr; }
  }