/* ========== Reset & Base ========== */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'PingFang SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
            color: #333;
            background: #f5f7fa;
            line-height: 1.6;
        }
        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

        /* ========== Top Bar ========== */
        .top-bar {
            background: #1a1a2e;
            color: #aaa;
            font-size: 12px;
            padding: 8px 0;
        }
        .top-bar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .top-bar a { color: #aaa; margin-left: 15px; transition: color .3s; }
        .top-bar a:hover { color: #f5a623; }

        /* ========== Header ========== */
        .header {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,.08);
            position: sticky;
            top: 0;
            z-index: 100;
        }
        .header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 70px;
        }
        .logo {
			width:150px;
            height: 50px;
        }
		.logo img {
			width:150px;
            height: 50px;
        }
        .logo span { color: #e63946; }
        /* 导航二级下拉 */
        .nav ul {
            display: flex;
            gap: 30px;
        }
        .nav li { position: relative; }
        .nav a {
            font-size: 15px;
            font-weight: 500;
            color: #333;
            transition: color .3s;
            position: relative;
            padding: 5px 0;
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
        .nav a:hover { color: #e63946; }
        .nav a::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0;
            width: 0; height: 2px;
            background: #e63946;
            transition: width .3s;
        }
        .nav a:hover::after { width: 100%; }
        /* 下拉箭头 */
        .nav .has-dropdown > a .arrow-down {
            display: inline-block;
            width: 0; height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 5px solid currentColor;
            transition: transform .3s;
            margin-left: 2px;
        }
        .nav .has-dropdown:hover > a .arrow-down { transform: rotate(180deg); }
        /* 下拉菜单 */
        .nav .dropdown {
            position: absolute;
            top: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(10px);
            min-width: 180px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 10px 40px rgba(0,0,0,.12);
            padding: 10px 0;
            opacity: 0;
            visibility: hidden;
            transition: all .3s;
            z-index: 200;
        }
        .nav .dropdown li { display: block; }
        .nav .dropdown a {
            display: block;
            padding: 10px 20px;
            font-size: 14px;
            color: #555;
            white-space: nowrap;
        }
        .nav .dropdown a::after { display: none; }
        .nav .dropdown a:hover {
            background: rgba(230,57,70,.06);
            color: #e63946;
        }
        .nav .has-dropdown:hover .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }
        .header-btn {
            background: linear-gradient(135deg, #e63946, #c1121f);
            color: #fff !important;
            padding: 10px 24px;
            border-radius: 6px;
            font-weight: 600;
            transition: transform .3s, box-shadow .3s;
        }
        .header-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(230,57,70,.4);
        }

        /* ========== 汉堡按钮（WAP端） ========== */
        .hamburger {
            display: none;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 40px; height: 40px;
            cursor: pointer;
            gap: 5px;
            background: transparent;
            border: none;
            padding: 0;
            z-index: 300;
        }
        .hamburger span {
            display: block;
            width: 24px; height: 2px;
            background: #1a1a2e;
            border-radius: 2px;
            transition: all .35s ease;
            transform-origin: center;
        }
        /* 汉堡动画 → X */
        .hamburger.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
        .hamburger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
        .hamburger.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

        /* ========== Hero ========== */
        .hero {
            background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            color: #fff;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: -50%; right: -20%;
            width: 600px; height: 600px;
            background: radial-gradient(circle, rgba(230,57,70,.15) 0%, transparent 70%);
            border-radius: 50%;
        }
        .hero::after {
            content: '';
            position: absolute;
            bottom: -30%; left: -10%;
            width: 400px; height: 400px;
            background: radial-gradient(circle, rgba(245,166,35,.1) 0%, transparent 70%);
            border-radius: 50%;
        }
        .hero .container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
            position: relative;
            z-index: 1;
        }
        .hero-left h1 {
            font-size: 42px;
            font-weight: 800;
            line-height: 1.3;
            margin-bottom: 15px;
        }
        .hero-left h1 .highlight {
            color: #f5a623;
        }
        .hero-left > p {
            font-size: 17px;
            color: rgba(255,255,255,.75);
            margin-bottom: 30px;
        }
        .hero-features {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin-bottom: 35px;
        }
        .hero-feature {
            text-align: center;
            background: rgba(255,255,255,.08);
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 10px;
            padding: 18px 10px;
        }
        .hero-feature .num {
            font-size: 28px;
            font-weight: 800;
            color: #f5a623;
        }
        .hero-feature .label {
            font-size: 12px;
            color: rgba(255,255,255,.6);
            margin-top: 5px;
        }
        .hero-btns {
            display: flex;
            gap: 15px;
        }
        .btn-primary {
            background: linear-gradient(135deg, #e63946, #c1121f);
            color: #fff;
            padding: 14px 36px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 700;
            border: none;
            cursor: pointer;
            transition: transform .3s, box-shadow .3s;
        }
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 25px rgba(230,57,70,.5);
        }
        .btn-outline {
            background: transparent;
            color: #fff;
            padding: 14px 36px;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            border: 2px solid rgba(255,255,255,.3);
            cursor: pointer;
            transition: border-color .3s, background .3s;
        }
        .btn-outline:hover {
            border-color: #f5a623;
            background: rgba(245,166,35,.1);
        }

        /* Hero Right - Quick Form */
        .quick-form {
            background: #fff;
            border-radius: 16px;
            padding: 35px 30px;
            box-shadow: 0 20px 60px rgba(0,0,0,.3);
        }
        .quick-form h3 {
            font-size: 20px;
            color: #1a1a2e;
            margin-bottom: 5px;
        }
        .quick-form .sub {
            font-size: 13px;
            color: #999;
            margin-bottom: 22px;
        }
        .form-group { margin-bottom: 15px; }
        .form-group label {
            display: block;
            font-size: 13px;
            color: #555;
            margin-bottom: 6px;
            font-weight: 500;
        }
        .form-group input,
        .form-group select {
            width: 100%;
            padding: 12px 14px;
            border: 1px solid #ddd;
            border-radius: 8px;
            font-size: 14px;
            transition: border-color .3s;
            outline: none;
        }
        .form-group input:focus,
        .form-group select:focus { border-color: #e63946; }
        .leverage-btns {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
        }
        .leverage-btns .lb {
            padding: 8px 16px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 13px;
            cursor: pointer;
            transition: all .3s;
            background: #fff;
        }
        .leverage-btns .lb.active,
        .leverage-btns .lb:hover {
            border-color: #e63946;
            color: #e63946;
            background: rgba(230,57,70,.05);
        }
        .quick-form .btn-primary {
            width: 100%;
            margin-top: 10px;
            padding: 14px;
        }
        .form-tip {
            font-size: 12px;
            color: #999;
            text-align: center;
            margin-top: 12px;
        }

        /* ========== Trust Bar ========== */
        .trust-bar {
            background: #fff;
            padding: 20px 0;
            border-bottom: 1px solid #eee;
        }
        .trust-bar .container {
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;
        }
        .trust-item {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .trust-item .icon {
            width: 40px; height: 40px;
            border-radius: 50%;
            background: linear-gradient(135deg, #e63946, #f5a623);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
        }
        .trust-item .text h4 { font-size: 14px; color: #333; }
        .trust-item .text p { font-size: 12px; color: #999; }

        /* ========== Section Title ========== */
        .section { padding: 70px 0; }
        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }
        .section-title h2 {
            font-size: 32px;
            font-weight: 800;
            color: #1a1a2e;
            margin-bottom: 10px;
        }
        .section-title p {
            font-size: 15px;
            color: #888;
        }
        .section-title .bar {
            width: 60px; height: 4px;
            background: linear-gradient(135deg, #e63946, #f5a623);
            border-radius: 2px;
            margin: 15px auto 0;
        }

        /* ========== Products ========== */
        .products { background: #f5f7fa; }
        .product-cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
        }
        .product-card {
            background: #fff;
            border-radius: 14px;
            padding: 35px 28px;
            text-align: center;
            transition: transform .3s, box-shadow .3s;
            border: 1px solid #eee;
        }
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0,0,0,.1);
        }
        .product-card .p-icon {
            width: 70px; height: 70px;
            border-radius: 16px;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: #fff;
        }
        .p-icon.gradient-1 { background: linear-gradient(135deg, #e63946, #c1121f); }
        .p-icon.gradient-2 { background: linear-gradient(135deg, #f5a623, #f0932b); }
        .p-icon.gradient-3 { background: linear-gradient(135deg, #302b63, #5a54a0); }
        .product-card h3 {
            font-size: 20px;
            color: #1a1a2e;
            margin-bottom: 10px;
        }
        .product-card .leverage {
            font-size: 36px;
            font-weight: 800;
            color: #e63946;
            margin: 10px 0;
        }
        .product-card .leverage small {
            font-size: 14px;
            color: #999;
            font-weight: 400;
        }
        .product-card .desc {
            font-size: 13px;
            color: #777;
            margin-bottom: 18px;
            line-height: 1.8;
        }
        .product-card .features {
            text-align: left;
            margin-bottom: 20px;
        }
        .product-card .features li {
            font-size: 13px;
            color: #666;
            padding: 4px 0;
            padding-left: 20px;
            position: relative;
        }
        .product-card .features li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #2ecc71;
            font-weight: 700;
        }
        .product-card .price {
            font-size: 14px;
            color: #e63946;
            font-weight: 600;
            margin-bottom: 18px;
        }

        /* ========== Steps ========== */
        .steps { background: #fff; }
        .step-cards {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 25px;
            position: relative;
        }
        .step-cards::before {
            content: '';
            position: absolute;
            top: 35px;
            left: 12%;
            width: 76%;
            height: 2px;
            background: linear-gradient(90deg, #e63946, #f5a623, #302b63, #2ecc71);
        }
        .step-card {
            text-align: center;
            position: relative;
            z-index: 1;
        }
        .step-card .step-num {
            width: 70px; height: 70px;
            border-radius: 50%;
            margin: 0 auto 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: 800;
            color: #fff;
            background: linear-gradient(135deg, #e63946, #c1121f);
            box-shadow: 0 5px 15px rgba(230,57,70,.3);
        }
        .step-card:nth-child(2) .step-num { background: linear-gradient(135deg, #f5a623, #f0932b); box-shadow: 0 5px 15px rgba(245,166,35,.3); }
        .step-card:nth-child(3) .step-num { background: linear-gradient(135deg, #302b63, #5a54a0); box-shadow: 0 5px 15px rgba(48,43,99,.3); }
        .step-card:nth-child(4) .step-num { background: linear-gradient(135deg, #2ecc71, #27ae60); box-shadow: 0 5px 15px rgba(46,204,113,.3); }
        .step-card h4 { font-size: 17px; color: #1a1a2e; margin-bottom: 8px; }
        .step-card p { font-size: 13px; color: #888; }

        /* ========== Calculator ========== */
        .calculator {
            background: linear-gradient(135deg, #1a1a2e, #302b63);
            color: #fff;
        }
        .calc-inner {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: center;
        }
        .calc-left h2 { color: #fff; }
        .calc-left .bar { background: #f5a623; }
        .calc-left p { color: rgba(255,255,255,.7); margin-top: 15px; }
        .calc-right {
            background: rgba(255,255,255,.08);
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 16px;
            padding: 35px;
        }
        .calc-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 0;
            border-bottom: 1px solid rgba(255,255,255,.1);
        }
        .calc-row:last-child { border-bottom: none; }
        .calc-row .lbl { font-size: 14px; color: rgba(255,255,255,.7); }
        .calc-row .val {
            font-size: 20px;
            font-weight: 700;
            color: #f5a623;
        }
        .calc-row .val.total {
            font-size: 32px;
            color: #e63946;
        }
        .calc-slider { width: 100%; margin-top: 8px; accent-color: #e63946; }
        .calc-select {
            background: rgba(255,255,255,.1);
            border: 1px solid rgba(255,255,255,.2);
            color: #dd9321;
            padding: 8px 12px;
            border-radius: 6px;
            font-size: 14px;
        }

        /* ========== FAQ ========== */
        .faq { background: #fff; }
        .faq-list {
            max-width: 800px;
            margin: 0 auto;
        }
        .faq-item {
            border: 1px solid #eee;
            border-radius: 10px;
            margin-bottom: 12px;
            overflow: hidden;
            transition: box-shadow .3s;
        }
        .faq-item:hover { box-shadow: 0 4px 15px rgba(0,0,0,.06); }
        .faq-q {
            padding: 18px 22px;
            font-size: 15px;
            font-weight: 600;
            color: #1a1a2e;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            user-select: none;
        }
        .faq-q .arrow {
            font-size: 18px;
            color: #e63946;
            transition: transform .3s;
        }
        .faq-item.open .faq-q .arrow { transform: rotate(180deg); }
        .faq-a {
            max-height: 0;
            overflow: hidden;
            transition: max-height .4s ease;
        }
        .faq-item.open .faq-a { max-height: 300px; }
        .faq-a-inner {
            padding: 0 22px 18px;
            font-size: 14px;
            color: #666;
            line-height: 1.8;
        }

        /* ========== 需求匹配层（取代单纯罗列） ========== */
        .need-journey { background: #f5f7fa; }
        .journey-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        .journey-card {
            display: flex;
            align-items: flex-start;
            gap: 18px;
            background: #fff;
            border: 1px solid #eee;
            border-radius: 14px;
            padding: 24px;
            text-decoration: none;
            color: inherit;
            transition: transform .3s, box-shadow .3s, border-color .3s;
            position: relative;
            overflow: hidden;
        }
        .journey-card::before {
            content: '';
            position: absolute;
            left: 0; top: 0; bottom: 0;
            width: 4px;
            background: linear-gradient(180deg, #e63946, #f5a623);
            transform: scaleY(0);
            transition: transform .3s;
        }
        .journey-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0,0,0,.08);
            border-color: #e63946;
        }
        .journey-card:hover::before { transform: scaleY(1); }
        .jc-left { flex-shrink: 0; }
        .jc-icon {
            width: 52px; height: 52px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            color: #fff;
        }
        .jc-body { flex: 1; }
        .jc-tags { margin-bottom: 10px; }
        .jc-tags .tag {
            display: inline-block;
            background: #f0f2f7;
            color: #555;
            font-size: 12px;
            padding: 3px 10px;
            border-radius: 20px;
            margin: 0 6px 6px 0;
        }
        .jc-body h4 {
            font-size: 17px;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 8px;
        }
        .jc-match {
            font-size: 13px;
            color: #666;
            line-height: 1.7;
            margin-bottom: 8px;
        }
        .jc-match strong { color: #e63946; }
        .jc-go {
            font-size: 13px;
            font-weight: 600;
            color: #302b63;
            transition: color .3s, padding-left .3s;
        }
        .journey-card:hover .jc-go {
            color: #e63946;
            padding-left: 4px;
        }
        .journey-tip {
            text-align: center;
            font-size: 13px;
            color: #999;
            margin-top: 28px;
        }

        /* SEO 需求映射：仅对爬虫/辅助设备可见，不影响视觉 */
        .seo-need-map {
            position: absolute;
            width: 1px; height: 1px;
            padding: 0; margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            white-space: nowrap;
            border: 0;
        }

        /* 通用：需求解决角标 */
        [data-need] { position: relative; }
        .need-badge {
            position: absolute;
            top: 14px; right: 14px;
            background: linear-gradient(135deg, #e63946, #f5a623);
            color: #fff;
            font-size: 11px;
            font-weight: 600;
            padding: 4px 11px;
            border-radius: 20px;
            z-index: 3;
            box-shadow: 0 3px 10px rgba(230,57,70,.25);
            animation: badgeIn .4s ease;
        }
        @keyframes badgeIn {
            from { opacity: 0; transform: scale(.6); }
            to   { opacity: 1; transform: scale(1); }
        }
        .need-highlight {
            animation: needFlash 1.6s ease;
            z-index: 1;
        }
        @keyframes needFlash {
            0%   { box-shadow: 0 0 0 0 rgba(230,57,70,0); }
            25%  { box-shadow: 0 0 0 6px rgba(230,57,70,.35), 0 0 30px rgba(245,166,35,.4); }
            100% { box-shadow: 0 0 0 0 rgba(230,57,70,0); }
        }

        /* ========== 文章资讯板块 ========== */
        .articles { background: #fff; }
        .article-cats {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 32px;
        }
        .ac-btn {
            border: 1px solid #e0e4ec;
            background: #fff;
            color: #555;
            font-size: 14px;
            padding: 8px 20px;
            border-radius: 30px;
            cursor: pointer;
            transition: all .3s;
        }
        .ac-btn:hover { border-color: #e63946; color: #e63946; }
        .ac-btn.active {
            background: linear-gradient(135deg, #e63946, #c1121f);
            color: #fff;
            border-color: transparent;
            box-shadow: 0 4px 12px rgba(230,57,70,.3);
        }
        /* ========== 知识库：按栏目分区 ========== */
        .kb-wrap {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .kb-col {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 16px;
            overflow: hidden;
            display: grid;
            grid-template-columns: 200px 1fr;
            transition: box-shadow .3s, border-color .3s;
        }
        .kb-col:hover { box-shadow: 0 10px 30px rgba(0,0,0,.06); border-color: #e0e4ec; }
        /* 栏目头部（左列） */
        .kb-head {
            background: #fafbff;
            padding: 24px 20px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: space-between;
            border-right: 1px solid #eee;
            gap: 14px;
        }
        .kb-head .kb-icon {
            width: 46px; height: 46px;
            border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            font-size: 22px;
            color: #fff;
        }
        .kb-head h3 {
            font-size: 19px;
            color: #1a1a2e;
            margin: 0;
            font-weight: 700;
        }
        .kb-more {
            font-size: 13px;
            color: #e63946;
            font-weight: 600;
            text-decoration: none;
            transition: padding-left .3s;
        }
        .kb-more:hover { padding-left: 4px; }
        /* 栏目主体（右列） */
        .kb-body {
            padding: 22px 26px;
            display: grid;
            grid-template-columns: 1.15fr 1fr;
            gap: 26px;
            align-items: stretch;
        }
        .kb-feature {
            text-decoration: none;
            display: flex;
            flex-direction: column;
            padding-right: 20px;
            border-right: 1px dashed #e8e8e8;
        }
        .kb-feature h4 {
            font-size: 17px;
            color: #1a1a2e;
            line-height: 1.5;
            margin: 0 0 10px;
            transition: color .3s;
        }
        .kb-feature:hover h4 { color: #e63946; }
        .kb-feature p {
            font-size: 13.5px;
            color: #777;
            line-height: 1.75;
            margin: 0 0 14px;
            flex: 1;
        }
        .kb-tag {
            align-self: flex-start;
            background: linear-gradient(135deg, #fef3f4, #fff5e6);
            color: #e63946;
            font-size: 11px;
            font-weight: 600;
            padding: 4px 11px;
            border-radius: 20px;
        }
        .kb-list {
            list-style: none;
            margin: 0; padding: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .kb-list li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            padding: 9px 0;
            border-bottom: 1px solid #f3f3f3;
            cursor: pointer;
            transition: padding-left .3s;
        }
        .kb-list li:last-child { border-bottom: none; }
        .kb-list li:hover { padding-left: 6px; }
        .kb-list li span {
            font-size: 13.5px;
            color: #444;
            line-height: 1.4;
            transition: color .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .kb-list li:hover span { color: #e63946; }
        .kb-list li em {
            font-style: normal;
            font-size: 12px;
            color: #bbb;
            flex-shrink: 0;
        }
        .kb-center { text-align: center; margin-top: 36px; }
        .btn-outline {
            background: transparent;
            border: 2px solid #e63946;
            color: #e63946;
            padding: 12px 36px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 15px;
            cursor: pointer;
            transition: all .3s;
        }
        .btn-outline:hover { background: #e63946; color: #fff; }
        .article-card.hide { display: none; }

        /* 竞品对比表（融入产品区） */
        .compare-bar {
            margin-top: 40px;
            background: #fff;
            border-radius: 14px;
            padding: 28px 30px;
            border: 1px solid #eee;
        }
        .compare-title {
            font-size: 17px;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 20px;
        }
        .compare-table {
            border: 1px solid #eee;
            border-radius: 10px;
            overflow: hidden;
        }
        .compare-row {
            display: grid;
            grid-template-columns: 1.4fr 1fr 1fr 1fr;
            font-size: 14px;
        }
        .compare-row > span {
            padding: 12px 14px;
            border-bottom: 1px solid #f0f0f0;
            color: #444;
        }
        .compare-row > span:not(:last-child) { border-right: 1px solid #f0f0f0; }
        .compare-head {
            background: linear-gradient(135deg, #302b63, #5a54a0);
            font-weight: 700;
        }
        .compare-head > span { color: #fff; }
        .compare-row:nth-child(even) { background: #fafbff; }
        .compare-row:last-child > span { border-bottom: none; }
        .compare-note {
            font-size: 12px;
            color: #999;
            line-height: 1.8;
            margin-top: 16px;
        }

        /* 操作交易规则卡组（融入流程区） */
        .op-rules {
            margin-top: 35px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }
        .op-card {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 22px 18px;
            text-align: center;
            transition: transform .3s, box-shadow .3s;
        }
        .op-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0,0,0,.07);
        }
        .op-icon {
            width: 50px; height: 50px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f5f7fa, #e8ecf5);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            margin: 0 auto 12px;
        }
        .op-card h5 {
            font-size: 15px;
            color: #1a1a2e;
            margin-bottom: 12px;
        }
        .op-card ul { list-style: none; text-align: left; }
        .op-card li {
            font-size: 12px;
            color: #777;
            padding: 4px 0 4px 16px;
            position: relative;
            line-height: 1.6;
        }
        .op-card li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #2ecc71;
            font-weight: 700;
        }

        /* ========== CTA ========== */
        .cta {
            background: linear-gradient(135deg, #e63946, #c1121f);
            color: #fff;
            text-align: center;
            padding: 60px 0;
        }
        .cta h2 { font-size: 30px; font-weight: 800; margin-bottom: 12px; }
        .cta p { font-size: 16px; opacity: .85; margin-bottom: 28px; }
        .cta .btn-primary {
            background: #fff;
            color: #e63946;
        }
        .cta .btn-primary:hover {
            box-shadow: 0 6px 25px rgba(255,255,255,.4);
        }

        /* ========== Footer ========== */
        .footer {
            background: #0f0c29;
            color: #888;
            padding: 50px 0 20px;
        }
        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 35px;
        }
        .footer-col h4 {
            font-size: 15px;
            color: #fff;
            margin-bottom: 15px;
        }
        .footer-col ul li {
            padding: 5px 0;
        }
        .footer-col ul li a {
            font-size: 13px;
            color: #777;
            transition: color .3s;
        }
        .footer-col ul li a:hover { color: #f5a623; }
        .footer-col p {
            font-size: 13px;
            color: #666;
            line-height: 1.8;
        }
        .footer-bottom {
            border-top: 1px solid rgba(255,255,255,.08);
            padding-top: 20px;
            text-align: center;
            font-size: 12px;
            color: #555;
        }
        .risk-notice {
            background: rgba(230,57,70,.1);
            border: 1px solid rgba(230,57,70,.3);
            border-radius: 8px;
            padding: 12px 18px;
            margin-top: 15px;
            font-size: 12px;
            color: #ccc;
            line-height: 1.7;
        }

        /* ========== Float BTN ========== */
        .float-btn {
            position: fixed;
            right: 20px;
            bottom: 80px;
            z-index: 999;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .float-btn a {
            width: 55px; height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: #fff;
            box-shadow: 0 4px 15px rgba(0,0,0,.2);
            transition: transform .3s;
        }
        .float-btn a:hover { transform: scale(1.1); }
        .float-qq { background: linear-gradient(135deg, #12b7f5, #0a8ecf); }
        .float-kf { background: linear-gradient(135deg, #e63946, #c1121f); }
        .float-top {
            background: linear-gradient(135deg, #333, #555);
            font-size: 16px !important;
        }

        /* ========== Responsive ========== */
        @media (max-width: 900px) {
            .hero .container { grid-template-columns: 1fr; }
            .hero-left h1 { font-size: 30px; }
            .product-cards { grid-template-columns: 1fr; }
            .step-cards { grid-template-columns: repeat(2, 1fr); gap: 30px; }
            .step-cards::before { display: none; }
            .calc-inner { grid-template-columns: 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
            .journey-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
            .journey-card { padding: 20px; }
            .compare-row { font-size: 12px; }
            .compare-row > span { padding: 10px 8px; }
            .op-rules { grid-template-columns: repeat(2, 1fr); gap: 14px; }
            .kb-col { grid-template-columns: 170px 1fr; }
            .kb-body { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
            .kb-feature { padding-right: 0; border-right: none; padding-bottom: 16px; border-bottom: 1px dashed #e8e8e8; }
            .kb-list { gap: 4px; }

            /* ===== WAP：导航隐藏下拉 ===== */
            .header-right { display: flex; align-items: center; gap: 10px; }
            .hamburger { display: flex; }
            /* 移动端隐藏"免费开户"文字按钮，仅保留汉堡 */
            .header-right .header-btn { display: none; }

            .nav {
                position: absolute;
                top: 70px;
                left: 0; right: 0;
                background: #fff;
                box-shadow: 0 10px 30px rgba(0,0,0,.1);
                max-height: 0;
                overflow: hidden;
                visibility: hidden;
                opacity: 0;
                transition: max-height .4s ease, opacity .35s ease, visibility .35s;
            }
            .nav.open {
                max-height: 90vh;
                overflow-y: auto;
                visibility: visible;
                opacity: 1;
            }
            .nav ul {
                flex-direction: column;
                gap: 0;
                padding: 10px 0;
            }
            .nav li { width: 100%; }
            .nav > ul > li > a {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 14px 20px;
                font-size: 15px;
                border-bottom: 1px solid #f0f0f0;
            }
            .nav > ul > li > a::after { display: none; }
            .nav > ul > li > a:hover { background: rgba(230,57,70,.04); }

            /* WAP端：下拉子菜单改为内嵌折叠，默认隐藏 */
            .nav .dropdown {
                position: static;
                transform: none;
                min-width: auto;
                box-shadow: none;
                background: #f8f9fb;
                border-radius: 0;
                padding: 0;
                max-height: 0;
                overflow: hidden;
                opacity: 1;
                visibility: visible;
                transition: max-height .35s ease;
            }
            .nav .has-dropdown.open .dropdown { max-height: 500px; }
            .nav .dropdown a {
                padding: 12px 36px;
                font-size: 14px;
                border-bottom: 1px solid #eee;
            }
            /* WAP端下拉箭头旋转 */
            .nav .has-dropdown.open > a .arrow-down { transform: rotate(180deg); }
            .nav .has-dropdown:hover .dropdown { opacity: 1; visibility: visible; transform: none; }
        }
        @media (max-width: 600px) {
            .hero-features { grid-template-columns: repeat(3, 1fr); gap: 8px; }
            .hero-feature .num { font-size: 20px; }
            .section-title h2 { font-size: 24px; }
            .footer-grid { grid-template-columns: 1fr; }
            .journey-grid { grid-template-columns: 1fr; }
            .journey-card { flex-direction: column; gap: 12px; }
            .jc-left { align-self: flex-start; }
            .compare-table { font-size: 11px; }
            .compare-row { grid-template-columns: 1.2fr 1fr 1fr 1fr; }
            .op-rules { grid-template-columns: 1fr 1fr; }
            .kb-col { grid-template-columns: 1fr; }
            .kb-head {
                flex-direction: row;
                align-items: center;
                border-right: none;
                border-bottom: 1px solid #eee;
                padding: 16px 20px;
            }
            .kb-head .kb-icon { width: 38px; height: 38px; font-size: 18px; }
            .kb-head h3 { font-size: 17px; }
            .kb-more { font-size: 12px; }
            .kb-body { padding: 18px 20px; }
            .kb-feature h4 { font-size: 16px; }
            .article-cats { gap: 8px; }
            .ac-btn { font-size: 13px; padding: 7px 16px; }
        }