5283 lines
193 KiB
HTML
5283 lines
193 KiB
HTML
|
||
<!-- saved from url=(0033)https://ping0.cc/ip/67.159.48.150 -->
|
||
<html lang="en" data-immersive-translate-page-theme="light" data-redeviation-bs-uid="hp1ekqe5zfp"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<meta name="referrer" content="unsafe-url">
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/vue.min.js.下载"></script>
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/axios.min.js.下载"></script>
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/head.js.下载"></script>
|
||
<link rel="icon" href="https://ping0.cc/favico.ico?v=1795381031" type="image/x-icon">
|
||
<title>67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台</title>
|
||
<meta name="description" content="67.159.48.150-30058-FDCservers.net-FDCservers.net-fdcservers.net-fdcservers.net-fdcservers.net">
|
||
<style type="text/css">
|
||
html, body{
|
||
margin: 0;
|
||
padding: 0;
|
||
background: #ebebeb url('https://cdn.ping0.cc/images/light.png');
|
||
overflow: auto;
|
||
}
|
||
body{
|
||
position: relative;
|
||
}
|
||
#top{
|
||
background: #00050a;
|
||
color: #eee;
|
||
font-size: 18px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
#top>.container{
|
||
display: flex;
|
||
justify-content: center;
|
||
background: #00050a;
|
||
padding:20px 0;
|
||
width: 1150px;
|
||
}
|
||
|
||
.container{
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
min-width: 1200px;
|
||
position: relative;
|
||
}
|
||
#top .title{
|
||
display: flex;
|
||
align-items: center;
|
||
font-size: 28px;
|
||
margin-right: 40px;
|
||
}
|
||
#top .title>a{
|
||
color:#f3e998;
|
||
text-decoration: none;
|
||
}
|
||
#top .title>a>span{
|
||
margin-left: 2px;
|
||
color:#B28349;
|
||
}
|
||
#top>.container>.menu{
|
||
display: none;
|
||
position: absolute;
|
||
top: 10px;
|
||
right: 10px;
|
||
}
|
||
#top>.container>.menu>img{
|
||
width: 32px;
|
||
}
|
||
.tabs{
|
||
display: flex;
|
||
font-size: 14px;
|
||
}
|
||
.tabs>a,.tabs>div,#top .multimenu>.submenu>a{
|
||
padding: 10px;
|
||
margin-left: 30px;
|
||
display: block;
|
||
color:#f0f0f0;
|
||
text-decoration: none;
|
||
}
|
||
.tabs>a:hover,#top .multimenu>.submenu>a:hover{
|
||
color: #0096e6;
|
||
cursor: pointer;
|
||
}
|
||
.tabs>.active,#top .multimenu>.submenu>a.active{
|
||
color: #0096e6;
|
||
}
|
||
#top .multimenu{
|
||
position: relative;
|
||
}
|
||
#top .multimenu>.submenu{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 40px;
|
||
width: max-content;
|
||
display: flex;
|
||
flex-direction: column;
|
||
z-index: 10;
|
||
background: #00050a;
|
||
box-shadow: 0 0 2px #666;
|
||
}
|
||
#top .multimenu>.submenu>a{
|
||
margin-left: 0;
|
||
padding: 10px 30px;
|
||
}
|
||
#top>.container>.search{
|
||
margin-left: 50px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.lang-selector {
|
||
position: relative;
|
||
width: 100px;
|
||
font-size: 12px;
|
||
color: #f8f8f8;
|
||
}
|
||
|
||
.lang-current {
|
||
padding: 3px 2px;
|
||
background: transparent;
|
||
border-radius: 3px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
}
|
||
|
||
.lang-dropdown {
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
width: 100%;
|
||
background: transparent;
|
||
z-index: 10;
|
||
display: none;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
.lang-dropdown.show {
|
||
display: block;
|
||
}
|
||
|
||
.lang-option {
|
||
padding: 3px 2px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 10px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.lang-option:hover {
|
||
background: rgba(255,255,255,0.1);
|
||
}
|
||
|
||
.flag-img {
|
||
width: 18px;
|
||
height: 16px;
|
||
object-fit: contain;
|
||
display: inline-block;
|
||
}
|
||
|
||
.flag-placeholder {
|
||
width: 24px;
|
||
height: 16px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background: #f1f5f9;
|
||
color: #64748b;
|
||
font-size: 10px;
|
||
border: 1px solid #e2e8f0;
|
||
border-radius: 2px;
|
||
}
|
||
@media screen and (min-width: 1100px) {
|
||
.container{
|
||
width: 1080px;
|
||
}
|
||
}
|
||
@media screen and (min-width: 1400px) {
|
||
.container{
|
||
width: 1200px;
|
||
}
|
||
}
|
||
@media screen and (max-width: 1200px) {
|
||
#top>.container{
|
||
justify-content: center;
|
||
}
|
||
.container{
|
||
min-width: 0;
|
||
}
|
||
#top>.container>.menu{
|
||
display: block;
|
||
}
|
||
.lang-selector {
|
||
display: none;
|
||
}
|
||
#top>.container>.search,#top>.container>.tabs{
|
||
display: none;
|
||
flex-direction: column;
|
||
position: absolute;
|
||
background: #333;
|
||
top: 50px;
|
||
right: 10px;
|
||
z-index: 999;
|
||
}
|
||
#top>.container>.tabs>a{
|
||
margin-left: 0;
|
||
padding-left: 30px;
|
||
}
|
||
}
|
||
</style>
|
||
<!-- ========== 圣诞节效果开始 - 可在圣诞节后删除此部分 ========== -->
|
||
<style type="text/css">
|
||
/* 圣诞节雪花效果 - 仅在PC端显示 */
|
||
@media screen and (min-width: 768px) {
|
||
.christmas-snowflake {
|
||
position: fixed;
|
||
color: #ffffff;
|
||
font-size: 1.5em;
|
||
font-family: Arial, sans-serif;
|
||
z-index: 9998;
|
||
pointer-events: auto;
|
||
user-select: none;
|
||
animation: snowfall linear infinite;
|
||
filter: drop-shadow(0 0 5px rgba(255,255,255,1)) drop-shadow(0 0 10px rgba(200,220,255,0.8));
|
||
font-weight: bold;
|
||
cursor: pointer;
|
||
transition: transform 0.1s;
|
||
padding: 20px;
|
||
margin: -20px;
|
||
}
|
||
.christmas-snowflake:hover {
|
||
transform: scale(1.2);
|
||
}
|
||
.snowflake-particle {
|
||
position: fixed;
|
||
color: #ffffff;
|
||
font-size: 0.8em;
|
||
font-family: Arial, sans-serif;
|
||
z-index: 9999;
|
||
pointer-events: none;
|
||
user-select: none;
|
||
filter: drop-shadow(0 0 3px rgba(255,255,255,0.8));
|
||
font-weight: bold;
|
||
}
|
||
.snowflake-count {
|
||
position: fixed;
|
||
color: #FFD700;
|
||
font-size: 2em;
|
||
font-family: Arial, sans-serif;
|
||
font-weight: bold;
|
||
z-index: 10000;
|
||
pointer-events: none;
|
||
user-select: none;
|
||
text-shadow: 0 0 10px rgba(255,215,0,1), 0 0 20px rgba(255,215,0,0.8), 2px 2px 4px rgba(0,0,0,0.8);
|
||
}
|
||
@keyframes explode {
|
||
0% {
|
||
opacity: 1;
|
||
transform: translate(0, 0) scale(1) rotate(0deg);
|
||
}
|
||
100% {
|
||
opacity: 0;
|
||
transform: translate(var(--tx), var(--ty)) scale(0.3) rotate(var(--rotate));
|
||
}
|
||
}
|
||
@keyframes countFade {
|
||
0% {
|
||
opacity: 1;
|
||
transform: translate(-50%, -50%) scale(1);
|
||
}
|
||
50% {
|
||
opacity: 1;
|
||
transform: translate(-50%, -70%) scale(1.3);
|
||
}
|
||
100% {
|
||
opacity: 0;
|
||
transform: translate(-50%, -90%) scale(0.8);
|
||
}
|
||
}
|
||
@keyframes snowfall {
|
||
0% {
|
||
transform: translateY(0) rotate(0deg);
|
||
opacity: 0;
|
||
}
|
||
3% {
|
||
opacity: 1;
|
||
}
|
||
97% {
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
transform: translateY(calc(100vh + 50px)) rotate(360deg);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
/* 圣诞节装饰元素 */
|
||
.christmas-decoration {
|
||
position: absolute;
|
||
z-index: 9997;
|
||
pointer-events: none;
|
||
user-select: none;
|
||
}
|
||
.christmas-star {
|
||
color: #FFD700;
|
||
font-size: 20px;
|
||
animation: twinkle 2s ease-in-out infinite;
|
||
}
|
||
@keyframes twinkle {
|
||
0%, 100% { opacity: 1; transform: scale(1); }
|
||
50% { opacity: 0.5; transform: scale(1.2); }
|
||
}
|
||
.christmas-hat {
|
||
font-size: 30px;
|
||
animation: float 3s ease-in-out infinite;
|
||
}
|
||
@keyframes float {
|
||
0%, 100% { transform: translateY(0px); }
|
||
50% { transform: translateY(-10px); }
|
||
}
|
||
/* 导航栏圣诞节装饰 */
|
||
#top.christmas-mode {
|
||
background: linear-gradient(135deg, #00050a 0%, #1a0a1a 50%, #00050a 100%);
|
||
position: relative;
|
||
}
|
||
#top.christmas-mode::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 4px;
|
||
background: linear-gradient(90deg,
|
||
transparent 0%,
|
||
rgba(255,0,0,0.3) 10%,
|
||
#ff0000 20%,
|
||
#ff6600 30%,
|
||
#00ff00 40%,
|
||
#ffff00 50%,
|
||
#00ff00 60%,
|
||
#ff6600 70%,
|
||
#ff0000 80%,
|
||
rgba(255,0,0,0.3) 90%,
|
||
transparent 100%);
|
||
background-size: 200% 100%;
|
||
animation: shimmer 20s linear infinite;
|
||
box-shadow: 0 0 10px rgba(255,0,0,0.6), 0 0 20px rgba(0,255,0,0.4), 0 2px 8px rgba(255,255,0,0.3);
|
||
filter: blur(0.5px);
|
||
}
|
||
@keyframes shimmer {
|
||
0% {
|
||
background-position: -200% 0;
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
opacity: 0.9;
|
||
}
|
||
100% {
|
||
background-position: 200% 0;
|
||
opacity: 1;
|
||
}
|
||
}
|
||
/* 圣诞节艺术字体 - PING0 LOGO */
|
||
#top .title>a {
|
||
background: linear-gradient(45deg, #ff0000, #00ff00, #ff0000, #ffff00, #ff0000);
|
||
background-size: 300% 300%;
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
color: transparent;
|
||
font-weight: bold;
|
||
font-size: 32px;
|
||
text-decoration: none;
|
||
letter-spacing: 2px;
|
||
position: relative;
|
||
font-family: 'STHupo', '华文琥珀', 'YouYuan', '幼圆', 'Comic Sans MS', 'Chalkboard SE', 'PingFang SC', '苹方', 'Microsoft YaHei', '微软雅黑', sans-serif;
|
||
}
|
||
#top .title>a::before {
|
||
content: '';
|
||
position: absolute;
|
||
left: -45px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 40px;
|
||
height: 40px;
|
||
background-image: url('/static/images/denglong.png');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
animation: christmasTreeMove 3s ease-in-out infinite;
|
||
filter: drop-shadow(0 0 8px rgba(0, 255, 0, 0.8));
|
||
z-index: 1;
|
||
}
|
||
#top .title>a::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: -42px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
width: 28px;
|
||
height: 28px;
|
||
background-image: url('https://cdn.ping0.cc/images/yanhua.png');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
animation: christmasSantaMove 3s ease-in-out infinite 0.5s;
|
||
filter: drop-shadow(0 0 8px rgba(255, 200, 0, 0.8));
|
||
z-index: 1;
|
||
}
|
||
/* 圣诞树动画 - 摇摆+闪烁+弹跳 */
|
||
@keyframes christmasTreeMove {
|
||
0%, 100% {
|
||
transform: translateY(-50%) rotate(-5deg) scale(1);
|
||
opacity: 1;
|
||
}
|
||
25% {
|
||
transform: translateY(-55%) rotate(5deg) scale(1.1);
|
||
opacity: 0.9;
|
||
}
|
||
50% {
|
||
transform: translateY(-50%) rotate(-3deg) scale(1.15);
|
||
opacity: 1;
|
||
}
|
||
75% {
|
||
transform: translateY(-45%) rotate(3deg) scale(1.05);
|
||
opacity: 0.95;
|
||
}
|
||
}
|
||
/* 圣诞老人动画 - 挥手+弹跳+闪烁 */
|
||
@keyframes christmasSantaMove {
|
||
0%, 100% {
|
||
transform: translateY(-50%) rotate(0deg) scale(1);
|
||
opacity: 1;
|
||
}
|
||
20% {
|
||
transform: translateY(-55%) rotate(-8deg) scale(1.1);
|
||
opacity: 0.9;
|
||
}
|
||
40% {
|
||
transform: translateY(-50%) rotate(8deg) scale(1.15);
|
||
opacity: 1;
|
||
}
|
||
60% {
|
||
transform: translateY(-45%) rotate(-5deg) scale(1.05);
|
||
opacity: 0.95;
|
||
}
|
||
80% {
|
||
transform: translateY(-52%) rotate(5deg) scale(1.08);
|
||
opacity: 0.9;
|
||
}
|
||
}
|
||
#top .title>a>span {
|
||
background: linear-gradient(45deg, #ffff00, #ff0000, #ffff00, #00ff00, #ffff00);
|
||
background-size: 300% 300%;
|
||
-webkit-background-clip: text;
|
||
background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
color: transparent;
|
||
font-weight: bold;
|
||
font-size: 36px;
|
||
text-shadow: 0 0 25px rgba(255,255,0,0.9), 0 0 50px rgba(255,0,0,0.7);
|
||
filter: drop-shadow(0 0 15px rgba(255,255,0,1)) drop-shadow(0 0 25px rgba(255,0,0,0.8));
|
||
animation: christmasTextGlow 2.5s ease-in-out infinite 0.5s;
|
||
margin-left: 4px;
|
||
text-shadow: 2px 2px 0 #ffb020, 4px 4px 0 #1f1f1f;
|
||
}
|
||
@keyframes christmasTextGlow {
|
||
0%, 100% {
|
||
background-position: 0% 50%;
|
||
filter: drop-shadow(0 0 10px rgba(255,200,0,0.8)) drop-shadow(0 0 20px rgba(255,0,0,0.6));
|
||
}
|
||
25% {
|
||
background-position: 100% 50%;
|
||
filter: drop-shadow(0 0 15px rgba(0,255,0,0.9)) drop-shadow(0 0 25px rgba(255,255,0,0.7));
|
||
}
|
||
50% {
|
||
background-position: 200% 50%;
|
||
filter: drop-shadow(0 0 12px rgba(255,0,0,0.9)) drop-shadow(0 0 22px rgba(255,200,0,0.7));
|
||
}
|
||
75% {
|
||
background-position: 100% 50%;
|
||
filter: drop-shadow(0 0 15px rgba(255,255,0,0.9)) drop-shadow(0 0 25px rgba(0,255,0,0.7));
|
||
}
|
||
}
|
||
} /* 结束媒体查询 - 仅在PC端显示 */
|
||
</style>
|
||
<!-- ========== 圣诞节效果结束 ========== -->
|
||
<script type="text/javascript" src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/ipv4cb"></script><style class="redeviation-bs-style" data-name="content">body>div#redeviation-bs-indicator>div{opacity:0;pointer-events:none}body>#redeviation-bs-overlay.redeviation-bs-visible,body>#redeviation-bs-sidebar.redeviation-bs-visible{opacity:1;pointer-events:auto}body.redeviation-bs-noscroll{overflow:hidden !important}body>div#redeviation-bs-indicator>div{position:absolute;transform:translate3d(-24px, 0, 0);top:0;left:0;width:24px !important;height:100%;background:rgba(0,0,0,0.5);border-radius:0 10px 10px 0;transition:opacity .3s,transform .3s;z-index:2}body>div#redeviation-bs-indicator>div>span{-webkit-mask:no-repeat center/24px;-webkit-mask-image:url(chrome-extension://lmjefbghkfeppnpofmbfmhgodpclipbl/img/icon-bookmark.svg);background-color:#ffffff;position:absolute;display:block;top:0;left:0;width:100%;height:100%}body>div#redeviation-bs-indicator[data-pos=right]{left:auto;right:0}body>div#redeviation-bs-indicator[data-pos=right]>div{transform:translate3d(24px, 0, 0);left:auto;right:0;border-radius:10px 0 0 10px}body>div#redeviation-bs-indicator.redeviation-bs-fullHeight>div{border-radius:0}body>div#redeviation-bs-indicator.redeviation-bs-hover>div{transform:translate3d(0, 0, 0);opacity:1}body>div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb{height:100% !important;top:0 !important}body>div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb>div{background:rgba(0,0,0,0)}body>div#redeviation-bs-indicator[data-pos=left].redeviation-bs-has-lsb>div>span{-webkit-mask-position-y:20px}body>#redeviation-bs-sidebar{width:350px;max-width:none;height:0;z-index:2147483646;background-color:rgba(0, 0, 0, 0) !important;color-scheme:auto !important;speak:none;border:none;display:block !important;visibility:visible !important;transform:translate3d(-350px, 0, 0);transition:width 0s .3s,height 0s .3s,opacity .3s,transform .3s}body>#redeviation-bs-sidebar[data-pos=right]{left:auto;right:0;transform:translate3d(350px, 0, 0)}body>#redeviation-bs-sidebar.redeviation-bs-visible{width:calc(100% + 350px);height:100%;transform:translate3d(0, 0, 0);transition:opacity .3s,transform .3s}body>#redeviation-bs-sidebar.sidepanel{width:100% !important}body>#redeviation-bs-sidebar.redeviation-bs-hideMask{background:none !important}body>#redeviation-bs-sidebar.redeviation-bs-hideMask:not(.redeviation-bs-hover){width:calc(350px + 50px)}body>#redeviation-bs-overlay{width:100%;max-width:none;height:100%;z-index:2147483647;border:none;speak:none;background:rgba(255, 255, 255, 0.5) !important;color-scheme:auto !important;transition:opacity .3s}/*# sourceMappingURL=content.css.map */
|
||
</style><style class="redeviation-bs-style" data-name="themes/glass/content">/*# sourceMappingURL=content.css.map */
|
||
</style></head>
|
||
<body>
|
||
<div id="top" class="top christmas-mode"><div class="container"><div class="title"><a href="https://ping0.cc/">PING<span>0</span></a></div> <div class="menu"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/menu.png" alt=""></div> <div class="tabs"><a href="https://ping0.cc/" class="active">
|
||
IP 查询 <sup style="color: red; margin-left: 2px;"></sup></a> <a href="https://ping0.cc/env" class="">
|
||
环境检测<sup style="color: red; margin-left: 2px;">New</sup></a> <a href="https://ping0.cc/reverse" class="">
|
||
IP 反查域名 </a> <a href="http://ip.ping0.cc/latency" class="">
|
||
Latency
|
||
</a> <a href="http://ip.ping0.cc/ping" class="">
|
||
Ping
|
||
</a> <a href="https://ping0.cc/trace" class="">
|
||
Trace
|
||
|
||
</a> <a href="https://ping0.cc/ip/asnmon" class="">
|
||
ASN 变化监控 </a></div> <div class="search" style="display: none;"><input type="text" placeholder="输入IP" style="padding: 5px 10px; outline: none;"> <button style="font-size: 12px; padding: 5px 10px;">查询</button></div></div> <div class="lang-selector"><div id="current" class="lang-current"><span class="flag-img"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/cn.png" style="width: 100%; height: 100%; object-fit: contain;"></span><span>中文</span></div> <div id="dropdown" class="lang-dropdown"><div class="lang-option" data-lang="en"><span class="flag-img"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us.png" style="width: 100%; height: 100%; object-fit: contain;"></span><span>English</span></div><div class="lang-option" data-lang="zh"><span class="flag-img"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/cn.png" style="width: 100%; height: 100%; object-fit: contain;"></span><span>中文</span></div></div></div></div>
|
||
<script type="text/javascript">
|
||
function checkip(ip){
|
||
ip = ip.trim()
|
||
if ((ip.substr(0, 2).toUpperCase() === 'AS' && ip.substr(2).match(/^\d+$/)) || (ip.match(/^\d+$/) && ip < 2147483647)) {
|
||
var newPath = '//as/'+ip;
|
||
newPath = newPath.replace(/\/{2,}/g, '/') || '/';
|
||
window.location.href = newPath
|
||
}
|
||
else {
|
||
if (ip.substr(-1) == '.')
|
||
ip = ip.substr(0, ip.length - 1)
|
||
var exp=/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
|
||
var reg = ip.match(exp);
|
||
if(reg == null && ip.length != 0){
|
||
if (ip.substr(0, 4) == 'http'){
|
||
ip = ip.substr(ip.indexOf('//') + 2);
|
||
if (ip.indexOf('/') != -1){
|
||
ip = ip.substr(0, ip.indexOf('/'));
|
||
}
|
||
}
|
||
}
|
||
|
||
var newPath = '//ip/'+ip;
|
||
newPath = newPath.replace(/\/{2,}/g, '/') || '/';
|
||
window.location.href = newPath
|
||
}
|
||
}
|
||
var apptop = new Vue({
|
||
el: '#top',
|
||
data: {
|
||
ip: '',
|
||
activeItem: 'ipcheck',
|
||
showmenuvps: false,
|
||
topmenu: false,
|
||
},
|
||
methods:{
|
||
oncheckip: function(){
|
||
checkip(this.ip)
|
||
},
|
||
showmenu: function(){
|
||
const tabs = document.querySelector("#top>.container>.tabs").style
|
||
if (tabs.display === 'block')
|
||
tabs.display = 'none'
|
||
else
|
||
tabs.display = 'block'
|
||
}
|
||
}
|
||
})
|
||
|
||
function ipv4cb(ip, location, asn, org)
|
||
{
|
||
axios({
|
||
method:'get',
|
||
url:'/logv6/'+window.ipv6 + '/' + ip
|
||
}).then((res)=> {
|
||
|
||
})
|
||
}
|
||
|
||
function ipv6cb(ip, location, asn, org)
|
||
{
|
||
window.ipv6 = ip
|
||
var oHead = document.getElementsByTagName("HEAD").item(0);
|
||
var oScript= document.createElement("script");
|
||
oScript.type = "text/javascript";
|
||
oScript.src="https://ipv4.ping0.cc/geo/jsonp/ipv4cb";
|
||
oHead.appendChild( oScript);
|
||
}
|
||
function trackad(id) {
|
||
axios({
|
||
method:'get',
|
||
url:'/trackad/'+id
|
||
}).then((res)=> {
|
||
|
||
})
|
||
}
|
||
|
||
const languages = {
|
||
en: { name: 'English' },
|
||
zh: { name: '中文' },
|
||
};
|
||
|
||
const flags = {
|
||
en: 'us',
|
||
zh: 'cn'
|
||
}
|
||
|
||
const current = document.getElementById('current');
|
||
const dropdown = document.getElementById('dropdown');
|
||
|
||
function createFlag(langCode) {
|
||
const flagContainer = document.createElement('span');
|
||
flagContainer.className = 'flag-img';
|
||
|
||
const flag = flags[langCode];
|
||
|
||
const img = new Image();
|
||
img.src = `/static/images/flags/${flag}.png`;
|
||
img.style.width = '100%';
|
||
img.style.height = '100%';
|
||
img.style.objectFit = 'contain';
|
||
|
||
flagContainer.appendChild(img);
|
||
return flagContainer;
|
||
}
|
||
|
||
function renderLangSelector() {
|
||
dropdown.innerHTML = '';
|
||
for (const code in languages) {
|
||
const lang = languages[code];
|
||
const option = document.createElement('div');
|
||
option.className = 'lang-option';
|
||
option.dataset.lang = code;
|
||
|
||
const flag = createFlag(code);
|
||
const nameSpan = document.createElement('span');
|
||
nameSpan.textContent = lang.name;
|
||
|
||
option.appendChild(flag);
|
||
option.appendChild(nameSpan);
|
||
|
||
option.addEventListener('click', (e) => {
|
||
e.stopPropagation();
|
||
updateCurrent(code);
|
||
dropdown.classList.remove('show');
|
||
|
||
const pathname = window.location.pathname;
|
||
const search = window.location.search;
|
||
const hash = window.location.hash;
|
||
|
||
let suffix = pathname;
|
||
for (const lang of Object.keys(languages)) {
|
||
if (pathname === '/' + lang || pathname.startsWith('/' + lang + '/')) {
|
||
suffix = pathname.slice(('/' + lang).length) || '/';
|
||
break;
|
||
}
|
||
}
|
||
|
||
let newPath;
|
||
if (code === 'zh') {
|
||
newPath = suffix === '/' ? '/' : suffix;
|
||
} else {
|
||
newPath = suffix === '/' ? '/' + code : '/' + code + suffix;
|
||
}
|
||
|
||
window.location.href = newPath + search + hash;
|
||
});
|
||
|
||
dropdown.appendChild(option);
|
||
}
|
||
}
|
||
|
||
function updateCurrent(langCode) {
|
||
if (!langCode) {
|
||
langCode = 'zh'
|
||
}
|
||
const lang = languages[langCode];
|
||
if (!lang) return;
|
||
|
||
current.innerHTML = '';
|
||
const flag = createFlag(langCode);
|
||
const nameSpan = document.createElement('span');
|
||
nameSpan.textContent = lang.name;
|
||
|
||
current.appendChild(flag);
|
||
current.appendChild(nameSpan);
|
||
}
|
||
|
||
renderLangSelector();
|
||
|
||
current.addEventListener('click', (e) => {
|
||
e.stopPropagation();
|
||
dropdown.classList.toggle('show');
|
||
});
|
||
|
||
document.addEventListener('click', () => {
|
||
dropdown.classList.remove('show');
|
||
});
|
||
|
||
updateCurrent('');
|
||
</script>
|
||
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/dom-to-image.min.js.下载"></script>
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/FileSaver.min.js.下载"></script>
|
||
<link rel="stylesheet" href="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/check.css">
|
||
<link rel="stylesheet" href="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/check-cartoon.css">
|
||
|
||
<style type="text/css">
|
||
.bgphistory>.latest{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.bgphistory>.latest>img,.bgphistory>.history>img{
|
||
max-height: 200px;
|
||
cursor: zoom-in;
|
||
transition: max-height 0.3s ease;
|
||
height: auto;
|
||
width: auto;
|
||
max-width: 100%;
|
||
}
|
||
.bgphistory>.latest>img.zoomed,.bgphistory>.history>img.zoomed{
|
||
max-height: 5000px;
|
||
cursor: zoom-out;
|
||
}
|
||
.bgphistory>.history>img{
|
||
max-height: 30px;
|
||
border: 1px solid #888;
|
||
margin-right: 10px;
|
||
border-radius: 5px;
|
||
}
|
||
|
||
#adhright{
|
||
position: absolute;
|
||
display: flex;
|
||
flex-direction:column;
|
||
right: 0;
|
||
margin-right:-265px;
|
||
top:215px;
|
||
width: 260px;
|
||
height: 1200px;
|
||
}
|
||
#adhright>a{
|
||
margin-bottom: 10px;
|
||
border: 5px solid #fff;
|
||
outline: 1px solid #ccc;
|
||
}
|
||
#adhright>a,#adhright>a>img{
|
||
width: 260px;
|
||
height: 80px;
|
||
border-radius: 4px;
|
||
}
|
||
.xceles>a, .xceles>a>img{
|
||
width: 393px;
|
||
height: 70px;
|
||
}
|
||
.xceles{
|
||
width: 100%;
|
||
height: 70px;
|
||
display: flex;
|
||
gap: 10px;
|
||
margin: 10px 0;
|
||
color: #888;
|
||
}
|
||
.xceles img{
|
||
border-radius: 5px;
|
||
border: 3px solid #fff;
|
||
outline: 1px solid #ccc;
|
||
}
|
||
.xceles.toprow img{
|
||
border: 2px solid #ccc;
|
||
outline: 1px solid #000;
|
||
}
|
||
.tipbd,.clusebd{
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
background: rgba(0,0, 0, 0.1);
|
||
color: #fff;
|
||
z-index: 3;
|
||
display: block;
|
||
font-size: 12px;
|
||
transform: scale(0.8);
|
||
}
|
||
.clusebd{
|
||
left: 0px;
|
||
right: auto;
|
||
cursor: pointer;
|
||
z-index: 4;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-around;
|
||
flex-wrap: wrap;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content>.scene-card{
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 5px;
|
||
font-size: 12px;
|
||
background: #fff;
|
||
border: 1px solid #afaaa6;
|
||
border-radius: 10px;
|
||
box-shadow: 2px 2px 0 0 #afaaa6;
|
||
padding: 10px;
|
||
min-width: 130px;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content>.scene-card>.scene-header{
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content>.scene-card .stars{
|
||
display: flex;
|
||
color: #16a34a;
|
||
font-family: Arial, sans-serif;
|
||
font-size: 18px;
|
||
}
|
||
.leadico{
|
||
font-size: 1.5em;
|
||
display: inline-block;
|
||
margin-top: -5px;
|
||
margin-right: 5px;
|
||
}
|
||
@media screen and (max-width: 1919px) {
|
||
.xceles{
|
||
height: 57px;
|
||
}
|
||
.xceles>a,.xceles>a>img{
|
||
width: 326px;
|
||
height: 57px;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 1530px) {
|
||
#adhright {
|
||
right: 0;
|
||
margin-right: calc(-1 * max(0px, (100vw - 1005px) / 2));
|
||
top: 215px;
|
||
width: calc(max(0px, (100vw - 1005px) / 2));
|
||
max-width: 260px;
|
||
}
|
||
#adhright>a, #adhright>a>img {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
}
|
||
@media screen and (max-width: 1200px){
|
||
.xceles{
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
width: auto;
|
||
}
|
||
}
|
||
@media screen and (max-width: 800px) {
|
||
#adhright {
|
||
display: none;
|
||
}
|
||
.xceles{
|
||
height: 70px;
|
||
}
|
||
.xceles>a,.xceles>a>img{
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content{
|
||
flex-wrap: wrap;
|
||
gap: 20px 10px;
|
||
background-image: linear-gradient(to bottom, transparent 49.5%, #ccc 49.5%, #ccc 50.5%, transparent 50.5%);
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content>.scene-card{
|
||
width: calc(50% - 5px);
|
||
font-size: 10px;
|
||
background: transparent;
|
||
border: none;
|
||
box-shadow: none;
|
||
padding: 0;
|
||
min-width: 0;
|
||
}
|
||
.info>.content>.line.line-sceneinfo>.content>.scene-card .stars{
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
|
||
/* 输入框圣诞节风格 */
|
||
#check .search .input input {
|
||
border: none !important;
|
||
background: #01050a !important;
|
||
border-radius: 10px !important;
|
||
transition: all 0.3s ease !important;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
#check .search .input input:focus {
|
||
background: #01050a !important;
|
||
}
|
||
|
||
#check .search .input {
|
||
position: relative;
|
||
display: inline-block;
|
||
position: relative;
|
||
padding: 3px;
|
||
background: linear-gradient(45deg, #c41e3a, #165b33, #c41e3a, #165b33);
|
||
background-size: 300% 300%;
|
||
border-radius: 15px;
|
||
animation: gradientShift 3s ease infinite;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
#check>.search .input>input{
|
||
margin-top: 0px;
|
||
}
|
||
|
||
.confidence {
|
||
display: flex;
|
||
align-items: center;
|
||
gap:10px;
|
||
color:#7a8493;
|
||
font-size:13px;
|
||
line-height:1;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.confidence__label {
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.confidence__segments {
|
||
display: flex;
|
||
gap:4px;
|
||
}
|
||
|
||
/* 每段的灰色底槽 */
|
||
.confidence__segment {
|
||
display: block;
|
||
width:28px;
|
||
height:3px;
|
||
overflow: hidden;
|
||
border-radius:999px;
|
||
background:#e6ebef;
|
||
}
|
||
|
||
/* 实际置信度 */
|
||
.confidence__segment i {
|
||
display: block;
|
||
height:100%;
|
||
border-radius: inherit;
|
||
background:#22b573;
|
||
}
|
||
|
||
.confidence__value {
|
||
color:#667085;
|
||
font-variant-numeric: tabular-nums;
|
||
white-space: nowrap;
|
||
}
|
||
@keyframes gradientShift {
|
||
0%, 100% {
|
||
background-position: 0% 50%;
|
||
}
|
||
50% {
|
||
background-position: 100% 50%;
|
||
}
|
||
}
|
||
|
||
#check .search .input::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: -4px;
|
||
left: -4px;
|
||
right: -4px;
|
||
bottom: -4px;
|
||
background: linear-gradient(45deg, #c41e3a, #165b33, #c41e3a, #165b33);
|
||
background-size: 300% 300%;
|
||
border-radius: 15px;
|
||
animation: christmasGradientShift 3s ease infinite;
|
||
z-index: -1;
|
||
}
|
||
|
||
@keyframes christmasGradientShift {
|
||
0%, 100% {
|
||
background-position: 0% 50%;
|
||
}
|
||
50% {
|
||
background-position: 100% 50%;
|
||
}
|
||
}
|
||
|
||
/* ========== 圣诞节效果开始 - 可在圣诞节后删除此部分 ========== */
|
||
/* 仅在PC端显示 - 屏幕宽度 >= 768px */
|
||
@media screen and (min-width: 768px)
|
||
{
|
||
.christmas-home-decoration {
|
||
position: absolute;
|
||
z-index: 9996;
|
||
pointer-events: none;
|
||
user-select: none;
|
||
font-size: 40px;
|
||
}
|
||
.christmas-tree {
|
||
animation: sway 4s ease-in-out infinite;
|
||
transform-origin: top center;
|
||
}
|
||
@keyframes sway {
|
||
0%, 100% { transform: rotate(-2deg); }
|
||
50% { transform: rotate(2deg); }
|
||
}
|
||
.christmas-gift {
|
||
animation: bounce 2s ease-in-out infinite;
|
||
}
|
||
@keyframes bounce {
|
||
0%, 100% { transform: translateY(0); }
|
||
50% { transform: translateY(-10px); }
|
||
}
|
||
#check .search {
|
||
position: relative;
|
||
}
|
||
.christmas-search-tree {
|
||
position: absolute;
|
||
width: 40px; /* 控制图片大小 */
|
||
height: 40px; /* 与 width 保持比例 */
|
||
background-image: url('https://cdn.ping0.cc/images/yanhua.png');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
animation: twinkle 2s ease-in-out infinite;
|
||
z-index: 10;
|
||
pointer-events: none;
|
||
user-select: none;
|
||
filter: drop-shadow(0 0 8px rgba(255, 200, 0, 0.9));
|
||
}
|
||
.christmas-search-tree.left {
|
||
left: 5%;
|
||
top: 20px;
|
||
}
|
||
.christmas-search-tree.right {
|
||
right: 5%;
|
||
top: 20px;
|
||
animation: twinkle 2s ease-in-out infinite 1s;
|
||
}
|
||
@keyframes twinkle {
|
||
0%, 100% { opacity: 1; transform: scale(1); }
|
||
50% { opacity: 0.7; transform: scale(1.1); }
|
||
}
|
||
|
||
#check>.container{
|
||
margin-top: -220px;
|
||
z-index: 99;
|
||
}
|
||
|
||
|
||
/* 圣诞彩灯 */
|
||
.christmas-lights {
|
||
position: absolute;
|
||
top: -15px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
display: flex;
|
||
justify-content: space-around;
|
||
z-index: 10;
|
||
width: 200px;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.christmas-light {
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
animation: christmasBlink 1.5s infinite;
|
||
}
|
||
|
||
.christmas-light:nth-child(1) { background: #ff0000; animation-delay: 0s; }
|
||
.christmas-light:nth-child(2) { background: #00ff00; animation-delay: 0.3s; }
|
||
.christmas-light:nth-child(3) { background: #ffff00; animation-delay: 0.6s; }
|
||
.christmas-light:nth-child(4) { background: #0000ff; animation-delay: 0.9s; }
|
||
.christmas-light:nth-child(5) { background: #ff00ff; animation-delay: 1.2s; }
|
||
|
||
@keyframes christmasBlink {
|
||
0%, 100% {
|
||
opacity: 1;
|
||
box-shadow: 0 0 10px currentColor;
|
||
}
|
||
50% {
|
||
opacity: 0.3;
|
||
}
|
||
}
|
||
|
||
/* 圣诞装饰图标 */
|
||
.christmas-santa {
|
||
position: absolute;
|
||
top: -30px;
|
||
right: 10%;
|
||
font-size: 30px;
|
||
animation: christmasSwing 2s ease-in-out infinite;
|
||
pointer-events: none;
|
||
z-index: 10;
|
||
}
|
||
|
||
@keyframes christmasSwing {
|
||
0%, 100% {
|
||
transform: rotate(-5deg);
|
||
}
|
||
50% {
|
||
transform: rotate(5deg);
|
||
}
|
||
}
|
||
|
||
.christmas-gift {
|
||
position: absolute;
|
||
bottom: -10px;
|
||
left: 10%;
|
||
font-size: 25px;
|
||
animation: christmasGiftBounce 2s ease-in-out infinite;
|
||
pointer-events: none;
|
||
z-index: 10;
|
||
}
|
||
|
||
@keyframes christmasGiftBounce {
|
||
0%, 100% {
|
||
transform: translateY(0);
|
||
}
|
||
50% {
|
||
transform: translateY(-10px);
|
||
}
|
||
}
|
||
}
|
||
/* ========== 圣诞节效果结束 ========== */
|
||
</style>
|
||
|
||
<div id="check"><div id="search" class="search" style="position: relative;"><div class="container" style="text-align: center; padding-top: 80px; z-index: 9;"><div class="location" style="display: flex; justify-content: center; align-items: center;"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/location.png" alt="" height="60" style="height: 28px; width: 36px;"> <span style="color: rgb(221, 221, 221); font-size: 18px; margin-left: 15px;">IP，域名，ASN</span></div> <div class="input"><input type="text" placeholder="输入IP / 域名 / ASN"></div> <div class="op"><button>🔍️ 查询</button></div></div><div style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: hidden;"><canvas width="1897" style="display: block; width: 100%; height: 100%; pointer-events: auto;" height="500"></canvas><div style="position: absolute; top: 10px; right: 10px; z-index: 1000; background: rgba(0, 0, 0, 0.6); padding: 6px; border-radius: 6px; backdrop-filter: blur(10px); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; pointer-events: auto;"><button style="padding: 4px 8px; background: linear-gradient(135deg, rgb(240, 147, 251) 0%, rgb(245, 87, 108) 100%); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px; cursor: pointer; font-size: 0.75rem; font-weight: normal; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; min-width: 60px; white-space: nowrap;">关闭烟花</button></div></div></div> <div class="container"><div class="xceles toprow"><a rel="noopener nofollow" href="https://www.onesproxy.com/?user_source=1&invite_code=HLY74977" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/8c0e97165f9193cadf2d90966867b770.gif" width="100%" style="max-height: 70px;"></a> <a rel="noopener nofollow" href="https://proxy-seller.com/zh/?partner=062O6O1HLPL6LE" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/738bbfd726bf8fc641150cba61544596.gif" width="100%" style="max-height: 70px;"></a> <a rel="noopener nofollow" href="https://www.proxy-cheap.com/cn/?utm_source=ping0cc&utm_medium=banner&utm_campaign=display_ads" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/d9de6192346895b1eab7d4dd2f99d396.gif" width="100%" style="max-height: 70px;"></a></div> <div id="ad_left" style="position: absolute; display: none; flex-direction: column; height: 600px; width: 80px; left: 0px; margin-left: -90px;"><div style="display: flex; flex: 1 1 0%; align-items: center; justify-content: center;">
|
||
80 x 300
|
||
</div> <div style="display: flex; flex: 1 1 0%; align-items: center; justify-content: center;">
|
||
30 x 300
|
||
</div></div> <div id="adhright"><a rel="noopener nofollow" href="https://www.ipdeep.cn/?extendid=16b1NTMwZjI1OTI0MzA2NjczNzI5NjA2" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/15361abb35e99d5a44e8bd55e1eef071.gif"></a> <a rel="noopener nofollow" href="https://www.lajiaohttp.com/?kwd=hyj-ping0" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/e96f6fe719f6b6bd1880387ff22ee277.gif"></a> <a rel="noopener nofollow" href="https://anosim.net/?utm_source=ping0&utm_medium=referral&utm_campaign=ping0_campaign" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/d3ae90c907b8914f6ccc19cc80a28d2f.gif"></a> <a rel="noopener nofollow" href="https://fe.dtyuedan.cn/shop/888" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/1894e6285bf6b324fc51887c0bd0b3ce.gif"></a> <a rel="noopener nofollow" href="https://www.lycheeip.com/home/ip?affId=ping0cc" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/df97b1bced7d5cc8324ff78df6044e73.gif"></a> <a rel="noopener nofollow" href="https://iiiapi.com/?ping0" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/e7399007496b8e2a18b9c9b15094b482.gif"></a> <a rel="noopener nofollow" href="https://proxy001.com/?ppf=jason_ping0" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/727b9914f72e0a8b99f246608f71dc1d.gif"></a></div> <div class="info asninfo"><div class="title"><div><span class="leadico" style="margin-top: -5px;">🏡</span>查询结果 </div> <a style="float: right; color: rgb(46, 103, 254); cursor: pointer; text-decoration: none; border: 1px solid rgb(46, 103, 254); border-radius: 5px; padding: 2px 8px; display: flex; align-items: center;"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/jiandao.png" alt="" style="width: 10px; height: 10px; margin-right: 5px;">
|
||
截图结果 </a></div> <div class="content"><div class="line ip" style="margin: 0px -1px;"><div class="name">
|
||
IP 地址 </div> <div class="content"><div class="ip" style="display: flex; justify-content: center; align-items: center;"><span style="margin-right: 5px; display: inline-block;">67.159.48.150</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/show.png" alt=""></div> <!----> <div class="op"><a target="_blank" href="http://ping0.cc/ping/67.159.48.150">ping</a>
|
||
|
|
||
<a target="_blank" href="https://ping0.cc/trace/67.159.48.150">trace</a></div></div></div> <div class="line loc" style="margin: 0px -1px;"><div class="name">
|
||
IP 位置<a href="https://ping0.cc/ip/faq#loc" target="_blank" title="IP 位置由ping0研发的地理位置探测系统探测所得，使用分布在世界各地的探测节点对目标IP进行测量。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></div> <div class="content" style="flex-direction: column; padding: 5px 10px;"><div style="display: flex; flex-direction: column; align-items: flex-start; padding: 10px 20px; background: rgb(255, 255, 255); border: 1px solid rgb(34, 34, 34); border-radius: 10px; box-shadow: rgb(34, 34, 34) 1px 1px 0px 0px;"><div style="width: fit-content; text-align: left; display: flex; align-items: center;"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/sg.png" alt="">新加坡 新加坡 新加坡 <span class="report">错误提交</span></div> <div style="width: fit-content; text-align: left; display: flex; gap: 10px; font-size: 10px; margin-top: 5px; color: rgb(136, 136, 136); line-height: 18px;"><div><div style="display: flex; align-items: center;"><svg t="1784087745740" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12082" width="12" height="12" class="icon"><path d="M480 257a8 8 0 0 0-8 8v257.886c0 4.221 1.668 8.272 4.642 11.269L667.47 726.493a8 8 0 0 0 11.314 0.045l45.432-45.076a8 8 0 0 0 0.045-11.314L552 496.524V265a8 8 0 0 0-8-8h-64z" fill="#888888" p-id="12083"></path><path d="M961 512.5C961 760.2 760.2 961 512.5 961S64 760.2 64 512.5 264.8 64 512.5 64 961 264.8 961 512.5z m-80 0C881 308.983 716.017 144 512.5 144S144 308.983 144 512.5 308.983 881 512.5 881 881 716.017 881 512.5z" fill="#888888" p-id="12084"></path></svg> <span style="margin-left: 8px;">更新时间 :</span></div> <div style="display: flex; align-items: center;"><svg t="1784087830711" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15114" width="12" height="12" class="icon"><path d="M792.484666 283.192474c-11.487488 0-21.945437 4.15428-29.432173 11.686171a78774.026717 78774.026717 0 0 0-135.552963 134.818439c-47.966886 47.780245-97.535278 97.161994-146.471496 145.625588-31.990969-31.894638-63.921731-63.897648-95.846472-95.891628a105910.31571 105910.31571 0 0 0-48.710443-48.794732c-7.860019-7.510818-18.50762-11.815616-29.209407-11.815616-3.019379 0-5.993603 0.3492-8.693885 1.008467-19.537159 3.726811-34.200564 23.044214-32.698401 42.768015-0.17159 10.765005 5.319285 21.806961 14.910254 30.151646a63211.668109 63211.668109 0 0 1 122.421825 121.843838l37.8762 37.737724c2.323989 1.959737 4.443274 4.157291 6.692003 6.484289 4.283725 4.437253 8.714958 9.022013 14.651364 11.863782 5.873189 2.874882 12.574224 4.398119 19.374601 4.398119 12.228034 0 23.688429-4.813547 31.340733-13.101035 57.786642-57.235748 115.504045-114.543744 173.221449-171.84572 45.943932-45.618815 91.881844-91.237629 137.901035-136.847413 13.570649-13.865663 15.602634-36.696143 4.644967-51.940545-7.808843-11.198495-21.761806-18.149389-36.419191-18.149389z" p-id="15115" fill="#888888"></path><path d="M963.318909 426.804139c-0.08429-33.101787-0.066228-66.203575-0.054187-99.305362 0.021072-40.790216 0.045155-82.971214-0.141486-124.45381l-0.072248-0.665287c-3.904421-18.098213-12.899341-34.411289-25.280903-45.898777-6.851552-6.565569-15.099906-10.752963-23.074318-14.801881a288.906115 288.906115 0 0 1-8.224271-4.283726c-29.721167-13.760301-60.465851-27.987206-92.261148-37.948447-9.304986-3.073565-18.736406-6.369897-27.84873-9.563876-20.292756-7.107432-41.268862-14.452681-62.482785-19.841204-67.1127-18.16143-141.639887-27.370085-221.507431-27.370085-2.760489 0-5.520978 0.009031-8.365758 0.033114-39.152587 1.378739-77.817498 5.906303-117.520978 10.864346-66.001881 13.248542-143.123989 30.994544-214.725118 62.175729a1326.449671 1326.449671 0 0 1-21.523988 9.741486c-11.975165 5.334337-24.347695 10.849294-35.967639 16.761618-5.689558 2.233678-10.229163 5.984572-14.624271 9.612042-1.342615 1.107808-2.68222 2.212606-4.103104 3.311383-13.477328 10.891439-21.846096 28.312324-22.965946 47.978927 0 16.069238-0.132455 32.135466-0.26491 48.201694-0.192662 24.022578-0.397366 48.857949-0.132456 73.43443 0.478645 9.609031 0.418438 19.440828 0.364252 28.947507-0.045155 7.17968-0.08429 14.600188 0.096331 21.921355 0.307056 11.948071 0.559925 23.908184 0.812794 35.874318 1.246284 58.768015 2.537723 119.537912 10.126811 178.808655 1.953716 20.103104 9.819755 38.670931 17.429916 56.621637 0.999436 2.363123 2.001881 4.726246 3.004327 7.134525 19.844214 45.453246 51.513076 84.536595 82.314958 120.73904 22.953904 25.437441 50.832738 50.835748 85.231985 77.66096 56.278457 43.41524 121.681279 82.640075 194.474506 116.626905 2.50762 1.089746 5.009219 2.305927 7.519849 3.522107 8.799247 4.262653 17.89953 8.672813 28.303293 8.672813l0.379304-0.003011 22.529445 0.018062c3.759925 0 7.52286-0.00301 11.294826-0.018062 8.720978-0.042145 16.439511-3.428786 23.902163-6.710066 2.8508-1.249294 5.542051-2.429351 8.392851-3.479962 30.546002-12.345437 59.902916-28.300282 88.296519-43.731326l11.162371-6.074883c9.458514-6.213358 19.311383-12.167827 28.833114-17.929633 11.183443-6.758231 22.752211-13.74826 33.712888-21.180809 19.449859-12.607338 38.692004-27.087112 54.207337-38.755221 3.239135-2.543744 6.330762-5.307244 9.311007-7.980433 4.076011-3.654563 8.293509-7.43556 12.806021-10.533208l0.403386-0.322107c4.419191-4.220508 8.81731-8.465099 13.215428-12.700658 9.557855-9.211665 19.431797-18.727375 29.498401-27.984196 44.589276-46.606209 77.453246-97.460019 97.703857-151.218815 0.680339-1.941675 1.423895-3.88937 2.167451-5.861147 3.588335-9.464534 7.303104-19.248166 5.641392-29.772343-1.746002-16.451552-14.229915-30.669426-30.229915-34.546754a39.080339 39.080339 0 0 0-10.665664-1.460019c-18.125306 0-34.381185 11.496519-39.522859 27.945061-15.891627 50.215616-45.474318 97.658702-87.709502 140.8-6.14412 5.168768-11.854751 10.89445-17.375729 16.436501-7.125494 7.140546-14.488805 14.52794-22.6619 20.548635l-0.412418 0.364253c-10.737912 11.171402-23.739605 20.124177-36.32286 28.787958-66.649106 46.263029-124.161806 78.308184-180.93396 100.801505-1.402822 0.024083-2.814675 0.0873-4.23556 0.150518a111.322672 111.322672 0 0 1-5.310254 0.162559c-3.082596 0-5.526999-0.264911-7.658325-0.833867-39.679398-18.564817-69.403575-34.028975-96.373284-50.122295-68.75334-40.317592-122.587394-82.07714-164.512511-127.587583-29.92587-34.567827-58.027469-69.003198-73.003951-110.061335-0.836877-2.293885-1.718909-4.578739-2.597931-6.851553-3.326435-8.627658-6.475259-16.77667-7.399435-25.630103-4.274694-32.593039-5.514958-66.025964-6.713077-98.363123-0.301035-8.100847-0.60207-16.204704-0.945249-24.236313-1.568391-71.595108-2.953151-156.255127-1.345625-242.059078 4.599812-2.080151 9.226717-4.094073 13.850611-6.111006 10.277328-4.476388 20.897836-9.103293 30.880151-14.341299C252.006773 164.973095 313.38175 149.825024 365.761806 138.427846l5.945438-1.258326c13.763311-2.929069 27.999247-5.951458 42.244214-7.185701l7.537912-0.909125c20.771402-2.51063 42.253246-5.10254 63.446096-6.174224 9.476576-0.448542 19.242145-0.674318 29.019755-0.674318 34.808655 0 71.125494 2.760489 111.036689 8.441016 70.210348 9.624083 136.639699 33.222201 209.980809 60.79398 6.499341 3.227093 13.239511 6.111007 19.759924 8.898589 8.353716 3.570273 16.978363 7.257949 25.034055 11.662088-0.198683 41.967262-0.168579 84.593791-0.135466 125.832549a29160.579492 29160.579492 0 0 1-0.033113 94.636313c-0.2619 10.162935 3.946566 20.479398 11.550705 28.300282 7.733584 7.95635 18.083161 12.526058 28.182879 12.5381 15.587582 1.092756 30.919285-7.254939 38.22841-20.428222 4.232549-6.923801 6.165193-15.74412 5.758796-26.096708z" p-id="15116" fill="#888888"></path></svg> <span style="margin-left: 8px;">置信度 :</span></div></div> <div style="cursor: default; letter-spacing: 1.1px;"><div>
|
||
2026-07-20 18:27 </div> <div aria-label="置信度：94、80、75" class="confidence"><div aria-hidden="true" class="confidence__segments"><span title="国家: 94" class="confidence__segment"><i style="width: 94%;"></i></span> <span title="省份: 80" class="confidence__segment"><i style="width: 80%;"></i></span> <span title="城市: 75" class="confidence__segment"><i style="width: 75%;"></i></span></div></div></div></div></div></div></div> <div class="line asn"><div class="name">
|
||
ASN </div> <div class="content"><a href="https://ping0.cc/as/AS30058" target="_blank">AS30058</a></div></div> <div class="line asnname"><div class="name">
|
||
ASN 所有者 </div> <div class="content"><span title="主机/服务器销售商" class="mini label orange">IDC</span>
|
||
FDCservers.net <span> — <a href="http://fdcservers.net/" target="_blank">fdcservers.net</a></span></div></div> <div class="line orgname"><div class="name">
|
||
企业 </div> <div class="content"><span title="主机/服务器销售商" class="mini label orange">IDC</span>
|
||
FDCservers.net <span> — <a href="http://fdcservers.net/" target="_blank">fdcservers.net</a></span></div></div> <div class="line"><div class="name">
|
||
经度 </div> <div class="content">
|
||
103.8501 </div></div> <div class="line"><div class="name">
|
||
纬度 </div> <div class="content">
|
||
1.2897 </div></div> <div class="line line-iptype"><div class="name"><span>IP 类型</span><a href="https://ping0.cc/ip/faq" target="_blank" title=""IDC机房IP" 特指机房专用的IP，除此外的IP均标记为 "家庭宽带IP"。
|
||
关于识别是 IDC机房IP 还是 家庭宽带IP，可以根据上面的 ASN所有者 和 企业是否为ISP来简单的判断。
|
||
这也是其它网站所使用的方法，然而这只能说明这个IP的拥有者是ISP，并不代表此IP实际使用在家庭宽带里。
|
||
例如国内的IDC服务器IP，大部分都是归属于电信联通移动三大运营商，他们是ISP，但这些IP是用在IDC服务器里的，国外也同理。
|
||
要更准确的标识一个IP实际使用在家庭宽带里还是IDC机房里，需要对每个IP段进行标识，这也是 Ping0 所使用的方法。
|
||
Ping0 花费了大量的人力和时间对每一个IP段进行了标识，以准确的标识IP实际是用在家庭宽带里还是IDC机房里。
|
||
所以有的 IP 在其它网站里显示为ISP，但是 Ping0 里会显示为 IDC ，因为 Ping0 的数据粒度更小，更精确。
|
||
综上所述，其它网站只能标识IP的所有者是ISP还是IDC，而 Ping0 能准确识别IP的实际使用者是家庭还是IDC。
|
||
" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></div> <div class="content"><span class="label orange">IDC机房 IP</span> <a href="https://ping0.cc/ip/faq#ispwhy" target="_blank" class="ispwhy" style="color: rgb(46, 103, 254); text-decoration: none; position: absolute; right: 20px; cursor: pointer; padding-bottom: 1px; border-bottom: 1px solid rgb(46, 103, 254); transform: scale(0.9);">
|
||
为什么双ISP还会显示"IDC机房IP"? </a></div></div> <div class="line line-risk"><div class="name"><span>风控值 <a href="https://ping0.cc/ip/faq#iprisk" target="_blank" title="风控值代表IP的风险程度，值越大，风险越高, 50以内安全，70以上可直接拉黑。
|
||
Ping0 通过大数据监测IP是否有扫描，爆破，爬虫，对外攻击，发送垃圾邮件，作为木马病毒的C&C服务等行为，以及危险行为的次数和频率来进行风控打分。
|
||
请查看 CentOS 的 /var/log/secure 文件或者 Debian 的 journalctl -u ssh.service 的内容，这里都是一些尝试爆破你SSH密码的风险IP。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></span></div> <div class="content"><div class="riskbar"><div title="0-15 极度纯净" class="riskitem" style="background: green;"></div> <div title="15-25 纯净" class="riskitem" style="background: limegreen;"></div> <div title="25-40 中性" class="riskitem riskcurrent" style="background: rgb(178, 220, 94);"><span class="value">29%</span><span class="lab"> 中性</span></div> <div title="40-50 轻微风险" class="riskitem" style="background: rgb(221, 221, 0);"></div> <div title="50-70 稍高风险" class="riskitem" style="background: rgb(255, 170, 0);"></div> <div title="70-100 极度风险" class="riskitem" style="background: red;"></div></div></div></div> <div class="line line-nativeip"><div class="name"><span>原生 IP</span> <a href="https://ping0.cc/ip/faq#nativeip" target="_blank" title="绝大部分的家庭宽带 IP 都属于原生 IP，部分当地的本地 IDC 提供商也会使用原生 IP。
|
||
而一些全球性的跨国 IDC 服务商(AWS、GCP、Azure 等)为了方便管理，通常会购买一些大的 IP 段，然后广播到不同的国家, 这些即为 广播 IP。
|
||
所以，当一个 IP 显示为 原生 IP 时，通常代表这是一个家庭宽带 IP 或者本地 IDC提供商 IP。
|
||
当一个 IP 显示 为广播 IP 时，通常代表这是一个 非家庭宽带 IP，非本地 IDC 提供商 IP。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></div> <div class="content"><span class="label orange" style="background: rgb(255, 170, 0); border: 1px solid rgb(34, 34, 34); box-shadow: rgb(34, 34, 34) 1px 1px 0px 0px; border-radius: 999px;">广播 IP</span></div></div> <div class="line line-aicheck"><div class="name"><span>大模型检测</span> <a href="https://ping0.cc/ip/faq#aicheck" target="_blank" title="使用AI大模型来判断是否为家庭宽带，该模型，基于 qwen2.5-0.5b 模型，使用1000多万条IP数据进行微调训练所得。大模型判断的结果仅供参考，准确率未知, 请自行判断。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></div> <div class="content"><a style="color: deepskyblue; text-decoration: none; cursor: pointer; padding-bottom: 1px; border-bottom: 1px solid deepskyblue;">
|
||
点击检测
|
||
</a></div></div> <div class="line ipnum" style="margin: 0px -1px;"><div class="name">
|
||
IP 地址(数字) </div> <div class="content"><span style="margin-right: 5px; display: inline-block; width: 80px;">********</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/hide.png" alt="" style="width: auto;"></div></div> <div class="line line-usecount"><div class="name"><span>共享人数 <a href="https://ping0.cc/ip/faq#usecount" target="_blank" title="该 IP 过去一年的使用人数，基于全网大数据监控的估算值，可以判断该 IP 有多少个人一起使用。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></span></div> <div class="content"><div usecount="1 - 10 (极好)" title="1-10(极好), 10-100(一般), 100-1000(风险), 1000-10000(高危), 10000+(极度风险)" class="usecountbar">
|
||
1 - 10 (极好) </div></div></div> <div class="line line-sceneinfo"><div class="name"><span>适用场景 <a href="https://ping0.cc/ip/faq#scene" target="_blank" title="根据该 IP 的地理位置、IP类型、风控值等信息 判断该 IP 的适用场景，该适用场景仅为经验总结，非 100% 准确, 仅供参考。" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">(说明?)</a></span></div> <div class="content"><div class="scene-card"><div class="scene-header"><span class="scene-name">TikTok</span> <span class="stars">
|
||
★
|
||
☆
|
||
☆
|
||
☆
|
||
☆
|
||
</span></div> <div class="advice level-1">
|
||
❌ 不推荐 </div></div> <div class="scene-card"><div class="scene-header"><span class="scene-name">跨境电商</span> <span class="stars">
|
||
★
|
||
☆
|
||
☆
|
||
☆
|
||
☆
|
||
</span></div> <div class="advice level-1">
|
||
❌ 不推荐 </div></div> <div class="scene-card"><div class="scene-header"><span class="scene-name">社媒运营</span> <span class="stars">
|
||
★
|
||
☆
|
||
☆
|
||
☆
|
||
☆
|
||
</span></div> <div class="advice level-1">
|
||
❌ 不推荐 </div></div> <div class="scene-card"><div class="scene-header"><span class="scene-name">AI 应用</span> <span class="stars">
|
||
★
|
||
★
|
||
★
|
||
☆
|
||
☆
|
||
</span></div> <div class="advice level-3">
|
||
⚠️ 可以尝试 </div></div></div></div></div></div> <div class="xceles"><a rel="noopener nofollow" href="https://bestproxy.com/?keyword=ihoa1wt1" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/ae2c0d87898528db4825dd7af4c86d81.gif" width="100%" style="max-height: 100%;"></a> <a rel="noopener nofollow" href="https://www.vircs.com/promotion?code=4" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/189722caa53bcad8d2e7c2e0e1048d5f.gif" width="100%" style="max-height: 100%;"></a> <a rel="noopener nofollow" href="https://www.nsocks.com/?keyword=wypaxbga" target="_blank" style="display: block; position: relative;"><span class="clusebd">关闭</span> <span class="tipbd">广告</span> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/3144865ef774d6b2e32914ec4420863f.gif" width="100%" style="max-height: 100%;"></a></div> <div class="asninfo prefixes" style="margin-top: 0px;"><div class="title"><div><span class="leadico">🎋</span>ASN 历史 </div> <div>
|
||
CIDR
|
||
</div> <div>信息</div> <div>国家</div> <div>首次出现</div> <div>最近活跃 <span title="ping0.cc 通过监控ASN/BGP通告数据来进行IP定位数据更新，最近活跃指的是最近监控到相关 prefix 的活跃通告时间" style="font-size: 12px; color: rgb(221, 221, 221);">说明?</span></div></div> <div class="line valid"><div><div title="当前有效" class="valid"></div> <a href="https://ping0.cc/as/AS30058" target="_blank">AS30058</a></div> <div>
|
||
67.159.48.0/23 </div> <div><span title="IDC" class="tiny label orange">IDC</span>
|
||
FDCservers.net </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div>
|
||
📅 2026-03-22 20:27 </div> <div>
|
||
📅 2026-07-21 08:37 </div></div> <div class="line invalid"><div><div title="当前无效" class="invalid"></div> <a href="https://ping0.cc/as/AS174" target="_blank">AS174</a></div> <div>
|
||
67.159.0.0/18 </div> <div><span title="ISP" class="tiny label orange" style="background: limegreen;">ISP</span>
|
||
Cogent Communications, LLC </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div>
|
||
-
|
||
</div> <div>
|
||
📅 2024-04-01 20:25 </div></div></div> <div class="asninfomobile prefixes" style="margin-top: 10px;"><div class="title"><span class="leadico">🎋</span>ASN 历史 </div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div>
|
||
AS30058 </div> <div>
|
||
67.159.48.0/23 </div></div> <div class="name"><span title="IDC" class="tiny label orange">IDC</span>
|
||
FDCservers.net </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
📅2026-03-22 20:27 </div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2026-07-21 08:37 </div></div></div></div> <div class="showinvalidwrap"><div onclick="document.querySelectorAll('.asninfomobile.prefixes .item.invalid').forEach(function(el) { el.style.display = window.getComputedStyle(el).display === 'none' ? 'block' : 'none'; });this.innerText = this.innerText === '↑ 隐藏非活跃记录' ? '↓ 显示非活跃记录' : '↑ 隐藏非活跃记录'" class="showinvalid">↓ 显示非活跃记录</div></div> <div class="item invalid"><div class="asn"><div class="num"><div title="当前无效" class="invalid"></div>
|
||
AS174 </div> <div>
|
||
67.159.0.0/18 </div></div> <div class="name"><span title="ISP" class="tiny label orange" style="background: limegreen;">ISP</span>
|
||
Cogent Communications, LLC </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
-
|
||
</div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2024-04-01 20:25 </div></div></div></div></div> <div class="xceles" style="display: none;"><a rel="noopener nofollow" href="https://ping0.cc/ip/67.159.48.150" target="_blank" style="display: block; flex: 1 1 0%; position: relative;"></a> <a rel="noopener nofollow" target="_blank" style="display: block; flex: 1 1 0%; position: relative;"></a> <a rel="noopener nofollow" target="_blank" style="display: block; flex: 1 1 0%; position: relative;"></a></div> <div class="asninfomobile orgs" style="margin-top: 0px;"><div class="title"><span class="leadico" style="margin-top: 0px;">💥</span>企业历史 </div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div></div> <div>
|
||
67.159.0.0/18 </div></div> <div class="name"><span title="IDC" class="tiny label orange">IDC</span>
|
||
FDCservers.net — fdcservers.net </div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
📅2018-10-13 11:01 </div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2026-07-20 21:00 </div></div></div></div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div></div> <div>
|
||
67.0.0.0/8 </div></div> <div class="name">
|
||
ARIN CIDR BLOCK </div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
📅2009-05-01 11:52 </div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2026-07-20 16:35 </div></div></div></div> <div class="showinvalidwrap"><div onclick="document.querySelectorAll('.asninfomobile.orgs .item.invalid').forEach(function(el) { el.style.display = window.getComputedStyle(el).display === 'none' ? 'block' : 'none'; });this.innerText = this.innerText === '↑ 隐藏非活跃记录' ? '↓ 显示非活跃记录' : '↑ 隐藏非活跃记录'" class="showinvalid">↓ 显示非活跃记录</div></div> <div class="item invalid"><div class="asn"><div class="num"><div title="当前无效" class="invalid"></div></div> <div>
|
||
67.0.0.0/8 </div></div> <div class="name"><span title="ISP" class="tiny label orange" style="background: limegreen;">ISP</span>
|
||
American Registry for Internet Numbers — arin.net </div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
📅2010-07-01 02:37 </div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2023-09-23 23:14 </div></div></div></div></div> <div class="asninfo orgs"><div class="title"><div><span class="leadico" style="margin-top: 0px;">💥</span>企业历史 </div> <div>
|
||
CIDR
|
||
</div> <div>首次出现</div> <div>最近活跃 <span title="ping0.cc 通过监控ASN/BGP通告数据来进行IP定位数据更新，最近活跃指的是最近监控到相关信息的活跃通告时间" style="font-size: 12px; color: rgb(221, 221, 221);">说明?</span></div></div> <div class="line valid"><div><div title="当前有效" class="valid"></div> <span title="IDC" class="tiny label orange">IDC</span>
|
||
FDCservers.net — fdcservers.net </div> <div>
|
||
67.159.0.0/18 </div> <div>
|
||
📅 2018-10-13 11:01 </div> <div>
|
||
📅 2026-07-20 21:00 </div></div> <div class="line valid"><div><div title="当前有效" class="valid"></div>
|
||
ARIN CIDR BLOCK </div> <div>
|
||
67.0.0.0/8 </div> <div>
|
||
📅 2009-05-01 11:52 </div> <div>
|
||
📅 2026-07-20 16:35 </div></div> <div class="line invalid"><div><div title="当前无效" class="invalid"></div> <span title="ISP" class="tiny label orange" style="background: limegreen;">ISP</span>
|
||
American Registry for Internet Numbers — arin.net </div> <div>
|
||
67.0.0.0/8 </div> <div>
|
||
📅 2010-07-01 02:37 </div> <div>
|
||
📅 2023-09-23 23:14 </div></div></div> <div class="asninfomobile rirs" style="margin-top: 0px;"><div class="title"><span class="leadico">🥑</span>注册地历史 </div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div></div> <div>
|
||
67.159.0.0/18 </div></div> <div class="country"><div><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/arin.png" alt="">
|
||
ARIN </div></div> <div class="times"><div><div class="title">首次出现:</div> <div class="time">
|
||
📅2004-10-12 00:00 </div></div> <div><div class="title">最近活跃:</div> <div class="time">
|
||
📅2026-07-21 00:00 </div></div></div></div></div> <div class="asninfo prefixes rirs"><div class="title"><div><span class="leadico">🥑</span>注册地历史 </div> <div>
|
||
注册局 </div> <div>
|
||
国家 </div> <div>首次出现</div> <div>最近活跃</div></div> <div class="line valid"><div><div title="当前有效" class="valid"></div>
|
||
67.159.0.0/18 </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/arin.png" alt="">
|
||
ARIN </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div>
|
||
📅 2004-10-12 00:00 </div> <div>
|
||
📅 2026-07-21 00:00 </div></div></div> <div class="asninfo prefixes geohistory" style="margin-top: 30px;"><div class="title"><div><span class="leadico">🐸</span>IP 位置历史 </div> <div>位置</div> <div>时间</div></div> <div class="line valid"><div><div class="valid"></div>
|
||
67.159.48.0/24 </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/sg.png" alt="">
|
||
新加坡 </div> <div>
|
||
📅 2026-04-07 </div></div> <div class="line valid"><div><div class="valid"></div>
|
||
67.159.48.0/24 </div> <div class="country"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div> <div>
|
||
📅 2025-08-31 </div></div></div> <div class="asninfomobile geohistory" style="margin-top: 0px;"><div class="title"><span class="leadico">🐸</span>IP 位置历史 </div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div></div> <div>
|
||
67.159.48.0/24 </div></div> <div class="country"><div><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/sg.png" alt="">
|
||
新加坡 </div></div> <div class="times"><div><div class="title">时间:</div> <div class="time">
|
||
📅 2026-04-07 </div></div></div></div> <div class="item valid"><div class="asn"><div class="num"><div title="当前有效" class="valid"></div></div> <div>
|
||
67.159.48.0/24 </div></div> <div class="country"><div><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/us(1).png" alt="">
|
||
美国 </div></div> <div class="times"><div><div class="title">时间:</div> <div class="time">
|
||
📅 2025-08-31 </div></div></div></div></div> <div class="asninfo"><div class="title"><div><span class="leadico">🗺️</span>地图定位 </div></div> <div id="bdmap" class="maplibregl-map"><div class="maplibregl-canvas-container maplibregl-interactive maplibregl-touch-drag-pan maplibregl-touch-zoom-rotate"><canvas class="maplibregl-canvas" tabindex="0" aria-label="Map" role="region" width="990" height="200" style="width: 990px; height: 200px;"></canvas></div><div class="maplibregl-control-container"><div class="maplibregl-ctrl-top-left "></div><div class="maplibregl-ctrl-top-right "></div><div class="maplibregl-ctrl-bottom-left "></div><div class="maplibregl-ctrl-bottom-right "></div></div></div></div> <div class="asninfo bgphistory" style="margin-top: 30px;"><div class="title" style="justify-content: space-between;"><div><span class="leadico">🗾</span>BGP 拓扑历史 </div> <div class="desc" style="width: auto;"><a href="https://ping0.cc/ip/faq#bgphistory" target="_blank" class="fielddesc" style="margin-left: 10px; font-size: 10px; color: deepskyblue;">说明?</a></div></div> <div class="line valid history"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/b176cb4a.png" alt="" onclick="bgpimgClick(event)"> <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/17dfb7de.png" alt="" onclick="bgpimgClick(event)"></div> <div class="latest"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/f60c78da.png" alt="" onclick="bgpimgClick(event)"></div></div> <div class="asninfo otherinfo-switch"><div class="switch">显示所有</div> <div class="switch active">显示 IDC</div></div> <!----> <div class="asninfo oterinfo" style="margin-top: 0px;"><div class="title" style="border-radius: 0px; border-top: 0px;"><div><span class="leadico">🛫</span>同机房供应商 / 客户 </div> <div>信息</div></div> <div class="line"><div>
|
||
FDCservers.net </div> <div><span class="mini label orange">IDC</span>
|
||
fdcservers.net </div></div></div> <div class="xceles"><div rel="noopener nofollow" target="_blank" style="display: flex; align-items: center; justify-content: center; position: relative;"></div> <div rel="noopener nofollow" target="_blank" style="display: flex; align-items: center; justify-content: center; position: relative;"></div> <div rel="noopener nofollow" target="_blank" style="display: flex; align-items: center; justify-content: center; position: relative;"></div></div> <div class="nextip"><a href="https://ping0.cc/ip/67.159.47.150" target="_blank" style="padding-right: 30px;"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/arrow_left.png" alt="" style="width: 34px; height: 34px; margin-right: 30px;">
|
||
67.159.47.150 </a> <a href="https://ping0.cc/ip/67.159.49.150" target="_blank" style="padding-left: 30px;">
|
||
67.159.49.150 <img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/arrow_right.png" alt="" style="width: 34px; height: 34px; margin-left: 30px;"></a></div> <div id="websites-wrap" style="border-top: 1px solid rgb(240, 240, 240); margin-top: 50px;"><p style="height: 24px; line-height: 24px; margin-bottom: 0px; margin-left: 15px; border-bottom: 1px dashed; padding-bottom: 10px;">网站大全</p> <div class="websites"><a href="https://www.quanqiudaili.com/?ref=distping0" target="_blank" rel="noopener nofollow sponsored" title="全球领先的代理IP服务提供商，企业级代理IP解决方案，覆盖全球200多个国家和地区的代理资源。根据您的业务需求，精准定制独享代理IP，拥有极致性价比的服务，平台专注于为企业提供全面、专业、完善的一站式解决方案，全方位满足跨境电商和社交媒体营销的各类需求。全球代理IP日新增50000+纯净住宅IP，高效，稳定，支持免费测试，API/账密一键提取，动静态住宅，数据中心任您选择，支持1V1定制量身打造解决方案，公司售后团队7×24小时保驾护航，支持免费测试。目前服务5000多家公司与个人，获得广泛好评！"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/2fe2b11e6227339155287b02da2fc0b9.png" alt=""></a> <a href="https://www.quarkip.com/tc/?utm_source=ping0" target="_blank" rel="noopener nofollow sponsored" title="我们提供从未使用过的、独享代理 IP， 支持静态/动态住宅及数据中心代理，覆盖全球 200+ 国家地区，全天真人客服在线沟通。立即领取 200MB 免费流量，限时福利！"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/86a8d4cccb728bab9dddce2901e04959.png" alt=""></a> <a href="https://www.instaip.net/?source=ping0" target="_blank" rel="noopener nofollow sponsored" title="Insta IP 提供高性价比的纯净独享静态住宅 IP 和tiktok直播专线，适用于社媒矩阵、店群养号、涨粉引流等多种场景，助力跨境商家拓展全球市场。"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/417d1d71a680857961d06af7e35bce91.jpg" alt=""></a> <a href="https://www.tkyds.com/?=p0" target="_blank" rel="noopener nofollow sponsored" title="Tiktok矩阵管理系统, 专业级人工智能驱动的TikTok账号自动化批量管理平台，实现多账号矩阵式管理与全自动批量化运营，让您的TikTok业务轻松扩展。"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/5088dd70e71f73cce0354031202a5619.png" alt=""></a> <a href="https://www.ipfoxy.net/?r=ping0cc" target="_blank" rel="noopener nofollow sponsored" title="全球领先代理IP服务，提供纯净独享的静态住宅IP、数据中心IP、动态住宅7000W代理IP池，高速稳定，免费试用。"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/6e580e53ef140296260b34167e53ab52.png" alt=""></a> <a href="http://ipdodo.com/?cid=p0" target="_blank" rel="noopener nofollow sponsored" title="我们的品牌：IPdodo；主营海外住宅IP和跨境国际专线网络，纯净住宅IP适配tk/fb/ins等平台使用，支持IP直连，提升网络稳定性。"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/84c1b58718073c9803888cc2555dca58.jpg" alt=""></a> <a href="https://www.fluxcola.com/?cid=ping0" target="_blank" rel="noopener nofollow sponsored" title="FluxCola提供专业级SOCKS5代理中转服务，实现高速、稳定的代理IP流量转发。专为跨境电商、社媒管理与国际业务设计，助您畅通访问全球网络，立即体验！"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/7d1da8319ef3380cd4ed53ae6ba00cf1.jpg" alt=""></a> <a href="https://www.zhizhuip.com/?ref=ping0cc" target="_blank" rel="noopener nofollow sponsored" title="zhizhuip 在全球9500万动态住宅IP,静态住宅IP,全面满足您的业务需求,为大数据产业,跨境电商企业,提供优质可靠的代理网络服务！"><img src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/3fe2b11e6227339155287b02da2fc0ba.png" alt=""></a></div></div></div> <div id="error_report" style="display: none;"><div class="title">错误提交</div> <div class="close">X</div> <div><div style="padding: 5px 10px; background: rgb(221, 221, 221); border-radius: 5px; margin-top: 3px;">
|
||
建议先使用 <a href="http://ip.ping0.cc/ping" target="_blank">在线ping</a> 工具对 IP 进行 ping，根据延迟初步判断 IP 所在地。
|
||
</div> <div class="line"><div>IP 地址:</div> <div style="color: rgb(170, 170, 170);">67.159.48.150</div></div> <div class="line"><div>IP 位置:</div> <div style="color: rgb(170, 170, 170);">新加坡 新加坡 新加坡</div></div> <div class="line line-newaddr"><div><span style="color: red; margin-right: 3px;">*</span>正确的IP位置:</div> <div><input type="text" placeholder="请输入正确的IP位置"></div></div> <div class="line line-other"><div>其它说明:</div> <div><input type="text" placeholder="空"></div></div></div> <div class="btnreport">提交</div></div> <textarea id="copy" style="width: 1px; height: 1px; opacity: 0; position: absolute;"></textarea></div>
|
||
|
||
<div id="ping0-ai-assistant"><div class="ping0-ai "><div class="ping0-ai-launcher-wrap"><button class="ping0-ai-launcher" type="button" aria-label="打开 AI 助手"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span>AI</span></button><button class="ping0-ai-launcher-close" type="button" aria-label="隐藏 AI 助手按钮" title="隐藏"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div></div></div>
|
||
|
||
<script type="text/javascript">
|
||
window.ip = '67.159.48.150'
|
||
window.tar= '67.159.48.150'
|
||
window.ipnum = '1134506134'
|
||
window.asndomain = 'fdcservers.net'
|
||
window.orgdomain = 'fdcservers.net'
|
||
window.rdns = ''
|
||
window.longitude = '103.8501'
|
||
window.latitude = '1.2897'
|
||
window.loc = `新加坡 新加坡 新加坡`
|
||
window.Ping0AiContext = {
|
||
aiContextId: '1029be1ebb7dc50fa56fad67bac0e4d3'
|
||
}
|
||
|
||
|
||
</script>
|
||
<link rel="stylesheet" href="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/maplibre-gl.css">
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/maplibre-gl.js.下载"></script>
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/check.js.下载"></script>
|
||
<link rel="stylesheet" href="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/assistant.css">
|
||
<script src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/assistant.iife.js.下载"></script>
|
||
<script>
|
||
if (window.Ping0AiAssistant) {
|
||
window.Ping0AiAssistant.mount('#ping0-ai-assistant', {
|
||
endpoint: '/ai/chat/stream',
|
||
context: window.Ping0AiContext
|
||
});
|
||
}
|
||
</script>
|
||
<script type="text/javascript" src="./67.159.48.150-高精度IP地址归属地查询-IP风控值查询-原生IP查询-IP类型查询-家庭宽带IP查询-全球小鸡监控平台_files/ipv6cb"></script>
|
||
<script>
|
||
function bgpimgClick(event) {
|
||
const clickedImg = event.currentTarget;
|
||
document.querySelectorAll('.bgphistory > .history img, .bgphistory > .latest img')
|
||
.forEach(img => {
|
||
if (img !== clickedImg) {
|
||
img.classList.remove('zoomed');
|
||
}
|
||
});
|
||
clickedImg.classList.toggle('zoomed');
|
||
}
|
||
// ========== 圣诞节首页装饰脚本开始 - 可在圣诞节后删除此部分 ==========
|
||
(function() {
|
||
// 检测是否为移动端
|
||
function isMobile() {
|
||
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
|
||
|| window.innerWidth < 768;
|
||
}
|
||
|
||
// 如果是移动端，不显示圣诞节效果
|
||
if (isMobile()) {
|
||
return;
|
||
}
|
||
|
||
var now = new Date();
|
||
var month = now.getMonth() + 1;
|
||
if (month !== 12) {
|
||
return;
|
||
}
|
||
|
||
function initHomeChristmas() {
|
||
var checkElement = document.getElementById('check');
|
||
if (checkElement) {
|
||
checkElement.classList.add('christmas-mode');
|
||
}
|
||
|
||
var searchElement = document.querySelector('#check .search');
|
||
if (searchElement) {
|
||
var leftTree = document.createElement('div');
|
||
leftTree.className = 'christmas-search-tree left';
|
||
searchElement.appendChild(leftTree);
|
||
|
||
var rightTree = document.createElement('div');
|
||
rightTree.className = 'christmas-search-tree right';
|
||
searchElement.appendChild(rightTree);
|
||
}
|
||
}
|
||
|
||
// 等待DOM加载完成
|
||
if (document.readyState === 'loading') {
|
||
document.addEventListener('DOMContentLoaded', initHomeChristmas);
|
||
} else {
|
||
initHomeChristmas();
|
||
}
|
||
})();
|
||
// ========== 圣诞节首页装饰脚本结束 ==========
|
||
|
||
setTimeout(function(){
|
||
var vis = '';
|
||
const html = document.querySelector("#adhright").outerHTML;
|
||
const img = document.querySelector("#adhright>a>img");
|
||
|
||
var outervis = true;
|
||
const outerstyle = window.getComputedStyle(document.querySelector("#adhright"));
|
||
|
||
if (outerstyle.display === 'none' || outerstyle.visibility === 'hidden' || outerstyle.opacity === '0') {
|
||
outervis = false;
|
||
}
|
||
if (img) {
|
||
// 2. 元素存在，但被 CSS 隐藏
|
||
const style = window.getComputedStyle(img);
|
||
if (style.display === 'none' || style.visibility === 'hidden' || style.opacity === '0') {
|
||
vis = style.display + '|' + style.visibility + '|' + style.opacity;
|
||
}
|
||
else
|
||
{
|
||
const rect = img.getBoundingClientRect();
|
||
const hasNoContent = img.children.length === 0 && img.innerText.trim() === '';
|
||
|
||
if (hasNoContent && (rect.width < 5 || rect.height < 5)) {
|
||
vis = rect.width + '|' + rect.height;
|
||
|
||
const img2 = new Image();
|
||
|
||
// 1. 处理加载失败（被阻断）
|
||
img2.onerror = () => {
|
||
axios.post('/trackad2', {
|
||
content: 'img load error',
|
||
outerstyle: '',
|
||
vis: '',
|
||
astyle: '',
|
||
});
|
||
};
|
||
|
||
img2.onload = () => {
|
||
if (img2.naturalWidth < 5 || img2.naturalHeight < 5) {
|
||
axios.post('/trackad2', {
|
||
content: 'img width error',
|
||
outerstyle: '',
|
||
vis: '',
|
||
astyle: '',
|
||
});
|
||
} else {
|
||
|
||
}
|
||
};
|
||
|
||
img2.src = 'https://cdn.ping0.cc/images/ex/4850fe540dc4704a1553513e729de213.gif';
|
||
}
|
||
}
|
||
}
|
||
else {
|
||
vis = 'img not found';
|
||
}
|
||
|
||
if (vis) {
|
||
//const astyle = window.getComputedStyle(a);
|
||
axios.post('/trackad2', {
|
||
content: html,
|
||
outerstyle: outervis,
|
||
vis: vis,
|
||
astyle: img.parentElement.style.display + '|' + img.parentElement.style.visibility + '|' + img.parentElement.style.opacity,
|
||
//astyle: astyle.display + '|' + astyle.visibility + '|' + astyle.opacity
|
||
});
|
||
}
|
||
|
||
}, 5000);
|
||
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
document.querySelectorAll('.clusebd').forEach(function(element) {
|
||
element.addEventListener('click', function(event) {
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
this.parentNode.style.visibility = 'hidden';
|
||
});
|
||
})
|
||
var width = document.documentElement.clientWidth
|
||
if (width < 700) {
|
||
const rows = document.querySelectorAll('.xceles');
|
||
rows.forEach(row => {
|
||
const links = row.querySelectorAll('a');
|
||
const validLinks = Array.from(links).filter(link => link.querySelector('img') !== null);
|
||
links.forEach(link => link.style.display = 'none');
|
||
if (validLinks.length > 0) {
|
||
const randomIndex = Math.floor(Math.random() * validLinks.length);
|
||
validLinks[randomIndex].style.display = 'flex';
|
||
}
|
||
});
|
||
}
|
||
else if (width < 1100) {
|
||
const rows = document.querySelectorAll('.xceles');
|
||
rows.forEach(row => {
|
||
const links = row.querySelectorAll('a');
|
||
const validLinks = Array.from(links).filter(link => link.querySelector('img') !== null);
|
||
links.forEach(link => link.style.display = 'none');
|
||
|
||
if (validLinks.length >= 2) {
|
||
const shuffled = [...validLinks].sort(() => Math.random() - 0.5);
|
||
shuffled.slice(0, 2).forEach(link => {
|
||
link.style.display = 'flex';
|
||
});
|
||
} else if (validLinks.length === 1) {
|
||
validLinks[0].style.display = 'flex';
|
||
links[2].style.display = 'flex';
|
||
}
|
||
})
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<style>
|
||
.bottommenu{
|
||
display: none;
|
||
}
|
||
.bottommenu a{
|
||
color: #fff;
|
||
display: block;
|
||
text-align: left;
|
||
text-decoration: none;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
.footer{
|
||
}
|
||
.footer-menu{
|
||
padding: 30px;
|
||
display:flex;
|
||
justify-content:space-between;
|
||
}
|
||
.footer-menu>.menu-column{
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.menu-column>.mtitle{
|
||
color: #fff;
|
||
font-size: 14px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.menu-column>a {
|
||
color: #ccc;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
text-decoration: none;
|
||
font-size: 12px;
|
||
}
|
||
.menu-column>a:hover{
|
||
text-decoration: underline;
|
||
}
|
||
|
||
@media screen and (max-width: 1200px){
|
||
.bottommenu {
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
.footer-menu{
|
||
display: none;
|
||
}
|
||
}
|
||
@media screen and (max-width: 500px) {
|
||
.footer{
|
||
height: auto;
|
||
line-height: 30px;
|
||
}
|
||
}
|
||
|
||
</style>
|
||
<div class="bottommenu" style="background: #333;width: 100%;color:#f0f0f0;text-align: center;">
|
||
<div>
|
||
<a href="https://ping0.cc/vpsmon/24hour">
|
||
近24小时
|
||
</a>
|
||
<a href="https://ping0.cc/vpsmon/5day">
|
||
近5天
|
||
</a>
|
||
<a href="https://ping0.cc/vpsmon/30day">
|
||
近一个月
|
||
</a>
|
||
<a href="https://ping0.cc/vpsmon/300day">
|
||
近一年
|
||
</a>
|
||
</div>
|
||
<div>
|
||
<a href="https://ping0.cc/">
|
||
IP 查询
|
||
</a>
|
||
<a href="https://ping0.cc/env">
|
||
环境检测
|
||
</a>
|
||
<a href="http://ping0.cc/ping">
|
||
PING 检测
|
||
</a>
|
||
|
||
<a href="https://ping0.cc/trace">
|
||
TRACE 跟踪
|
||
</a>
|
||
<a href="https://ping0.cc/ip/asnmon">
|
||
ASN 变化监控
|
||
</a>
|
||
<a href="https://ping0.cc/ip/api">
|
||
API接口
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="footer" style="background: #333;width: 100%;color:#f0f0f0;">
|
||
<div class="container footer-menu">
|
||
<div class="menu-column">
|
||
<span class="mtitle">IP 查询</span>
|
||
<a href="https://ping0.cc/" target="_blank">IP 查询</a>
|
||
<a href="https://ping0.cc/env" target="_blank">环境检测</a>
|
||
</div>
|
||
<div class="menu-column">
|
||
<span class="mtitle">IP 反查</span>
|
||
<a href="https://ping0.cc/reverse" target="_blank">IP 反查域名</a>
|
||
<a href="https://ping0.cc/reverse" target="_blank">rDNS 批量查询</a>
|
||
<a href="https://ping0.cc/reverse" target="_blank">rDNS 反查</a>
|
||
<a href="https://ping0.cc/reverse" target="_blank">CNAME 反查</a>
|
||
</div>
|
||
<div class="menu-column">
|
||
<span class="mtitle">常用功能</span>
|
||
<a href="http://ping0.cc/latency" target="_blank">Latency</a>
|
||
<a href="http://ip.ping0.cc/ping" target="_blank">Ping</a>
|
||
<a href="https://ping0.cc/trace" target="_blank">Trace</a>
|
||
<a href="https://ping0.cc/Ip/asnmon" target="_blank">ASN 变化监控</a>
|
||
<a href="http://ipv4.ping0.cc/ipleak" target="_blank">IP Leak 检测</a>
|
||
|
||
</div>
|
||
|
||
<div class="menu-column vpsmon">
|
||
<span class="mtitle">小鸡监控</span>
|
||
<a href="https://ping0.cc/vpsmon/24hour" target="_blank">近24小时</a>
|
||
<a href="https://ping0.cc/vpsmon/5day" target="_blank">近5天</a>
|
||
<a href="https://ping0.cc/vpsmon/30day" target="_blank">近一个月</a>
|
||
<a href="https://ping0.cc/vpsmon/300day" target="_blank">近一年</a>
|
||
</div>
|
||
<div class="menu-column">
|
||
<span class="mtitle">API 接口</span>
|
||
<a href="https://ping0.cc/ip/api" target="_blank">API接口</a>
|
||
</div>
|
||
<div class="menu-column">
|
||
<span class="mtitle">联系我们</span>
|
||
<a href="https://t.me/heyxiun" target="_blank">广告位联系: https://t.me/heyxiun</a>
|
||
</div>
|
||
</div>
|
||
<div class="end container" style="text-align: center;border-top: 1px solid #444;padding: 30px 0;color: #aaa;">
|
||
© 2021 - 2026 ping0.cc 所有权利保留 | 广告位联系: https://t.me/heyxiun
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<bookmark-sidebar-3sohr4vaht3 id="redeviation-bs-sidebar" class="notranslate" data-theme="glass" data-pos="left"><template shadowrootmode="closed"><iframe style="margin:0;padding: 0;border: none;width: 100%;height: 100%;"></iframe></template></bookmark-sidebar-3sohr4vaht3><div id="redeviation-bs-indicator" data-theme="glass" class="redeviation-bs-fullHeight redeviation-bs-visible" data-pos="left" style="height: 100%; top: 0%;"><div><span></span></div></div></body><div id="immersive-translate-browser-popup" style="all: initial"><template shadowrootmode="open"><style>/** 基础色阶定义 **/
|
||
:root,
|
||
#mount[data-theme="light"],
|
||
#mount:not([data-theme="dark"]) {
|
||
/* 中性灰阶（light） */
|
||
--c-00: #000000;
|
||
--c-22: #222222;
|
||
--c-33: #333333;
|
||
--c-66: #666666;
|
||
--c-83: #838383;
|
||
--c-99: #999999;
|
||
--c-c7: #c7c7c7;
|
||
--c-cc: #cccccc;
|
||
--c-e6: #e6e6e6;
|
||
--c-f5: #f5f5f5;
|
||
--c-ff: #ffffff;
|
||
/* 品牌主色阶（light） */
|
||
--p-main: #ea4c89;
|
||
--p-hover: #ec5e95;
|
||
--p-active: #e34a85;
|
||
--p-special: #ee71a2;
|
||
--p-disabled: #f4a5c4;
|
||
--p-text-disabled: #f9c9dc;
|
||
--p-weak: #fdedf3;
|
||
/* Surface 层级（light，TC 填充-1） */
|
||
--s-1: #f3f5f6;
|
||
--s-1-hover: #f6f8f9;
|
||
--s-1-active: #edf1f2;
|
||
--s-1-weak: #fafbfb;
|
||
/* 输入/边框（light，TC 填充-2） */
|
||
--input-bg-base: #fafbfc;
|
||
--input-border: #ecf0f7;
|
||
--input-border-strong: #e0e0e6;
|
||
--input-bg-strong: #fafdff;
|
||
}
|
||
|
||
:root[data-theme="dark"],
|
||
[data-theme="dark"] {
|
||
/* 中性灰阶（dark） */
|
||
--c-00: #ffffff;
|
||
--c-22: #dbdbdb;
|
||
--c-33: #dbdbdb;
|
||
--c-66: #b3b3b3;
|
||
--c-83: #838383;
|
||
--c-99: #707070;
|
||
--c-c7: #666666;
|
||
--c-cc: #5c5c5c;
|
||
--c-e6: #3b3b3b;
|
||
--c-f5: #262626;
|
||
--c-ff: #222222;
|
||
/* 品牌主色阶（dark） */
|
||
--p-main: #e23c7c;
|
||
--p-hover: #ea4c89;
|
||
--p-active: #d5467d;
|
||
--p-special: #a93a65;
|
||
--p-disabled: #7e2f4d;
|
||
--p-text-disabled: #522335;
|
||
--p-weak: #26171d;
|
||
/* Surface 层级（dark，TC 填充-1） */
|
||
--s-1: #2d2e2f;
|
||
--s-1-hover: #323434;
|
||
--s-1-active: #202121;
|
||
--s-1-weak: #262627;
|
||
/* 输入/边框（dark，TC 填充-2） */
|
||
--input-bg-base: #2b2d30;
|
||
--input-border: #3e434b;
|
||
--input-border-strong: #43474b;
|
||
--input-bg-strong: #1f2123;
|
||
}
|
||
|
||
:root,
|
||
#mount [data-theme] {
|
||
/* 业务/通用变量引用色阶（全局可见，含 Shadow DOM） */
|
||
--primary: var(--p-main);
|
||
--primary-hover: var(--p-hover);
|
||
--primary-inverse: #fff;
|
||
--modal-background: var(--s-1);
|
||
--modal-border: var(--input-border);
|
||
--modal-text: var(--c-22);
|
||
--modal-text-secondary: var(--c-66);
|
||
--modal-error: var(--p-main);
|
||
--modal-required: #f53f3f;
|
||
--modal-success: #68cd52;
|
||
--modal-button-background: var(--p-main);
|
||
--modal-button-text: var(--c-ff);
|
||
--modal-input-background: var(--input-bg-base);
|
||
--modal-check-color: var(--p-main);
|
||
--background-color: var(--c-ff);
|
||
--background-light-green: var(--s-1-weak, #f5f7f9);
|
||
--text-black-2: var(--c-22);
|
||
--text-gray-2: var(--c-22);
|
||
--text-gray-6: var(--c-66);
|
||
--text-gray-9: var(--c-99);
|
||
--text-gray-c2: var(--c-c7);
|
||
--switch-background-color: var(--c-c7, hsl(205deg, 16%, 77%));
|
||
--float-ball-more-button-border-color: var(--c-f5, #f6f6f6);
|
||
--float-ball-more-button-background-color: var(--c-ff);
|
||
--float-ball-more-button-hover-color: var(--p-weak);
|
||
--float-ball-more-button-svg-color: #6c6f73;
|
||
--service-bg-hover: var(--s-1-hover, #f7faff);
|
||
--service-bg: var(--s-1-weak, #fafbfb);
|
||
}
|
||
|
||
#mount {
|
||
--font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
|
||
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
||
"Segoe UI Symbol", "Noto Color Emoji";
|
||
/* PC/H5 兼容的字号、间距、圆角、阴影变量 */
|
||
--f-12: 12px;
|
||
--f-14: 14px;
|
||
--f-15: 15px;
|
||
--f-16: 16px;
|
||
--f-18: 18px;
|
||
--f-20: 20px;
|
||
--space-4: 4px;
|
||
--space-6: 6px;
|
||
--space-8: 8px;
|
||
--space-12: 12px;
|
||
--space-16: 16px;
|
||
--space-18: 18px;
|
||
--space-24: 24px;
|
||
--radius-8: 8px;
|
||
--radius-12: 12px;
|
||
--radius-16: 16px;
|
||
--control-height-lg: 44px;
|
||
--width-28: 28px;
|
||
--width-24: 24px;
|
||
--width-20: 20px;
|
||
--width-18: 18px;
|
||
--width-16: 16px;
|
||
--width-label-md: 56px;
|
||
--shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.12);
|
||
|
||
/* 常规变量 */
|
||
--line-height: 1.5;
|
||
--font-weight: 400;
|
||
--font-size: 16px;
|
||
--border-radius: 4px;
|
||
--border-width: 2px;
|
||
--outline-width: 3px;
|
||
--spacing: 16px;
|
||
--typography-spacing-vertical: 24px;
|
||
--block-spacing-vertical: calc(var(--spacing) * 2);
|
||
--block-spacing-horizontal: var(--spacing);
|
||
--grid-spacing-vertical: 0;
|
||
--grid-spacing-horizontal: var(--spacing);
|
||
--form-element-spacing-vertical: 12px;
|
||
--form-element-spacing-horizontal: 16px;
|
||
--nav-element-spacing-vertical: 16px;
|
||
--nav-element-spacing-horizontal: 8px;
|
||
--nav-link-spacing-vertical: 8px;
|
||
--nav-link-spacing-horizontal: 8px;
|
||
--form-label-font-weight: var(--font-weight);
|
||
--transition: 0.2s ease-in-out;
|
||
--modal-overlay-backdrop-filter: blur(4px);
|
||
--switch-color: var(--primary-inverse);
|
||
--switch-checked-background-color: var(--primary);
|
||
--icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
|
||
/* 兼容旧变量：主色直接引用品牌主色阶 */
|
||
--primary: var(--p-main);
|
||
--primary-hover: var(--p-hover);
|
||
--primary-inverse: #fff;
|
||
/* Modal 业务变量引用色阶 */
|
||
--modal-background: var(--s-1);
|
||
--modal-border: var(--input-border);
|
||
--modal-text: var(--c-22);
|
||
--modal-text-secondary: var(--c-66);
|
||
--modal-error: var(--p-main);
|
||
--modal-required: #f53f3f;
|
||
--modal-success: #68cd52;
|
||
--modal-button-background: var(--p-main);
|
||
--modal-button-text: var(--c-ff);
|
||
--modal-input-background: var(--input-bg-base);
|
||
--modal-check-color: var(--p-main);
|
||
--background-color: var(--c-ff);
|
||
--background-light-green: var(--s-1-weak, #f5f7f9);
|
||
--text-black-2: var(--c-22);
|
||
--text-gray-2: var(--c-22);
|
||
--text-gray-6: var(--c-66);
|
||
--text-gray-9: var(--c-99);
|
||
--text-gray-c2: var(--c-c7);
|
||
--switch-background-color: var(--c-c7, hsl(205deg, 16%, 77%));
|
||
--float-ball-more-button-border-color: var(--c-f5, #f6f6f6);
|
||
--float-ball-more-button-background-color: var(--c-ff);
|
||
--float-ball-more-button-hover-color: var(--p-weak);
|
||
--float-ball-more-button-svg-color: #6c6f73;
|
||
--service-bg-hover: var(--s-1-hover, #f7faff);
|
||
--service-bg: var(--s-1-weak, #fafbfb);
|
||
line-height: var(--line-height);
|
||
font-family: var(--font-family);
|
||
font-size: var(--font-size);
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
:root,
|
||
#mount {
|
||
--f-12: 10px;
|
||
--f-14: 12px;
|
||
--f-15: 13px;
|
||
--f-16: 14px;
|
||
--f-18: 16px;
|
||
--f-20: 18px;
|
||
--space-4: 4px;
|
||
--space-6: 4px;
|
||
--space-8: 6px;
|
||
--space-12: 8px;
|
||
--space-16: 12px;
|
||
--space-18: 14px;
|
||
--space-24: 18px;
|
||
--radius-8: 6px;
|
||
--radius-12: 10px;
|
||
--radius-16: 12px;
|
||
--control-height-lg: 38px;
|
||
--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
|
||
--width-28: 24px;
|
||
--width-24: 20px;
|
||
--width-20: 16px;
|
||
--width-18: 14px;
|
||
--width-16: 12px;
|
||
--width-label-md: 52px;
|
||
}
|
||
}
|
||
|
||
#mount * {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
[hidden] {
|
||
display: none !important;
|
||
}
|
||
|
||
:where(#mount) a,
|
||
:where(#mount) [role="link"] {
|
||
--color: var(--primary);
|
||
--background-color: transparent;
|
||
outline: none;
|
||
background-color: var(--background-color);
|
||
color: var(--color);
|
||
-webkit-text-decoration: var(--text-decoration);
|
||
text-decoration: var(--text-decoration);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
box-shadow var(--transition), -webkit-text-decoration var(--transition);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
text-decoration var(--transition), box-shadow var(--transition);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
text-decoration var(--transition), box-shadow var(--transition),
|
||
-webkit-text-decoration var(--transition);
|
||
}
|
||
:where(#mount) a:is([aria-current], :hover, :active, :focus),
|
||
:where(#mount) [role="link"]:is([aria-current], :hover, :active, :focus) {
|
||
--color: var(--primary-hover);
|
||
--text-decoration: underline;
|
||
}
|
||
|
||
:where(#mount) label {
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
color: var(--text-gray-2, #222222);
|
||
}
|
||
|
||
:where(#mount) button {
|
||
width: 100%;
|
||
font-family: inherit;
|
||
font-size: 15px;
|
||
line-height: 1.3;
|
||
min-height: 44px;
|
||
border-radius: 12px;
|
||
padding: 0 14px;
|
||
border: none;
|
||
background-color: var(--primary, #ea4c89);
|
||
color: #ffffff;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||
}
|
||
|
||
:where(#mount) button:hover {
|
||
background-color: var(--primary-hover, #f082ac);
|
||
}
|
||
|
||
:where(#mount) button:disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
:where(#mount) select,
|
||
:where(#mount) input,
|
||
:where(#mount) textarea {
|
||
font-family: inherit;
|
||
color: var(--text-gray-2, #222222);
|
||
}
|
||
|
||
:where(#mount) select {
|
||
appearance: none;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
font-family: inherit;
|
||
color: var(--text-gray-2, inherit);
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
outline: none;
|
||
padding: 8px 16px;
|
||
border: none;
|
||
border-radius: 12px;
|
||
background-color: var(--popup-item-background-color, transparent);
|
||
background-image: var(--icon-xia, none);
|
||
background-repeat: no-repeat;
|
||
background-position: center right 12px;
|
||
background-size: 16px auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
:where(#mount) input[type="checkbox"] {
|
||
accent-color: var(--primary, #ea4c89);
|
||
}
|
||
|
||
[type="checkbox"],
|
||
[type="radio"] {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
width: 1.25em;
|
||
height: 1.25em;
|
||
margin-top: -0.125em;
|
||
margin-right: 0.375em;
|
||
margin-left: 0;
|
||
-webkit-margin-start: 0;
|
||
margin-inline-start: 0;
|
||
-webkit-margin-end: 0.375em;
|
||
margin-inline-end: 0.375em;
|
||
border-width: var(--border-width);
|
||
font-size: inherit;
|
||
vertical-align: middle;
|
||
cursor: pointer;
|
||
}
|
||
[type="checkbox"]::-ms-check,
|
||
[type="radio"]::-ms-check {
|
||
display: none;
|
||
}
|
||
[type="checkbox"]:checked,
|
||
[type="checkbox"]:checked:active,
|
||
[type="checkbox"]:checked:focus,
|
||
[type="radio"]:checked,
|
||
[type="radio"]:checked:active,
|
||
[type="radio"]:checked:focus {
|
||
--background-color: var(--primary);
|
||
--border-color: var(--primary);
|
||
background-image: var(--icon-checkbox);
|
||
background-position: center;
|
||
background-size: 0.75em auto;
|
||
background-repeat: no-repeat;
|
||
}
|
||
[type="checkbox"] ~ label,
|
||
[type="radio"] ~ label {
|
||
display: inline-block;
|
||
margin-right: 0.375em;
|
||
margin-bottom: 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
[type="checkbox"]:indeterminate {
|
||
--background-color: var(--primary);
|
||
--border-color: var(--primary);
|
||
background-image: var(--icon-minus);
|
||
background-position: center;
|
||
background-size: 0.75em auto;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
[type="radio"] {
|
||
border-radius: 50%;
|
||
}
|
||
[type="radio"]:checked,
|
||
[type="radio"]:checked:active,
|
||
[type="radio"]:checked:focus {
|
||
--background-color: var(--primary-inverse);
|
||
border-width: 0.35em;
|
||
background-image: none;
|
||
}
|
||
|
||
:where(#mount) [type="checkbox"][role="switch"] {
|
||
--background-color: var(--switch-background-color);
|
||
--border-color: var(--switch-background-color);
|
||
--color: var(--switch-color);
|
||
width: 2.25em;
|
||
height: 1.25em;
|
||
border: var(--border-width) solid var(--border-color);
|
||
border-radius: 1.25em;
|
||
background-color: var(--background-color);
|
||
line-height: 1.25em;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:focus {
|
||
--background-color: var(--switch-background-color);
|
||
--border-color: var(--switch-background-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked {
|
||
--background-color: var(--switch-checked-background-color);
|
||
--border-color: var(--switch-checked-background-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:before {
|
||
display: block;
|
||
width: calc(1.25em - (var(--border-width) * 2));
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
background-color: var(--color);
|
||
content: "";
|
||
transition: margin 0.1s ease-in-out;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked {
|
||
background-image: none;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked::before {
|
||
margin-left: calc(1.125em - var(--border-width));
|
||
-webkit-margin-start: calc(1.125em - var(--border-width));
|
||
margin-inline-start: calc(1.125em - var(--border-width));
|
||
}
|
||
|
||
:where(#mount) [type="checkbox"][aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"]:checked[aria-invalid="false"],
|
||
:where(#mount) [type="radio"][aria-invalid="false"],
|
||
:where(#mount) [type="radio"]:checked[aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"][role="switch"][aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
|
||
--border-color: var(--form-element-valid-border-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"]:checked[aria-invalid="true"],
|
||
:where(#mount) [type="radio"][aria-invalid="true"],
|
||
:where(#mount) [type="radio"]:checked[aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"][role="switch"][aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
|
||
--border-color: var(--form-element-invalid-border-color);
|
||
}
|
||
|
||
.text-black {
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.text-gray-2 {
|
||
color: var(--text-gray-2);
|
||
}
|
||
|
||
.text-gray-6 {
|
||
color: var(--text-gray-6);
|
||
}
|
||
|
||
.text-gray-9 {
|
||
color: var(--text-gray-9);
|
||
}
|
||
|
||
.text-gray-c2 {
|
||
color: var(--text-gray-c2);
|
||
}
|
||
|
||
.pt-4 {
|
||
padding-top: 16px;
|
||
}
|
||
|
||
.p-2 {
|
||
padding: 8px;
|
||
}
|
||
|
||
.pl-5 {
|
||
padding-left: 48px;
|
||
}
|
||
|
||
.p-0 {
|
||
padding: 0;
|
||
}
|
||
|
||
.pl-2 {
|
||
padding-left: 8px;
|
||
}
|
||
|
||
.pl-4 {
|
||
padding-left: 24px;
|
||
}
|
||
|
||
.pt-2 {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.pb-2 {
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.pb-4 {
|
||
padding-bottom: 16px;
|
||
}
|
||
|
||
.pb-5 {
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.pr-5 {
|
||
padding-right: 48px;
|
||
}
|
||
|
||
.text-sm {
|
||
font-size: 13px;
|
||
}
|
||
|
||
.text-base {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.w-full {
|
||
width: 100%;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.flex-row {
|
||
flex-direction: row;
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.flex-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.flex-grow {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.mb-0 {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
.mb-2 {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.mb-4 {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.mb-3 {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.inline-block {
|
||
display: inline-block;
|
||
}
|
||
|
||
.py-2 {
|
||
padding-top: 8px;
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.py-2-5 {
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
}
|
||
|
||
.mt-0 {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.mt-2 {
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.mt-3 {
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.mt-4 {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
.mt-5 {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.mt-6 {
|
||
margin-top: 24px;
|
||
}
|
||
|
||
.mb-1 {
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.ml-4 {
|
||
margin-left: 24px;
|
||
}
|
||
|
||
.ml-3 {
|
||
margin-left: 16px;
|
||
}
|
||
|
||
.ml-2 {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.ml-1 {
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.mr-1 {
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.mr-2 {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.mr-3 {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.mx-2 {
|
||
margin-left: 8px;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.pl-3 {
|
||
padding-left: 12px;
|
||
}
|
||
|
||
.pr-3 {
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.p-3 {
|
||
padding: 12px;
|
||
}
|
||
|
||
.px-1 {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.px-3 {
|
||
padding-left: 12px;
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.pt-3 {
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.px-6 {
|
||
padding-left: 18px;
|
||
padding-right: 18px;
|
||
}
|
||
|
||
.px-4 {
|
||
padding-left: 16px;
|
||
padding-right: 16px;
|
||
}
|
||
|
||
.pt-6 {
|
||
padding-top: 20px;
|
||
}
|
||
|
||
.py-3 {
|
||
padding-top: 12px;
|
||
padding-bottom: 12px;
|
||
}
|
||
|
||
.py-0 {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
.left-auto {
|
||
left: auto !important;
|
||
}
|
||
|
||
.max-h-28 {
|
||
max-height: 112px;
|
||
}
|
||
|
||
.max-h-30 {
|
||
max-height: 120px;
|
||
}
|
||
|
||
.overflow-y-scroll {
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.text-xs {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.inline-flex {
|
||
display: inline-flex;
|
||
}
|
||
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
|
||
.flex-3 {
|
||
flex: 3;
|
||
}
|
||
|
||
.flex-4 {
|
||
flex: 4;
|
||
}
|
||
|
||
.flex-2 {
|
||
flex: 2;
|
||
}
|
||
|
||
.items-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.max-content {
|
||
width: max-content;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.items-end {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.items-baseline {
|
||
align-items: baseline;
|
||
}
|
||
|
||
.my-5 {
|
||
margin-top: 48px;
|
||
margin-bottom: 48px;
|
||
}
|
||
|
||
.my-4 {
|
||
margin-top: 24px;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.my-3 {
|
||
margin-top: 16px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.pt-3 {
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.px-3 {
|
||
padding-left: 12px;
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.pt-2 {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.px-2 {
|
||
padding-left: 8px;
|
||
padding-right: 8px;
|
||
}
|
||
|
||
.pt-1 {
|
||
padding-top: 4px;
|
||
}
|
||
|
||
.px-1 {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.pb-2 {
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.w-auto {
|
||
width: auto;
|
||
}
|
||
|
||
.shrink-0 {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.text-right {
|
||
text-align: right;
|
||
}
|
||
|
||
.clickable {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.close {
|
||
cursor: pointer;
|
||
width: 16px;
|
||
height: 16px;
|
||
background-image: var(--icon-close);
|
||
background-position: center;
|
||
background-size: auto 1rem;
|
||
background-repeat: no-repeat;
|
||
opacity: 0.5;
|
||
transition: opacity var(--transition);
|
||
}
|
||
|
||
.padding-two-column {
|
||
padding-left: 40px;
|
||
padding-right: 40px;
|
||
}
|
||
|
||
.muted {
|
||
color: #999;
|
||
}
|
||
|
||
.text-label {
|
||
color: #666;
|
||
}
|
||
|
||
.display-none {
|
||
display: none;
|
||
}
|
||
|
||
/* dark use #18232c */
|
||
@media (prefers-color-scheme: dark) {
|
||
.text-label {
|
||
color: #9ca3af;
|
||
}
|
||
}
|
||
|
||
.text-decoration-none {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.text-decoration-none:is([aria-current], :hover, :active, :focus),
|
||
[role="link"]:is([aria-current], :hover, :active, :focus) {
|
||
--text-decoration: none !important;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
.text-overflow-ellipsis {
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.max-w-20 {
|
||
max-width: 180px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[data-theme="light"],
|
||
#mount:not([data-theme="dark"]) {
|
||
--popup-footer-background-color: #e8eaeb;
|
||
--popup-content-background-color: #ffffff;
|
||
--popup-item-background-color: #f3f5f6;
|
||
--popup-item-hover-background-color: #eaeced;
|
||
--popup-trial-pro-background-color: #f9fbfc;
|
||
--service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
|
||
--service-select-border-color: #fafafa;
|
||
--service-select-selected-background-color: #f3f5f6;
|
||
--download-app-background: #f3f5f6;
|
||
--translate-language-background-color: #f3f5f6;
|
||
--translate-language-icon-color: #666666;
|
||
--translate-language-text-color: #222222;
|
||
--translate-language-hover-background-color: #fdedf3;
|
||
--translate-language-hover-icon-color: #e95d93;
|
||
--error-bg: #fdedf3;
|
||
--error-text: #222;
|
||
--error-link: #ea4c89;
|
||
}
|
||
|
||
[data-theme="dark"] {
|
||
--popup-footer-background-color: #0d0d0d;
|
||
--popup-content-background-color: #191919;
|
||
--popup-item-background-color: #272727;
|
||
--popup-item-hover-background-color: #333333;
|
||
--popup-trial-pro-background-color: #222222;
|
||
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
|
||
--service-select-border-color: #2c2c2c;
|
||
--service-select-selected-background-color: #333333;
|
||
--download-app-background: #333;
|
||
--translate-language-background-color: #2d2e2f;
|
||
--translate-language-icon-color: #b3b3b3;
|
||
--translate-language-text-color: #b3b3b3;
|
||
--translate-language-hover-background-color: #a97b8c;
|
||
--translate-language-hover-icon-color: rgba(255, 255, 255, 0.9);
|
||
--error-bg: #26171d;
|
||
--error-text: #dbdbdb;
|
||
--error-link: #ea4c89;
|
||
}
|
||
|
||
#mount {
|
||
min-width: 268px;
|
||
}
|
||
|
||
body {
|
||
padding: 0;
|
||
margin: 0 auto;
|
||
min-width: 268px;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.popup-container {
|
||
font-size: 16px;
|
||
--font-size: 16px;
|
||
color: #666;
|
||
background-color: var(--popup-footer-background-color);
|
||
width: 316px;
|
||
min-width: 316px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.popup-content {
|
||
background-color: var(--popup-content-background-color);
|
||
border-radius: 0px 0px 12px 12px;
|
||
padding: 16px 20px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout {
|
||
background-color: var(--popup-footer-background-color);
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .popup-content {
|
||
padding-bottom: 20px;
|
||
border-radius: 0 0 12px 12px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .popup-footer {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.immersive-translate-popup-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
touch-action: none;
|
||
}
|
||
|
||
.immersive-translate-popup-wrapper {
|
||
background: var(--background-color);
|
||
border-radius: 10px;
|
||
border: 1px solid var(--muted-border-color);
|
||
}
|
||
|
||
.main-button {
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
vertical-align: middle;
|
||
border-radius: 12px;
|
||
padding: unset;
|
||
height: 48px;
|
||
line-height: 48px;
|
||
flex: 1;
|
||
}
|
||
|
||
select.translate-service,
|
||
select.min-select {
|
||
--form-element-spacing-horizontal: 0;
|
||
margin-bottom: 0px;
|
||
max-width: unset;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
font-size: 13px;
|
||
border: none;
|
||
border-radius: 8px;
|
||
padding-right: 30px;
|
||
padding-left: 0px;
|
||
background-position: center right 12px;
|
||
background-size: 16px auto;
|
||
background-image: var(--icon-xia);
|
||
text-overflow: ellipsis;
|
||
color: var(--text-gray-2);
|
||
background-color: transparent;
|
||
box-shadow: unset !important;
|
||
cursor: pointer;
|
||
}
|
||
|
||
select.more {
|
||
background-position: center right;
|
||
padding-right: 20px;
|
||
}
|
||
|
||
select.translate-service {
|
||
color: var(--text-black-2);
|
||
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZD0iTTMuNDc5NzMgNi4zODY0M0wwLjcyOTI5NyAzLjMyMjE2QzAuNjE2ODggMy4xOTY5NCAwLjU1NDY5NSAzLjAzNDU5IDAuNTU0Njg4IDIuODY2M0MwLjU1NDY4OCAyLjQ4OTI0IDAuODYwNTQ3IDIuMTgzNTkgMS4yMzc4NCAyLjE4MzU5SDYuNzM4NzFDNi45MDcwNyAyLjE4MzU4IDcuMDY5NTEgMi4yNDU3MiA3LjE5NDg4IDIuMzU4MDlDNy40NzU3NCAyLjYwOTg2IDcuNDk5MTkgMy4wNDE0OCA3LjI0NzI2IDMuMzIyMTZMNC40OTY4MiA2LjM4NjQ0QzQuNDgwMzIgNi40MDQ4MiA0LjQ2MjgzIDYuNDIyMjkgNC40NDQ0NCA2LjQzODc4QzQuMTYzNTggNi42OTA1NSAzLjczMTY2IDYuNjY3MTEgMy40Nzk3MyA2LjM4NjQzWiIgZmlsbD0iIzk5OTk5OSIvPjwvZz48L3N2Zz4K");
|
||
background-size: 8px auto;
|
||
}
|
||
|
||
.min-select-container.disabled {
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.popup-footer {
|
||
background-color: var(--popup-footer-background-color);
|
||
height: 40px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
/* Footer 三栏布局样式 */
|
||
.footer-link-btn {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
flex-shrink: 0;
|
||
min-width: 72px;
|
||
}
|
||
|
||
.footer-icon-btn {
|
||
width: 20px;
|
||
height: 20px;
|
||
flex-shrink: 0;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.footer-icon-btn svg {
|
||
color: #999999;
|
||
}
|
||
|
||
[data-theme="dark"] .footer-icon-btn svg {
|
||
color: #707070;
|
||
}
|
||
|
||
.footer-link-text {
|
||
font-size: 12px;
|
||
line-height: 18px;
|
||
color: #666666;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[data-theme="dark"] .footer-link-text {
|
||
color: #b3b3b3;
|
||
}
|
||
|
||
.footer-link-btn-right {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.footer-center-text {
|
||
flex: 1 1 auto;
|
||
min-width: 0;
|
||
margin: 0 8px;
|
||
overflow: hidden;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 12px;
|
||
color: #999999;
|
||
line-height: 1;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.footer-center-text.is-overflowing {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.footer-center-text.is-overflowing .footer-center-content {
|
||
animation: footer-scroll-text 12s linear infinite;
|
||
}
|
||
|
||
@keyframes footer-scroll-text {
|
||
0% {
|
||
transform: translateX(0);
|
||
}
|
||
100% {
|
||
transform: translateX(-50%);
|
||
}
|
||
}
|
||
|
||
.footer-center-content {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.footer-scroll-gap {
|
||
display: inline-block;
|
||
width: 80px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
[data-theme="dark"] .footer-center-text {
|
||
color: #707070;
|
||
}
|
||
|
||
.footer-text-content {
|
||
display: inline-block;
|
||
}
|
||
|
||
.footer-privacy-link {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.footer-version-inline-text {
|
||
font-size: 12px;
|
||
color: #999999;
|
||
line-height: 1;
|
||
border-bottom: 1px solid transparent;
|
||
}
|
||
|
||
[data-theme="dark"] .footer-version-inline-text {
|
||
color: #707070;
|
||
}
|
||
|
||
.footer-version-inline-text:hover {
|
||
border-bottom-color: #999999;
|
||
}
|
||
|
||
[data-theme="dark"] .footer-version-inline-text:hover {
|
||
border-bottom-color: #707070;
|
||
}
|
||
|
||
.translate-language-row {
|
||
gap: 4px;
|
||
}
|
||
|
||
.translate-language-exchange {
|
||
width: 36px;
|
||
height: 48px;
|
||
background-color: var(--translate-language-background-color);
|
||
border-radius: 12px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: var(--translate-language-icon-color);
|
||
flex-shrink: 0;
|
||
cursor: pointer;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.translate-language-exchange:hover {
|
||
color: var(--translate-language-hover-icon-color);
|
||
}
|
||
|
||
.translate-language-exchange-active {
|
||
background-color: var(--translate-language-hover-background-color);
|
||
color: var(--translate-language-hover-icon-color);
|
||
}
|
||
|
||
.translate-language-exchange-active:hover {
|
||
background-color: var(--translate-language-hover-background-color);
|
||
color: var(--translate-language-hover-icon-color);
|
||
}
|
||
|
||
.translate-language-arrow {
|
||
width: 24px;
|
||
height: 24px;
|
||
margin: 0;
|
||
}
|
||
|
||
.translation-service-container {
|
||
background-color: var(--popup-item-background-color);
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.translation-service-primary-field {
|
||
position: relative;
|
||
}
|
||
|
||
.translation-service-guide-hitbox {
|
||
position: absolute;
|
||
right: 46px;
|
||
top: 0;
|
||
width: 1px;
|
||
height: 1px;
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.min-select-container {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 44px;
|
||
background-color: var(--popup-item-background-color);
|
||
padding-left: 16px;
|
||
}
|
||
|
||
.min-select-container:first-child {
|
||
border-top-left-radius: 10px;
|
||
border-top-right-radius: 10px;
|
||
}
|
||
|
||
.min-select-container:last-child {
|
||
border-bottom-left-radius: 10px;
|
||
border-bottom-right-radius: 10px;
|
||
}
|
||
|
||
.min-select-container:only-child {
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.popup-ai-context-label {
|
||
display: inline-flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
flex: 1;
|
||
min-width: 60px;
|
||
flex-shrink: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.popup-ai-context-switch {
|
||
align-self: center;
|
||
margin: 0;
|
||
margin-inline-end: 12px;
|
||
}
|
||
|
||
.translate-mode {
|
||
width: 36px;
|
||
height: 48px;
|
||
border-radius: 12px;
|
||
background-color: var(--translate-language-background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-shrink: 0;
|
||
cursor: pointer;
|
||
color: var(--translate-language-text-color);
|
||
margin-right: 8px;
|
||
}
|
||
|
||
/* 快捷操作设置标题栏 */
|
||
.widgets-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
padding: 0 4px;
|
||
margin-top: 20px;
|
||
margin-bottom: 12px;
|
||
font-size: 12px;
|
||
line-height: 18px;
|
||
}
|
||
|
||
.widgets-header-title {
|
||
color: #999999;
|
||
}
|
||
|
||
.widgets-header-action {
|
||
color: #999999;
|
||
text-decoration: underline;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.widgets-header-action:hover {
|
||
color: #666666;
|
||
}
|
||
|
||
.widgets-container {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
width: 100%;
|
||
gap: 8px;
|
||
margin-top: 16px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .widgets-container-compact-monkey {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .widgets-container-compact-monkey.widgets-four-items {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
|
||
.widgets-container.widgets-single-item {
|
||
grid-template-columns: minmax(0, 1fr);
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.widgets-container.widgets-single-item .widget-item {
|
||
max-width: none;
|
||
}
|
||
|
||
/* 当只有两个小组件时的样式优化 */
|
||
.widgets-container.widgets-two-items {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
|
||
.widgets-container.widgets-two-items .widget-item {
|
||
max-width: none;
|
||
}
|
||
|
||
.widget-item {
|
||
display: flex;
|
||
width: 100%;
|
||
min-height: 44px;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: transparent;
|
||
border: 1px solid #eef0f2;
|
||
box-sizing: border-box;
|
||
font-size: 14px;
|
||
border-radius: 12px;
|
||
cursor: pointer;
|
||
padding: 0 14px;
|
||
text-align: left;
|
||
gap: 6px;
|
||
}
|
||
|
||
.widget-item.widget-item-single {
|
||
flex: 1 1 auto;
|
||
flex-direction: row;
|
||
justify-content: center;
|
||
border: 1px solid #eef0f2;
|
||
border-radius: 16px;
|
||
padding: 0 14px;
|
||
background: transparent;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .widget-item-compact {
|
||
min-height: 44px;
|
||
flex-direction: row;
|
||
justify-content: center;
|
||
gap: 6px;
|
||
padding: 0 12px;
|
||
}
|
||
|
||
.widget-item svg {
|
||
width: 24px;
|
||
height: 24px;
|
||
flex: 0 0 24px;
|
||
}
|
||
|
||
.widget-icon-text {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
color: var(--c-66, #666666);
|
||
font-size: 14px;
|
||
line-height: 21px;
|
||
text-align: left;
|
||
word-break: keep-all;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .widget-item-compact .widget-icon-text {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
font-size: 14px;
|
||
line-height: 21px;
|
||
text-align: left;
|
||
}
|
||
|
||
.widget-item.widget-item-single .widget-icon-text {
|
||
white-space: nowrap;
|
||
text-align: left;
|
||
color: var(--c-66, #666666);
|
||
}
|
||
|
||
[data-theme="dark"] .widget-item,
|
||
[data-theme="dark"] .widget-item.widget-item-single {
|
||
border-color: #2e2e2e;
|
||
}
|
||
|
||
[data-theme="dark"] .widget-icon-text,
|
||
[data-theme="dark"] .widget-item.widget-item-single .widget-icon-text {
|
||
color: var(--c-66, #666666);
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-icon {
|
||
fill: #191919;
|
||
}
|
||
|
||
.share-button-container {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
padding: 2px 3px 0 8px;
|
||
}
|
||
|
||
.share-button-container svg {
|
||
fill: var(--text-gray-9);
|
||
}
|
||
|
||
.min-select-container:hover,
|
||
.widget-item:hover {
|
||
background-color: var(--popup-item-hover-background-color);
|
||
}
|
||
|
||
.main-button:hover {
|
||
background-color: #f5508f;
|
||
}
|
||
|
||
.share-button-container:hover {
|
||
background-color: var(--popup-item-background-color);
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.error-boundary {
|
||
background: #fff2f0;
|
||
border: 1px solid #ffccc7;
|
||
display: flex;
|
||
padding: 12px;
|
||
font-size: 14px;
|
||
color: rgba(0, 0, 0, 0.88);
|
||
word-break: break-all;
|
||
margin: 12px;
|
||
border-radius: 12px;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.upgrade-pro {
|
||
border-radius: 11px;
|
||
background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
|
||
padding: 2px 8px;
|
||
transform: scale(0.85);
|
||
}
|
||
|
||
.upgrade-pro span {
|
||
background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
|
||
background-clip: text;
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
font-size: 12px;
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.upgrade-pro svg {
|
||
margin-top: -2px;
|
||
}
|
||
|
||
.upgrade-pro:hover {
|
||
background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
|
||
}
|
||
|
||
.border-bottom-radius-0 {
|
||
border-bottom-left-radius: 0 !important;
|
||
border-bottom-right-radius: 0 !important;
|
||
}
|
||
|
||
.trial-pro-container {
|
||
border-radius: 0px 0px 12px 12px;
|
||
background: var(--popup-trial-pro-background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
height: 44px;
|
||
padding-left: 16px;
|
||
padding-right: 12px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.trial-pro-container label {
|
||
line-height: 13px;
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.trial-pro-container img {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.cursor-pointer {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.upgrade-pro-discount-act {
|
||
height: 25px;
|
||
display: flex;
|
||
padding: 0 4px;
|
||
align-items: center;
|
||
border-radius: 15px;
|
||
background: linear-gradient(
|
||
90deg,
|
||
#cefbfa 11.33%,
|
||
#d7f56f 63.75%,
|
||
#fccd5e 100%
|
||
);
|
||
transform: scale(0.9);
|
||
box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
|
||
cursor: pointer;
|
||
}
|
||
|
||
.upgrade-pro-discount-act span {
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
margin-left: 4px;
|
||
color: #222222;
|
||
}
|
||
|
||
.upgrade-pro-discount-act:hover {
|
||
text-decoration: unset;
|
||
background: linear-gradient(
|
||
90deg,
|
||
#e2fffe 11.33%,
|
||
#e6ff91 63.75%,
|
||
#ffdf93 100%
|
||
);
|
||
}
|
||
|
||
.custom-select-container {
|
||
width: 200px;
|
||
position: relative;
|
||
flex: 1;
|
||
}
|
||
|
||
#translation-service-select {
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.custom-select-content {
|
||
border-radius: 12px;
|
||
background: var(--popup-content-background-color);
|
||
box-shadow: var(--service-select-content-shadow);
|
||
border: 1px solid var(--service-select-border-color);
|
||
padding: 8px;
|
||
position: absolute;
|
||
left: -68px;
|
||
right: 0;
|
||
z-index: 100;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.custom-select-item.default {
|
||
width: 100%;
|
||
padding: 0;
|
||
}
|
||
|
||
.custom-select-item {
|
||
font-size: 14px;
|
||
padding: 5px 8px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
color: var(--text-black-2);
|
||
width: auto;
|
||
overflow: hidden;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.custom-select-item-img {
|
||
width: 24px;
|
||
height: 24px;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
.custom-select-item-img {
|
||
margin-right: 6px;
|
||
}
|
||
}
|
||
|
||
.custom-select-content .custom-select-item.selected,
|
||
.custom-select-content .custom-select-item:hover {
|
||
background: var(--service-select-selected-background-color);
|
||
}
|
||
|
||
.custom-select-item > span {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.custom-select-item-pro {
|
||
font-size: 12px;
|
||
margin-left: 6px;
|
||
display: flex;
|
||
}
|
||
|
||
.custom-select-item-pro img {
|
||
margin: 0 3px;
|
||
width: 20px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.service-select-inline-sponsor-container {
|
||
width: 50px;
|
||
min-width: 0;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
display: flex;
|
||
align-items: center;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.service-select-inline-sponsor-marquee {
|
||
min-width: max-content;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
column-gap: 12px;
|
||
animation: service-select-inline-sponsor-scroll 10s linear infinite;
|
||
}
|
||
|
||
.service-select-inline-sponsor-track {
|
||
min-width: max-content;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
}
|
||
|
||
@keyframes service-select-inline-sponsor-scroll {
|
||
from {
|
||
transform: translateX(0);
|
||
}
|
||
|
||
to {
|
||
transform: translateX(calc(-50% - 6px));
|
||
}
|
||
}
|
||
|
||
.custom-select-group-header {
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
color: var(--text-gray-9);
|
||
padding: 8px 8px 6px;
|
||
margin-top: 2px;
|
||
letter-spacing: 0.5px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
}
|
||
|
||
.custom-select-group-header--recommendation {
|
||
padding-top: 4px;
|
||
}
|
||
|
||
.custom-select-group-header-tip {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
color: #bcbcbc;
|
||
cursor: pointer;
|
||
line-height: 0;
|
||
}
|
||
|
||
.more-container {
|
||
position: relative;
|
||
}
|
||
|
||
.new-menu-indicator {
|
||
position: absolute;
|
||
width: 8px;
|
||
height: 8px;
|
||
background-color: #ef3434;
|
||
border-radius: 50%;
|
||
right: 18px;
|
||
top: 4px;
|
||
}
|
||
|
||
.download-app {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
border-radius: 8px;
|
||
background: var(--download-app-background);
|
||
padding: 4px 8px;
|
||
color: var(--text-gray-6);
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease-in-out;
|
||
}
|
||
|
||
/* Popup 动画效果 */
|
||
@keyframes popup-fade-in {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(10px) scale(0.95);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
}
|
||
|
||
@keyframes popup-fade-out {
|
||
from {
|
||
opacity: 1;
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
transform: translateY(10px) scale(0.95);
|
||
}
|
||
}
|
||
|
||
.popup-generic-content {
|
||
animation: popup-fade-in 0.2s ease-out;
|
||
}
|
||
|
||
.popup-generic-content.hiding {
|
||
animation: popup-fade-out 0.15s ease-in;
|
||
}
|
||
|
||
select.min-select {
|
||
--form-element-spacing-horizontal: 0;
|
||
max-width: 128px;
|
||
overflow: hidden;
|
||
color: var(--primary);
|
||
font-size: 13px;
|
||
border: none;
|
||
padding: 0;
|
||
padding-right: 20px;
|
||
text-overflow: ellipsis;
|
||
color: var(--color);
|
||
}
|
||
select.min-select-secondary {
|
||
color: var(--color);
|
||
}
|
||
select.min-select:focus {
|
||
outline: none;
|
||
border: none;
|
||
--box-shadow: none;
|
||
}
|
||
|
||
select.min-select-left {
|
||
padding-right: 0px;
|
||
/* padding-left: 24px; */
|
||
/* background-position: center left 0; */
|
||
text-overflow: ellipsis;
|
||
text-align: left;
|
||
}
|
||
|
||
select.transform-padding-left {
|
||
padding-left: 12px;
|
||
transform: translateX(-12px);
|
||
background-position: center right 0px;
|
||
}
|
||
|
||
select.text-gray-6 {
|
||
color: var(--text-gray-6);
|
||
}
|
||
|
||
/* dark use black, for windows */
|
||
@media (prefers-color-scheme: dark) {
|
||
select.translate-service option,
|
||
select.min-select option {
|
||
background-color: #666666;
|
||
}
|
||
}
|
||
|
||
select.min-select-no-arrow {
|
||
background-image: none;
|
||
padding-right: 0;
|
||
}
|
||
|
||
.activity-tips {
|
||
border-radius: 8px;
|
||
padding: 0px 8px;
|
||
height: 26px;
|
||
background: linear-gradient(
|
||
83deg,
|
||
#faccde -0.87%,
|
||
#fce7ef 43.13%,
|
||
#fbd6e4 72.08%,
|
||
#ffb3d1 96.34%
|
||
);
|
||
color: #333;
|
||
cursor: pointer;
|
||
gap: 4px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.activity-tips-icon {
|
||
width: 16px;
|
||
height: 16px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.countdown-container {
|
||
min-width: 50px;
|
||
text-align: left;
|
||
font-weight: 600;
|
||
font-size: 12px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
|
||
.activity-tips-text {
|
||
font-weight: 600;
|
||
max-width: 100px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
/* 非会员升级提示 */
|
||
.upgrade-tips {
|
||
padding: 0px 6px 0px 4px;
|
||
height: 18px;
|
||
color: #ea4c89;
|
||
cursor: pointer;
|
||
gap: 6px;
|
||
font-size: 12px;
|
||
line-height: 18px;
|
||
}
|
||
|
||
.upgrade-tips svg:first-child {
|
||
width: 16px;
|
||
height: 16px;
|
||
flex-shrink: 0;
|
||
filter: drop-shadow(0px 4px 4px rgba(236, 76, 140, 0.2));
|
||
}
|
||
|
||
.upgrade-tips-text {
|
||
font-weight: 500;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.upgrade-tips-switch {
|
||
position: relative;
|
||
width: 30px;
|
||
height: 18px;
|
||
border-radius: 24px;
|
||
background: #cccccc;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.upgrade-tips-switch-thumb {
|
||
position: absolute;
|
||
width: 14px;
|
||
height: 14px;
|
||
top: 2px;
|
||
left: 2px;
|
||
border-radius: 50%;
|
||
background: #ffffff;
|
||
}
|
||
|
||
/* 抽屉组件样式 */
|
||
.drawer-overlay {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
z-index: 100;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition:
|
||
opacity 0.25s ease,
|
||
visibility 0.25s ease;
|
||
}
|
||
|
||
.drawer-overlay.drawer-visible {
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.drawer-panel {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: #ffffff;
|
||
border-radius: 12px 12px 0 0;
|
||
z-index: 101;
|
||
transform: translateY(100%);
|
||
transition: transform 0.3s ease;
|
||
max-height: 80vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.drawer-visible .drawer-panel {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-panel {
|
||
background: #222222;
|
||
}
|
||
|
||
.drawer-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 16px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.drawer-title {
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
color: #333333;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-title {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.drawer-close {
|
||
width: 24px;
|
||
height: 24px;
|
||
cursor: pointer;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #999999;
|
||
border-radius: 4px;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.drawer-close:hover {
|
||
background-color: #f3f5f6;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-close:hover {
|
||
background-color: #333333;
|
||
}
|
||
|
||
.drawer-body {
|
||
padding: 16px 20px;
|
||
overflow-y: auto;
|
||
flex: 1;
|
||
}
|
||
|
||
.drawer-body.drawer-body-hover {
|
||
padding: 0 20px 20px 20px;
|
||
overflow-y: auto;
|
||
flex: 1;
|
||
}
|
||
|
||
.drawer-body.drawer-body-more-settings {
|
||
padding-top: 0;
|
||
}
|
||
|
||
.drawer-footer {
|
||
padding: 12px 20px;
|
||
border-top: 1px solid #eef0f2;
|
||
flex-shrink: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-footer {
|
||
border-top: 1px solid #2e2e2e;
|
||
}
|
||
|
||
.drawer-footer-actions {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
gap: 16px;
|
||
}
|
||
|
||
.drawer-footer-actions-single {
|
||
justify-content: center;
|
||
}
|
||
|
||
.drawer-footer-text {
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
color: #999999;
|
||
text-decoration: none;
|
||
flex: 1 1 0;
|
||
min-width: 0;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
text-align: center;
|
||
}
|
||
|
||
.drawer-footer-actions-single .drawer-footer-text {
|
||
flex: 0 1 auto;
|
||
max-width: 100%;
|
||
}
|
||
|
||
.drawer-footer-text:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* 抽屉内容区域样式 */
|
||
.drawer-section {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.drawer-section:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.drawer-section-highlight {
|
||
background-color: #f9f9f9;
|
||
border-radius: 12px;
|
||
padding: 16px;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-section-highlight {
|
||
background-color: #2a2a2a;
|
||
}
|
||
|
||
.drawer-section-title {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #666666;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-section-title {
|
||
color: #999999;
|
||
}
|
||
|
||
.drawer-section-divider {
|
||
height: 1px;
|
||
background-color: #eef0f2;
|
||
margin: 16px 0;
|
||
}
|
||
|
||
/* ========== 通用抽屉组件样式 ========== */
|
||
.popup-drawer-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
}
|
||
|
||
.popup-drawer-tabs {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
gap: 4px;
|
||
padding: 4px;
|
||
border-radius: 8px;
|
||
background: #f3f5f6;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-tabs {
|
||
background: #2a2a2a;
|
||
}
|
||
|
||
.popup-drawer-tabs button {
|
||
height: 30px;
|
||
border: 0;
|
||
border-radius: 6px;
|
||
color: #666666;
|
||
background: transparent;
|
||
font-size: 13px;
|
||
font-weight: 500;
|
||
line-height: 18px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.popup-drawer-tabs button.active {
|
||
color: #222222;
|
||
background: #ffffff;
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-tabs button {
|
||
color: #b3b3b3;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-tabs button.active {
|
||
color: #f3f3f3;
|
||
background: #1f1f1f;
|
||
}
|
||
|
||
.popup-drawer-card {
|
||
background: #f3f5f6;
|
||
border-radius: 12px;
|
||
padding: 12px 12px 16px;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-card {
|
||
background: #2a2a2a;
|
||
}
|
||
|
||
.popup-drawer-card-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
min-height: 21px;
|
||
gap: 12px;
|
||
}
|
||
|
||
.popup-drawer-card-header input[type="checkbox"][role="switch"] {
|
||
margin: 0;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.popup-drawer-card-title {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #222222;
|
||
line-height: 21px;
|
||
}
|
||
|
||
.popup-drawer-card-title-row {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
min-width: 0;
|
||
gap: 6px;
|
||
}
|
||
|
||
.popup-drawer-premium-icon {
|
||
width: 24px;
|
||
height: 12px;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-card-title {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.popup-drawer-card-description {
|
||
margin-top: 10px;
|
||
color: #777777;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
}
|
||
|
||
.popup-drawer-card-description-tip {
|
||
margin-top: 4px;
|
||
color: #d46b08;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-card-description {
|
||
color: #a5a5a5;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-card-description-tip {
|
||
color: #f6ad55;
|
||
}
|
||
|
||
.popup-drawer-card-divider {
|
||
height: 1px;
|
||
width: calc(100% + 24px);
|
||
background-color: #ffffff;
|
||
margin: 12px -12px 16px;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-card-divider {
|
||
background-color: #333333;
|
||
}
|
||
|
||
.popup-drawer-demo {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 12px;
|
||
}
|
||
|
||
.popup-drawer-demo-region-fixed {
|
||
height: 51px;
|
||
max-height: 51px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.popup-drawer-demo-region-min {
|
||
min-height: 51px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.popup-drawer-demo-selection {
|
||
width: 100%;
|
||
min-width: 0;
|
||
flex-wrap: nowrap;
|
||
}
|
||
|
||
.popup-drawer-demo-icon {
|
||
width: 24px;
|
||
height: 24px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.popup-drawer-demo-plus,
|
||
.popup-drawer-demo-equal {
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
line-height: 21px;
|
||
color: #333333;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-demo-plus,
|
||
[data-theme="dark"] .popup-drawer-demo-equal {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.popup-drawer-demo-logo {
|
||
width: 28px;
|
||
height: 28px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.popup-drawer-demo-logo img {
|
||
width: 28px;
|
||
height: 28px;
|
||
display: block;
|
||
filter: drop-shadow(0 4px 12px rgba(255, 166, 201, 0.5));
|
||
}
|
||
|
||
.popup-drawer-demo-lasso {
|
||
width: 38px;
|
||
height: 24px;
|
||
border: 3px solid #ea4c89;
|
||
border-right-color: transparent;
|
||
border-radius: 52% 48% 50% 46%;
|
||
transform: rotate(-10deg);
|
||
box-shadow: 0 4px 12px rgba(255, 166, 201, 0.5);
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.popup-drawer-demo-result {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
color: #333333;
|
||
}
|
||
|
||
.popup-drawer-demo-result-ellipsis {
|
||
min-width: 0;
|
||
max-width: calc(100% - 72px);
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-demo-result {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.popup-drawer-trigger {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 6px;
|
||
}
|
||
|
||
.popup-drawer-trigger-label {
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
color: #999999;
|
||
padding-left: 4px;
|
||
}
|
||
|
||
.popup-drawer-trigger-options {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 6px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.popup-drawer-trigger-option {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 8px 12px;
|
||
height: 34px;
|
||
border-radius: 8px;
|
||
border: 1px solid #eef0f2;
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
color: #333333;
|
||
background: #ffffff;
|
||
cursor: pointer;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.popup-drawer-trigger-option-disabled {
|
||
cursor: not-allowed;
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.popup-drawer-trigger-option:not(.popup-drawer-trigger-option-selected):hover {
|
||
border-color: #d0d3d6;
|
||
}
|
||
|
||
.popup-drawer-trigger-option-selected {
|
||
border: 0.5px solid #ea4c89;
|
||
background: #fdedf3;
|
||
box-shadow: 0px 4px 12px rgba(255, 166, 201, 0.5);
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-trigger-option {
|
||
background: #1f1f1f;
|
||
border-color: #333333;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
[data-theme="dark"]
|
||
.popup-drawer-trigger-option:not(
|
||
.popup-drawer-trigger-option-selected
|
||
):hover {
|
||
border-color: #444444;
|
||
}
|
||
|
||
[data-theme="dark"] .popup-drawer-trigger-option-selected {
|
||
background: rgba(233, 76, 137, 0.2);
|
||
border-color: #ea4c89;
|
||
box-shadow: 0 4px 12px 0 rgba(255, 166, 201, 0.3);
|
||
}
|
||
|
||
.popup-drawer-trigger-option-with-icon {
|
||
gap: 8px;
|
||
}
|
||
|
||
/* ========== 通用抽屉演示区域样式 ========== */
|
||
/* 键帽样式 */
|
||
.popup-drawer-demo-keycap {
|
||
min-width: 72px;
|
||
padding: 9px;
|
||
height: auto;
|
||
box-sizing: border-box;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
line-height: 18px;
|
||
color: #ffffff;
|
||
background:
|
||
radial-gradient(
|
||
60px 36px at 85% 100%,
|
||
rgba(208, 208, 208, 0.2),
|
||
rgba(255, 255, 255, 0)
|
||
),
|
||
radial-gradient(72px 36px at 50% 0%, #101010 0%, #242424 100%);
|
||
box-shadow:
|
||
2px 2px 3.5px rgba(0, 0, 0, 0.4),
|
||
inset 0.5px 0.7px 0.4px rgba(255, 255, 255, 0.5),
|
||
inset -0.5px -0.5px 0.2px rgba(0, 0, 0, 0.6);
|
||
}
|
||
|
||
.popup-drawer-demo-keycap-text {
|
||
max-width: 50px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
/* 小圆点样式 */
|
||
.popup-drawer-demo-mini-dot {
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 50%;
|
||
background: #ea4c89;
|
||
flex-shrink: 0;
|
||
align-self: center;
|
||
box-shadow: 0 4px 12px rgba(255, 166, 201, 0.5);
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-section-divider {
|
||
background-color: #333333;
|
||
}
|
||
|
||
/* 开关行 */
|
||
.drawer-switch-row {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 8px 0;
|
||
}
|
||
|
||
.drawer-switch-row.drawer-row-border {
|
||
border-bottom: 1px solid #eef0f2;
|
||
margin-bottom: 8px;
|
||
padding-bottom: 12px;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-switch-row.drawer-row-border {
|
||
border-bottom-color: #333333;
|
||
}
|
||
|
||
.drawer-switch-label {
|
||
font-size: 14px;
|
||
color: #222222;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-switch-label {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
/* 链接行 */
|
||
.drawer-link-row {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 12px 0;
|
||
cursor: pointer;
|
||
border-bottom: 1px solid #eef0f2;
|
||
font-size: 14px;
|
||
color: #222222;
|
||
}
|
||
|
||
.drawer-link-row:last-child {
|
||
border-bottom: none;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-link-row {
|
||
border-bottom-color: #333333;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.drawer-link-row:hover {
|
||
color: #ea4c89;
|
||
}
|
||
|
||
/* 演示区域 */
|
||
.drawer-demo {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
padding: 12px 0;
|
||
}
|
||
|
||
.drawer-demo-icon {
|
||
width: 36px;
|
||
height: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
border: 1px solid #eef0f2;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-demo-icon {
|
||
background-color: #333333;
|
||
border-color: #444444;
|
||
}
|
||
|
||
.drawer-demo-plus,
|
||
.drawer-demo-equal {
|
||
font-size: 16px;
|
||
color: #999999;
|
||
}
|
||
|
||
.drawer-demo-logo {
|
||
width: 36px;
|
||
height: 36px;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.drawer-demo-logo img {
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
}
|
||
|
||
.drawer-demo-result {
|
||
font-size: 14px;
|
||
color: #222222;
|
||
padding: 8px 12px;
|
||
background-color: #ffffff;
|
||
border-radius: 8px;
|
||
border: 1px solid #eef0f2;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-demo-result {
|
||
background-color: #333333;
|
||
border-color: #444444;
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
/* 触发方式选项 */
|
||
.drawer-options {
|
||
display: flex;
|
||
gap: 8px;
|
||
}
|
||
|
||
.drawer-options-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.drawer-option {
|
||
padding: 8px 16px;
|
||
font-size: 14px;
|
||
color: #666666;
|
||
background-color: #f3f5f6;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
border: 1px solid transparent;
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-option {
|
||
background-color: #333333;
|
||
color: #b3b3b3;
|
||
}
|
||
|
||
.drawer-option:hover {
|
||
background-color: #eaeced;
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-option:hover {
|
||
background-color: #3a3a3a;
|
||
}
|
||
|
||
.drawer-option-selected {
|
||
border-color: #ea4c89;
|
||
background-color: #fdedf3;
|
||
color: #ea4c89;
|
||
box-shadow: 0px 4px 12px rgba(255, 166, 201, 0.5);
|
||
}
|
||
|
||
[data-theme="dark"] .drawer-option-selected {
|
||
background-color: rgba(234, 76, 137, 0.2);
|
||
}
|
||
|
||
.drawer-body.drawer-body-selection {
|
||
padding: 0 20px 20px 20px;
|
||
overflow: hidden;
|
||
flex: 0 0 auto;
|
||
}
|
||
|
||
/* ========== 更多设置抽屉样式 ========== */
|
||
.more-settings-drawer {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
}
|
||
|
||
.more-settings-quick-actions {
|
||
display: flex;
|
||
gap: 8px;
|
||
}
|
||
|
||
.more-settings-feature-card {
|
||
flex: 1 1 0;
|
||
min-width: 0;
|
||
height: 40px;
|
||
padding: 0 12px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
border-radius: 12px;
|
||
cursor: pointer;
|
||
background-color: #f3f5f6;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.more-settings-feature-card:hover {
|
||
background-color: #e8eaec;
|
||
}
|
||
|
||
.more-settings-feature-card:active {
|
||
background-color: #dde0e2;
|
||
}
|
||
|
||
.more-settings-feature-card-label {
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
line-height: 18px;
|
||
color: #666666;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.more-settings-section {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
}
|
||
|
||
.more-settings-switch-row {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
justify-content: space-between;
|
||
min-height: 21px;
|
||
gap: 12px;
|
||
}
|
||
|
||
.more-settings-switch-label {
|
||
flex: 1;
|
||
min-width: 0;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
color: #222222;
|
||
white-space: normal;
|
||
word-break: break-word;
|
||
}
|
||
|
||
.more-settings-switch-row input[type="checkbox"] {
|
||
flex-shrink: 0;
|
||
margin-top: 2px;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-switch-label {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
.more-settings-cache-label {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: center;
|
||
column-gap: 4px;
|
||
}
|
||
|
||
.more-settings-cache-size {
|
||
color: #999999;
|
||
}
|
||
|
||
.more-settings-cache-clean-link {
|
||
color: #ea4c89;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.more-settings-cache-clean-link:hover {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-cache-size {
|
||
color: #8a8a8a;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-feature-card {
|
||
background-color: #2a2a2a;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-feature-card:hover {
|
||
background-color: #333333;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-feature-card:active {
|
||
background-color: #3a3a3a;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-feature-card-label {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
/* 动作按钮样式 */
|
||
.more-settings-action-button {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
height: 40px;
|
||
padding: 0 12px;
|
||
color: #222222;
|
||
background-color: #f3f5f6;
|
||
border-radius: 12px;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s ease;
|
||
}
|
||
|
||
.more-settings-action-button:hover {
|
||
background-color: #e8eaec;
|
||
}
|
||
|
||
.more-settings-action-button:active {
|
||
background-color: #dde0e2;
|
||
}
|
||
|
||
.more-settings-action-button-label {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
line-height: 21px;
|
||
color: inherit;
|
||
text-align: center;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-action-button {
|
||
color: #e0e0e0;
|
||
background-color: #2a2a2a;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-action-button:hover {
|
||
background-color: #333333;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-action-button:active {
|
||
background-color: #3a3a3a;
|
||
}
|
||
|
||
[data-theme="dark"] .more-settings-action-button-label {
|
||
color: #e0e0e0;
|
||
}
|
||
|
||
/* 错误消息组件样式 */
|
||
.error-message-container {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
padding: 12px 16px;
|
||
margin-top: 6px;
|
||
margin-bottom: -14px;
|
||
border: 1px solid #f53f3f;
|
||
border-radius: 12px;
|
||
background-color: var(--error-bg);
|
||
}
|
||
|
||
.error-message-icon-wrapper {
|
||
width: 21px;
|
||
height: 21px;
|
||
min-width: 21px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.error-message-icon {
|
||
width: 10px;
|
||
height: 10px;
|
||
border-radius: 50%;
|
||
background-color: #f53f3f;
|
||
}
|
||
|
||
.error-message-text {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
color: var(--error-text);
|
||
}
|
||
|
||
.error-message-text a {
|
||
color: var(--error-link);
|
||
text-decoration: underline;
|
||
}
|
||
|
||
.ad-banner-container {
|
||
margin-top: 10px;
|
||
margin-bottom: -5px;
|
||
}
|
||
|
||
html {
|
||
font-size: 17px;
|
||
}
|
||
|
||
@media print {
|
||
.imt-fb-container {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
#mount {
|
||
position: absolute;
|
||
display: none;
|
||
min-width: 250px;
|
||
height: auto;
|
||
--font-size: 17px;
|
||
font-size: 17px;
|
||
}
|
||
|
||
/* float-ball */
|
||
.imt-fb-container {
|
||
position: fixed;
|
||
padding: 0;
|
||
top: 335px;
|
||
width: fit-content;
|
||
display: flex;
|
||
flex-direction: column;
|
||
display: none;
|
||
direction: ltr;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
.imt-fb-container.active .imt-manga-button {
|
||
opacity: 1;
|
||
}
|
||
|
||
.imt-fb-container.left {
|
||
align-items: flex-start;
|
||
left: 0;
|
||
}
|
||
|
||
.imt-fb-container.right {
|
||
align-items: flex-end;
|
||
right: 0;
|
||
}
|
||
|
||
.imt-fb-btn {
|
||
cursor: pointer;
|
||
background: var(--float-ball-more-button-background-color);
|
||
height: 36px;
|
||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
.imt-fb-btn.left {
|
||
border-top-right-radius: 36px;
|
||
border-bottom-right-radius: 36px;
|
||
padding-left: 3px;
|
||
}
|
||
|
||
.imt-fb-btn.right {
|
||
border-top-left-radius: 36px;
|
||
border-bottom-left-radius: 36px;
|
||
padding-right: 3px;
|
||
}
|
||
|
||
.imt-fb-btn.mini.left {
|
||
transform: translateX(-22px);
|
||
}
|
||
|
||
.imt-fb-btn.mini.right {
|
||
transform: translateX(22px);
|
||
}
|
||
|
||
.imt-fb-btn.mini.active {
|
||
transform: translateX(0);
|
||
}
|
||
|
||
.imt-fb-btn div {
|
||
height: 36px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
position: relative;
|
||
}
|
||
|
||
.imt-fb-btn .imt-fb-hit-area {
|
||
position: absolute;
|
||
top: 0;
|
||
height: 36px;
|
||
bottom: -6px;
|
||
left: -6px;
|
||
right: -6px;
|
||
background: transparent;
|
||
}
|
||
|
||
.imt-fb-btn.mini.right .imt-fb-hit-area {
|
||
left: -10px;
|
||
}
|
||
|
||
.imt-fb-btn.mini.left .imt-fb-hit-area {
|
||
right: -10px;
|
||
}
|
||
|
||
.imt-fb-btn.left div {
|
||
border-top-right-radius: 34px;
|
||
border-bottom-right-radius: 34px;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.imt-fb-btn.right div {
|
||
border-top-left-radius: 34px;
|
||
border-bottom-left-radius: 34px;
|
||
}
|
||
|
||
.imt-fb-logo-img {
|
||
width: 20px;
|
||
height: 20px;
|
||
margin: 0 10px;
|
||
}
|
||
|
||
.imt-fb-logo-img-big-bg {
|
||
width: 28px;
|
||
height: 28px;
|
||
margin: 0;
|
||
background-color: #ed6d8f;
|
||
border-radius: 50%;
|
||
margin: 0 5px;
|
||
}
|
||
|
||
.imt-float-ball-translated {
|
||
position: absolute;
|
||
width: 11px;
|
||
height: 11px;
|
||
bottom: 4px;
|
||
right: 4px;
|
||
}
|
||
|
||
.btn-animate {
|
||
-webkit-transform: translate3d(0, 0, 0);
|
||
transform: translate3d(0, 0, 0);
|
||
-webkit-transition:
|
||
opacity ease-out 250ms,
|
||
-webkit-transform ease-out 250ms;
|
||
transition:
|
||
opacity ease-out 250ms,
|
||
-webkit-transform ease-out 250ms;
|
||
transition:
|
||
opacity ease-out 250ms,
|
||
transform ease-out 250ms;
|
||
transition:
|
||
opacity ease-out 250ms,
|
||
transform ease-out 250ms,
|
||
-webkit-transform ease-out 250ms;
|
||
}
|
||
|
||
.imt-fb-setting-btn {
|
||
margin-right: 18px;
|
||
width: 28px;
|
||
height: 28px;
|
||
}
|
||
|
||
.immersive-translate-popup-wrapper {
|
||
background: var(--background-color);
|
||
border-radius: 20px;
|
||
box-shadow: 2px 10px 24px 0px #0e121614;
|
||
border: none;
|
||
}
|
||
|
||
.popup-container {
|
||
border-radius: 20px;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.popup-content {
|
||
border-radius: 20px 20px 12px 12px;
|
||
}
|
||
.popup-footer {
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout {
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .popup-content {
|
||
border-radius: 20px 20px 12px 12px;
|
||
}
|
||
|
||
.popup-userscript-three-feature-layout .popup-footer {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.imt-fb-close-button {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
left: -10px;
|
||
bottom: -20px;
|
||
}
|
||
.imt-fb-container.left .imt-fb-close-button {
|
||
left: auto;
|
||
right: -10px;
|
||
}
|
||
|
||
.imt-fb-close-content {
|
||
padding: 22px;
|
||
width: 320px;
|
||
pointer-events: all;
|
||
}
|
||
|
||
.imt-fb-close-title {
|
||
font-weight: 500;
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.imt-fb-close-radio-content {
|
||
background-color: var(--background-light-green);
|
||
padding: 8px 20px;
|
||
}
|
||
|
||
.imt-fb-radio-sel,
|
||
.imt-fb-radio-nor {
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.imt-fb-radio-sel {
|
||
border: 2px solid var(--primary);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-fb-radio-sel div {
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 4px;
|
||
background-color: var(--primary);
|
||
}
|
||
|
||
.imt-fb-radio-nor {
|
||
border: 2px solid var(--input-border-strong);
|
||
}
|
||
|
||
.imt-fb-primary-btn {
|
||
background-color: var(--primary);
|
||
width: 72px;
|
||
height: 32px;
|
||
color: white;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
line-height: 32px;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-default-btn {
|
||
border: 1px solid var(--primary);
|
||
width: 72px;
|
||
height: 32px;
|
||
border-radius: 8px;
|
||
color: var(--primary);
|
||
line-height: 32px;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-guide-container {
|
||
width: 312px;
|
||
transform: translateY(-45%);
|
||
}
|
||
|
||
.imt-fb-guide-bg {
|
||
position: absolute;
|
||
left: 30px;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
height: 100%;
|
||
width: 90%;
|
||
}
|
||
|
||
.imt-fb-guide-bg.left {
|
||
transform: scaleX(-1);
|
||
}
|
||
|
||
.imt-fb-guide-content {
|
||
margin: 16px -30px 80px 0px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.imt-fb-guide-content.left {
|
||
margin: 16px 21px 60px 32px;
|
||
}
|
||
|
||
.imt-fb-guide-img {
|
||
width: 220px;
|
||
height: 112px;
|
||
}
|
||
|
||
.imt-fb-guide-message {
|
||
font-size: 14px;
|
||
line-height: 28px;
|
||
color: #333333;
|
||
white-space: pre-wrap;
|
||
text-align: center;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.imt-manga-guide-message {
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #333333;
|
||
text-align: center;
|
||
font-weight: 500;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.imt-fb-guide-button {
|
||
margin-top: 16px;
|
||
line-height: 40px;
|
||
height: 40px;
|
||
padding: 0 20px;
|
||
width: unset;
|
||
}
|
||
|
||
.imt-fb-side {
|
||
border-radius: 50%;
|
||
cursor: pointer;
|
||
pointer-events: all;
|
||
position: relative;
|
||
}
|
||
|
||
.imt-fb-side {
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.imt-fb-side::before,
|
||
.imt-manga-button::before,
|
||
.imt-fb-round-button::before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 2px;
|
||
bottom: 2px;
|
||
left: 2px;
|
||
border-radius: 50%;
|
||
background-color: transparent;
|
||
transition: background-color 0.15s ease;
|
||
}
|
||
|
||
.imt-fb-side:hover::before,
|
||
.imt-manga-button:hover::before,
|
||
.imt-fb-round-button:hover::before {
|
||
background-color: var(--float-ball-more-button-hover-color);
|
||
}
|
||
|
||
.imt-fb-new-badge {
|
||
width: 26px;
|
||
height: 14px;
|
||
padding: 3px;
|
||
background-color: #f53f3f;
|
||
border-radius: 4px;
|
||
position: absolute;
|
||
top: -5px;
|
||
right: 15px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-fb-side * {
|
||
pointer-events: all;
|
||
}
|
||
|
||
.imt-fb-pin-icon {
|
||
position: absolute;
|
||
left: -16px;
|
||
bottom: -12px;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
}
|
||
.imt-fb-container.left .imt-fb-pin-icon {
|
||
left: auto;
|
||
right: -16px;
|
||
}
|
||
|
||
.imt-fb-side:hover .imt-fb-pin-icon {
|
||
opacity: 1;
|
||
}
|
||
|
||
.imt-fb-more-button {
|
||
width: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
}
|
||
/* Sheet.css */
|
||
.immersive-translate-sheet {
|
||
position: fixed;
|
||
transform: translateY(100%);
|
||
/* Start off screen */
|
||
left: 0;
|
||
right: 0;
|
||
background-color: var(--background-color);
|
||
transition: transform 0.3s ease-out;
|
||
/* Smooth slide transition */
|
||
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
|
||
/* Ensure it's above other content */
|
||
bottom: 0;
|
||
border-top-left-radius: 16px;
|
||
border-top-right-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.immersive-translate-sheet.visible {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.immersive-translate-sheet-backdrop {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
opacity: 0;
|
||
transition: opacity 0.3s ease-out;
|
||
}
|
||
|
||
.immersive-translate-sheet-backdrop.visible {
|
||
opacity: 1;
|
||
}
|
||
|
||
.popup-container-sheet {
|
||
max-width: 100vw;
|
||
width: 100vw;
|
||
}
|
||
|
||
.imt-no-events svg * {
|
||
pointer-events: none !important;
|
||
}
|
||
|
||
.imt-manga-button {
|
||
width: 36px;
|
||
height: 36px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
position: relative;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
pointer-events: all;
|
||
margin: 0 0 10px 0;
|
||
background-color: var(--float-ball-more-button-background-color);
|
||
border-radius: 50%;
|
||
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
|
||
right: 8px;
|
||
}
|
||
|
||
.imt-manga-feedback {
|
||
cursor: pointer;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.imt-fb-round-button {
|
||
width: 36px;
|
||
height: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
background: var(--float-ball-more-button-background-color);
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
|
||
position: relative;
|
||
}
|
||
|
||
.imt-fb-round-button > svg {
|
||
z-index: 1;
|
||
}
|
||
|
||
.imt-fb-upgrade-button {
|
||
cursor: pointer;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.imt-fb-power-user-card {
|
||
position: absolute;
|
||
bottom: -130px;
|
||
width: 266px;
|
||
border-radius: 20px;
|
||
background: #fff;
|
||
box-shadow: 2px 10px 24px 0 rgba(14, 18, 22, 0.08);
|
||
border: 1px solid rgba(250, 251, 251, 1);
|
||
pointer-events: all;
|
||
z-index: 2;
|
||
background: linear-gradient(172deg, rgba(255, 255, 255, 0.30) 4.36%, #FFF 35.98%), linear-gradient(0deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.40) 100%), radial-gradient(39.95% 47.41% at -0.53% 55.22%, #E0C4F7 0%, rgba(224, 196, 247, 0.00) 100%), radial-gradient(56.37% 54.27% at 86.17% 0%, #E0C4F6 0%, rgba(224, 196, 246, 0.00) 100%), radial-gradient(42.04% 37.43% at -0.53% 3.75%, #AED5FF 0%, rgba(174, 213, 255, 0.00) 100%), radial-gradient(66.88% 52.09% at 36.81% 19.55%, #757ED8 0%, #6B6AC0 100%), #FFF;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.imt-fb-power-user-card.right {
|
||
right: 60px;
|
||
}
|
||
|
||
.imt-fb-power-user-card.right::after {
|
||
content: '';
|
||
position: absolute;
|
||
right: -10px;
|
||
top: 130px;
|
||
border-width: 10px 0 10px 10px;
|
||
border-style: solid;
|
||
border-color: transparent transparent transparent #fff;
|
||
filter: drop-shadow(2px 0 2px rgba(14, 18, 22, 0.06));
|
||
}
|
||
|
||
.imt-fb-power-user-card.left {
|
||
left: 60px;
|
||
}
|
||
|
||
.imt-fb-power-user-card.left::after {
|
||
content: '';
|
||
position: absolute;
|
||
left: -10px;
|
||
top: 130px;
|
||
border-width: 10px 10px 10px 0;
|
||
border-style: solid;
|
||
border-color: transparent #fff transparent transparent;
|
||
filter: drop-shadow(-2px 0 2px rgba(14, 18, 22, 0.06));
|
||
}
|
||
|
||
.imt-fb-power-user-card-banner {
|
||
display: block;
|
||
width: 128px;
|
||
height: auto;
|
||
margin-top: 8px;
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
|
||
.imt-fb-power-user-card-header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 100%;
|
||
padding: 16px 24px 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.imt-fb-power-user-card-title {
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 600;
|
||
line-height: 24px;
|
||
text-align: center;
|
||
}
|
||
|
||
.imt-fb-power-user-card-close {
|
||
position: absolute;
|
||
top: 16px;
|
||
right: 16px;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 14px;
|
||
height: 14px;
|
||
padding: 0;
|
||
border: 0;
|
||
background: transparent;
|
||
cursor: pointer;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.imt-fb-power-user-card-body {
|
||
padding: 12px 24px 24px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.imt-fb-power-user-card-desc {
|
||
color: #333;
|
||
font-size: 14px;
|
||
line-height: 22px;
|
||
text-align: center;
|
||
}
|
||
|
||
.imt-fb-power-user-card-primary {
|
||
margin-top: 16px;
|
||
height: 37px;
|
||
border-radius: 8px;
|
||
background: linear-gradient(110deg, #F497BC 17.37%, #EC4C8C 89.68%);
|
||
color: var(--ZX-FFFFFF, #FFF);
|
||
font-size: 14px;
|
||
font-weight: 700;
|
||
line-height: 21px; /* 150% */
|
||
display: flex;
|
||
padding: 8px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 4px;
|
||
flex: 1 0 0;
|
||
}
|
||
|
||
.imt-manga-translated {
|
||
position: absolute;
|
||
left: 24px;
|
||
top: 20px;
|
||
}
|
||
|
||
.imt-float-ball-loading {
|
||
animation: imt-loading-animation 0.6s infinite linear !important;
|
||
}
|
||
|
||
.imt-manga-guide-bg {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
width: 100%;
|
||
transform: translateY(-50%);
|
||
}
|
||
.imt-manga-guide-content {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 0;
|
||
right: 0;
|
||
margin: 0 40px 0;
|
||
}
|
||
|
||
.img-manga-guide-button {
|
||
width: fit-content;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.img-manga-close {
|
||
position: absolute;
|
||
bottom: -200px;
|
||
width: 32px;
|
||
height: 32px;
|
||
left: 0;
|
||
right: 0;
|
||
margin: auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-manga-button,
|
||
.imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
|
||
display: none !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn {
|
||
border-radius: 50% !important;
|
||
width: 36px !important;
|
||
height: 36px !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
cursor: move !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn div {
|
||
border-radius: 50% !important;
|
||
width: 36px !important;
|
||
height: 36px !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn.left,
|
||
.imt-fb-container.dragging .imt-fb-btn.right {
|
||
border-radius: 50% !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn.left div,
|
||
.imt-fb-container.dragging .imt-fb-btn.right div {
|
||
border-radius: 50% !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-logo-img {
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-float-ball-translated {
|
||
right: 2px !important;
|
||
bottom: 2px !important;
|
||
}
|
||
|
||
@-webkit-keyframes imt-loading-animation {
|
||
from {
|
||
-webkit-transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
-webkit-transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
@keyframes imt-loading-animation {
|
||
from {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
.imt-fb-icon {
|
||
color: #666666;
|
||
}
|
||
|
||
[data-theme="dark"] .imt-fb-icon {
|
||
color: #b3b3b3;
|
||
}
|
||
|
||
[data-theme="light"] .imt-fb-icon {
|
||
color: #666666;
|
||
}
|
||
|
||
/* 悬浮球设置弹窗样式 */
|
||
.imt-fb-setting-wrapper {
|
||
border-radius: 12px;
|
||
box-shadow: 2px 10px 24px 0px rgba(0, 0, 0, 0.06);
|
||
}
|
||
|
||
.imt-fb-setting-content {
|
||
padding: 16px;
|
||
width: 350px;
|
||
pointer-events: all;
|
||
}
|
||
|
||
.imt-fb-setting-title {
|
||
font-weight: 700;
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.imt-fb-setting-preview {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin: 24px 0;
|
||
}
|
||
|
||
.imt-fb-preview-wrapper {
|
||
display: flex;
|
||
border-radius: 12px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.imt-fb-preview-item {
|
||
width: 99px;
|
||
height: 57px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: flex-end;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.imt-fb-preview-item.light {
|
||
background-color: #f3f5f6;
|
||
border-top-left-radius: 12px;
|
||
border-bottom-left-radius: 12px;
|
||
}
|
||
|
||
.imt-fb-preview-item.dark {
|
||
background-color: #444;
|
||
border-top-right-radius: 12px;
|
||
border-bottom-right-radius: 12px;
|
||
}
|
||
|
||
.imt-fb-preview-ball {
|
||
height: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
|
||
transition: all 0.2s ease;
|
||
}
|
||
|
||
.imt-fb-preview-ball.light {
|
||
background-color: #fff;
|
||
border-top-left-radius: 36px;
|
||
border-bottom-left-radius: 36px;
|
||
}
|
||
|
||
.imt-fb-preview-ball.dark {
|
||
background-color: #111;
|
||
border-top-left-radius: 36px;
|
||
border-bottom-left-radius: 36px;
|
||
}
|
||
|
||
.imt-fb-preview-ball.full {
|
||
width: 41px;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-fb-preview-ball.mini {
|
||
width: 41px;
|
||
justify-content: center;
|
||
transform: translateX(21px);
|
||
}
|
||
|
||
.imt-fb-preview-ball .imt-fb-preview-logo {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
/* 选项区域 */
|
||
.imt-fb-setting-options {
|
||
margin-top: 0;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 16px;
|
||
}
|
||
|
||
.imt-fb-setting-option-row {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 0 4px;
|
||
}
|
||
|
||
.imt-fb-setting-option-label {
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
/* Toggle 开关样式 */
|
||
.imt-fb-toggle {
|
||
width: 30px;
|
||
height: 18px;
|
||
background-color: var(--switch-background-color);
|
||
border-radius: 24px;
|
||
position: relative;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s ease;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.imt-fb-toggle.checked {
|
||
background-color: var(--primary);
|
||
}
|
||
|
||
.imt-fb-toggle.disabled {
|
||
opacity: 0.5;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.imt-fb-toggle-thumb {
|
||
width: 14px;
|
||
height: 14px;
|
||
background-color: var(--switch-color);
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top: 2px;
|
||
left: 2px;
|
||
transition: transform 0.2s ease;
|
||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
|
||
}
|
||
|
||
.imt-fb-toggle.checked .imt-fb-toggle-thumb {
|
||
transform: translateX(12px);
|
||
}
|
||
|
||
.imt-fb-setting-hide-options {
|
||
background-color: var(--background-light-green);
|
||
padding: 8px 20px;
|
||
border-radius: 8px;
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.imt-fb-setting-save-btn {
|
||
background-color: var(--primary);
|
||
color: white;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
line-height: 45px;
|
||
height: 45px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
margin-top: 16px;
|
||
transition: opacity 0.2s ease;
|
||
}
|
||
|
||
.imt-fb-setting-save-btn:hover {
|
||
opacity: 0.9;
|
||
}
|
||
|
||
.imt-fb-setting-save-btn:active {
|
||
opacity: 0.8;
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-content {
|
||
width: 330px;
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-desc {
|
||
margin-top: 12px;
|
||
font-size: 14px;
|
||
line-height: 22px;
|
||
color: var(--text-gray-6);
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-actions {
|
||
display: grid;
|
||
grid-template-columns: 1fr 1fr;
|
||
gap: 12px;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-cancel-btn,
|
||
.imt-fb-side-panel-hide-confirm-btn {
|
||
border: none;
|
||
appearance: none;
|
||
margin: 0;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-cancel-btn {
|
||
border-radius: 8px;
|
||
background-color: var(--background-light-green);
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.imt-fb-side-panel-hide-confirm-btn {
|
||
margin-top: 0;
|
||
}
|
||
</style><div id="mount" style="display: block;"><div hidden="" id="immersive-translate-popup-overlay" class="immersive-translate-popup-overlay" style="z-index: 2147483647; background-color: rgba(0, 0, 0, 0.5);"><div class="immersive-translate-popup-wrapper" style="position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);"></div></div></div></template></div><div style="all: initial;"><div id="__hcfy__" style="all: initial;"><template shadowrootmode="open"><style>#root{-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.28581;text-transform:none;color:#182026;font-family:-apple-system,"BlinkMacSystemFont","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Open Sans","Helvetica Neue","Icons16",sans-serif}#root{touch-action:manipulation}#root>.bp6-portal{z-index:9999999999}</style><link rel="stylesheet" href="chrome-extension://oikmahiipjniocckomdccmplodldodja/normalize.css"><link rel="stylesheet" href="chrome-extension://oikmahiipjniocckomdccmplodldodja/blueprint.css"><link rel="stylesheet" href="chrome-extension://oikmahiipjniocckomdccmplodldodja/blueprint-select.css"><link rel="stylesheet" href="chrome-extension://oikmahiipjniocckomdccmplodldodja/cropper.css"><style>#translate-panel{background-color:#f6f7f9}.bp6-dark #translate-panel{background-color:#1c2127}#translate-panel{display:flex;flex-direction:column;padding-bottom:8px}#translate-panel .fixed{flex-shrink:0;margin-bottom:10px}#translate-panel .body{flex-grow:1;overflow:auto;overscroll-behavior:contain}#translate-panel .body::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,0);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar:hover{background-color:rgba(0,0,0,.09)}#translate-panel .body::-webkit-scrollbar-thumb:vertical{background:rgba(0,0,0,.5);-webkit-border-radius:100px}#translate-panel .body::-webkit-scrollbar-thumb:vertical:active{background:rgba(0,0,0,.61);-webkit-border-radius:100px}#translate-panel.size-small,#translate-panel.size-small h6.bp6-heading,#translate-panel.size-small .bp6-control.bp6-large,#translate-panel.size-small textarea.bp6-input.bp6-small{font-size:14px}#translate-panel.size-small .phonetic-item,#translate-panel.size-small .quick-settings a{font-size:12px}#translate-panel.size-middle,#translate-panel.size-middle h6.bp6-heading,#translate-panel.size-middle .bp6-control.bp6-large,#translate-panel.size-middle textarea.bp6-input{font-size:18px}#translate-panel.size-middle .phonetic-item,#translate-panel.size-middle .quick-settings a{font-size:14px}#translate-panel.size-large,#translate-panel.size-large h6.bp6-heading,#translate-panel.size-large .bp6-control.bp6-large,#translate-panel.size-large textarea.bp6-input.bp6-large{font-size:22px}#translate-panel.size-large .source,#translate-panel.size-large .phonetic-item,#translate-panel.size-large .quick-settings a{font-size:18px}#translate-panel .bp6-button.bp6-small,#translate-panel .bp6-small .bp6-button{min-height:20px;min-width:20px}#translate-panel .header{display:flex;align-items:center;padding:4px 6px 4px 10px;border-bottom:1px solid #d1d1d1}.bp6-dark #translate-panel .header{border-bottom-color:rgba(17,20,24,.4)}#translate-panel .header .drag-block{min-width:5px;flex-shrink:0;flex-grow:1;align-self:stretch}#translate-panel .header .left{flex-shrink:0;display:flex}#translate-panel .header .right{flex-shrink:0;display:flex;align-items:center}#translate-panel .header .right .bp6-icon-arrow-right{flex-shrink:0;margin:0 5px}#translate-panel .header .right>.bp6-button{flex-shrink:0;margin:0 1px}#translate-panel .header .right>.bp6-button:last-child{margin-right:0}#translate-panel .quick-settings{padding:4px 9px;margin:0 1px}#translate-panel .quick-settings>div{margin-bottom:5px}#translate-panel .quick-settings .bp6-control{margin-bottom:0}#translate-panel .query-text{position:relative;padding:10px 10px 2px 10px}#translate-panel .query-text textarea.bp6-input{min-height:44px;font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";overscroll-behavior:contain}#translate-panel .query-text .translate-btn{position:absolute;opacity:.6}#translate-panel .query-text .translate-btn:hover{opacity:1}#translate-panel .body{padding:0 10px}#translate-panel .body .bp6-card:first-child{margin-top:1px}#translate-panel .body .bp6-card:last-child{margin-bottom:1px}#translate-panel .body .no-api{margin:20px 0}.result-block{margin:8px 0;padding:2px 5px}.result-block .bp6-button{visibility:hidden}.result-block .error .bp6-button,.result-block:hover .bp6-button{visibility:visible}.result-block .legend{display:flex;align-items:center;justify-content:space-between}.result-block .legend .legend-left{display:flex;align-items:center}.result-block .legend .api-ico,.result-block .legend .bp6-heading{flex-shrink:0;white-space:nowrap}.result-block .legend .api-ico{display:inline-block;width:14px;height:14px;background-size:contain;margin-right:3px}.result-block .legend .bp6-heading{margin-bottom:0;margin-right:10px}.result-block .legend .source{cursor:pointer;font-size:12px;display:inline-flex;align-items:center}.result-block .legend .source .source-text{overflow:hidden}.result-block .legend .source .bp6-icon{position:relative;top:-1px;margin-left:1px}.result-block .phonetic{display:flex;flex-wrap:wrap}.result-block .phonetic .phonetic-item{display:flex;align-items:center;font-size:12px}.result-block .phonetic .phonetic-item:not(:last-child){margin-right:12px}.result-block .common-result p{line-height:1.3;margin:2px 0;overflow-wrap:break-word}.result-block .common-result .dict a{text-decoration:underline}.result-block .error{font-size:12px;padding:5px 10px}.result-block .dict-pos{margin-right:5px}.external-translators{margin-bottom:3px;padding:0;display:flex;flex-wrap:wrap}.external-translators>div{margin:0 5px 5px 0}.quick-links a{margin:0 5px 5px 0}#popper-container{width:250px;max-width:100%;position:absolute;left:0;top:0;z-index:9999999998;touch-action:none;transition:opacity .2s;background-color:#f6f7f9}.bp6-dark #popper-container{background-color:#1c2127}#popper-container.show{opacity:1;pointer-events:auto;user-select:auto}#popper-container,#popper-container[data-popper-reference-hidden=true]{opacity:0;pointer-events:none;user-select:none}#popper-container .drag-block{cursor:grab}#popper-container.pin{position:fixed}#popper-container.pin .arrow{display:none}#popper-container .arrow,#popper-container .arrow::before{position:absolute;width:8px;height:8px;z-index:-1}#popper-container .arrow::before{content:"";transform:rotate(45deg);background:#f6f7f9}.bp6-dark #popper-container .arrow::before{background-color:#1c2127}#popper-container .arrow{display:none}#popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow{display:block}#popper-container[data-popper-placement^=top] .arrow{bottom:-5px}#popper-container[data-popper-placement^=top] .arrow::before{border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#popper-container[data-popper-placement^=bottom] .arrow{top:-5px}#popper-container[data-popper-placement^=bottom] .arrow::before{border-left:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=left] .arrow{right:-5px}#popper-container[data-popper-placement^=left] .arrow::before{border-right:1px solid #d1d1d1;border-top:1px solid #d1d1d1}#popper-container[data-popper-placement^=right] .arrow{left:-5px}#popper-container[data-popper-placement^=right] .arrow::before{border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}#translate-btn{display:none;position:absolute;z-index:9999999999;left:0;top:0}#translate-btn .bp6-button{padding:2px;min-width:0;min-height:0}#translate-btn .btn-icon{width:18px;height:18px;background-image:url(chrome-extension://oikmahiipjniocckomdccmplodldodja/logo.png);background-size:contain}.bp6-dark #translate-btn .btn-icon{background-image:url(chrome-extension://oikmahiipjniocckomdccmplodldodja/logowhite36.png)}#translate-btn.show{display:block}.translate-type-selector .bp6-label{display:inline}.translate-type-selector .bp6-radio{margin-bottom:0}#ocr-container{position:fixed;z-index:99999999999999;left:0;top:0;right:0;bottom:0}#ocr-container .toolbar{display:none;position:absolute;z-index:1}#ocr-container img{max-width:100%}#app{cursor:default}.switch-pin{flex-shrink:0;cursor:pointer}.switch-pin .bp6-icon-pin{transition:transform .2s,color .2s;transform:rotate(-45deg)}.pin .switch-pin .bp6-icon-pin{transform:rotate(-70deg)}.cut-btn{margin-left:2px}.app-toaster-container{position:fixed !important;z-index:9999999999 !important}.app-toaster-container .bp6-toast{min-width:auto}#web-trs-panel .app-toaster-container{padding-right:0;padding-left:0}#web-trs-panel .page-trs-form-group{margin:0 0 0 0;align-items:center}#web-trs-panel .page-trs-form-group>label{width:70px}</style><div id="root" dir="ltr"><div id="app"><div id="translate-btn"><button type="button" class="bp6-button"><span class="btn-icon"></span></button></div><div id="popper-container" class="bp6-elevation-4" style="width: 290px; transform: translate(0px, 0px);"><div id="translate-panel" class="size-small"><div class="fixed"><div class="header"><div class="left"><div class="switch-pin"><button type="button" class="bp6-button bp6-small bp6-minimal"><span aria-hidden="true" class="bp6-icon bp6-icon-pin"><svg data-icon="pin" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M9.41.92c-.51.51-.41 1.5.15 2.56L4.34 7.54C2.8 6.48 1.45 6.05.92 6.58l3.54 3.54-3.54 4.95 4.95-3.54 3.54 3.54c.53-.53.1-1.88-.96-3.42l4.06-5.22c1.06.56 2.04.66 2.55.15L9.41.92z" fill-rule="evenodd"></path></svg></span></button></div><button type="button" title="图片翻译" class="bp6-button bp6-small bp6-minimal"><span aria-hidden="true" class="bp6-icon bp6-icon-media"><svg data-icon="media" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M11.99 6.99c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm3-5h-14c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-10c0-.55-.45-1-1-1zm-1 9l-5-3-1 2-3-4-3 5v-7h12v7z" fill-rule="evenodd"></path></svg></span></button><button type="button" title="语音翻译" class="bp6-button bp6-small bp6-minimal"><span class="bp6-icon"><svg version="1.1" id="Capa_1" width="14" height="14" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 490.9 490.9" xml:space="preserve"><g><g><path d="M245.5,322.9c53,0,96.2-43.2,96.2-96.2V96.2c0-53-43.2-96.2-96.2-96.2s-96.2,43.2-96.2,96.2v130.5 C149.3,279.8,192.5,322.9,245.5,322.9z M173.8,96.2c0-39.5,32.2-71.7,71.7-71.7s71.7,32.2,71.7,71.7v130.5 c0,39.5-32.2,71.7-71.7,71.7s-71.7-32.2-71.7-71.7V96.2z"></path><path d="M94.4,214.5c-6.8,0-12.3,5.5-12.3,12.3c0,85.9,66.7,156.6,151.1,162.8v76.7h-63.9c-6.8,0-12.3,5.5-12.3,12.3 s5.5,12.3,12.3,12.3h152.3c6.8,0,12.3-5.5,12.3-12.3s-5.5-12.3-12.3-12.3h-63.9v-76.7c84.4-6.3,151.1-76.9,151.1-162.8 c0-6.8-5.5-12.3-12.3-12.3s-12.3,5.5-12.3,12.3c0,76.6-62.3,138.9-138.9,138.9s-138.9-62.3-138.9-138.9 C106.6,220,101.2,214.5,94.4,214.5z"></path></g></g></svg></span></button></div><div class="drag-block" title="按住不放可以拖动"></div><div class="right"><button type="button" disabled="" title="添加到收藏夹" tabindex="-1" class="bp6-button bp6-disabled bp6-small bp6-minimal"><span aria-hidden="true" class="bp6-icon bp6-icon-star-empty"><svg data-icon="star-empty" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M16 6.11l-5.53-.84L8 0 5.53 5.27 0 6.11l4 4.1L3.06 16 8 13.27 12.94 16 12 10.21l4-4.1zM4.91 13.2l.59-3.62L3 7.02l3.45-.53L8 3.2l1.55 3.29 3.45.53-2.5 2.56.59 3.62L8 11.49 4.91 13.2z" fill-rule="evenodd"></path></svg></span></button><span class="bp6-popover-target"><button type="button" class="bp6-button bp6-small bp6-minimal settings" title="快捷设置" aria-expanded="false" aria-haspopup="menu"><span aria-hidden="true" class="bp6-icon bp6-icon-cog"><svg data-icon="cog" height="14" role="img" viewBox="0 0 16 16" width="14"><path d="M15.19 6.39h-1.85c-.11-.37-.27-.71-.45-1.04l1.36-1.36c.31-.31.31-.82 0-1.13l-1.13-1.13a.803.803 0 00-1.13 0l-1.36 1.36c-.33-.17-.67-.33-1.04-.44V.79c0-.44-.36-.8-.8-.8h-1.6c-.44 0-.8.36-.8.8v1.86c-.39.12-.75.28-1.1.47l-1.3-1.3c-.3-.3-.79-.3-1.09 0L1.82 2.91c-.3.3-.3.79 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.79c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.85c.11.37.27.71.45 1.04l-1.36 1.36c-.31.31-.31.82 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.36-1.36c.33.18.67.33 1.04.44v1.86c0 .44.36.8.8.8h1.6c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.3 1.3c.3.3.79.3 1.09 0l1.09-1.09c.3-.3.3-.79 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1h1.85c.44 0 .8-.36.8-.8v-1.6a.816.816 0 00-.81-.79zm-7.2 4.6c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3z" fill-rule="evenodd"></path></svg></span></button></span><button type="button" title="关闭(Esc)" class="bp6-button bp6-small bp6-minimal"><span aria-hidden="true" class="bp6-icon bp6-icon-cross"><svg data-icon="cross" height="18" role="img" viewBox="0 0 16 16" width="18"><path d="M9.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L8 6.59l-3.29-3.3a1.003 1.003 0 00-1.42 1.42L6.59 8 3.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71L8 9.41l3.29 3.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L9.41 8z" fill-rule="evenodd"></path></svg></span></button></div></div><div class="bp6-collapse"><div class="bp6-collapse-body" aria-hidden="true"><div class="quick-settings bp6-card bp6-elevation-0"><div><span aria-controls="listbox-0" class="lang-select bp6-popover-target" aria-expanded="false" aria-haspopup="listbox"><button type="button" class="bp6-button bp6-small"><span class="bp6-button-text">自动检测</span><span aria-hidden="true" class="bp6-icon bp6-icon-caret-down"><svg data-icon="caret-down" height="16" role="img" viewBox="0 0 16 16" width="16"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></span><span aria-hidden="true" class="bp6-icon bp6-icon-arrow-right" style="margin: 0px 10px;"><svg data-icon="arrow-right" height="12" role="img" viewBox="0 0 16 16" width="12"><path d="M14.7 7.29l-5-5a.965.965 0 00-.71-.3 1.003 1.003 0 00-.71 1.71l3.29 3.29H1.99c-.55 0-1 .45-1 1s.45 1 1 1h9.59l-3.29 3.29a1.003 1.003 0 001.42 1.42l5-5c.18-.18.29-.43.29-.71s-.12-.52-.3-.7z" fill-rule="evenodd"></path></svg></span><span aria-controls="listbox-1" class="lang-select bp6-popover-target" aria-expanded="false" aria-haspopup="listbox"><button type="button" class="bp6-button bp6-small"><span class="bp6-button-text">中文(简体)</span><span aria-hidden="true" class="bp6-icon bp6-icon-caret-down"><svg data-icon="caret-down" height="16" role="img" viewBox="0 0 16 16" width="16"><path d="M12 6.5c0-.28-.22-.5-.5-.5h-7a.495.495 0 00-.37.83l3.5 4c.09.1.22.17.37.17s.28-.07.37-.17l3.5-4c.08-.09.13-.2.13-.33z" fill-rule="evenodd"></path></svg></span></button></span></div><div><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>谷歌</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox" checked=""><span class="bp6-control-indicator"></span>必应</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox" checked=""><span class="bp6-control-indicator"></span>微软</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox" checked=""><span class="bp6-control-indicator"></span>DeepL(内置)</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>DeepL</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>ChatGPT</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Claude</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Gemini</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Grok</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Ol</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>硅基</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>混元</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>文心</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>文心（旧）</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>智谱</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>豆包</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>通义</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>DeepSeek</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>零一</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>MiniMax</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>百川</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Kimi</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>百度</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>百度(专业版)</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>腾讯</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>彩云</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>阿里</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>阿里(专业版)</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>有道</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>火山</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox" checked=""><span class="bp6-control-indicator"></span>必应词典</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>搜狗</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>Yandex</label><div style="margin-top: 4px;"><a class="bp6-text-small">购买套餐包后可直接使用以上所有服务</a></div></div><div><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>自动朗读</label><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>自动复制</label></div><div role="radiogroup" class="bp6-radio-group"><label class="bp6-control bp6-radio bp6-inline"><input class="bp6-control-input" name="Blueprint6.RadioGroup-0" type="radio" value="small" checked=""><span class="bp6-control-indicator"></span>小</label><label class="bp6-control bp6-radio bp6-inline"><input class="bp6-control-input" name="Blueprint6.RadioGroup-0" type="radio" value="middle"><span class="bp6-control-indicator"></span>中</label><label class="bp6-control bp6-radio bp6-inline"><input class="bp6-control-input" name="Blueprint6.RadioGroup-0" type="radio" value="large"><span class="bp6-control-indicator"></span>大</label></div><div><label class="bp6-control bp6-checkbox bp6-inline"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>显示文本框</label><label class="bp6-control bp6-checkbox bp6-inline" style="margin-right: 0px;"><input class="bp6-control-input" type="checkbox"><span class="bp6-control-indicator"></span>鼠标悬浮取词</label></div><a class="bp6-text-small">打开完整设置</a></div></div></div></div><div class="body"><p>请输入需要翻译的文本。</p></div></div><div class="arrow"></div></div><div id="web-trs-panel"></div></div></div></template></div></div></html> |