.nav-inner { max-width: 1200px; margin: 0 auto; display: flex; }        .nav li:hover ul { opacity: 1; visibility: visible; transform: translateY(0); }

        .content { max-width: 1200px; margin: 0 auto; padding: 30px 40px 60px; }
        .article { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); padding: 40px 48px; }
        .article h1 { font-size: 28px; color: #1a1a2e; margin-bottom: 12px; line-height: 1.4; }
        .article .meta { font-size: 13px; color: #bbb; margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; }
        .article-body { font-size: 16px; color: #444; line-height: 2; }
        .article-body p { margin-bottom: 18px; text-indent: 2em; }
        .article-body img { max-width: 100%; border-radius: 8px; margin: 16px 0; }
        .article-body h3 { font-size: 20px; color: #1a1a2e; margin: 28px 0 14px; }
        .article-body strong { color: #222; }

        @media (max-width: 768px) {
            .article { padding: 24px 20px; }
            .article h1 { font-size: 22px; }
            .content { padding: 20px 16px 40px; }
        }