/* ===== 基础重置 ===== */
        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: #1d1d1f;
            background: #fff;
            line-height: 1.5;
            font-size: 17px;
        }
        img { max-width: 100%; height: auto; display: block; }
        a { color: #0066cc; text-decoration: none; }
        a:hover { text-decoration: underline; }
        ul { list-style: none; }

        /* ===== 布局容器 ===== */
        .container { max-width: 980px; margin: 0 auto; padding: 0 22px; }
        .container-wide { max-width: 1400px; margin: 0 auto; padding: 0 22px; }

        /* ===== 顶部导航 ===== */
        .site-nav {
            position: sticky; top: 0; z-index: 100;
            background: rgba(29,29,31,0.85);
            backdrop-filter: saturate(180%) blur(20px);
            -webkit-backdrop-filter: saturate(180%) blur(20px);
        }
        .site-nav .nav-inner {
            max-width: 1024px; margin: 0 auto;
            display: flex; align-items: center; justify-content: space-between;
            height: 44px; padding: 0 22px;
        }
        .site-nav .logo { color: #f5f5f7; font-size: 17px; font-weight: 600; letter-spacing: -0.02em; }
        .site-nav nav ul { display: flex; gap: 28px; }
        .site-nav nav a {
            color: #f5f5f7; font-size: 12px; opacity: 0.8;
            transition: opacity 0.2s;
        }
        .site-nav nav a:hover { opacity: 1; text-decoration: none; }

        /* ===== Hero 区域 ===== */
        .hero {
            background: #000;
            color: #f5f5f7;
            text-align: center;
            padding: 60px 22px 0;
            overflow: hidden;
        }
        .hero h1 {
            font-size: 56px;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: 1.07;
            margin-bottom: 12px;
        }
        .hero .tagline {
            font-size: 28px;
            font-weight: 600;
            background: linear-gradient(90deg, #a3c1fd, #bf5af2, #ff375f);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 16px;
        }
        .hero .price {
            font-size: 17px;
            color: #86868b;
            margin-bottom: 20px;
        }
        .hero .cta-group {
            display: flex; gap: 16px; justify-content: center; margin-bottom: 40px;
        }
        .btn {
            display: inline-block;
            padding: 12px 24px;
            border-radius: 980px;
            font-size: 17px;
            font-weight: 400;
            transition: all 0.2s;
        }
        .btn-primary {
            background: #0071e3;
            color: #fff;
        }
        .btn-primary:hover { background: #0077ed; text-decoration: none; }
        .btn-secondary {
            color: #2997ff;
        }
        .btn-secondary:hover { text-decoration: underline; }

        /* ===== 核心卖点图标区 ===== */
        .highlights {
            background: #000;
            color: #f5f5f7;
            padding: 60px 0 80px;
        }
        .highlights h2 {
            font-size: 40px;
            font-weight: 700;
            text-align: center;
            letter-spacing: -0.02em;
            margin-bottom: 50px;
        }
        .highlight-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px 30px;
        }
        .highlight-item {
            text-align: center;
        }
        .highlight-item .icon {
            width: 48px; height: 48px;
            margin: 0 auto 16px;
            display: flex; align-items: center; justify-content: center;
        }
        .highlight-item h3 {
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 8px;
        }
        .highlight-item p {
            font-size: 14px;
            color: #86868b;
            line-height: 1.47;
        }

        /* ===== 通用区块 ===== */
        .section {
            padding: 100px 0;
        }
        .section-gray { background: #f5f5f7; }
        .section-dark { background: #000; color: #f5f5f7; }
        .section h2 {
            font-size: 48px;
            font-weight: 700;
            text-align: center;
            letter-spacing: -0.02em;
            line-height: 1.08;
            margin-bottom: 20px;
        }
        .section .subtitle {
            font-size: 21px;
            text-align: center;
            color: #6e6e73;
            max-width: 680px;
            margin: 0 auto 50px;
            line-height: 1.52;
        }
        .section-dark .subtitle { color: #86868b; }

        /* ===== 可折叠设计区块 ===== */
        .fold-design {
            background: #f5f5f7;
            border-radius: 30px;
            padding: 60px 40px;
            margin: 0 22px;
        }
        .fold-design h2 {
            font-size: 40px;
            font-weight: 700;
            text-align: center;
            letter-spacing: -0.02em;
            margin-bottom: 16px;
        }
        .fold-design .desc {
            text-align: center;
            font-size: 19px;
            color: #6e6e73;
            max-width: 680px;
            margin: 0 auto 40px;
            line-height: 1.5;
        }
        .fold-design .image-wrap {
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 30px;
        }
        .fold-design .image-wrap img {
            width: 100%;
            object-fit: cover;
        }
        .angle-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }
        .angle-card {
            background: #fff;
            border-radius: 18px;
            padding: 24px;
        }
        .angle-card h4 {
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 6px;
        }
        .angle-card p {
            font-size: 14px;
            color: #6e6e73;
            line-height: 1.47;
        }

        /* ===== 大屏参数区块 ===== */
        .display-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            flex-wrap: wrap;
            margin-top: 40px;
        }
        .stat-item {
            text-align: center;
        }
        .stat-item .num {
            font-size: 56px;
            font-weight: 700;
            background: linear-gradient(90deg, #a3c1fd, #bf5af2);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1;
            margin-bottom: 8px;
        }
        .stat-item .label {
            font-size: 14px;
            color: #86868b;
        }

        /* ===== 场景图区块 ===== */
        .scene-section {
            background: #000;
            padding: 100px 0;
            color: #f5f5f7;
        }
        .scene-section .image-wrap {
            max-width: 1000px;
            margin: 0 auto 50px;
            border-radius: 24px;
            overflow: hidden;
        }
        .scene-section h2 {
            font-size: 48px;
            font-weight: 700;
            text-align: center;
            letter-spacing: -0.02em;
            margin-bottom: 30px;
        }

        /* ===== 功能卡片 ===== */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-top: 40px;
        }
        .feature-card {
            background: #1d1d1f;
            border-radius: 20px;
            padding: 32px;
        }
        .feature-card h3 {
            font-size: 21px;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .feature-card p {
            font-size: 14px;
            color: #86868b;
            line-height: 1.5;
        }

        /* ===== FAQ 区块 ===== */
        .faq-section {
            background: #f5f5f7;
            padding: 100px 0;
        }
        .faq-section h2 {
            font-size: 40px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 50px;
            letter-spacing: -0.02em;
        }
        .faq-list {
            max-width: 720px;
            margin: 0 auto;
        }
        .faq-item {
            background: #fff;
            border-radius: 18px;
            margin-bottom: 12px;
            overflow: hidden;
        }
        .faq-item summary {
            padding: 20px 24px;
            font-size: 17px;
            font-weight: 600;
            cursor: pointer;
            list-style: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .faq-item summary::-webkit-details-marker { display: none; }
        .faq-item summary::after {
            content: "+";
            font-size: 24px;
            font-weight: 300;
            color: #86868b;
            transition: transform 0.2s;
        }
        .faq-item[open] summary::after { transform: rotate(45deg); }
        .faq-item .answer {
            padding: 0 24px 20px;
            font-size: 15px;
            color: #6e6e73;
            line-height: 1.6;
        }

        /* ===== 页脚 ===== */
        .site-footer {
            background: #f5f5f7;
            padding: 40px 0;
            font-size: 12px;
            color: #86868b;
            line-height: 1.5;
        }
        .site-footer .footer-links {
            border-top: 1px solid #d2d2d7;
            padding-top: 20px;
            margin-top: 20px;
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
        }
        .site-footer a { color: #515154; }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .hero h1 { font-size: 40px; }
            .hero .tagline { font-size: 21px; }
            .section h2 { font-size: 32px; }
            .highlight-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; }
            .angle-grid { grid-template-columns: 1fr; }
            .feature-grid { grid-template-columns: 1fr; }
            .display-stats { gap: 30px; }
            .stat-item .num { font-size: 40px; }
            .site-nav nav ul { gap: 16px; }
            .site-nav nav a { font-size: 11px; }
        }
        @media (max-width: 480px) {
            .hero h1 { font-size: 32px; }
            .hero .tagline { font-size: 18px; }
            .highlight-grid { grid-template-columns: 1fr; }
            .display-stats { flex-direction: column; align-items: center; }
        }