/* 基础重置 */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; color: #333; line-height: 1.6; background-color: #f8f9fa; overflow-x: hidden; }
        a { text-decoration: none; transition: all 0.3s ease; }

        /* 导航栏样式 (复用要求) */
        .y_w-ohuroy { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 1000; width: 100%; }
        .y_w-onokiq { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 72px; }
        .y_w-logo { display: flex; align-items: center; }
        .y_w-logo img { height: 32px; width: auto; }
        .y_w-ohuroy-list { display: flex; flex-wrap: wrap; gap: 20px; }
        .y_w-ohuroy-list a { color: #555; font-size: 15px; font-weight: 500; }
        .y_w-ohuroy-list a:hover { color: #d42e22; }
        .y_w-ohuroy-list a.y_w-active { color: #d42e22; border-bottom: 2px solid #d42e22; }

        /* 布局容器 */
        .y_w-ojeba { max-width: 1300px; margin: 0 auto; padding: 64px 24px; display: flex; flex-wrap: wrap; gap: 32px; }
        .y_w-ipagi { max-width: 1300px; margin: 0 auto; padding: 0 24px; }
        .y_w-ufet { position: relative; width: 100%; overflow: hidden; }

        /* 展示区域 - 视觉风格：极简高端 */
        .y_w-zela { background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%); padding: 96px 0; display: flex; flex-wrap: wrap; align-items: center; }
        .y_w-hariti { flex: 1; min-width: 320px; padding: 24px; word-break: break-word; }
        .y_w-hariti h1 { font-size: clamp(2rem, 4vw + 1rem, 3.5rem); line-height: 1.2; color: #1a1a1a; margin-bottom: 24px; font-weight: 800; letter-spacing: -1px; }
        .y_w-hariti p { font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem); color: #666; margin-bottom: 32px; max-width: 600px; }
        .y_w-atuno { flex: 1; min-width: 320px; position: relative; }
        .y_w-atuno img { width: 100%; border-radius: 24px; box-shadow: 0 30px 60px rgba(0,0,0,0.12); object-fit: cover; }

        /* 按钮组件 */
        .y_w-upizili { display: inline-block; padding: 16px 40px; background: #d42e22; color: #fff; border-radius: 50px; font-weight: 600; font-size: 18px; transition: transform 0.3s ease, box-shadow 0.3s ease; border: none; cursor: pointer; }
        .y_w-upizili:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(212, 46, 34, 0.3); color: #fff; }
        .y_w-wovel { display: inline-block; padding: 16px 40px; background: transparent; color: #d42e22; border: 2px solid #d42e22; border-radius: 50px; font-weight: 600; font-size: 18px; margin-left: 16px; }
        .y_w-wovel:hover { background: rgba(212, 46, 34, 0.05); }

        /* 模板卡片组件 */
        .y_w-uqowis { background: #fff; border-radius: 20px; padding: 0; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.04); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); flex: 1; min-width: 380px; display: flex; flex-direction: column; }
        .y_w-uqowis:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
        .y_w-uqowis img { width: 100%; height: 260px; object-fit: cover; }
        .y_w-debozuq { padding: 32px; word-break: break-word; }
        .y_w-debozuq h3 { font-size: 24px; margin-bottom: 12px; color: #111; }
        .y_w-debozuq p { color: #777; font-size: 15px; margin-bottom: 20px; }

        /* 内容区块 */
        .y_w-content-area { padding: 80px 0; background: #fff; }
        .y_w-title-center { text-align: center; margin-bottom: 60px; width: 100%; }
        .y_w-title-center h2 { font-size: 36px; color: #111; margin-bottom: 16px; font-weight: 700; }
        .y_w-title-center p { font-size: 18px; color: #888; max-width: 700px; margin: 0 auto; }

        /* 特色功能区 */
        .y_w-feature-wrap { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; margin-top: 64px; }
        .y_w-feature-text { flex: 1; min-width: 300px; }
        .y_w-feature-img { flex: 1; min-width: 300px; border-radius: 16px; overflow: hidden; }
        .y_w-feature-img img { width: 100%; display: block; }

        /* 页脚区域 */
        .y_w-avogez { background: #1a1a1a; color: #fff; padding: 80px 0 40px; margin-top: 80px; }
        .y_w-itepun { max-width: 1300px; margin: 0 auto; padding: 0 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 48px; }
        .y_w-footer-brand { flex: 2; min-width: 300px; }
        .y_w-footer-brand h4 { font-size: 24px; margin-bottom: 24px; color: #fff; }
        .y_w-footer-brand p { color: #aaa; max-width: 400px; margin-bottom: 24px; font-size: 14px; }
        .y_w-footer-links { flex: 1; min-width: 150px; }
        .y_w-footer-links h5 { font-size: 18px; margin-bottom: 24px; color: #fff; }
        .y_w-footer-links a { display: block; color: #888; margin-bottom: 12px; font-size: 14px; }
        .y_w-footer-links a:hover { color: #fff; }
        .y_w-footer-bottom { width: 100%; border-top: 1px solid #333; margin-top: 64px; padding-top: 32px; text-align: center; color: #666; font-size: 14px; }

        /* 响应式 */
        @media (max-width: 768px) {
            .y_w-onokiq { height: auto; padding: 16px; flex-direction: column; gap: 16px; }
            .y_w-ohuroy-list { justify-content: center; gap: 12px; }
            .y_w-ojeba { padding: 40px 16px; }
            .y_w-uqowis { min-width: 100%; }
            .y_w-hariti { text-align: center; }
            .y_w-hariti p { margin: 0 auto 32px; }
            .y_w-wovel { margin-left: 0; margin-top: 12px; width: 100%; text-align: center; }
            .y_w-upizili { width: 100%; text-align: center; }
        }