<!--
                              _.._        ,------------.
                           ,'      `.    ( 大哥进来玩啊 )
                          /  __) __` \    `-,----------'
                         (  (`-`(-')  ) _.-'
                         /)  \  = /  (
                        /'    |--' .  \
                       (  ,---|  `-.)__`
                        )(  `-.,--'   _`-.
                       '/,'          (  晕",
                        (_       ,    `/,-' )
                        `.__,  : `-'/  /`--'
                          |     `--'  |
                          `   `-._   /
                           \        (
                           /\ .      \.  又偷代码
                          / |` \     ,-\
                         /  \| .)   /   \
                        ( ,'|\    ,'     :
                        | \,`.`--"/       }   
                        `,'    \  |,'     /
                       / "-._   `-/       |
                       "-.  "-.,' |       ;
                      /      _/   ["---'"]
                     :       /    |"-    '
                     '            |     /
                                  `     |
////////////////////////////////////////////////////////////////////
//                                                                //
//                         看代码干啥？                           //
//                       系统已记录你的IP                         //
//               版权所有：https://www.haoruanmao.com             //
//                                                                //
////////////////////////////////////////////////////////////////////
--><!--
 
 * ░░░░░░░░░░░░░░░░░░░░░░░░▄░░
 * ░░░░░░░░░▐█░░░░░░░░░░░▄▀▒▌░
 * ░░░░░░░░▐▀▒█░░░░░░░░▄▀▒▒▒▐
 * ░░░░░░░▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐
 * ░░░░░▄▄▀▒░▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐
 * ░░░▄▀▒▒▒░░░▒▒▒░░░▒▒▒▀██▀▒▌
 * ░░▐▒▒▒▄▄▒▒▒▒░░░▒▒▒▒▒▒▒▀▄▒▒
 * ░░▌░░▌█▀▒▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐
 * ░▐░░░▒▒▒▒▒▒▒▒▌██▀▒▒░░░▒▒▒▀▄
 * ░▌░▒▄██▄▒▒▒▒▒▒▒▒▒░░░░░░▒▒▒▒
 * ▀▒▀▐▄█▄█▌▄░▀▒▒░░░░░░░░░░▒▒▒
 * 小狗狗就这样默默地看着你~
 
////////////////////////////////////////////////////////////////////
//                                                                //
//                                                                //
//            版权所有：好软猫                                    //
//            官方网站：https://www.haoruanmao.com                //
//                                                                //
///////////////////////////////////////////////////////////////////
-->

<!--
	…o888888o.o88888888o.
…8888888888888888888888888o.
…888::::888888888888888888888888o.
…88::::::::88888888888888888888888888o.
…o8:::::::::888::顶88888888888888888888888.
…8888:8::::::8:::::::::顶88888888888888888888.
…8888::::8888::::::::::::::::顶88888888888 ‘’’‘88
…8888:::888888888::::::::::::::::顶888888888 8
…88.88888888888888888:::::::::::::顶88888888888
…88…888888888888888888:::::::::::顶88888888888888
…88.888888888888888888888::::::::顶88888888888888888
…8…8888888888888888888888::::::顶88888888888888888888
…8888888888888888::88888:::::顶8888888888888888888888
…88888888888888888::::8888::::8888888888888888 ‘’’‘8888
…88888888888888888::::8888::::::88888::888888888 888
…88888888888888888::::888:::::顶::::::888888888 88
…888888888888888888::::88::::::顶:::::::::::::888888888 88
.8888888888888888888::::8::::::顶:::::::::::::顶888888888 88
888…8888888888::88::::8:::::顶:::8oo8::::::88888888888888 8
88…88888888888:::8:::::::::顶:::::::::::::88888888888888888
.8…8888888888888:::::::::::顶::“8888888”:::顶88888888888888888
…8888888888::888::::::::::顶:::::“8a8”::::顶88888888888888888888
.888888888:::::88:::::::::顶88::::::::::::顶88888888888888888888888
8888888888:::::8:::::::::顶88888::::::::顶888888888888888888888888888
888888888:::::8:::::::::顶8888888ooooo顶8888888888888888888888888888888
888888.顶::::::::::::::顶8888888888::::::顶8888888888888888 ‘’’‘888888888
8888…顶:::::::::::::::顶88888888888::::::顶8888888888888888 88888888
.888…顶::::::::::::::顶8888888888888:::::::顶888888888888888 888888
…888.顶:::::::::::::顶88888888888888888::::::顶8888888888888 88888
…88.顶:::::::::::::8888:88888888888888888:::::顶顶888888888 8888
…88.顶:::::::::::8888顶::88888::888888888888:::::顶顶88888 888
…8…顶::::::::::8888顶:::8888:::::88888888888::::::顶顶88 888
…8顶:::::::8888顶:::::888:::::::88:::8888888:::::::顶顶 88
…88顶:::::::8888顶::::::88:::::::::8:::::888888::::::::顶顶 88
…8888顶:::::888顶:::::::::88::::::::::顶::::8888::::::::::::顶 8
…88888:顶::::888顶::::::::::8:::::::::::顶::::888::::::::::::::顶
…88.888:顶:::888:顶::::::::::8::::::::::::顶::888::::::::::::::::顶
…8.88888顶:::88::顶::::::::::::::::::::::::顶:88::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶88:::::::::::::::::::顶
…88888顶:::88::顶:::::::::::::::::::::::::顶:8::::::::::::::::::::顶
…888888顶::::8::顶::::::::::::::8888::::::::顶8::::::::::::8888:::::顶
…88888…顶:::8::顶顶:::::::::::888888:::::::顶::::::::::::888888::::顶
…8888…顶顶:::::顶顶::::::::::888888:::::::顶顶::::::::::888888::::顶
…8888…顶:::::::顶顶::::::::::8888:::::::顶顶顶::::::::::8888::::顶’’’’
…888…顶顶::::::顶顶顶:::::::::::::::::顶顶::顶::::::::::::::::顶’’’’
…88…顶::::::::顶顶顶顶:::::::::::顶顶顶:::顶顶:::::::::::::顶’’’’
…88…顶顶:::::::::顶顶顶顶顶顶顶顶顶顶:::::::顶顶顶顶
…88…顶顶::::::::::::顶顶顶顶顶顶顶::::::::::::顶顶
…88…8顶顶::::::::::::::::::::::::::::::::::::::::顶
…8…88顶顶::::::::::::::::::::::顶:::顶::::::::::顶
…888顶顶::::::::::::::::::顶顶::::::顶顶::::::顶
…88888顶顶:::::::::::::::顶顶顶:::::::顶顶:::::顶
…888888顶顶:::::::::::::顶顶顶:::::::::顶顶:::顶
…88888888顶顶:::::::::::顶顶顶:::::::::::顶:::顶
…88.8888888.顶::::::::顶顶顶::::::::::::::顶::顶
…8…888888…顶::::::顶顶:::::::::::::::::顶::顶
…888888…顶:::::顶:::::::::::::::::::顶::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶顶
…888888…顶::::顶::::::::::::::::::::::::顶:顶
…88888…顶::::::::::::::8::::::::::::::::顶::顶
…88888…顶:::::::::::::::88::::::::::::::::顶::顶
…88888…顶::::::::::::::::8::::::::::::::::::顶::顶
…88888…顶:::::顶:::::::::::::::::::::顶::::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶::::::顶::顶
…8888…顶:::::顶:::::::::::::::::::::::顶顶顶:::::::顶:顶
…888…顶:::::顶顶::::::::::::::::::::::顶顶顶::::::::顶:顶
…顶::::::顶顶:::::::::::::::::::::顶顶顶::::::::: 顶:顶
…顶:::::顶:::::::::::::::::::::::顶顶::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::顶::::::::::::::::::顶:顶
…顶::::::::::::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::::::::::::::::::::::::::顶:顶
…顶::::::::顶:::::::::::::::::顶::::::::::::::::::::::顶:顶
…顶::::::::::顶::::::::::::::顶::::::::::::::::::::::::顶:顶顶
…顶:::::::::::顶8::::::::8:顶:::::::::::::::::::::::::顶:顶顶p
…顶::::::::::::888hole888顶:::::::::::::::::::::::::::顶:顶o
…顶:::::::::::::88888888顶:::::::::::::::::::::::::::顶:顶p
…顶::::::::::::::888888顶::::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::88888顶:::::::::::::::::::::::::::顶:顶
…顶:::::::::::::::::88顶::::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶:::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶顶
…顶:::::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶::::::::::::::::::::::::::顶
…顶:::::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::::顶
…顶:::::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶:::::::::::::::::::::::顶
…顶:::::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶::::::::::::::::::::::顶
…顶:::::::::顶:::::::::::::::::::::顶
…顶:::::::顶:::::::::::::::::::::顶
…顶::::::顶::::::::::::::::::::顶
…顶:::::顶::::::::::::::::::::顶
…顶:::顶::::::::::::::::::::顶
…顶::顶::::::::::::::::::::顶
…顶:顶:::::::::::::::::::顶
…顶顶:::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::顶::::::::顶顶
…顶顶::::顶顶:::::::顶顶
…顶顶::::::顶顶:::::顶顶
…顶顶::::::::::::::顶顶
…顶顶::::顶:::::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶::顶顶顶:::::::顶顶
…顶顶:::顶顶::::::::::顶
…顶顶::顶顶::::::::::顶
…顶顶::顶顶:::::::::::顶
…顶顶:::顶::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶::::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶:::::::::::::::顶
…顶顶::::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶:::::::::::::顶
…顶顶::::::::::::顶
…顶顶::::::::::::顶
…顶顶:::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶::::::::顶
…顶顶:::::::顶
…顶顶:::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶::::::顶
…顶顶:::::::顶
…顶:顶::::::::顶
…顶:顶:::::::::顶
…顶:顶::::::::::顶
…顶:顶:::::::::::顶
…顶:顶::::::::::::顶
…顶:顶:::::::::::::顶
…顶:顶::::::::::::::顶
…顶顶:::::::::::::::::顶
…顶顶::::::::::::::::顶
…顶顶顶:::::::::顶顶
…顶顶::顶::::顶顶
…顶顶顶顶顶顶顶
…顶顶顶顶顶
-->
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Adobe 全家桶软件 Win版本_好软猫</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", "Helvetica Neue", sans-serif;
        }
        body {
            background-color: #f5f5f7;
            padding: 30px 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        /* 页面标题（删除图片后调整顶部间距） */
        .page-title {
            text-align: center;
            font-size: 32px;
            color: #333;
            margin: 20px 0 5px; /* 增加顶部margin，替代原图片位置的间距 */
        }
        .highlight-text {
            color: #fb2121;
            font-weight: bold;
        }
        .intro-section {
            text-align: center;
            margin: 15px 0 30px;
            padding: 0 20px;
        }
        .intro-desc {
            font-size: 16px;
            color: #666;
            line-height: 1.5;
            max-width: 800px;
            margin: 0 auto 10px;
        }
        /* 返回按钮 */
        .back-btn {
            display: inline-block;
            margin-top: 10px;
            padding: 8px 20px;
            background-color: #22c55e;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            font-size: 15px;
            transition: background-color 0.3s;
            cursor: pointer;
        }
        .back-btn:hover {
            background-color: #16a34a;
        }
        /* 弹窗样式 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        .modal {
            background-color: #fff;
            border-radius: 8px;
            padding: 30px 20px;
            width: 90%;
            max-width: 400px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            transform: translateY(-20px);
            transition: transform 0.3s ease;
        }
        .modal-overlay.active .modal {
            transform: translateY(0);
        }
        .modal-text {
            font-size: 18px;
            color: #333;
            margin-bottom: 25px;
            line-height: 1.6;
        }
        .modal-btn {
            padding: 8px 25px;
            background-color: #22c55e;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-weight: bold;
            font-size: 15px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        .modal-btn:hover {
            background-color: #16a34a;
        }
        .software-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 30px;
            padding: 0 10px;
            margin-bottom: 50px;
        }
        .software-card {
            background: #fff;
            border-radius: 8px;
            padding: 25px 15px;
            text-align: center;
            box-shadow: 0 3px 10px rgba(0,0,0,0.08);
            transition: transform 0.3s ease;
        }
        .software-card:hover {
            transform: translateY(-5px);
        }
        .software-img {
            width: 100px;
            height: 100px;
            margin: 0 auto 20px;
            border-radius: 8px;
            background-color: #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .software-img img {
            width: 80%;
            height: auto;
            object-fit: contain;
        }
        .software-name {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
            font-weight: bold;
        }
        .software-desc {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
            padding: 0 5px;
        }
        .download-btn {
            display: inline-block;
            padding: 8px 25px;
            background-color: #fb2121;
            color: #fff;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            font-size: 15px;
            transition: background-color 0.3s;
        }
        .download-btn:hover {
            background-color: #e01010;
        }
        .bonus-section {
            margin: 60px 0 60px;
            text-align: center;
        }
        .bonus-title {
            font-size: 28px;
            color: #333;
            margin-bottom: 15px;
        }
        .bonus-desc {
            font-size: 15px;
            color: #666;
            font-weight: bold;
        }
        @media (max-width: 768px) {
            .software-grid {
                grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
                gap: 20px;
            }
            .page-title {
                font-size: 24px;
                margin-top: 15px; /* 移动端调整标题顶部间距 */
            }
            .intro-desc {
                font-size: 15px;
            }
            .bonus-title {
                font-size: 22px;
            }
            .back-btn {
                padding: 6px 16px;
                font-size: 14px;
                margin-top: 8px;
            }
            .modal-text {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- 页面标题（删除顶部图片） -->
        <h1 class="page-title">Adobe 全套软件 <span class="highlight-text">Win</span>版本</h1>
        
        <!-- 介绍部分（包含返回按钮） -->
        <div class="intro-section">
            <p class="intro-desc">下载安装一键操作，简单便捷，安全稳定，还有视频教程指导。</p>
            <p class="intro-desc"><span class="highlight-text">简单安装，永久使用 ！</span>让软件安装的过程变得比以往更轻松。</p>
            
            <!-- 返回按钮 -->
            <div class="back-btn" id="backBtn">
                不逛了，朕要返回「好软猫」网站
            </div>
        </div>
        
        <!-- 软件网格（17个软件） -->
        <div class="software-grid">
            <!-- 1. Photoshop -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_1e453388cb5f329b38073e50fa339f6ca9b397b4d.png?width=2000&format=webply&optimize=medium" alt="Photoshop">
                </div>
                <h3 class="software-name">Photoshop</h3>
                <p class="software-desc">最知名最专业且大众的图片处理工具</p>
                <a href="https://www.haoruanmao.com/611.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 2. Premiere Pro -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_163a153e7328aa71c37ad0703b7cb4da048fa3201.png?width=2000&format=webply&optimize=medium" alt="Premiere">
                </div>
                <h3 class="software-name">Premiere</h3>
                <p class="software-desc">专业视频剪辑软件，支持多轨道编辑</p>
                <a href="https://www.haoruanmao.com/3825.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 3. After Effects -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_10aceb69df5240691b5511d629c711456c6ff2b7f.png?width=2000&format=webply&optimize=medium" alt="After Effects">
                </div>
                <h3 class="software-name">After Effects</h3>
                <p class="software-desc">视频制作及特效处理软件</p>
                <a href="https://www.haoruanmao.com/3827.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 4. Illustrator -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_144e4633243dad44d90c2abd0184750d05c55fa86.png?width=2000&format=webply&optimize=medium" alt="Illustrator">
                </div>
                <h3 class="software-name">Illustrator</h3>
                <p class="software-desc">强大的矢量图制作软件</p>
                <a href="https://www.haoruanmao.com/3823.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 5. Media Encoder -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/me.jpg" alt="Media Encoder">
                </div>
                <h3 class="software-name">Media Encoder</h3>
                <p class="software-desc">音频及视频编码渲染软件</p>
                <a href="https://www.haoruanmao.com/3829.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 6. Audition -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/au.png" alt="Audition">
                </div>
                <h3 class="software-name">Audition</h3>
                <p class="software-desc">专业音频录制及制作软件</p>
                <a href="https://www.haoruanmao.com/3831.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 7. Lightroom -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_17515742294cd09b57fae37f06f5b13abfb6265de.png?width=2000&format=webply&optimize=medium" alt="Lightroom">
                </div>
                <h3 class="software-name">Lightroom</h3>
                <p class="software-desc">快速导入拍摄图片直接润色处理</p>
                <a href="https://www.haoruanmao.com/3833.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 8. InDesign -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_1b1f711318d264aff73c220c102d5c56aa3a1dc76.png?width=2000&format=webply&optimize=medium" alt="InDesign">
                </div>
                <h3 class="software-name">InDesign</h3>
                <p class="software-desc">强大的印刷排版编辑软件</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 9. Prelude -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/pl.jpg" alt="Prelude">
                </div>
                <h3 class="software-name">Prelude</h3>
                <p class="software-desc">专业级别的视频编辑与整理软件</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 10. Bridge -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/br.jpg" alt="Bridge">
                </div>
                <h3 class="software-name">Bridge</h3>
                <p class="software-desc">强大的图片资源管理工具</p>
                <a href="https://www.haoruanmao.com/3835.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 11. Character Animator -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.cdyra.cn/ch/assets/images/icon.png" alt="Character">
                </div>
                <h3 class="software-name">Character Animator</h3>
                <p class="software-desc">动作捕获和角色动画制作工具</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 12. InCopy -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_137d5fb64d6bfe7a08f99042347c242d858f6d7e0.png?width=2000&format=webply&optimize=medium" alt="InCopy">
                </div>
                <h3 class="software-name">InCopy</h3>
                <p class="software-desc">功能强大的写作与编辑协作软件</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 13. Animate（原Flash） -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_1c7f7e1e9cd479de40ddaf1653df49075c64281b6.png?width=2000&format=webply&optimize=medium" alt="Animate">
                </div>
                <h3 class="software-name">Animate</h3>
                <p class="software-desc">原Flash，强大的动画和HTML5创作工具</p>
                <a href="https://www.haoruanmao.com/3837.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 14. XD -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/xd.jpg" alt="XD">
                </div>
                <h3 class="software-name">Adobe XD</h3>
                <p class="software-desc">移动应用和网页设计与原型制作软件</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 15. Dreamweaver -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.vfriol.cn/img/dw.png" alt="Dreamweaver">
                </div>
                <h3 class="software-name">Dreamweaver</h3>
                <p class="software-desc">网页制作和网站管理的代码编辑器</p>
                <a href="#" class="download-btn">待更新</a>
            </div>
            
            <!-- 16. Dimension -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://adobe.cdyra.cn/dn/assets/images/icon.png" alt="Dimension">
                </div>
                <h3 class="software-name">Dimension</h3>
                <p class="software-desc">向创意设计师提供逼真的3D效果工具</p>
                <a href="https://www.haoruanmao.com/3821.html" class="download-btn">立即下载</a>
            </div>
            
            <!-- 17. Acrobat PDF -->
            <div class="software-card">
                <div class="software-img">
                    <img src="https://www.adobe.com/cn/creativecloud/roc/media_170de40f4a9d2868ef48b3884e7c5981a415bc8fc.png?width=2000&format=webply&optimize=medium" alt="Acrobat">
                </div>
                <h3 class="software-name">Acrobat PDF</h3>
                <p class="software-desc">查看、注释和协作处理PDF文件的软件</p>
                <a href="https://www.haoruanmao.com/3839.html" class="download-btn">立即下载</a>
            </div>
        </div>
        
        <!-- 赠品部分 -->
        <div class="bonus-section">
            <h2 class="bonus-title">上千上万赠品 免费下载</h2>
            <p class="bonus-desc">好软猫精心挑选的优质资源，找资源就来好软猫</p>
        </div>
    </div>

    <!-- 弹窗组件 -->
    <div class="modal-overlay" id="modalOverlay">
        <div class="modal">
            <p class="modal-text">好勒，奴才遵命，这就带您返回~</p>
            <button class="modal-btn" id="confirmBtn">确定</button>
        </div>
    </div>

    <script>
        // 获取元素
        const backBtn = document.getElementById('backBtn');
        const modalOverlay = document.getElementById('modalOverlay');
        const confirmBtn = document.getElementById('confirmBtn');
        let timer = null;

        // 显示弹窗并设置定时器
        function showModal() {
            modalOverlay.classList.add('active');
            // 3秒后自动跳转
            timer = setTimeout(() => {
                window.location.href = 'https://www.haoruanmao.com/';
            }, 3000);
        }

        // 隐藏弹窗并清除定时器
        function hideModal() {
            modalOverlay.classList.remove('active');
            if (timer) {
                clearTimeout(timer);
                timer = null;
            }
        }

        // 点击返回按钮显示弹窗
        backBtn.addEventListener('click', showModal);

        // 点击确定按钮关闭弹窗并跳转
        confirmBtn.addEventListener('click', () => {
            hideModal();
            window.location.href = 'https://www.haoruanmao.com/';
        });

        // 点击弹窗外部关闭弹窗（可选）
        modalOverlay.addEventListener('click', (e) => {
            if (e.target === modalOverlay) {
                hideModal();
            }
        });
    </script>
</body>
</html>