/* ==================== about 页面样式 ==================== */

* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'HarmonyOS Sans SC', -apple-system, BlinkMacSystemFont, sans-serif; background: white; }
        
        /* Sidebar */
        .sidebar { position: fixed; left: 49px; top: 150px; z-index: 10; } /* 缁熶竴闂磋窛鏍囧噯锛歨eader(110) + spacing(40) */
        .sidebar a { display: block; font-size: 24px; margin-bottom: 10px; color: #999; text-decoration: none; white-space: nowrap; } /* 闃叉鏂囧瓧鎹㈣ */
        .sidebar a.active { color: black; border-bottom: 3px solid black; display: inline-block; padding-bottom: 8px; } /* 澧炲姞padding浣夸笅鍒掔嚎涓嬬Щ */
        
        /* Main */
        .main { width: 100%; max-width: 1920px; margin-top: 150px; padding: 48px 0 0 264px; } /* 缁熶竴闂磋窛鏍囧噯锛歨eader(110) + spacing(40) */
        
        /* Section */
        .section { margin-bottom: 80px; width: 100%; max-width: 1599px; }
        .section-title { font-size: 35px; margin-bottom: 20px; }
        .section-subtitle { font-size: 24px; margin-bottom: 30px; }
        .section-text { font-size: 18px; line-height: 1.8; }
        .section-text strong { font-weight: 700; }
        .section-divider { width: 100%; height: 1px; background: black; margin: 50px 0; }
        
        /* 1280px-1900px 流体适配 */
        @media screen and (min-width: 1280px) and (max-width: 1899px) {
            .main { padding: 48px 20px 0 20px; }
            .sidebar { display: none; } /* 在小屏幕隐藏侧边栏或另作处理 */
        }
        
        /* With Image */
        .with-image { display: grid; grid-template-columns: 1fr 682px; gap: 60px; }
        .with-image img { width: 100%; height: 316px; object-fit: cover; }
        
        /* Architect Section */
        .architect-section { display: grid; grid-template-columns: 421px 1fr; gap: 60px; margin-top: 40px; }
        .architect-section img { width: 421px; height: 559px; object-fit: cover; }
        .architect-section .image-secondary { width: 337px; height: 399px; object-fit: cover; margin-top: 20px; }
        
        /* Gallery */
        .gallery { margin-top: 60px; display: grid; grid-template-columns: 552px 552px 432px; gap: 31px; }
        .gallery-item { position: relative; }
        .gallery-item:nth-child(1) { height: 719px; }
        .gallery-item:nth-child(2) { height: 363px; }
        .gallery-item:nth-child(3) { height: 917px; }
        .gallery-item img { width: 100%; height: 100%; object-fit: cover; }