.article-container{max-width:800px;margin:0 auto;padding:50px 40px;}
        .article-header{border-bottom:2px solid #C9A96E;padding-bottom:20px;margin-bottom:30px;}
        .article-header h1{font-size:28px;color:#0F3460;line-height:1.4;margin-bottom:10px;}
        .article-meta{color:#666;font-size:14px;}
        .article-body p{line-height:1.8;color:#333;margin-bottom:15px;}
        @media(max-width:768px){.article-container{padding:36px 18px;}}
    .header-nav { background: #0a2463; padding: 15px 20px; position: sticky; top: 0; z-index: 100; }
    .nav-content { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
    .logo { color: #d4af37; font-size: 22px; font-weight: bold; text-decoration: none; }
    .nav-links { display: flex; gap: 18px; list-style: none; }
    .nav-links a { color: #fff; text-decoration: none; font-size: 15px; padding: 4px 6px; }
    .nav-links a:hover { color: #d4af37; }
    .hamburger { display: none; background: none; border: none; color: #d4af37; font-size: 28px; cursor: pointer; padding: 0; line-height: 1; }
    .author-bio { margin: 40px auto; max-width: 800px; padding: 24px 28px; background: linear-gradient(135deg,#f8f4eb 0%,#fef9ef 100%); border-radius: 8px; border-left: 4px solid #d4af37; }
    .author-bio-inner { display: flex; gap: 16px; align-items: flex-start; }
    .author-photo { flex-shrink: 0; width: 60px; height: 60px; border-radius: 50%; object-fit: cover; }
    .author-info { flex: 1; }
    .author-name { font-size: 16px; font-weight: bold; color: #0a2463; margin-bottom: 6px; }
    .author-desc { font-size: 14px; line-height: 1.8; color: #555; margin: 0; }
    .article-table{width:100%;border-collapse:collapse;}
    .article-table th{background:#0a2463;color:#fff;padding:10px;text-align:left;}
    .article-table td{padding:10px;border-bottom:1px solid #eee;}
    .breadcrumb{font-size:13px;color:#999;margin-bottom:20px;}
    .breadcrumb a{color:#0a2463;text-decoration:none;}
    @media (max-width: 768px) {
      .nav-links { display: none; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #0a2463; padding: 15px 20px; gap: 12px; align-items: flex-start; }
      .nav-links.open { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; right: 0; background: #0a2463; padding: 15px 20px; gap: 12px; z-index: 99; }
      .hamburger { display: block; }
    }