<!DOCTYPE html><html lang="zh-CN"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>API大全 - API接口大全 | API接口导航 | API导航 | API收录</title>    <meta name="description" content="API大全是一个全面的API接口导航网站,收录了各种API接口,包括但不限于天气API、动漫图片API、地图API等。无论您是开发者还是企业用户,都能在这里找到适合您的API接口。">    <meta name="keywords" content="API大全, API接口大全, API接口导航, API导航, API收录, 天气API, 动漫图片API, 地图API">    <style>        /* 全局样式 */        body {            font-family: Arial, sans-serif;            margin: 0;            padding: 0 10px; /* 添加左右内边距,避免内容贴边 */        }        /* 头部图片样式 */        .header-image {            text-align: center;            margin: 5px 0;        }        .header-image img {            width: 100%;            height: 30vh;            object-fit: cover;        }                /* 电脑端样式 */        @media (min-width: 768px) {            .header-image img {                height: 50vh; /* 电脑端高度 */            }        }        /* 卡片容器样式 */        .card-container {            display: flex;            justify-content: space-between; /* 平均分配宽度 */            gap: 5px; /* 卡片之间的间隙 */            margin: 20px 0;        }        /* 卡片样式 */        .card {            padding: 5px 10px; /* 内边距 */            border-radius: 4px; /* 圆角 */            text-align: center;            font-size: 14px; /* 字体大小 */            font-weight: bold;            color: white;            flex: 1; /* 平均分配宽度 */            text-decoration: none;            transition: transform 0.2s, box-shadow 0.2s; /* hover 动画 */            max-width: 80px; /* 默认最大宽度 */        }        .card:hover {            transform: translateY(-3px); /* hover 动画 */            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); /* hover 阴影 */        }        /* 电脑端样式 */        @media (min-width: 768px) {            .card {                max-width: 120px; /* 电脑端增大宽度 */                padding: 10px 15px; /* 电脑端增大内边距 */                font-size: 16px; /* 电脑端增大字体 */            }        }        /* 卡片颜色 */        .card:nth-child(1) { background-color: #4CAF50; }        .card:nth-child(2) { background-color: #2196F3; }        .card:nth-child(3) { background-color: #FF9800; }        .card:nth-child(4) { background-color: #F44336; }        .card:nth-child(5) { background-color: #9C27B0; }        .card:nth-child(6) { background-color: #009688; }        /* 标题样式 */        .section-title {            font-size: 18px;            font-weight: bold;            margin: 20px 0 10px 0;            text-align: left;            display: flex;            align-items: center;            padding-left: 10px; /* 调整左边距 */        }        .section-title::before {            content: '';            width: 4px;            height: 1.2em;            background-color: #ff69b4; /* 粉色 */            margin-right: 10px;        }        /* 手机端调整 */        @media (max-width: 767px) {            .section-title {                padding-left: 5px; /* 进一步减小左边距 */            }        }        /* 通用样式(适用于所有设备) */        .nav-container {            display: flex;            flex-wrap: wrap;            justify-content: flex-start;            gap: 20px;            margin: 20px 0;        }        .nav-item {            text-align: center;            transition: transform 0.2s;            color: black;            text-decoration: none;            position: relative;            display: flex;            flex-direction: column;            align-items: center; /* 图片和文字垂直居中 */        }        .nav-item:hover {            transform: scale(1.1);        }        .nav-item img {            border-radius: 5px;            position: relative;        }        .nav-item img.tagged {            animation: glow 2s linear infinite; /* 确保动画生效 */        }        .nav-item p {            margin: 5px 0 0 0;            width: 100%;            color: black;            text-decoration: none;            word-wrap: break-word;        }        /* 手机端样式(一行 5 个) */        @media (max-width: 767px) {            .nav-item {                width: calc(20% - 16px); /* 每行5个,5 * 20% = 100% */            }            .nav-item img {                width: 45px;                height: 45px;            }            .nav-item p {                font-size: 12px;            }        }        /* 电脑端样式(一行 6 个) */        @media (min-width: 768px) {            .nav-item {                width: calc(16.666% - 17px); /* 每行6个,6 * 16.666% = 100% */            }            .nav-item img {                width: 60px;                height: 60px;            }            .nav-item p {                font-size: 14px;            }        }        .notification-card {            background-color: #e0f7fa;            border-radius: 5px;            padding: 10px;            margin: 20px 0;            display: flex;            align-items: center;        }        .notification-text {            color: #004d40;            font-size: 14px;            font-weight: bold;            word-wrap: break-word;            max-width: 100%;        }        /* 旋转的樱花样式 */        .spinning-cherry-blossom {            display: block;            margin: 20px auto;            font-size: 30px;            animation: spin 2s linear infinite;            width: 30px; /* 限制宽度 */            height: 30px; /* 限制高度 */            text-align: center; /* 居中 */        }        /* 电脑端调整 */        @media (min-width: 768px) {            .spinning-cherry-blossom {                font-size: 24px; /* 减小字体大小 */                margin: 10px auto; /* 减小外边距 */                width: 24px; /* 限制宽度 */                height: 24px; /* 限制高度 */            }        }        @keyframes spin {            0% { transform: rotate(0deg); }            100% { transform: rotate(360deg); }        }        .copyright {            color: gray;            text-align: center;            margin-top: 10px;        }        .tag-box {            position: absolute;            top: 0;            left: 0;            background-color: rgba(255, 255, 255, 0.8);            border-radius: 5px 0 5px 0;            padding: 2px 5px;            font-size: 10px;            color: #333;            white-space: nowrap;            overflow: hidden;            text-overflow: ellipsis;            max-width: 100%;            z-index: 1; /* 确保标签在图片上方 */        }        @keyframes glow {            0% { box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.7); }            14% { box-shadow: 0 0 5px 2px rgba(255, 165, 0, 0.7); }            28% { box-shadow: 0 0 5px 2px rgba(255, 255, 0, 0.7); }            42% { box-shadow: 0 0 5px 2px rgba(0, 128, 0, 0.7); }            57% { box-shadow: 0 0 5px 2px rgba(0, 0, 255, 0.7); }            71% { box-shadow: 0 0 5px 2px rgba(75, 0, 130, 0.7); }            85% { box-shadow: 0 0 5px 2px rgba(238, 130, 238, 0.7); }            100% { box-shadow: 0 0 5px 2px rgba(255, 0, 0, 0.7); }        }        .search-container {            text-align: center;            margin: 20px 0;        }        .search-container input[type="text"] {            padding: 10px;            width: 60%;            border: 1px solid #ccc;            border-radius: 4px;        }        .search-container button {            padding: 10px 20px;            border: none;            background-color: #4CAF50;            color: white;            border-radius: 4px;            cursor: pointer;        }        .search-container button:hover {            background-color: #45a049;        }    .footer12 {        display: flex;        flex-wrap: wrap;        gap: 15px 10px; /* 卡片之间的上下,左右边距为 1px */        justify-content: center; /* 卡片整体居中 */        position: relative; /* 确保 z-index 生效 */        z-index: 1000; /* 设置较高的 z-index 值,确保在上层 */    }    .footer-card {        display: flex;        border-radius: 0; /* 去掉圆角 */        overflow: hidden; /* 确保背景颜色贴合 */        position: relative; /* 确保 z-index 生效 */        z-index: 1000; /* 设置较高的 z-index 值,确保在上层 */    }    .left, .right {        padding: 1px; /* 上下左右边距均为 1px */        color: white;        font-size: 14px; /* 字体大小保持 14px */        display: flex;        align-items: center; /* 文字垂直居中 */    }    .left {        background-color: black; /* 左边黑底白字 */    }    .right {        background-color: #555; /* 右边深灰底白字 */    }    .footer-link {        color: white;        text-decoration: none;    }    .footer-link:hover {        text-decoration: underline;    }    </style></head><body>    <div class="header-image">        <img src="https://file.tangdouz.com/image/p1/452.png" alt="Header Image">    </div>    <div class="card-container">        <a href="http://www.miit.gov.cn/" class="card">工信部</a>        <a href="https://www.baidu.com/" class="card">百度</a>        <a href="https://www.sogou.com/" class="card">搜狗</a>        <a href="https://www.bing.com/" class="card">必应</a>    </div>    <div class="notification-card" id="notification-card">        <span class="notification-text" id="notification-text"></span>    </div>    <div class="section-title">        最近一个月收录    </div>    <div class="nav-container" id="recent-container">    </div>    <div class="section-title">        API大全    </div>    <div class="nav-container" id="api-container">    </div>    <!-- 搜索框 -->    <div class="search-container">        <input type="text" id="search-input" placeholder="搜索API名称...">        <button onclick="searchAPIs()">搜索</button>    </div>    <!-- 页脚 -->    <center><a href="http://qwq.tangdouz.com/feedback/" style="color: gray;">点此提交收录</a><br></center>    <div class="spinning-cherry-blossom">🌸</div>    <div class="footer12">    <div class="footer-card">        <div class="left">©2020-2025</div>        <div class="right">已稳定五年</div>    </div>    <div class="footer-card">        <div class="left">备案号</div>        <div class="right">            <a class="footer-link" href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2020022353号-1</a>        </div>    </div>    <div class="footer-card">        <div class="left">无广告</div>        <div class="right">绿色</div>    </div>    <div class="footer-card">        <div class="left">一言</div>        <div class="right">岁岁平,岁岁安,岁岁平安</div>    </div>    </div>    <script>        var _0xodf='jsjiami.com.v6',_0xodf_=function(){return['_0xodf'],_0x57e4=[_0xodf,'\x68\x74\x74\x70\x73\x3a\x2f\x2f\x61\x70\x69\x2e\x74\x61\x6e\x67\x64\x6f\x75\x7a\x2e\x63\x6f\x6d\x2f\x61\x2f\x71\x77\x71\x2f\x6c\x69\x73\x74\x2e\x70\x68\x70','\x4e\x65\x74\x77\x6f\x72\x6b\x20\x72\x65\x73\x70\x6f\x6e\x73\x65\x20\x77\x61\x73\x20\x6e\x6f\x74\x20\x6f\x6b','\x74\x65\x78\x74','\x70\x61\x72\x73\x65','\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x42\x79\x49\x64','\x72\x65\x63\x65\x6e\x74\x2d\x63\x6f\x6e\x74\x61\x69\x6e\x65\x72','\x61\x70\x69\x2d\x63\x6f\x6e\x74\x61\x69\x6e\x65\x72','\x6e\x6f\x74\x69\x66\x69\x63\x61\x74\x69\x6f\x6e\x2d\x74\x65\x78\x74','\x74\x65\x78\x74\x43\x6f\x6e\x74\x65\x6e\x74','\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74','\x68\x72\x65\x66','\x75\x72\x6c','\x63\x6c\x61\x73\x73\x4e\x61\x6d\x65','\x6e\x61\x76\x2d\x69\x74\x65\x6d','\x64\x69\x76','\x73\x74\x79\x6c\x65','\x70\x6f\x73\x69\x74\x69\x6f\x6e','\x72\x65\x6c\x61\x74\x69\x76\x65','\x77\x69\x64\x74\x68','\x34\x35\x70\x78','\x68\x65\x69\x67\x68\x74','\x69\x6d\x67','\x73\x72\x63','\x6f\x74\x68\x65\x72','\x68\x74\x74\x70\x3a\x2f\x2f\x71\x77\x71\x2e\x74\x61\x6e\x67\x64\x6f\x75\x7a\x2e\x63\x6f\x6d\x2f\x63\x64\x6e\x2f\x62\x61\x63\x6b\x2e\x70\x6e\x67','\x68\x74\x74\x70\x73\x3a\x2f\x2f\x71\x2e\x71\x6c\x6f\x67\x6f\x2e\x63\x6e\x2f\x68\x65\x61\x64\x69\x6d\x67\x5f\x64\x6c\x3f\x64\x73\x74\x5f\x75\x69\x6e\x3d','\x26\x73\x70\x65\x63\x3d\x36\x34\x30','\x61\x6c\x74','\x6e\x61\x6d\x65','\x31\x30\x30\x25','\x74\x61\x67\x73','\x6c\x65\x6e\x67\x74\x68','\x63\x6c\x61\x73\x73\x4c\x69\x73\x74','\x61\x64\x64','\x74\x61\x67\x67\x65\x64','\x74\x61\x67\x2d\x62\x6f\x78','\x6a\x6f\x69\x6e','\x61\x70\x70\x65\x6e\x64\x43\x68\x69\x6c\x64','\u6700\u8fd1\u6536\u5f55','\x66\x6f\x72\x45\x61\x63\x68','\x61\x70\x69\u5927\u5168','\u52a0\u8f7d\x41\x50\x49\u5217\u8868\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u91cd\u8bd5\uff0c\u6216\u8005\u8054\u7cfb\u7ba1\u7406\u5458\x51\x51\uff1a\x33\x33\x33\x36\x35\x33\x30\x31\x35\x35','\x65\x72\x72\x6f\x72','\x45\x72\x72\x6f\x72\x20\x66\x65\x74\x63\x68\x69\x6e\x67\x20\x41\x50\x49\x20\x64\x61\x74\x61\x3a','\x73\x65\x61\x72\x63\x68\x2d\x69\x6e\x70\x75\x74','\x76\x61\x6c\x75\x65','\x74\x6f\x4c\x6f\x77\x65\x72\x43\x61\x73\x65','\x71\x75\x65\x72\x79\x53\x65\x6c\x65\x63\x74\x6f\x72\x41\x6c\x6c','\x2e\x6e\x61\x76\x2d\x69\x74\x65\x6d','\x71\x75\x65\x72\x79\x53\x65\x6c\x65\x63\x74\x6f\x72','\x69\x6e\x63\x6c\x75\x64\x65\x73','\x64\x69\x73\x70\x6c\x61\x79','\x62\x6c\x6f\x63\x6b','\x6e\x6f\x6e\x65','\x6a\x5a\x73\x6a\x6b\x69\x61\x46\x43\x6d\x59\x69\x47\x74\x2e\x63\x6f\x6d\x2e\x62\x76\x7a\x36\x44\x72\x56\x79\x6c\x3d\x3d'];}();function _0x521b(_0x1d819b,_0x101881){_0x1d819b=~~'0x'['concat'](_0x1d819b['slice'](0x0));var _0x5fc804=_0x57e4[_0x1d819b];return _0x5fc804;};(function(_0x461703,_0x47b641){var _0xc5f969=0x0;for(_0x47b641=_0x461703['shift'](_0xc5f969>>0x2);_0x47b641&&_0x47b641!==(_0x461703['pop'](_0xc5f969>>0x3)+'')['replace'](/[ZkFCYGtbzDrVyl=]/g,'');_0xc5f969++){_0xc5f969=_0xc5f969^0x164f6c;}}(_0x57e4,_0x521b));async function fetchApiData(){try{const _0x20f255=await fetch(_0x521b('0'));if(!_0x20f255['\x6f\x6b']){throw new Error(_0x521b('1'));}let _0x2ca4ce=await _0x20f255[_0x521b('2')]();for(let _0x2462e6=0x0;_0x2462e6<0x3;_0x2462e6++){_0x2ca4ce=atob(_0x2ca4ce);}const _0x14795b=JSON[_0x521b('3')](_0x2ca4ce);const _0x1ad426=document[_0x521b('4')](_0x521b('5'));const _0x24d934=document[_0x521b('4')](_0x521b('6'));const _0x339212=document[_0x521b('4')](_0x521b('7'));_0x339212[_0x521b('8')]=_0x14795b['\u901a\u77e5'];function _0x380adc(_0x35e5b4,_0x35fe6a){const _0x4d1a4a=document[_0x521b('9')]('\x61');_0x4d1a4a[_0x521b('a')]=_0x35e5b4[_0x521b('b')];_0x4d1a4a[_0x521b('c')]=_0x521b('d');const _0x8f60ff=document[_0x521b('9')](_0x521b('e'));_0x8f60ff[_0x521b('f')][_0x521b('10')]=_0x521b('11');_0x8f60ff[_0x521b('f')][_0x521b('12')]=_0x521b('13');_0x8f60ff[_0x521b('f')][_0x521b('14')]=_0x521b('13');const _0x4a77ab=document[_0x521b('9')](_0x521b('15'));_0x4a77ab[_0x521b('16')]=_0x35e5b4[_0x521b('17')]&&_0x35e5b4[_0x521b('17')]!==''?_0x35e5b4[_0x521b('17')]:_0x35e5b4['\x71\x71']==='\u65e0'?_0x521b('18'):_0x521b('19')+_0x35e5b4['\x71\x71']+_0x521b('1a');_0x4a77ab[_0x521b('1b')]=_0x35e5b4[_0x521b('1c')];_0x4a77ab[_0x521b('f')][_0x521b('12')]=_0x521b('1d');_0x4a77ab[_0x521b('f')][_0x521b('14')]=_0x521b('1d');if(_0x35e5b4[_0x521b('1e')]&&_0x35e5b4[_0x521b('1e')][_0x521b('1f')]>0x0){_0x4a77ab[_0x521b('20')][_0x521b('21')](_0x521b('22'));const _0x30952a=document[_0x521b('9')](_0x521b('e'));_0x30952a[_0x521b('c')]=_0x521b('23');_0x30952a[_0x521b('8')]=_0x35e5b4[_0x521b('1e')][_0x521b('24')]('\x20');_0x8f60ff[_0x521b('25')](_0x30952a);}_0x8f60ff[_0x521b('25')](_0x4a77ab);_0x4d1a4a[_0x521b('25')](_0x8f60ff);const _0x16223b=document[_0x521b('9')]('\x70');_0x16223b[_0x521b('8')]=_0x35e5b4[_0x521b('1c')];_0x4d1a4a[_0x521b('25')](_0x16223b);_0x35fe6a[_0x521b('25')](_0x4d1a4a);}_0x14795b[_0x521b('26')][_0x521b('27')](_0x271177=>_0x380adc(_0x271177,_0x1ad426));_0x14795b[_0x521b('28')][_0x521b('27')](_0x6c53ed=>_0x380adc(_0x6c53ed,_0x24d934));}catch(_0x57bd67){alert(_0x521b('29'));console[_0x521b('2a')](_0x521b('2b'),_0x57bd67);}}fetchApiData();function searchAPIs(){const _0x2f0560=document[_0x521b('4')](_0x521b('2c'))[_0x521b('2d')][_0x521b('2e')]();const _0x130a9e=document[_0x521b('2f')](_0x521b('30'));_0x130a9e[_0x521b('27')](_0x46c75e=>{const _0x310e6f=_0x46c75e[_0x521b('31')]('\x70')[_0x521b('8')][_0x521b('2e')]();if(_0x310e6f[_0x521b('32')](_0x2f0560)){_0x46c75e[_0x521b('f')][_0x521b('33')]=_0x521b('34');}else{_0x46c75e[_0x521b('f')][_0x521b('33')]=_0x521b('35');}});};_0xodf='jsjiami.com.v6';    </script></body></html>