It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.clashverger.com

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.    <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
  5. <script>LA.init({id:"KjfF01uWFmHN53ZN",ck:"KjfF01uWFmHN53ZN"})</script>
  6.    <meta charset="UTF-8">
  7.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.    <title>Clash Verge Rev - Clash Verge客户端免费下载- Clash Verge Rev官方网站</title>
  9.    <meta name="description" content="立即免费下载 Clash Verge Rev 桌面版，体验基于 Clash Meta 内核的下一代代理客户端。支持 VLESS、Hysteria 等先进协议，提供可视化规则编辑、实时流量监控、智能断流保护和无缝系统集成。专为追求极致性能、隐私安全与精细网络控制的专业用户打造。官方正版，安全可靠。">
  10.    <meta name="keywords" content="Clash Verge Rev, Clash Verge Rev下载, Clash Verge Rev客户端, Clash Verge Rev网络代理, Clash Verge Rev官方网站，Clash Verge Rev免费下载">
  11.    <meta name="robots" content="index, follow">
  12.    <link rel="icon" href="/img/clash-verge-favicon.png" type="image/png">
  13.    
  14.    <meta property="og:title" content="Clash Verge Rev - Clash Verge客户端免费下载- Clash Verge Rev官方网站">
  15.    <meta property="og:description" content="立即免费下载 Clash Verge Rev 桌面版，体验基于 Clash Meta 内核的下一代代理客户端。支持 VLESS、Hysteria 等先进协议，提供可视化规则编辑、实时流量监控、智能断流保护和无缝系统集成。">
  16.    <meta property="og:image" content="/img/clash-verge-rev-social-preview.png">
  17.    <meta property="og:url" content="https://www.clashverger.com">
  18.    <meta property="og:type" content="website">
  19.    <meta name="twitter:card" content="summary_large_image">
  20.    <meta name="twitter:title" content="Clash Verge Rev - Clash Verge客户端免费下载- Clash Verge Rev官方网站">
  21.    <meta name="twitter:description" content="立即免费下载 Clash Verge Rev 桌面版，体验基于 Clash Meta 内核的下一代代理客户端。支持 VLESS、Hysteria 等先进协议，提供可视化规则编辑、实时流量监控、智能断流保护和无缝系统集成。">
  22.    <meta name="twitter:image" content="/img/clash-verge-rev-social-preview.png">
  23.  
  24.    <style>
  25.        /* 全局变量定义 */
  26.        :root {
  27.            --color-dark-bg: #08081a; /* 更深的背景 */
  28.            --color-card-bg: #12122a; /* 卡片背景 */
  29.            --color-primary-accent: #00bcd4; /* 科技蓝/青色 */
  30.            --color-secondary-accent: #ff4081; /* 活力粉 */
  31.            --color-text-light: #e0e0e0; /* 浅色文本 */
  32.            --color-text-muted: #a0a0b0; /* 柔和文本 */
  33.            --color-border-subtle: #2a2a4a; /* 细微边框 */
  34.            --shadow-deep: rgba(0, 0, 0, 0.7);
  35.            --shadow-light: rgba(0, 0, 0, 0.4);
  36.            --gradient-hero: linear-gradient(160deg, #08081a 0%, #12122a 100%);
  37.            --gradient-cta: linear-gradient(45deg, #00bcd4 0%, #00838f 100%);
  38.        }
  39.  
  40.        /* 通用重置与基础样式 */
  41.        * { margin: 0; padding: 0; box-sizing: border-box; }
  42.        body {
  43.            font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  44.            background: var(--color-dark-bg);
  45.            color: var(--color-text-light);
  46.            line-height: 1.8;
  47.            -webkit-font-smoothing: antialiased;
  48.            -moz-osx-font-smoothing: grayscale;
  49.            overflow-x: hidden; /* 防止水平滚动 */
  50.        }
  51.  
  52.        /* 容器居中与内边距 */
  53.      .container {
  54.            max-width: 1280px; /* 略宽的容器 */
  55.            margin: 0 auto;
  56.            padding: 0 30px;
  57.        }
  58.  
  59.        /* 头部样式 */
  60.      .header {
  61.            background: var(--color-card-bg);
  62.            padding: 20px 0;
  63.            text-align: center;
  64.            box-shadow: 0 5px 25px var(--shadow-deep);
  65.            position: sticky;
  66.            top: 0;
  67.            z-index: 1000;
  68.            border-bottom: 1px solid var(--color-border-subtle);
  69.        }
  70.      .header.logo-img { /* 修正选择器 */
  71.            height: 50px;
  72.            vertical-align: middle;
  73.            margin-right: 15px;
  74.        }
  75.      .header-title {
  76.            display: inline-block;
  77.            font-size: 30px;
  78.            font-weight: 800;
  79.            vertical-align: middle;
  80.            color: white;
  81.            letter-spacing: 2px;
  82.            text-shadow: 0 3px 8px rgba(0,0,0,0.6);
  83.        }
  84.  
  85.        /* 英雄区域样式 */
  86.      .hero-section {
  87.            text-align: center;
  88.            padding: 150px 30px 120px;
  89.            background: var(--gradient-hero);
  90.            position: relative;
  91.            overflow: hidden;
  92.            border-bottom: 1px solid var(--color-border-subtle);
  93.        }
  94.      .hero-section::before { /* 抽象背景图案 */
  95.            content: '';
  96.            position: absolute;
  97.            top: -60%;
  98.            left: -60%;
  99.            width: 220%;
  100.            height: 220%;
  101.            background: radial-gradient(circle at 50% 50%, rgba(0,188,212,0.15) 0%, transparent 70%);
  102.            animation: rotateBg 30s linear infinite;
  103.            opacity: 0.3;
  104.        }
  105.        @keyframes rotateBg {
  106.            from { transform: rotate(0deg); }
  107.            to { transform: rotate(360deg); }
  108.        }
  109.      .hero-subtitle {
  110.            color: var(--color-secondary-accent);
  111.            font-size: 24px;
  112.            margin-bottom: 25px;
  113.            font-weight: 700;
  114.            text-transform: uppercase;
  115.            letter-spacing: 4px;
  116.            text-shadow: 0 2px 5px rgba(0,0,0,0.4);
  117.        }
  118.      .hero-title {
  119.            font-size: 80px;
  120.            font-weight: 900;
  121.            color: white;
  122.            margin-bottom: 40px;
  123.            line-height: 1.1;
  124.            text-shadow: 0 6px 20px var(--shadow-deep);
  125.        }
  126.      .hero-description {
  127.            font-size: 26px;
  128.            color: var(--color-text-muted);
  129.            margin-bottom: 70px;
  130.            max-width: 1000px;
  131.            margin-left: auto;
  132.            margin-right: auto;
  133.            line-height: 2;
  134.            text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  135.        }
  136.  
  137.        /* 下载按钮样式 */
  138.      .download-button {
  139.            background: var(--color-primary-accent);
  140.            color: white;
  141.            padding: 25px 90px;
  142.            border: none;
  143.            border-radius: 70px;
  144.            font-size: 28px;
  145.            font-weight: 800;
  146.            cursor: pointer;
  147.            box-shadow: 0 18px 50px rgba(0, 188, 212, 0.6);
  148.            transition: all 0.4s ease;
  149.            display: inline-block;
  150.            text-decoration: none;
  151.            text-transform: uppercase;
  152.            letter-spacing: 2px;
  153.            position: relative;
  154.            z-index: 1;
  155.        }
  156.      .download-button:hover {
  157.            transform: translateY(-10px);
  158.            box-shadow: 0 25px 70px rgba(0, 188, 212, 0.8);
  159.            background: #00838f; /* Slightly darker primary */
  160.        }
  161.  
  162.        /* 版本信息样式 */
  163.      .version-info {
  164.            color: var(--color-text-muted);
  165.            font-size: 17px;
  166.            margin-top: 45px;
  167.            opacity: 0.8;
  168.        }
  169.  
  170.        /* 产品展示图片样式 */
  171.      .product-showcase {
  172.            background: var(--color-dark-bg);
  173.            padding: 100px 0;
  174.            text-align: center;
  175.            border-bottom: 1px solid var(--color-border-subtle);
  176.        }
  177.      .product-image-display {
  178.            width: 90%;
  179.            max-width: 1100px;
  180.            margin: 0 auto;
  181.            display: block;
  182.            border-radius: 30px;
  183.            box-shadow: 0 30px 100px var(--shadow-deep);
  184.            object-fit: cover;
  185.            height: auto;
  186.            border: 4px solid var(--color-primary-accent);
  187.        }
  188.  
  189.        /* 通用章节标题样式 */
  190.      .section-title {
  191.            font-size: 64px;
  192.            font-weight: 900;
  193.            color: white;
  194.            text-align: center;
  195.            margin-bottom: 80px;
  196.            padding-top: 100px;
  197.            text-shadow: 0 5px 15px var(--shadow-deep);
  198.            letter-spacing: 1.5px;
  199.        }
  200.  
  201.        /* 核心优势网格样式 */
  202.      .features-section {
  203.            background: var(--color-dark-bg);
  204.            padding-bottom: 120px;
  205.        }
  206.      .features-grid {
  207.            display: grid;
  208.            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  209.            gap: 60px;
  210.        }
  211.      .feature-card {
  212.            background: var(--color-card-bg);
  213.            border-radius: 35px;
  214.            padding: 55px;
  215.            box-shadow: 0 20px 60px var(--shadow-deep);
  216.            border: 1px solid var(--color-border-subtle);
  217.            text-align: center;
  218.            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  219.            position: relative;
  220.            overflow: hidden;
  221.        }
  222.      .feature-card::before { /* 装饰性背景元素 */
  223.            content: '';
  224.            position: absolute;
  225.            top: -40px;
  226.            left: -40px;
  227.            width: 120px;
  228.            height: 120px;
  229.            background: var(--color-secondary-accent);
  230.            border-radius: 50%;
  231.            opacity: 0.15;
  232.            filter: blur(40px);
  233.            transition: all 0.5s ease-in-out;
  234.            z-index: 0;
  235.        }
  236.      .feature-card:hover {
  237.            transform: translateY(-20px);
  238.            box-shadow: 0 30px 80px var(--shadow-deep);
  239.            background: #1a1a3a; /* 悬停时略亮 */
  240.        }
  241.      .feature-card:hover::before {
  242.            transform: scale(2);
  243.            opacity: 0.3;
  244.        }
  245.      .feature-icon {
  246.            font-size: 70px;
  247.            margin-bottom: 35px;
  248.            color: var(--color-primary-accent);
  249.            text-shadow: 0 4px 10px rgba(0, 188, 212, 0.5);
  250.            position: relative;
  251.            z-index: 1;
  252.        }
  253.      .feature-title {
  254.            font-size: 32px;
  255.            font-weight: 800;
  256.            color: white;
  257.            margin-bottom: 20px;
  258.            letter-spacing: 1px;
  259.            position: relative;
  260.            z-index: 1;
  261.        }
  262.      .feature-description {
  263.            font-size: 20px;
  264.            color: var(--color-text-muted);
  265.            line-height: 2;
  266.            opacity: 0.95;
  267.            position: relative;
  268.            z-index: 1;
  269.        }
  270.  
  271.        /* 创新体验章节样式 */
  272.      .unique-features-section {
  273.            background: var(--color-primary-accent);
  274.            color: white;
  275.            padding: 120px 30px;
  276.            text-align: center;
  277.            position: relative;
  278.            overflow: hidden;
  279.            border-top: 1px solid var(--color-border-subtle);
  280.            border-bottom: 1px solid var(--color-border-subtle);
  281.        }
  282.      .unique-features-section::before { /* 抽象背景图案 */
  283.            content: '';
  284.            position: absolute;
  285.            bottom: -60%;
  286.            right: -60%;
  287.            width: 220%;
  288.            height: 220%;
  289.            background: radial-gradient(circle at 50% 50%, rgba(255,64,129,0.15) 0%, transparent 70%);
  290.            animation: rotateBgReverse 35s linear infinite;
  291.            opacity: 0.3;
  292.        }
  293.        @keyframes rotateBgReverse {
  294.            from { transform: rotate(0deg); }
  295.            to { transform: rotate(-360deg); }
  296.        }
  297.      .unique-features-section.section-title { /* 修正选择器 */
  298.            color: white;
  299.            text-shadow: 0 5px 15px var(--shadow-deep);
  300.        }
  301.      .unique-features-grid {
  302.            display: grid;
  303.            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  304.            gap: 60px;
  305.            padding-bottom: 100px;
  306.        }
  307.      .unique-feature-card {
  308.            background: rgba(255, 255, 255, 0.1);
  309.            border-radius: 35px;
  310.            padding: 55px;
  311.            box-shadow: 0 20px 60px var(--shadow-deep);
  312.            border: 1px solid rgba(255, 255, 255, 0.3);
  313.            text-align: left;
  314.            transition: transform 0.4s ease-in-out, background 0.4s ease-in-out;
  315.            position: relative;
  316.            z-index: 1;
  317.        }
  318.      .unique-feature-card:hover {
  319.            transform: translateY(-20px);
  320.            background: rgba(255, 255, 255, 0.2);
  321.        }
  322.      .unique-feature-icon {
  323.            font-size: 75px;
  324.            margin-bottom: 35px;
  325.            color: var(--color-secondary-accent);
  326.            text-shadow: 0 4px 10px rgba(255,64,129,0.5);
  327.        }
  328.      .unique-feature-title {
  329.            font-size: 34px;
  330.            font-weight: 800;
  331.            margin-bottom: 20px;
  332.            color: white;
  333.            letter-spacing: 1px;
  334.        }
  335.      .unique-feature-description {
  336.            font-size: 21px;
  337.            line-height: 2;
  338.            opacity: 0.95;
  339.            color: var(--color-text-light);
  340.        }
  341.  
  342.        /* 下载选项章节样式 */
  343.      .download-options-section {
  344.            padding: 120px 30px;
  345.            background: var(--color-dark-bg);
  346.        }
  347.      .download-options-grid {
  348.            display: grid;
  349.            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  350.            gap: 40px;
  351.            margin-top: 60px;
  352.            padding-bottom: 80px;
  353.        }
  354.      .download-card {
  355.            background: var(--color-card-bg);
  356.            border-radius: 30px;
  357.            padding: 45px;
  358.            box-shadow: 0 15px 45px var(--shadow-deep);
  359.            border: 1px solid var(--color-border-subtle);
  360.            text-align: center;
  361.            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  362.        }
  363.      .download-card:hover {
  364.            transform: translateY(-10px);
  365.            box-shadow: 0 20px 60px var(--shadow-deep);
  366.        }
  367.      .download-card h3 {
  368.            font-size: 30px;
  369.            color: var(--color-primary-accent);
  370.            margin-bottom: 20px;
  371.            font-weight: 700;
  372.            letter-spacing: 0.8px;
  373.        }
  374.      .download-card p {
  375.            font-size: 19px;
  376.            color: var(--color-text-muted);
  377.            margin-bottom: 35px;
  378.            line-height: 1.8;
  379.        }
  380.      .download-card.download-link { /* 修正选择器 */
  381.            display: inline-block;
  382.            background: var(--color-secondary-accent);
  383.            color: white;
  384.            padding: 18px 40px;
  385.            border-radius: 50px;
  386.            text-decoration: none;
  387.            font-weight: 700;
  388.            font-size: 20px;
  389.            transition: background 0.3s ease, transform 0.3s ease;
  390.            box-shadow: 0 10px 25px rgba(255, 64, 129, 0.4);
  391.        }
  392.      .download-card.download-link:hover { /* 修正选择器 */
  393.            background: #e03070; /* Darker secondary */
  394.            transform: translateY(-5px);
  395.            box-shadow: 0 12px 30px rgba(255, 64, 129, 0.6);
  396.        }
  397.  
  398.        /* CTA 章节样式 */
  399.      .cta-section {
  400.            background: var(--color-secondary-accent);
  401.            color: white;
  402.            padding: 120px 30px;
  403.            text-align: center;
  404.            margin-top: 100px;
  405.            box-shadow: 0 -10px 40px var(--shadow-deep);
  406.            position: relative;
  407.            overflow: hidden;
  408.        }
  409.      .cta-section::before { /* 装饰性背景元素 */
  410.            content: '';
  411.            position: absolute;
  412.            top: 0;
  413.            left: 0;
  414.            width: 100%;
  415.            height: 100%;
  416.            background: radial-gradient(circle at 70% 30%, rgba(255,255,255,0.15) 0%, transparent 50%);
  417.            opacity: 0.6;
  418.            z-index: 0;
  419.        }
  420.      .cta-title {
  421.            font-size: 72px;
  422.            margin-bottom: 60px;
  423.            font-weight: 900;
  424.            text-shadow: 0 5px 15px var(--shadow-deep);
  425.            position: relative;
  426.            z-index: 1;
  427.        }
  428.      .cta-button {
  429.            background: white;
  430.            color: var(--color-secondary-accent);
  431.            padding: 25px 90px;
  432.            border: none;
  433.            border-radius: 70px;
  434.            font-size: 28px;
  435.            font-weight: 800;
  436.            cursor: pointer;
  437.            box-shadow: 0 18px 50px rgba(255,255,255,0.4);
  438.            transition: all 0.4s ease;
  439.            display: inline-block;
  440.            text-decoration: none;
  441.            text-transform: uppercase;
  442.            letter-spacing: 2px;
  443.            position: relative;
  444.            z-index: 1;
  445.        }
  446.      .cta-button:hover {
  447.            transform: translateY(-10px);
  448.            box-shadow: 0 25px 70px rgba(255,255,255,0.6);
  449.            color: #e03070; /* Darker secondary */
  450.        }
  451.  
  452.        /* 页脚样式 */
  453.      .footer {
  454.            background: var(--color-card-bg);
  455.            color: var(--color-text-muted);
  456.            text-align: center;
  457.            padding: 60px 30px;
  458.            font-size: 17px;
  459.            border-top: 1px solid var(--color-border-subtle);
  460.        }
  461.      .footer a {
  462.            color: var(--color-text-muted);
  463.            text-decoration: none;
  464.            margin: 0 18px;
  465.            transition: color 0.3s ease;
  466.        }
  467.      .footer a:hover {
  468.            color: white;
  469.            text-decoration: underline;
  470.        }
  471.  
  472.        /* 响应式调整 */
  473.        @media (max-width: 1200px) {
  474.          .hero-title { font-size: 72px; }
  475.          .hero-description { font-size: 24px; }
  476.          .section-title { font-size: 56px; }
  477.          .features-grid,.unique-features-grid,.download-options-grid {
  478.                grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  479.            }
  480.          .feature-title { font-size: 28px; }
  481.          .unique-feature-title { font-size: 30px; }
  482.          .cta-title { font-size: 64px; }
  483.        }
  484.  
  485.        @media (max-width: 992px) {
  486.          .hero-section { padding: 100px 25px 80px; }
  487.          .hero-title { font-size: 60px; }
  488.          .hero-description { font-size: 22px; margin-bottom: 50px; }
  489.          .download-button { padding: 20px 70px; font-size: 24px; }
  490.          .section-title { font-size: 48px; margin-bottom: 60px; padding-top: 80px; }
  491.          .features-grid,.unique-features-grid,.download-options-grid {
  492.                gap: 40px;
  493.            }
  494.          .feature-card,.unique-feature-card,.download-card { padding: 45px; }
  495.          .feature-icon { font-size: 65px; }
  496.          .feature-title { font-size: 26px; }
  497.          .unique-feature-title { font-size: 28px; }
  498.          .cta-title { font-size: 56px; margin-bottom: 50px; }
  499.          .cta-button { padding: 20px 70px; font-size: 24px; }
  500.        }
  501.  
  502.        @media (max-width: 768px) {
  503.          .header-title { font-size: 26px; letter-spacing: 1px; }
  504.          .hero-section { padding: 80px 20px 60px; }
  505.          .hero-subtitle { font-size: 20px; letter-spacing: 3px; }
  506.          .hero-title { font-size: 48px; margin-bottom: 30px; }
  507.          .hero-description { font-size: 19px; margin-bottom: 40px; }
  508.          .download-button { padding: 18px 60px; font-size: 22px; }
  509.          .version-info { font-size: 15px; margin-top: 30px; }
  510.          .section-title { font-size: 40px; margin-bottom: 50px; padding-top: 60px; }
  511.          .features-grid,.unique-features-grid,.download-options-grid {
  512.                grid-template-columns: 1fr; /* 单列布局 */
  513.                gap: 30px;
  514.            }
  515.          .feature-card,.unique-feature-card,.download-card { padding: 35px; }
  516.          .feature-icon { font-size: 55px; }
  517.          .feature-title { font-size: 24px; }
  518.          .feature-description { font-size: 18px; }
  519.          .unique-feature-title { font-size: 26px; }
  520.          .unique-feature-description { font-size: 19px; }
  521.          .cta-section { padding: 80px 20px; margin-top: 60px; }
  522.          .cta-title { font-size: 48px; margin-bottom: 40px; }
  523.          .cta-button { padding: 18px 60px; font-size: 22px; }
  524.          .footer { padding: 40px 20px; font-size: 15px; }
  525.        }
  526.  
  527.        @media (max-width: 480px) {
  528.          .header-title { font-size: 22px; }
  529.          .hero-section { padding: 60px 15px 40px; }
  530.          .hero-subtitle { font-size: 18px; letter-spacing: 2px; }
  531.          .hero-title { font-size: 36px; }
  532.          .hero-description { font-size: 17px; margin-bottom: 30px; }
  533.          .download-button { padding: 16px 50px; font-size: 20px; }
  534.          .section-title { font-size: 32px; margin-bottom: 40px; padding-top: 50px; }
  535.          .feature-card,.unique-feature-card,.download-card { padding: 30px; }
  536.          .feature-icon { font-size: 48px; }
  537.          .feature-title { font-size: 22px; }
  538.          .feature-description { font-size: 16px; }
  539.          .unique-feature-title { font-size: 24px; }
  540.          .unique-feature-description { font-size: 17px; }
  541.          .cta-title { font-size: 38px; }
  542.          .cta-button { padding: 16px 50px; font-size: 20px; }
  543.          .footer { padding: 30px 15px; font-size: 14px; }
  544.        }
  545.    </style>
  546. </head>
  547. <body>
  548.    <header class="header">
  549.        <div class="container">
  550.            <img src="/img/clash-logo.png" alt="Clash Verge Rev 官方标志，代表高性能网络代理" class="logo-img" width="50" height="50">
  551.            <span class="header-title">Clash Verge Rev</span>
  552.        </div>
  553.    </header>
  554.  
  555.    <main>
  556.        <section class="hero-section">
  557.            <div class="container">
  558.                <p class="hero-subtitle">掌控未来网络，尽在指尖</p>
  559.                <h1 class="hero-title">Clash Verge Rev：重新定义您的网络连接</h1>
  560.                <p class="hero-description">
  561.                    告别传统代理的繁琐与限制！<b>Clash Verge Rev</b> 是一款基于 <b>Clash Meta (Mihomo) 内核</b>的下一代高性能代理客户端。我们为您带来 <b>VLESS、Hysteria、TUIC</b> 等尖端协议的全面支持，结合<b>可视化规则编辑</b>、<b>实时流量监控</b>和<b>无缝系统集成</b>，为您提供前所未有的流畅、安全、智能的网络体验。立即免费下载，开启您的数字自由之旅。
  562.                </p>
  563.                <a href="#download-section" class="download-button">
  564.                    立即免费下载 Clash Verge Rev
  565.                </a>
  566.                <p class="version-info">
  567.                    最新版本：v2.3.2 &nbsp;&bull;&nbsp; 更新日期：2025年7月21日 &nbsp;&bull;&nbsp; 兼容：Windows / macOS / Linux
  568.                </p>
  569.            </div>
  570.        </section>
  571.  
  572.        <section class="product-showcase">
  573.            <div class="container">
  574.                <img src="/img/clash-verge-rev.png" alt="Clash Verge Rev 界面深色模式预览图，展示其简洁高效的用户界面和实时流量图表" class="product-image-display" width="1000" height="600">
  575.            </div>
  576.        </section>
  577.  
  578.        <section class="features-section">
  579.            <div class="container">
  580.                <h2 class="section-title">核心优势：性能、安全与灵活性的完美融合</h2>
  581.                <div class="features-grid">
  582.                    <div class="feature-card">
  583.                        <div class="feature-icon">⚡</div>
  584.                        <h3 class="feature-title">Clash Meta 极致性能</h3>
  585.                        <p class="feature-description">
  586.                            内置强大的 Clash Meta (Mihomo) 内核，采用 Rust 重写，内存占用减少 40%，支持硬件加速，提供卓越的速度和稳定性，确保您在任何网络环境下都能享受流畅体验。
  587.                        </p>
  588.                    </div>
  589.                    <div class="feature-card">
  590.                        <div class="feature-icon">🛡️</div>
  591.                        <h3 class="feature-title">全面协议支持</h3>
  592.                        <p class="feature-description">
  593.                            支持 VLESS、Hysteria/Hysteria2、TUIC、Snell 等尖端协议，以及 Shadowsocks、VMess 等传统协议。无论网络环境如何，Clash Verge Rev 都能为您提供最可靠、最安全的连接方案。
  594.                        </p>
  595.                    </div>
  596.                    <div class="feature-card">
  597.                        <div class="feature-icon">🌐</div>
  598.                        <h3 class="feature-title">跨平台轻量化体验</h3>
  599.                        <p class="feature-description">
  600.                            基于先进的 Tauri 框架构建，原生支持 Windows、macOS 和 Linux。执行文件体积小巧，资源占用极低，运行流畅，为您带来无负担的跨平台高效体验。
  601.                        </p>
  602.                    </div>
  603.                    <div class="feature-card">
  604.                        <div class="feature-icon">🚦</div>
  605.                        <h3 class="feature-title">智能流量管理</h3>
  606.                        <p class="feature-description">
  607.                            提供基于规则的灵活路由，支持代理组（自动回退、负载均衡、延迟测试）。通过 YAML 和 JavaScript 精细控制流量，满足您从基础到复杂的网络路由需求。
  608.                        </p>
  609.                    </div>
  610.                    <div class="feature-card">
  611.                        <div class="feature-icon">🎨</div>
  612.                        <h3 class="feature-title">直观用户界面与定制</h3>
  613.                        <p class="feature-description">
  614.                            简洁美观的 UI 设计，支持自定义主题颜色、代理组图标和 CSS 注入，让您打造个性化的网络管理界面。提供热键管理和 WebDav 配置备份同步，操作更便捷。
  615.                        </p>
  616.                    </div>
  617.                    <div class="feature-card">
  618.                        <div class="feature-icon">🔗</div>
  619.                        <h3 class="feature-title">深度系统集成</h3>
  620.                        <p class="feature-description">
  621.                            支持系统代理守护、TUN 模式（接管全局流量），并能强制 Windows Store (UWP) 应用和游戏通过代理。实现对您设备网络流量的全面、无缝控制。
  622.                        </p>
  623.                    </div>
  624.                </div>
  625.            </div>
  626.        </section>
  627.  
  628.        <section class="unique-features-section">
  629.            <div class="container">
  630.                <h2 class="section-title">超越期待：Clash Verge Rev 的创新体验</h2>
  631.                <div class="unique-features-grid">
  632.                    <div class="unique-feature-card">
  633.                        <div class="unique-feature-icon">📊</div>
  634.                        <h3 class="unique-feature-title">实时网络活动可视化</h3>
  635.                        <p class="unique-feature-description">
  636.                            告别网络盲区！Clash Verge Rev 提供可定制的实时流量监控小部件，直接在桌面或系统托盘显示上传/下载速度和数据使用。让您的网络状态一目了然，无需打开主界面，随时掌握连接状况，轻松诊断问题。
  637.                        </p>
  638.                    </div>
  639.                    <div class="unique-feature-card">
  640.                        <div class="unique-feature-icon">🧩</div>
  641.                        <h3 class="unique-feature-title">直观可视化规则编辑器</h3>
  642.                        <p class="unique-feature-description">
  643.                            复杂规则，轻松掌控！告别繁琐的 YAML 编辑，Clash Verge Rev 通过拖放式可视化界面，直观构建和修改代理规则。清晰呈现流量走向，让高级配置变得前所未有的简单和直观，大幅降低学习门槛。
  644.                        </p>
  645.                    </div>
  646.                    <div class="unique-feature-card">
  647.                        <div class="unique-feature-icon">💡</div>
  648.                        <h3 class="unique-feature-title">智能代理管理与自动化</h3>
  649.                        <p class="unique-feature-description">
  650.                            智能守护，无忧连接！Clash Verge Rev 引入“智能断流开关”，在应用退出或崩溃时自动恢复网络连接。探索基于网络环境的自动配置文件切换，最大限度减少手动干预，提供无缝、防故障的网络体验。
  651.                        </p>
  652.                    </div>
  653.                </div>
  654.            </div>
  655.        </section>
  656.  
  657.        <section id="download-section" class="download-options-section">
  658.            <div class="container">
  659.                <h2 class="section-title">立即下载 Clash Verge Rev</h2>
  660.                <p class="hero-description" style="margin-bottom: 30px;">选择适合您操作系统的版本，开始掌控您的网络连接！</p>
  661.                <div class="download-options-grid">
  662.                    <div class="download-card">
  663.                        <h3>Windows 64位</h3>
  664.                        <p>推荐版本，适用于 Windows 10/11 系统，提供最佳兼容性与性能。</p>
  665.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge_2.3.2_x64-setup.exe" class="download-link">下载.exe</a>
  666.                    </div>
  667.                    <div class="download-card">
  668.                        <h3>Windows ARM64</h3>
  669.                        <p>专为基于 ARM 架构的 Windows 设备优化，确保原生性能与流畅运行。</p>
  670.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge_2.3.2_arm64-setup.exe" class="download-link">下载.exe</a>
  671.                    </div>
  672.                    <div class="download-card">
  673.                        <h3>macOS (Apple Silicon M)</h3>
  674.                        <p>为搭载 Apple M 芯片的 Mac 设备量身定制，发挥极致性能。</p>
  675.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge_2.3.2_aarch64.dmg" class="download-link">下载.dmg</a>
  676.                    </div>
  677.                    <div class="download-card">
  678.                        <h3>macOS (Intel)</h3>
  679.                        <p>兼容搭载 Intel 芯片的 Mac 设备，提供稳定可靠的代理服务。</p>
  680.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge_2.3.2_x64.dmg" class="download-link">下载.dmg</a>
  681.                    </div>
  682.                    <div class="download-card">
  683.                        <h3>Linux (Debian/Ubuntu 64位)</h3>
  684.                        <p>适用于 Debian, Ubuntu 等基于.deb 的系统，轻松安装与管理。</p>
  685.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge_2.3.2_amd64.deb" class="download-link">下载.deb</a>
  686.                    </div>
  687.                    <div class="download-card">
  688.                        <h3>Linux (RedHat/Fedora 64位)</h3>
  689.                        <p>适用于 RedHat, Fedora 等基于.rpm 的系统，提供便捷的安装体验。</p>
  690.                        <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases/download/v2.3.2/Clash.Verge-2.3.2-1.x86_64.rpm" class="download-link">下载.rpm</a>
  691.                    </div>
  692.                </div>
  693.                <p class="version-info" style="margin-top: 40px;">
  694.                    <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases" target="_blank" rel="noopener noreferrer">查看所有版本及更多 Linux 架构</a> &nbsp;&bull;&nbsp;
  695.                    <a href="https://www.clashverge.dev/docs" target="_blank" rel="noopener noreferrer">用户指南与常见问题</a>
  696.                </p>
  697.            </div>
  698.        </section>
  699.  
  700.        <section class="cta-section">
  701.            <div class="container">
  702.                <h2 class="cta-title">立即升级您的网络体验，掌控数字世界！</h2>
  703.                <a href="#download-section" class="cta-button">
  704.                    立即体验 Clash Verge Rev
  705.                </a>
  706.            </div>
  707.        </section>
  708.    </main>
  709.  
  710.    <footer class="footer">
  711.        <div class="container">
  712.            <p>Clash Verge Rev. 掌控您的网络连接。</p>
  713.            <p>
  714.                <a href="#">隐私政策</a> |
  715.                <a href="#">服务条款</a> |
  716.                <a href="#">联系我们</a> |
  717.                <a href="https://github.com/clash-verge-rev/clash-verge-rev" target="_blank" rel="noopener noreferrer">GitHub 仓库</a>
  718.            </p>
  719.            <p>© 2025 Clash Verge Rev. 保留所有权利。</p>
  720.        </div>
  721.    </footer>
  722. </body>
  723. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda