Comet 5G (GL-RM10RC) Wi-Fi 6 KVM over 5G RedCap

.rm10rc-main-container a { color: #323436; } .rm10rc-main-container #youtube-playlist-container a { color: #fff; } .rm10rc-main-container #youtube-playlist-container a:hover { colo r: #323436; background: #fff; } .rm10rc-main-container #ytPlayListUl a { color: #fff; } .rm10rc-main-container #ytPlayListUl a:hover { color: #323436; } a:hover, a:focus { text-decoration: none; outline: none; } @media (min-width: 1200px) { .container { max-width: 1400px; } } #accordion .panel { border: none; border-radius: 5px; box-shadow: none; margin-bottom: 10px; background: transparent; } #accordion .panel-heading { padding: 0; border: none; border-radius: 5px; background: transparent; position: relative; } #accordion .panel-title a { display: block; padding: 20px 30px; margin: 0; background: #1b488b; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 1px; border: none; border-radius: 5px; position: relative; } #accordion .panel-title a.collapsed { border: none; } #accordion .panel-title a:before, #accordion .panel-title a.collapsed:before { content: "\f107"; font-family: "Font Awesome 5 Free"; width: 30px; height: 30px; line-height: 27px; text-align: center; font-size: 25px; font-weight: 900; color: #fff; position: absolute; top: 15px; right: 30px; transform: rotate(0deg); transition: all .4s cubic-bezier(0.080, 1.090, 0.320, 1.275); } #accordion .panel-title a.collapsed:before { transform: rotate(360deg); } .btn-round { border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; @media (max-width: 768px) { font-size: 13px; min-height: 50px; border-radius: 50px; padding: 14px 1.5rem; text-transform: uppercase; font-weight: bold; } } #accordion .panel-body { padding: 10px 20px; font-size: 15px; color: #fff; line-height: 28px; border-top: none; border-radius: 5px; } @media (max-width: 768px) { .rm10rc-main-container .h5, .rm10rc-main-container h5 { font-size: 1rem; } } a.btn-underline:hover { color: #919191; text-decoration: none; } #ytvideoPlayer .card { background-color: black; } #ytvideoPlayer .card iframe { aspect-ratio: 16/9; width: 100%; } @media screen and (max-width: 991px) { #ytplaylist { width: 100%; padding: 0 20px !important; } } #ytplaylist .card { background-color: black; } #ytplaylist .card #ytListBtn { display: none; } @media screen and (max-width: 991px) { #ytplaylist .card #ytListBtn { display: inline-block; } } #ytplaylist .card #ytPlayListUl { flex: 1; overflow: auto; padding: 0.5rem 1.5rem; } @media screen and (max-width: 991px) { #ytplaylist .card #ytPlayListUl { display: none; padding: 20px; } } @media screen and (max-width: 991px) { #ytplaylist .card h5 { margin: 0; } } /* Container for video player and playlist */ #youtube-playlist-container { display: flex; flex-direction: column; /* Stack items vertically */ align-items: center; /* Center items horizontally */ } /* Style for the video player container */ #playlistVideo { width: 100%; /* Set width to 100% for responsiveness */ width: 960px; /* Set a maximum width for larger screens */ margin: 0 auto; /* Center the player horizontally */ height: 520px; max-width: 100% !important; } @media only screen and (max-width: 767px) { #playlistVideo { width: 450px; /* Set width to 100% for screens up to 767px (typical tablets and mobile devices) */ max-width: none; /* Remove max-width for mobile responsiveness */ margin: 0; /* Remove any margin for mobile responsiveness */ height: 320px; } } #ytplaylist { overflow-y: auto; /* Enable vertical scrolling */ white-space: nowrap; /* Prevent items from wrapping to the next line */ display: flex; flex-direction: column; /* Align items vertically */ background-color: black; /* Set background color to black */ padding: 20px; /* Add padding for better appearance */ max-height: 520px; /* Set max-height to the same value as the video player's height */ } #ytplaylist li { list-style: none; /* Remove list-style points */ text-align: left; margin-bottom: 10px; display: flex; align-items: center; /* Align items vertically */ transition: background-color 0.3s ease-in-out; /* Add a smooth transition effect for background color */ } #ytplaylist li:hover { background-color: #333; /* Change background color on hover */ border-radius: 15px; } #ytplaylist li:hover .video-title { color: #fff; /* Change text color on hover */ } #ytplaylist img { cursor: pointer; border: 2px solid #ddd; /* Add a border to make it visually distinct */ border-radius: 8px; transition: border-color 0.3s ease-in-out; /* Add a smooth transition effect */ margin-right: 10px; /* Add margin to separate image and title */ width: 150px; /* Set the image width */ } #ytplaylist img:hover { border-color: #555; /* Change border color on hover */ } #ytplaylist .title-container { max-width: 250px; /* Set the maximum width for the title container */ width: 100%; /* Ensure it takes up the available width */ white-space: normal; /* Allow text to break into multiple lines */ } @media screen and (max-width: 991px) { #ytplaylist .title-container { max-width: inherit; } } #ytplaylist .video-title { font-size: 14px; color: white; /* Set text color to white */ transition: color 0.3s ease-in-out; /* Add a smooth transition effect for text color */ text-align: left; /* Align text to the left */ } .tab-panel a { color: #000; } .tab-panel:has(.rm10rc-main-container) { padding: 0 !important; } /* 基础变量 */ .rm10rc-main-container { --rm10rc: #5155d1; } /* 文本与颜色工具类 */ .rm10rc-main-container .text-rm10rc { color: var(--rm10rc); } .rm10rc-main-container .text-rm10rc-secondary { color: #a296f9; } .rm10rc-main-container .rm10rc-gradient-text { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(128, 129, 218) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .rm10rc-main-container .bg-rm10rc { background-color: var(--rm10rc); } /* 按钮样式 */ .rm10rc-main-container .btn-round-rm10rc { background-color: var(--rm10rc); color: #fff; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .rm10rc-main-container .btn-round-rm10rc { min-height: 50px; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } } .rm10rc-main-container .btn-round-rm10rc:hover { background-color: #fff; color: #6f75ff; border-color: #6f75ff; } /* Mailchimp 订阅表单 */ .rm10rc-main-container #mc_embed_shell { justify-items: center; } .rm10rc-main-container #mc_embed_shell input { border: medium none; color: gray; font-size: 16px; padding: 8px 25px; width: auto; height: 50px; border-radius: 25px 0px 0px 25px; } @media (max-width: 575.98px) { .rm10rc-main-container #mc_embed_shell input { width: 100%; height: 40px; font-size: 13px; } } .rm10rc-main-container #mc_embed_shell input.email { background: #fff; } @media (max-width: 575.98px) { .rm10rc-main-container #mc_embed_shell input.email { font-size: 13px; } } .rm10rc-main-container #mc_embed_shell input[type="submit"] { background-color: var(--rm10rc); text-align: center; transition: 0.5s; background-size: 200% auto; font-weight: bold; color: white; border-radius: 0 25px 25px 0; display: block; margin: 0; } .rm10rc-main-container #mc_embed_shell input[type="submit"]:hover { background-color: #6f75ff; background-position: right center; color: #fff; text-decoration: none; } .rm10rc-main-container #mc_embed_shell #mc-embedded-subscribe-form { width: auto; justify-content: start; } @media (max-width: 991.98px) { .rm10rc-main-container #mc_embed_shell #mc-embedded-subscribe-form { margin: auto; justify-content: center; } } /* 视频头部 */ .rm10rc-main-container .video-header-rm10rc { position: relative; background-color: black; height: 55rem; min-height: 25rem; width: 100%; overflow: hidden; } .rm10rc-main-container .video-header-rm10rc .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.25; z-index: 1; } .rm10rc-main-container .video-header-rm10rc video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .rm10rc-main-container .video-header-rm10rc .container { position: relative; z-index: 2; } /* 网格系统 */ .rm10rc-main-container .grid { display: grid; grid-auto-rows: 5.6rem; } @media (max-width: 1199px) { .rm10rc-main-container .grid { grid-auto-rows: 5.5rem; } } @media (max-width: 991px) { .rm10rc-main-container .grid { grid-auto-rows: 3.5rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid { grid-auto-rows: 3rem; } } @media (max-width: 400px) { .rm10rc-main-container .grid { grid-auto-rows: 2.25rem; } } .rm10rc-main-container .grid .grid-item { position: relative; margin: 0.3rem; overflow: hidden; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .rm10rc-main-container .grid .grid-cell { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 100%; width: 100%; background: linear-gradient(136deg, #6258ae 0%, #201e3e 100%); background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 1.5rem 1.25rem 1.5rem; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.45); } @media (max-width: 1199px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 1.25rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 0.75rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 0.75rem !important; } } .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.5rem; } @media (max-width: 1440px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.1rem; } } @media (max-width: 1280px) { .rm10rc-main-container .grid .grid-cell h4 { font-size: 1.25rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell h4 { font-size: 1rem; } } .rm10rc-main-container .grid .grid-cell p { margin-bottom: 0; } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell p { font-size: 0.85rem; } } /* Grid Item 特殊背景定位 */ @media (max-width: 1199px) { .rm10rc-main-container .grid .item-1 .grid-cell { background-position: 50% 40%; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-1 .grid-cell { background-position: 58% 40%; } } .rm10rc-main-container .grid .item-2 .grid-cell { background-size: 125%; background-position: 33% 50%; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-2 .grid-cell { background-size: 113%; background-position: 15% 64%; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-2 .grid-cell { background-size: cover; background-position: 35% 65%; } } .rm10rc-main-container .grid .item-3 .grid-cell { background-position: 50% 64%; } .rm10rc-main-container .grid .item-4 .grid-cell { background-position: 50% 45%; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-4 .grid-cell { background-position: 50% 20%; } } .rm10rc-main-container .grid .item-5 .grid-cell { background-position: 50% 65%; } .rm10rc-main-container .grid .item-6 .grid-cell { background-position: 50% 65%; } /* Grid Item 7, 8, 9 (Black style) */ .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { text-align: center; padding: 1.5rem 1rem; align-content: end; background-color: #000000; background-position: 50% 10%; } @media (max-width: 1353px) { .rm10rc-main-container .grid .item-7 .grid-cell { background-position: 50% 20%; } .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-position: 50% 20%; padding: 1.5rem 1rem 2rem; } } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-position: 50% 20%; padding: 1rem 1rem; } .rm10rc-main-container .grid .item-8 .grid-cell { background-position: 50% 10%; } } @media (max-width: 991px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-size: 120%; background-position: 50% 0%; padding: 1.5rem 1rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-7 .grid-cell { padding: 1.5rem 0.6rem 1.75rem !important; } .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.5rem 2.25rem !important; } .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.8rem 2.25rem !important; } } @media (max-width: 520px) { .rm10rc-main-container .grid .item-7 .grid-cell { padding: 1.5rem 0.5rem 2rem !important; } .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.8rem 2.5rem !important; } .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.8rem 2rem !important; } } @media (max-width: 484px) { .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.8rem 2rem !important; } } @media (max-width: 400px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.5rem 0.75rem !important; } } /* Grid Layout Areas */ .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 3; } .rm10rc-main-container .grid .item-2 { grid-area: 1 / 4 / span 4 / span 3; } .rm10rc-main-container .grid .item-3 { grid-area: 1 / 7 / span 3 / span 3; } .rm10rc-main-container .grid .item-4 { grid-area: 1 / 10 / span 3 / span 3; } .rm10rc-main-container .grid .item-5 { grid-area: 4 / 7 / span 3 / span 3; } .rm10rc-main-container .grid .item-6 { grid-area: 4 / 10 / span 3 / span 3; } .rm10rc-main-container .grid .item-7 { grid-area: 5 / 1 / span 2 / span 2; } .rm10rc-main-container .grid .item-8 { grid-area: 5 / 3 / span 2 / span 2; } .rm10rc-main-container .grid .item-9 { grid-area: 5 / 5 / span 2 / span 2; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 5; } .rm10rc-main-container .grid .item-2 { grid-area: 5 / 1 / span 4 / span 5; } .rm10rc-main-container .grid .item-3 { grid-area: 1 / 6 / span 3 / span 3; } .rm10rc-main-container .grid .item-4 { grid-area: 1 / 9 / span 3 / span 3; } .rm10rc-main-container .grid .item-5 { grid-area: 6 / 6 / span 3 / span 3; } .rm10rc-main-container .grid .item-6 { grid-area: 6 / 9 / span 3 / span 3; } .rm10rc-main-container .grid .item-7 { grid-area: 4 / 6 / span 2 / span 2; } .rm10rc-main-container .grid .item-8 { grid-area: 4 / 8 / span 2 / span 2; } .rm10rc-main-container .grid .item-9 { grid-area: 4 / 10 / span 2 / span 2; } } @media (max-width: 991px) { .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 6 / span 6; } .rm10rc-main-container .grid .item-2 { grid-area: 1 / 7 / span 6 / span 6; } .rm10rc-main-container .grid .item-3 { grid-area: 7 / 1 / span 5 / span 6; } .rm10rc-main-container .grid .item-4 { grid-area: 7 / 7 / span 5 / span 6; } .rm10rc-main-container .grid .item-5 { grid-area: 12 / 1 / span 5 / span 6; } .rm10rc-main-container .grid .item-6 { grid-area: 12 / 7 / span 5 / span 6; } .rm10rc-main-container .grid .item-7 { grid-area: 17 / 1 / span 4 / span 4; } .rm10rc-main-container .grid .item-8 { grid-area: 17 / 5 / span 4 / span 4; } .rm10rc-main-container .grid .item-9 { grid-area: 17 / 9 / span 4 / span 4; } } /* 选项卡卡片 */ .rm10rc-main-container .tab-card { border: 1px solid #eaeaea; transition: all 0.3s ease; cursor: pointer; border-radius: 15px; background-color: transparent; } .rm10rc-main-container .tab-card:hover { transform: translateY(-4px); } .rm10rc-main-container .tab-card.active { border-color: #6f75ff; box-shadow: 0 10px 30px rgba(111, 117, 255, 0.3); } .rm10rc-main-container .card-title { color: #a1a1a1; } /* 远程控制部分 */ .rm10rc-main-container .rm10rc-remotecontrol { background: #262358; overflow: hidden; background: linear-gradient(180deg, rgb(38, 35, 88) 0%, rgb(0, 0, 0) 100%); } .rm10rc-main-container .rm10rc-remotecontrol .animated-text { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(128, 129, 218) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; min-width: 15ch; white-space: nowrap; overflow: hidden; vertical-align: bottom; line-height: 3rem; min-height: 3rem; } .rm10rc-main-container .rm10rc-remotecontrol .section { padding: 80px 0; } .rm10rc-main-container .rm10rc-remotecontrol .section img { width: 100%; height: auto; border-radius: 8px; } .rm10rc-main-container .rm10rc-remotecontrol .section-title { font-size: 2rem; font-weight: 700; margin-bottom: 20px; } .rm10rc-main-container .rm10rc-remotecontrol .section-body { font-size: 1.1rem; } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .section-title { font-size: 1.5rem; } .rm10rc-main-container .rm10rc-remotecontrol .section-body { font-size: 1rem; } } .rm10rc-main-container .rm10rc-remotecontrol .video-wrapper { overflow: hidden; } .rm10rc-main-container .rm10rc-remotecontrol .video-wrapper video { object-fit: cover; cursor: pointer; } .rm10rc-main-container .rm10rc-remotecontrol .rounded-xl { border-radius: 15px !important; } .rm10rc-main-container .rm10rc-remotecontrol .after-video-wrapper { clip-path: inset(0 50% 0 0); } .rm10rc-main-container .rm10rc-remotecontrol .z-10 { z-index: 10; } .rm10rc-main-container .rm10rc-remotecontrol .top-1 { top: 1rem; } .rm10rc-main-container .rm10rc-remotecontrol .left-1 { left: 1rem; } .rm10rc-main-container .rm10rc-remotecontrol .right-1 { right: 1rem; } @media (min-width: 1200px) { .rm10rc-main-container .rm10rc-remotecontrol .top-lg-2 { top: 2rem; } .rm10rc-main-container .rm10rc-remotecontrol .left-lg-2 { left: 2rem; } .rm10rc-main-container .rm10rc-remotecontrol .right-lg-2 { right: 2rem; } } .rm10rc-main-container .rm10rc-remotecontrol .hint-text.bg-black { background: rgba(0, 0, 0, 0.8); color: #fff; } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .hint-text.bg-black { font-size: 1.2rem; } } .rm10rc-main-container .rm10rc-remotecontrol .slider-handle { width: 1px; cursor: ew-resize; z-index: 9; left: 0; user-select: none; -webkit-user-select: none; transform: translateX(calc(50% - 2px)); } .rm10rc-main-container .rm10rc-remotecontrol .slider-handle .after { content: ""; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border: 1px solid white; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2rem; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5); filter: drop-shadow(rgba(0, 0, 0, 0.07) 0px 4px 3px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 2px); } .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { aspect-ratio: 9 / 12; transform-style: preserve-3d; cursor: pointer; } @media (min-width: 768px) { .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { aspect-ratio: 16 / 9; } } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { border-radius: 0px !important; } } .rm10rc-main-container .rm10rc-remotecontrol .card * { color: #6c757d; } .rm10rc-main-container .rm10rc-remotecontrol .card.active h5 { color: #6f75ff; } .rm10rc-main-container .rm10rc-remotecontrol .card.active p { color: #fff !important; } /* 5G RedCap 动画 */ .rm10rc-main-container .rm10rc-5gredcap { position: relative; overflow: hidden; } .rm10rc-main-container .rm10rc-5gredcap .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 0; } .rm10rc-main-container .rm10rc-5gredcap video { position: absolute; top: 50%; left: 0%; object-fit: cover; width: 100%; height: auto; min-height: 100%; z-index: -2; transform: translateY(-50%); z-index: 0; } .rm10rc-main-container .rm10rc-5gredcap .text-5gredcap { font-weight: 800; background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 8vw; animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms; } @keyframes reveal { 80% { letter-spacing: 8px; } 100% { background-size: 300% 300%; } } @keyframes glow { 40% { text-shadow: 0 0 8px #fff; } } /* 隐私合规 */ .rm10rc-main-container .rm10rc-privacy-partnetship .left-image { position: sticky; top: 0; height: 100vh; background-image: url("https://via.placeholder.com/600x800"); background-size: cover; background-position: center; } .rm10rc-main-container .rm10rc-privacy-partnetship .right-text { padding: 100px 20px; min-height: 100vh; } .rm10rc-main-container .rm10rc-privacy-partnetship .text-section { display: none; } .rm10rc-main-container .rm10rc-privacy-partnetship .text-section.active { display: block; } /* 特性切换器 */ .rm10rc-main-container .rm10rc-feature-switcher { background-color: #000; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper { position: relative; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper { border-bottom: none; border-left: 1px solid #333; padding-left: 20px; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav { display: flex; flex-direction: row; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav { flex-direction: column; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { cursor: pointer; opacity: 0.4; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); padding-bottom: 15px; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { padding-bottom: 0; } } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item.active { display: block; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item.active { opacity: 1; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item:hover { opacity: 1; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item h3 { font-size: 24px; margin: 0; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item .description-box { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item .description-box { text-align: center; transition: none; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .nav-indicator { position: absolute; background: #fff; transition: transform 0.3s ease, height 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; width: 2px; left: -1px; top: 0; } .rm10rc-main-container .rm10rc-feature-switcher .description-box .description { font-size: 16px; color: hsla(0, 0%, 100%, 0.85); } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer { position: relative; aspect-ratio: 16 / 9; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-feature-switcher .image-viewer { aspect-ratio: 1 / 1; } } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer .feature-img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.8s ease; } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer .feature-img.active { opacity: 1; z-index: 1; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper { overflow: hidden; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-container { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-container::-webkit-scrollbar { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper { width: 100%; background: #000; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-scroll-area { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-scroll-area::-webkit-scrollbar { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs { display: flex; flex-wrap: nowrap; width: max-content; position: relative; padding: 0 10px; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs .mb-tab { padding: 12px 10px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; white-space: nowrap; transition: color 0.3s; border-bottom: 1px solid #333; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs .mb-tab.active { color: #fff; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs .mb-tab-indicator { position: absolute; bottom: 0; left: 0; height: 2px; background: #fff; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* 对比部分 */ .rm10rc-main-container .rm10rc-compare-section { background: #000; padding: 8rem 0; } .rm10rc-main-container .rm10rc-compare-section .title { font-weight: 900; font-size: 3.5rem; } @media (max-width: 1440px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 3.25rem; } } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 2.75rem; } } @media (max-width: 576px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 2.25rem; } } .gl-rounded { border-radius: 15px !important; } .carousel-indicators, .carousel-control-next, .carousel-control-prev { filter: invert(20%); } .carousel-multi-item .controls-top .btn-floating { background: #F8CDCD; } .carousel-multi-item .carousel-indicators li { height: .75rem; width: .75rem; max-width: .75rem; background-color: #5cc6c3; } .carousel-multi-item .carousel-indicators .active { height: 1rem; width: 1rem; max-width: 1rem; background-color: #5cc6c3; } .carousel-multi-item .carousel-indicators { margin-bottom: -1rem; } .rm10rc-main-container .rm10rc-compare-section .font-gradient { display: inline-block; color: #17a2b8 !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: #01ffff; background-image: linear-gradient(90deg, #00dbb8, #17a2b8); position: relative; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header>div { padding: 1rem 2rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile { align-content: center; position: sticky; top: 67px; background-color: #000; z-index: 10; padding: 1rem 0 2rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile h5 { padding: 0.25rem 0 0.5rem; font-size: 1.25rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile select { font-size: 1rem; font-weight: 500; text-align: center; width: 100%; padding: 0.4rem 1.5rem 0.4rem 0.5rem; background-color: #121214; color: #fff; border-color: #fff; cursor: pointer; border-radius: 5px; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat, repeat; background-position: right 0.625em top 50%, 0 0; background-size: 0.8em auto, 100%; outline: 0; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile select { font-size: 0.75rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail { color: #fff; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail:nth-child(odd) { background-color: #1f2029; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div { padding: 0.75rem 2rem; align-self: center; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div { padding: 2rem 2rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h3 { font-size: 1.25rem; } @media (max-width: 1199px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h3 { font-size: 1.1rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h4 { font-size: 1rem; display: flex; justify-content: start; align-items: center; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h4 img { width: 35px; filter: brightness(100); } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h5 { color: rgba(255, 255, 255, 0.5) !important; font-size: 0.85rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h5 img { width: 35px; filter: brightness(1.2); } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div p { margin-bottom: 0; display: inline; position: relative; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .order { display: none; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .order { display: none; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .order.selected { display: block !important; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .order.selected { display: block !important; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .badge { color: #000; background-color: #00dbb8; } /* 场景部分 */ .rm10rc-scenarios { max-width: 1200px; margin: auto; } .rm10rc-scenarios .scenarios-image img { width: 100%; display: block; } .rm10rc-scenarios .scenarios-image { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; } .rm10rc-scenarios .scenarios-image .scene-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 1; } .rm10rc-scenarios .scenarios-image .scene-img.active { opacity: 1; z-index: 2; } .rm10rc-scenarios .scenarios-tabs { display: flex; justify-content: center; gap: 12px; position: sticky; top: 0; z-index: 10; padding-top: 25px; width: 100%; margin-top: 2rem; } .rm10rc-scenarios .scenarios-tabs .tab.active { color: #fff; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-wrapper { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 10px 0; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-wrapper::-webkit-scrollbar { display: none; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-bg { position: relative; display: flex; flex-wrap: nowrap; width: max-content; background-color: #1a1a1a; border-radius: 50px; padding: 5px; margin: 0 auto; z-index: 1; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-bg .tab-sliding-indicator { position: absolute; top: 5px; left: 0; height: calc(100% - 10px); background-color: var(--rm10rc); border-radius: 40px; z-index: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); width: var(--indicator-width, 0); transform: translateX(var(--indicator-left, 0)); } .rm10rc-scenarios .scenarios-tabs .tab { position: relative; z-index: 2; background: transparent !important; border: none; color: #888; padding: 10px 25px; font-weight: 600; transition: color 0.3s; white-space: nowrap; border-radius: 40px; outline: none !important; } .rm10rc-scenarios .scenarios-content { margin-top: 28px; text-align: center; } .rm10rc-scenarios .tab-content { display: none; } .rm10rc-scenarios .tab-content.active { display: block; } .rm10rc-scenarios .scenarios-tabs-bg { display: inline-flex; gap: 8px; background: #2d2d2d; border-radius: 999px; } .rm10rc-scenarios .scenarios-tabs-bg .tab { padding: 8px 20px; border-radius: 999px; border: none; background: transparent; color: #a1a1a1; cursor: pointer; font-weight: 500; } /* 洞察卡片 */ .insight-card { position: relative; transition: all 0.3s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.05); } .insight-card:hover { transform: translateY(-8px); background-color: transparent; border-color: #6f75ff; } .press-logo { max-height: 35px; width: auto; object-fit: contain; } /* 基础变量 */ .rm10rc-main-container { --rm10rc: #5155d1; } /* 文本样式 */ .rm10rc-main-container .text-rm10rc { color: var(--rm10rc); } .rm10rc-main-container .text-rm10rc-secondary { color: #a296f9; } .rm10rc-main-container .rm10rc-gradient-text { background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(128, 129, 218, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .rm10rc-main-container .bg-rm10rc { background-color: var(--rm10rc); } /* 按钮样式 */ .rm10rc-main-container .btn-round-rm10rc { background-color: var(--rm10rc); color: #fff; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } @media (max-width: 768px) { .rm10rc-main-container .btn-round-rm10rc { min-height: 50px; border-radius: 50px; padding: 1rem 2rem; text-transform: uppercase; font-weight: bold; } } .rm10rc-main-container .btn-round-rm10rc:hover { background-color: #fff; color: #6f75ff; border-color: #6f75ff; } /* Mailchimp 订阅表单 */ .rm10rc-main-container #mc_embed_shell { justify-items: center; } .rm10rc-main-container #mc_embed_shell input { border: medium none; color: gray; font-size: 16px; padding: 8px 25px; width: auto; height: 50px; border-radius: 25px 0px 0px 25px; } @media (max-width: 575.98px) { .rm10rc-main-container #mc_embed_shell input { width: 100%; height: 40px; font-size: 13px; } } .rm10rc-main-container #mc_embed_shell input.email { background: #fff; } @media (max-width: 575.98px) { .rm10rc-main-container #mc_embed_shell input.email { font-size: 13px; } } .rm10rc-main-container #mc_embed_shell input[type="submit"] { background-color: var(--rm10rc); text-align: center; transition: 0.5s; background-size: 200% auto; font-weight: bold; color: white; border-radius: 0 25px 25px 0; display: block; margin: 0; } .rm10rc-main-container #mc_embed_shell input[type="submit"]:hover { background-color: #6f75ff; background-position: right center; color: #fff; text-decoration: none; } .rm10rc-main-container #mc_embed_shell #mc-embedded-subscribe-form { width: auto; justify-content: start; } @media (max-width: 991.98px) { .rm10rc-main-container #mc_embed_shell #mc-embedded-subscribe-form { margin: auto; justify-content: center; } } /* 视频头部 */ .rm10rc-main-container .video-header-rm10rc { position: relative; background-color: black; height: 55rem; min-height: 25rem; width: 100%; overflow: hidden; } @media (max-width: 768px) { .rm10rc-main-container .video-header-rm10rc { height: 35rem; aspect-ratio: 1 / 1; } } .rm10rc-main-container .video-header-rm10rc .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.25; z-index: 1; } .rm10rc-main-container .video-header-rm10rc video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .rm10rc-main-container .video-header-rm10rc .container { position: relative; z-index: 2; } /* Grid 网格系统 */ .rm10rc-main-container .grid { display: grid; grid-auto-rows: 5.6rem; } @media (max-width: 1199px) { .rm10rc-main-container .grid { grid-auto-rows: 5.5rem; } } @media (max-width: 991px) { .rm10rc-main-container .grid { grid-auto-rows: 3.5rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid { grid-auto-rows: 3rem; } } @media (max-width: 400px) { .rm10rc-main-container .grid { grid-auto-rows: 2.25rem; } } .rm10rc-main-container .grid .grid-item { position: relative; margin: 0.3rem; overflow: hidden; box-shadow: 0px 0px 5px #00000033; } .rm10rc-main-container .grid .grid-cell { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; height: 100%; width: 100%; background: linear-gradient(136deg, #6258ae 0%, #201e3e 100%); background-size: cover; background-repeat: no-repeat; background-position: center bottom; padding: 1.5rem 1.25rem 1.5rem; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.45); } @media (max-width: 1199px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 1.25rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 0.75rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell { padding: 1rem 0.75rem !important; } } .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.5rem; } @media (max-width: 1440px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.5rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.25rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell h2 { font-size: 1.1rem; } } @media (max-width: 1280px) { .rm10rc-main-container .grid .grid-cell h4 { font-size: 1.25rem; } } @media (max-width: 768px) { .rm10rc-main-container .grid .grid-cell h4 { font-size: 1rem; } } .rm10rc-main-container .grid .grid-cell p { margin-bottom: 0; } @media (max-width: 576px) { .rm10rc-main-container .grid .grid-cell p { font-size: 0.85rem; } } /* Grid Items 背景逻辑 */ @media (max-width: 1199px) { .rm10rc-main-container .grid .item-1 .grid-cell { background-position: 50% 40%; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-1 .grid-cell { background-position: 58% 40%; } } .rm10rc-main-container .grid .item-2 .grid-cell { background-size: 125%; background-position: 33% 50%; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-2 .grid-cell { background-size: 113%; background-position: 15% 64%; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-2 .grid-cell { background-size: cover; background-position: 35% 65%; } } .rm10rc-main-container .grid .item-3 .grid-cell { background-position: 50% 64%; } .rm10rc-main-container .grid .item-4 .grid-cell { background-position: 50% 45%; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-4 .grid-cell { background-position: 50% 20%; } } .rm10rc-main-container .grid .item-5 .grid-cell { background-position: 50% 65%; } .rm10rc-main-container .grid .item-6 .grid-cell { background-position: 50% 65%; } .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { text-align: center; padding: 1.5rem 1rem; align-content: end; background-color: #000000; background-position: 50% 10%; } @media (max-width: 1353px) { .rm10rc-main-container .grid .item-7 .grid-cell { background-position: 50% 20%; } .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-position: 50% 20%; padding: 1.5rem 1rem 2rem; } } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-position: 50% 20%; padding: 1rem 1rem; } .rm10rc-main-container .grid .item-8 .grid-cell { background-position: 50% 10%; padding: 1rem 1rem; } } @media (max-width: 991px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { background-size: 120%; background-position: 50% 0%; padding: 1.5rem 1rem; } } @media (max-width: 576px) { .rm10rc-main-container .grid .item-7 .grid-cell { padding: 1.5rem 0.6rem 1.75rem !important; } .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.5rem 2.25rem !important; } .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.8rem 2.25rem !important; } } @media (max-width: 520px) { .rm10rc-main-container .grid .item-7 .grid-cell { padding: 1.5rem 0.5rem 2rem !important; } .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.8rem 2.5rem !important; } .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.8rem 2rem !important; } } @media (max-width: 484px) { .rm10rc-main-container .grid .item-8 .grid-cell { padding: 1.5rem 0.8rem 2rem !important; } } @media (max-width: 400px) { .rm10rc-main-container .grid .item-7 .grid-cell, .rm10rc-main-container .grid .item-8 .grid-cell, .rm10rc-main-container .grid .item-9 .grid-cell { padding: 1.5rem 0.5rem 0.75rem !important; } } /* Grid Layout Areas */ .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 3; } .rm10rc-main-container .grid .item-2 { grid-area: 1 / 4 / span 4 / span 3; } .rm10rc-main-container .grid .item-3 { grid-area: 1 / 7 / span 3 / span 3; } .rm10rc-main-container .grid .item-4 { grid-area: 1 / 10 / span 3 / span 3; } .rm10rc-main-container .grid .item-5 { grid-area: 4 / 7 / span 3 / span 3; } .rm10rc-main-container .grid .item-6 { grid-area: 4 / 10 / span 3 / span 3; } .rm10rc-main-container .grid .item-7 { grid-area: 5 / 1 / span 2 / span 2; } .rm10rc-main-container .grid .item-8 { grid-area: 5 / 3 / span 2 / span 2; } .rm10rc-main-container .grid .item-9 { grid-area: 5 / 5 / span 2 / span 2; } @media (max-width: 1199px) { .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 4 / span 5; } .rm10rc-main-container .grid .item-2 { grid-area: 5 / 1 / span 4 / span 5; } .rm10rc-main-container .grid .item-3 { grid-area: 1 / 6 / span 3 / span 3; } .rm10rc-main-container .grid .item-4 { grid-area: 1 / 9 / span 3 / span 3; } .rm10rc-main-container .grid .item-5 { grid-area: 6 / 6 / span 3 / span 3; } .rm10rc-main-container .grid .item-6 { grid-area: 6 / 9 / span 3 / span 3; } .rm10rc-main-container .grid .item-7 { grid-area: 4 / 6 / span 2 / span 2; } .rm10rc-main-container .grid .item-8 { grid-area: 4 / 8 / span 2 / span 2; } .rm10rc-main-container .grid .item-9 { grid-area: 4 / 10 / span 2 / span 2; } } @media (max-width: 991px) { .rm10rc-main-container .grid .item-1 { grid-area: 1 / 1 / span 6 / span 6; } .rm10rc-main-container .grid .item-2 { grid-area: 1 / 7 / span 6 / span 6; } .rm10rc-main-container .grid .item-3 { grid-area: 7 / 1 / span 5 / span 6; } .rm10rc-main-container .grid .item-4 { grid-area: 7 / 7 / span 5 / span 6; } .rm10rc-main-container .grid .item-5 { grid-area: 12 / 1 / span 5 / span 6; } .rm10rc-main-container .grid .item-6 { grid-area: 12 / 7 / span 5 / span 6; } .rm10rc-main-container .grid .item-7 { grid-area: 17 / 1 / span 4 / span 4; } .rm10rc-main-container .grid .item-8 { grid-area: 17 / 5 / span 4 / span 4; } .rm10rc-main-container .grid .item-9 { grid-area: 17 / 9 / span 4 / span 4; } } /* Tab Card */ .rm10rc-main-container .tab-card { border: 1px solid #eaeaea; transition: all 0.3s ease; cursor: pointer; border-radius: 15px; background-color: transparent; } .rm10rc-main-container .tab-card:hover { transform: translateY(-4px); } .rm10rc-main-container .tab-card.active { border-color: #6f75ff; box-shadow: 0 10px 30px rgba(111, 117, 255, 0.3); } .rm10rc-main-container .card-title { color: #a1a1a1; } /* Remote Control Section */ .rm10rc-main-container .rm10rc-remotecontrol { background: #262358; overflow: hidden; background: linear-gradient(180deg, rgba(38, 35, 88, 1) 0%, rgba(0, 0, 0, 1) 100%); } .rm10rc-main-container .rm10rc-remotecontrol .animated-text { background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(128, 129, 218, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; min-width: 15ch; white-space: nowrap; overflow: hidden; vertical-align: bottom; line-height: 3rem; min-height: 3rem; } .rm10rc-main-container .rm10rc-remotecontrol .section { padding: 80px 0; } .rm10rc-main-container .rm10rc-remotecontrol .section img { width: 100%; height: auto; border-radius: 8px; } .rm10rc-main-container .rm10rc-remotecontrol .section-title { font-size: 2rem; font-weight: 700; margin-bottom: 20px; } .rm10rc-main-container .rm10rc-remotecontrol .section-body { font-size: 1.1rem; } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .section-title { font-size: 1.5rem; } .rm10rc-main-container .rm10rc-remotecontrol .section-body { font-size: 1rem; } } .rm10rc-main-container .rm10rc-remotecontrol .video-wrapper { overflow: hidden; } .rm10rc-main-container .rm10rc-remotecontrol .video-wrapper video { object-fit: cover; cursor: pointer; } .rm10rc-main-container .rm10rc-remotecontrol .rounded-xl { border-radius: 15px !important; } .rm10rc-main-container .rm10rc-remotecontrol .after-video-wrapper { clip-path: inset(0 50% 0 0); } .rm10rc-main-container .rm10rc-remotecontrol .z-10 { z-index: 10; } .rm10rc-main-container .rm10rc-remotecontrol .top-1 { top: 1rem; } .rm10rc-main-container .rm10rc-remotecontrol .left-1 { left: 1rem; } .rm10rc-main-container .rm10rc-remotecontrol .right-1 { right: 1rem; } @media (min-width: 1200px) { .rm10rc-main-container .rm10rc-remotecontrol .top-lg-2 { top: 2rem; } .rm10rc-main-container .rm10rc-remotecontrol .left-lg-2 { left: 2rem; } .rm10rc-main-container .rm10rc-remotecontrol .right-lg-2 { right: 2rem; } } .rm10rc-main-container .rm10rc-remotecontrol .hint-text.bg-black { background: rgba(81, 85, 209, 0.8); color: #fff; } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .hint-text.bg-black { font-size: 1.2rem; } } .rm10rc-main-container .rm10rc-remotecontrol .slider-handle { width: 1px; cursor: ew-resize; z-index: 9; left: 0; user-select: none; -webkit-user-select: none; transform: translateX(calc(50% - 2px)); } .rm10rc-main-container .rm10rc-remotecontrol .slider-handle .after { content: ""; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; border: 1px solid white; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 2rem; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5); filter: drop-shadow(rgba(0, 0, 0, 0.07) 0px 4px 3px) drop-shadow(rgba(0, 0, 0, 0.06) 0px 2px 2px); } .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { aspect-ratio: 4 / 3; transform-style: preserve-3d; cursor: pointer; } @media (min-width: 768px) { .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { aspect-ratio: 16 / 9; } } @media (max-width: 767px) { .rm10rc-main-container .rm10rc-remotecontrol .comparison-slider { border-radius: 0px !important; } } .rm10rc-main-container .rm10rc-remotecontrol .card * { color: #6c757d; } .rm10rc-main-container .rm10rc-remotecontrol .card.active h5 { color: #6f75ff; } .rm10rc-main-container .rm10rc-remotecontrol .card.active p { color: #fff !important; } /* 5G RedCap Section */ .rm10rc-main-container .rm10rc-5gredcap { position: relative; overflow: hidden; } .rm10rc-main-container .rm10rc-5gredcap .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.5; z-index: 0; } .rm10rc-remotecontrol h1 { margin: 0; } .rm10rc-main-container .rm10rc-5gredcap video { position: absolute; top: 50%; left: 0%; object-fit: cover; width: 100%; height: auto; min-height: 100%; z-index: 0; transform: translateY(-50%); } .rm10rc-main-container .rm10rc-5gredcap .text-5gredcap { font-weight: 800; background: 50% 100% / 50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 8vw; animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms; } @keyframes reveal { 80% { letter-spacing: 8px; } 100% { background-size: 300% 300%; } } @keyframes glow { 40% { text-shadow: 0 0 8px #fff; } } /* Privacy Partnership */ .rm10rc-main-container .rm10rc-privacy-partnetship .left-image { position: sticky; top: 0; height: 100vh; background-image: url("https://via.placeholder.com/600x800"); background-size: cover; background-position: center; } .rm10rc-main-container .rm10rc-privacy-partnetship .right-text { padding: 100px 20px; min-height: 100vh; } .rm10rc-main-container .rm10rc-privacy-partnetship .text-section { display: none; } .rm10rc-main-container .rm10rc-privacy-partnetship .text-section.active { display: block; } /* Feature Switcher */ .rm10rc-main-container .rm10rc-feature-switcher { background-color: #000; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper { position: relative; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper { border-bottom: none; border-left: 1px solid #333; padding-left: 20px; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav { display: flex; flex-direction: row; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav { flex-direction: column; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { cursor: pointer; opacity: 0.4; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); padding-bottom: 15px; } @media (min-width: 992px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { padding-bottom: 0; } } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item.active { display: block; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item.active, .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item:hover { opacity: 1; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item h3 { font-size: 24px; margin: 0; } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item .description-box { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .feature-nav-item .description-box { text-align: center; transition: none; } } .rm10rc-main-container .rm10rc-feature-switcher .feature-nav-wrapper .nav-indicator { position: absolute; background: #fff; transition: transform 0.3s ease, height 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; width: 2px; left: -1px; top: 0; } .rm10rc-main-container .rm10rc-feature-switcher .description-box .description { font-size: 16px; color: hsla(0, 0%, 100%, 0.85); } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer { position: relative; aspect-ratio: 16 / 9; } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer .feature-img { position: absolute; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.8s ease; } .rm10rc-main-container .rm10rc-feature-switcher .image-viewer .feature-img.active { opacity: 1; z-index: 1; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper { overflow: hidden; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-container { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-container::-webkit-scrollbar { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper { width: 100%; background: #000; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs-scroll-area { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs-scroll-area::-webkit-scrollbar { display: none; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs { display: flex; flex-wrap: nowrap; width: max-content; position: relative; padding: 0 10px; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs .mb-tab { padding: 12px 10px; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; white-space: nowrap; transition: color 0.3s; border-bottom: 1px solid #333; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs .mb-tab.active { color: #fff; } .rm10rc-main-container .rm10rc-feature-switcher .mb-tabs-wrapper .mb-tabs-wrapper .mb-tabs .mb-tab-indicator { position: absolute; bottom: 0; left: 0; height: 2px; background: #fff; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } /* Compare Section */ .rm10rc-main-container .rm10rc-compare-section { background: #000; padding: 8rem 0; } .rm10rc-main-container .rm10rc-compare-section .title { font-weight: 900; font-size: 3.5rem; } @media (max-width: 1440px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 3.25rem; } } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 2.75rem; } } @media (max-width: 576px) { .rm10rc-main-container .rm10rc-compare-section .title { font-size: 2.25rem; } } .rm10rc-main-container .rm10rc-compare-section .font-gradient { display: inline-block; color: #17a2b8 !important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-color: #01ffff; background-image: linear-gradient(90deg, #00dbb8, #17a2b8); position: relative; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header>div { padding: 1rem 2rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile { align-content: center; position: sticky; top: 50px; background-color: #000; z-index: 10; padding: 1rem 0 2rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile h5 { padding: 0.25rem 0 0.5rem; font-size: 1.25rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile select { font-size: 1rem; font-weight: 500; text-align: center; width: 100%; padding: 0.4rem 1.5rem 0.4rem 0.5rem; background-color: #121214; color: #fff; border-color: #fff; cursor: pointer; border-radius: 5px; appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat, repeat; background-position: right 0.625em top 50%, 0 0; background-size: 0.8em auto, 100%; outline: 0; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparison-header-mobile select { font-size: 0.75rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail { color: #fff; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail:nth-child(odd) { background-color: #1f2029; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div { padding: 0.75rem 2rem; align-self: center; } @media (max-width: 991px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div { padding: 2rem 2rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h3 { font-size: 1.25rem; } @media (max-width: 1199px) { .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h3 { font-size: 1.1rem; } } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h4 { font-size: 1rem; display: flex; justify-content: start; align-items: center; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h4 img { width: 35px; filter: brightness(100); } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h5 { color: rgba(255, 255, 255, 0.5) !important; font-size: 0.85rem; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div h5 img { width: 35px; filter: brightness(1.2); } .rm10rc-main-container .rm10rc-compare-section .model-comparison .model-comparisonp-detail>div p { margin-bottom: 0; display: inline; position: relative; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .order { display: none; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .order.selected { display: block !important; } .rm10rc-main-container .rm10rc-compare-section .model-comparison .badge { color: #000; background-color: #00dbb8; } /* Scenarios Section (Outside Container) */ .rm10rc-scenarios { max-width: 1200px; margin: auto; } .rm10rc-scenarios .scenarios-image { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; } .rm10rc-scenarios .scenarios-image img { width: 100%; display: block; } .rm10rc-scenarios .scenarios-image .scene-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 1; } .rm10rc-scenarios .scenarios-image .scene-img.active { opacity: 1; z-index: 2; } .rm10rc-scenarios .scenarios-tabs { display: flex; justify-content: center; gap: 12px; position: sticky; top: 0; z-index: 10; padding-top: 25px; width: 100%; margin-top: 2rem; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-wrapper { overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding: 10px 0; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-wrapper::-webkit-scrollbar { display: none; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-bg { position: relative; display: flex; flex-wrap: nowrap; width: max-content; background-color: #1a1a1a; border-radius: 50px; padding: 5px; margin: 0 auto; z-index: 1; } .rm10rc-scenarios .scenarios-tabs .scenarios-tabs-bg .tab-sliding-indicator { position: absolute; top: 5px; left: 0; height: calc(100% - 10px); background-color: var(--rm10rc); border-radius: 40px; z-index: 0; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); width: var(--indicator-width, 0); transform: translateX(var(--indicator-left, 0)); } .rm10rc-scenarios .scenarios-tabs .tab { position: relative; z-index: 2; background: transparent !important; border: none; color: #888; padding: 10px 25px; font-weight: 600; transition: color 0.3s; white-space: nowrap; border-radius: 40px; outline: none !important; } .rm10rc-scenarios .scenarios-tabs .tab.active { color: #fff; } .rm10rc-scenarios .scenarios-content { margin-top: 28px; text-align: center; } .rm10rc-scenarios .tab-content { display: none; } .rm10rc-scenarios .tab-content.active { display: block; } /* Insight Card */ .insight-card { position: relative; transition: all 0.3s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.05); } .insight-card:hover { transform: translateY(-8px); background-color: transparent; border-color: #6f75ff; } /* Press Logo */ .press-logo { max-height: 35px; width: auto; object-fit: contain; } .product-show-list { padding: 0; margin: 0; } .product-show-list>li { list-style-type: none; margin: 0; padding: 0; display: none; } .product-show-list>li.active { display: block; } .product-show-list model-viewer { display: block; width: 100%; height: 553px; } @media (max-width: 768px) { .product-show-list model-viewer { height: calc(90vw - 2.5rem); } } .product-type-btn-list { text-align: center; padding-top: 15px; } .product-type-btn-list a { cursor: pointer; padding: 5px 10px; border-radius: 30px; margin: 10px; } .product-type-btn-list a i { margin-right: 5px; } .product-type-btn-list a:hover { background-color: rgba(0, 0, 0, 0.1); } .product-type-btn-list a.active { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* 轮播图列表容器 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review { display: flex; flex-wrap: wrap; } /* 轮播图项目 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { padding: 0 1rem; vertical-align: middle; display: inline-flex; } @media (max-width: 1440px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { transform: translateX(0); } } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review { vertical-align: top; } } /* 评价卡片基础 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card { display: flex; height: 100%; } /* 卡片内部的 Row */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { background-color: #ffffff; margin: 0; align-items: center; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { align-items: flex-start; } } @media (max-width: 768px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row { margin-right: 0; } } /* 卡片图片容器 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image { height: 100%; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image { height: auto; } } /* 图片本身 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 15px 0 0 15px; } @media (max-width: 991px) { .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row .card-image img { border-radius: 15px 15px 0 0; width: 100%; height: auto; } } /* 文字段落样式 */ .tiny-slider-container-beta-tester-review .tiny-slider-beta-tester-review .tiny-slider-item-beta-tester-review .tiny-slider-review-card .row p { font-size: 1.1rem; } Meet Comet 5G World's First 5G RedCap Wi-Fi 6 Remote KVM Remote KVM over 5G RedCap 5G RedCap Connectivity: Independent out-of-band access even when the LAN is misconfigured Multi-Network Auto-Failover: Switches from Ethernet/Wi-Fi to 5G/4G when the primary path goes down Nearby Control: Self-contained wireless signal for instant local BIOS access, independent of site network 64GB eMMC Storage: Built-in image repository for remote OS and firmware deployment Browser-Based Access: Remote control from Windows, macOS or Linux, no app required 4K@30FPS Video: Crisp visuals with H.264 encoding View Specs Online Guide Previous Next .product-show-list { padding: 0; margin: 0 } .product-show-list>li { list-style-type: none; margin: 0; padding: 0; display: none } .product-show-list>li.active { display: block } .product-show-list model-viewer { display: block; width: 100%; height: 553px } @media(max-width:768px) { .product-show-list model-viewer { height: calc(90vw - 2.5rem) } } .product-type-btn-list { text-align: center; padding-top: 15px } .product-type-btn-list a { cursor: pointer; padding: 5px 10px; border-radius: 30px; margin: 10px } .product-type-btn-list a i { margin-right: 5px } .product-type-btn-list a:hover { background-color: rgba(0, 0, 0, .1) } .product-type-btn-list a.active { background-color: rgba(0, 0, 0, .8); color: #fff } /* 基础容器 */ .product-nav { background-color: #eeeeee; position: sticky; top: 0px; z-index: 999; } /* 内部容器 */ .product-nav .product-nav-container { overflow-x: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* 隐藏 Chrome/Safari/Webkit 滚动条 */ .product-nav .product-nav-container::-webkit-scrollbar { display: none; } @media (max-width: 768px) { .product-nav .product-nav-container { overflow-x: inherit; } } /* 导航内容区域 */ .product-nav .product-nav-container .product-nav-content { display: flex; flex-direction: row; justify-content: left; align-items: center; white-space: nowrap; } @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .product-nav .product-nav-container .product-nav-content::-webkit-scrollbar { display: none; } } /* 导航项目 */ .product-nav .product-nav-container .product-nav-content .product-nav-item { color: #6c757d; height: -moz-fit-content; height: fit-content; padding: 0.75rem 1.5rem; background: none !important; border-bottom: 2px solid transparent; } @media (max-width: 991px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } /* 注：此处的 768px 逻辑与 991px 在当前代码中是一致的，按原样转换 */ @media (max-width: 768px) { .product-nav .product-nav-container .product-nav-content .product-nav-item { padding: 0.75rem 1rem !important; } } /* 悬停状态 */ .product-nav .product-nav-container .product-nav-content .product-nav-item:hover { color: #3dc1cf; transition: 0.3s ease; } /* 激活状态 */ .product-nav .product-nav-container .product-nav-content .product-nav-item.active { color: #3dc1cf; border-color: #3dc1cf; } .product-nav .product-nav-wrapper { overflow: visible; } .product-nav .product-nav-wrapper ul, .product-nav .product-nav-wrapper li { list-style-type: none; margin: 0; padding: 0; unicode-bidi: normal; } .product-nav .product-nav-content { overflow-x: auto; scrollbar-width: none; display: flex; } .product-nav .product-nav-content .product-nav-item { margin: 0 0 !important; padding: 0.75rem 1.5rem !important; cursor: pointer; color: #444; background: inherit; border-bottom: 2px solid transparent; } @media (max-width: 768px) { .product-nav .product-nav-content .product-nav-item { padding: 0.75rem 1rem 0.75rem 0 !important; } } .product-nav .product-nav-content .product-nav-item.active, .product-nav .product-nav-content .sub-menu.hover1 { color: #3dc1cf; border-color: #3dc1cf; } .product-nav .dropdown-menu { background-color: #EEE; margin: -1px 0 0 !important; width: 100%; border: none; float: inherit; overflow: hidden; } .product-nav .dropdown-menu > div { overflow-x: visible; scrollbar-width: none; display: flex; margin: 0 auto; padding: 0.25rem 1rem 0.75rem 2rem; } @media (max-width: 768px) { .product-nav .dropdown-menu > div { overflow-x: auto; padding: 0.25rem 1rem 0.75rem; } } .product-nav .dropdown-menu .btn { font-size: 1rem; font-weight: 400; text-transform: inherit; padding: 0.25rem 1rem !important; color: #6c757d; border: 1px solid #6c757d; margin-right: 0.5rem; min-width: fit-content; } .product-nav .dropdown-menu .btn.active, .product-nav .dropdown-menu .btn:hover { color: #3dc1cf; border-color: #3dc1cf !important; background-color: rgba(61, 193, 207, 0.031372549); /* 对应 #3dc1cf08 */ } @media (max-width: 768px) { .product-nav .dropdown-menu .btn { font-size: 14px; min-height: inherit; } } document.querySelectorAll(".product-type-btn-list a").forEach(function (e) { e.addEventListener("click", function () { document.querySelectorAll(".product-type-btn-list a").forEach(function (e) { e.classList.remove("active") }), this.classList.add("active"); var e = this.getAttribute("data-btn"); document.querySelectorAll(".product-show-list li").forEach(function (t) { t.getAttribute("data-type") === e.charAt(0).toUpperCase() + e.slice(1) ? t.classList.add("active") : t.classList.remove("active") }) }) }) Highlight Features Reviews Specs let currentModel = ""; window.addEventListener("scroll", function () { document.querySelectorAll(".product-nav-section").forEach(e => { let t = e.offsetTop; pageYOffset >= t - 163 && (currentModel = e.getAttribute("id")) }), document.querySelectorAll(".product-nav-item").forEach(e => { e.classList.remove("active") }), document.querySelectorAll(".sub-menu").forEach(e => { e.classList.remove("hover1") }), document.querySelectorAll(".dropdown-menu").forEach(e => { e.style.display = "none" }); const e = document.querySelector(`.product-nav-item.${currentModel}`); if (e) { e.classList.add("active"); const n = e.parentElement, t = n ? n.parentElement : null; if (t && t.classList.contains("dropdown-menu")) { const n = t.dataset.dropdownMenu; if (n) { t.style.display = "flex"; const s = document.querySelector(`.product-nav-wrapper .sub-menu[data-dropdown-menu="${n}"]`); s && s.classList.add("active"), setTimeout(() => { const s = e, n = t.querySelector(".container-md"); if (n) { const e = n.offsetWidth, t = s.offsetLeft, o = s.offsetWidth, i = t - e / 2 + o / 2; n.scrollTo({ left: i, behavior: "smooth" }) } }, 50) } } } }), document.querySelectorAll(".sub-menu").forEach(e => { const n = e.dataset.dropdownMenu, t = document.querySelector(`.dropdown-menu[data-dropdown-menu="${n}"]`); if (!t) return; e.addEventListener("click", n => { n.preventDefault(); const s = t.style.display === "flex"; document.querySelectorAll(".dropdown-menu").forEach(e => { e.style.display = "none" }), document.querySelectorAll(".sub-menu").forEach(e => { e.classList.remove("hover1") }), s || (t.style.display = "flex", e.classList.add("hover1")) }) }) 5G RedCap with SIM Support 4K HDMI Passthrough Multi-Network Failover Nearby Control 3.69" Touchscreen 64GB eMMC Storage / DDR3L 1GB Browser-based Access Tailscale Support Self-hosted Option World's First Remote KVM with Cellular Connectivity Featuring 5G RedCap technology for high-speed, low-latency performance with reduced power consumption. Comet 5G provides a completely independent Out-of-Band (OOB) management channel, ensuring remote access without ever needing to touch the client's local Wi-Fi or Ethernet infrastructure. 5G RedCap Deploy with Out-of-Band Management Network Independence By using its own 5G RedCap connection with global 4G LTE fallback, Comet 5G operates entirely outside of the host network for uninterrupted uptime. Independent 5G RedCap with global 4G fallback to maximum uptime. Multi-network Failover Automatically prioritizes Ethernet, Wi-Fi, then Cellular. This multi-layered redundancy ensures the management channel stays alive and accessible, even if primary site connectivity fails. Switches from Ethernet, Wi-Fi, then Cellular to ensure 24/7 remote management. Connect to your data cen from anywhere A remote KVM (Keyboard, Video, Mouse) is a device that lets you control a computer or server from anywhere, as if you were sitting right in front of it. Comet 5G Others Comet 5G Others Comet 5G Others 4K Video Quality Resolutions up to 3840 × 2160 with H.264 hardware encoding for smooth remote interaction without any compromises. Ultra-low Latency with FEC Experience ultra-responsive 30-60ms latency that stays smooth even on unstable networks, thanks to Integrated FEC that repairs packet loss on the fly. Two-way Audio Allows you to listen to and communicate during remote support sessions in real time. document.addEventListener('DOMContentLoaded', () => { //================================================== // SECTION 1: 打字机动画逻辑 //================================================== const animatedTextElement = document.getElementById('animated-text'); if (animatedTextElement) { const words = ["computer", "studio", "homelab", "work", "data center"]; const typingSpeed = 150; const pause = 500; let wordIndex = 0; const typeWord = (word, index = 0) => { if (index < word.length) { animatedTextElement.textContent += word[index]; setTimeout(() => typeWord(word, index + 1), typingSpeed); } else { setTimeout(() => eraseWord(word), pause); } }; const eraseWord = (word) => { let length = word.length; const eraseChar = () => { if (length > 0) { animatedTextElement.textContent = word.slice(0, length - 1); length--; setTimeout(eraseChar, typingSpeed / 2); } else { wordIndex = (wordIndex + 1) % words.length; setTimeout(() => typeWord(words[wordIndex]), 200); } }; eraseChar(); }; typeWord(words[wordIndex]); } }); (function () { /** * 封装初始化函数，确保在预览模式和正式环境都能运行 */ const initKVMVideoLogic = () => { // 1. 作用域限制：只在当前 Section 内查找元素，防止多模块冲突 const section = document.querySelector('.rm10rc-remotecontrol'); if (!section) return; const tabCards = section.querySelectorAll('.tab-card'); const tabPanes = section.querySelectorAll('.tab-pane'); const allSliders = section.querySelectorAll('.comparison-slider'); let isDragging = false; let activeSlider = null; //================================================== // 1. 标签页切换逻辑 (手动控制，不依赖外部 Bootstrap) //================================================== tabCards.forEach(card => { card.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); // 阻止 Shopify 主题可能存在的逻辑干扰 const targetId = this.getAttribute('href').replace('#', ''); const targetPane = section.querySelector(`#${targetId}`); if (!targetPane) return; // --- A. 更新 UI 状态 --- tabCards.forEach(c => c.classList.remove('active')); tabPanes.forEach(p => { p.classList.remove('show', 'active'); // 停止非当前面板的视频 p.querySelectorAll('video').forEach(v => v.pause()); }); this.classList.add('active'); targetPane.classList.add('show', 'active'); // --- B. 播放当前面板视频 --- const activeVideos = targetPane.querySelectorAll('video'); activeVideos.forEach(video => { video.muted = true; // 必须静音以确保自动播放成功 video.currentTime = 0; const playPromise = video.play(); if (playPromise !== undefined) { playPromise.catch(error => console.log("Video auto-play blocked:", error)); } }); }); }); //================================================== // 2. 视频滑块拖动逻辑 (精准坐标计算) //================================================== const updateSlider = (clientX, slider) => { const rect = slider.getBoundingClientRect(); let offsetX = clientX - rect.left; let percentage = (offsetX / rect.width) * 100; // 边界限制 percentage = Math.max(5, Math.min(95, percentage)); const handle = slider.querySelector('.slider-handle'); const afterWrapper = slider.querySelector('.after-video-wrapper'); if (handle && afterWrapper) { handle.style.left = `${percentage}%`; afterWrapper.style.clipPath = `inset(0 ${100 - percentage}% 0 0)`; } }; const onMove = (e) => { if (!isDragging || !activeSlider) return; const x = e.touches ? e.touches[0].clientX : e.clientX; updateSlider(x, activeSlider); }; const stopDrag = () => { isDragging = false; activeSlider = null; }; // 绑定事件到每一个滑块 allSliders.forEach(slider => { const handle = slider.querySelector('.slider-handle'); // 鼠标按下 handle.addEventListener('mousedown', (e) => { isDragging = true; activeSlider = slider; e.preventDefault(); }); // 触摸开始 (适配移动端) handle.addEventListener('touchstart', (e) => { isDragging = true; activeSlider = slider; }, { passive: true }); // 点击容器也能快速跳转位置 slider.addEventListener('click', (e) => { if (e.target.closest('.slider-handle')) return; updateSlider(e.clientX, slider); }); }); // 全局移动监听 (保证滑动手感丝滑) window.addEventListener('mousemove', onMove); window.addEventListener('touchmove', onMove, { passive: false }); window.addEventListener('mouseup', stopDrag); window.addEventListener('touchend', stopDrag); }; //================================================== // 3. 执行初始化 (适配 Shopify 生命周期) //================================================== if (document.readyState === 'complete') { initKVMVideoLogic(); } else { window.addEventListener('load', initKVMVideoLogic); } // 如果是在 Shopify 装修后台进行预览改动，需要重新初始化 document.addEventListener('shopify:section:load', initKVMVideoLogic); })(); Remote Access Should Not Disrupt Your Local Workflow. With 4K HDMI passthrough and loopout, your local display stays active and uninterrupted while you manage the device remotely. The terms HDMI, HDMI High-Definition Multimedia Interface, HDMI trade dress and the HDMI Logos are trademarksor registered trademarks of HDMI Licensing Administrator, Inc. Manage Multiple KVMs on One Station Unify all screens into a single "Video Screen Wall" via our cloud service. Control and monitor every device from one centralized dashboard. Note: This is a premium feature currently available for free; it will be subject to subscription fees in the future. Locally Access Comet 5G with Nearby Control Comet 5G can broadcast its own local wireless signal for a terminal device to connect to. By enabling AP Mode in the Wi-Fi settings, you can locally access Comet 5G in "air-gapped" or offline environments—no internet connection, external monitors, or heavy keyboards required. Note: The AP Mode connection is for device management only and does not provide an internet connection to the client device. Check out more details. Browser-based Control App Support Clientless Browser Access, No OS Limitation Securely manage your workstation's BIOS interface directly from any modern web browser, regardless of the operating system. Manage BIOS and OS settings from any web browser. Native App Support Prefer a dedicated interface? Download our app to use it on laptop, phone or tablet.Check out the App. Dedicated apps available for your computer, phone and a tablet.Check out the App. document.addEventListener("DOMContentLoaded", () => { const e = document.querySelector(".rm10rc-feature-switcher"); if (!e) return; const t = e.querySelectorAll(".feature-nav-item"), i = e.querySelectorAll(".mb-tab"), l = e.querySelectorAll(".feature-img"), n = e.querySelector(".nav-indicator"), a = e.querySelector(".mb-tab-indicator"); let s = 0, r = null; const o = e => { s = e, t.forEach((t, n) => { const o = n === e; t.classList.toggle("active", o); const s = t.querySelector(".description-box"); s && (s.style.maxHeight = o ? s.scrollHeight + "px" : "0px") }), i.forEach((t, n) => t.classList.toggle("active", n === e)), l.forEach((t, n) => t.classList.toggle("active", n === e)); const r = t[e]; r && n && (n.style.height = `${r.offsetHeight}px`, n.style.transform = `translateY(${r.offsetTop}px)`); const o = i[e]; if (o && a) { a.style.width = `${o.offsetWidth}px`, a.style.transform = `translateX(${o.offsetLeft}px)`; const e = o.closest(".mb-tabs-scroll-area"); if (e) { const t = o.offsetLeft - e.offsetWidth / 2 + o.offsetWidth / 2; e.scrollTo({ left: t, behavior: "smooth" }) } } }; if (window.ResizeObserver && n) { const e = new ResizeObserver(() => { const e = t[s]; e && (n.style.height = `${e.offsetHeight}px`, n.style.transform = `translateY(${e.offsetTop}px)`) }); t.forEach(t => e.observe(t)) } const c = () => { clearInterval(r), r = setInterval(() => { o((s + 1) % t.length) }, 5e3) };[t, i].forEach(e => { e.forEach((e, t) => { e.addEventListener("click", () => { o(t), c() }) }) }), window.addEventListener("resize", () => o(s)), o(0), c() }) Keep Your Systems on Call, 24/7 Remotely power cycle or restart any offline devices to eliminate the need for physical site visits and reduce downtime for maintenance. Wake on LAN (WOL) Wake your PC remotely using built-in WOL in GLKVM. Learn How ATX Board For reliable wake-up, use the included ATX board via USB. Shop Now Fingerbot A mechanical arm that presses your PC’s power button reliably. Shop Now Comet 5G (GL-RM10RC) Frequency Bands 5G NR 3GPP Release 17 RedCap, SA operation (Sub-6 GHz)n1 / n2 / n3 / n5 / n7 / n8 / n12 / n13 / n14 / n18 / n20 / n25 / n26 / n28 / n30 / n38 / n40 / n41 / n48 / n66 / n70 / n77 / n78 / n79 LTE-FDD B1 / B2 / B3 / B4 / B5 / B7 / B8 / B12 / B13 / B14 / B17 / B18 / B19 / B20 / B25 / B26 / B28 / B30 / B66 / B70 LTE-TDD B34 / B38 / B39 / B40 / B41 / B42 / B43 / B48 Data Center Homelab Field Support Live Concerts Ditch the Monitor, Keyboard, and Mouse Managing hardware shouldn't require carrying a physical monitor, keyboard, and mouse. With Nearby Control, Comet 5G creates its own wireless management bridge by broadcasting a local SSID. This allows you to configure and control your devices—even in network-isolated environments—using just your laptop or tablet, with no internet or physical peripherals required. Your Ultimate Network Failsafe When your primary ISP goes down, your entire home lab becomes a black box. Relying on a single connection is a risk for any power user. Comet 5G acts as your final out-of-band management tool, providing a dedicated 5G/4G cellular path back into your system. Even if your main network fails, you’re never locked out of your home infrastructure. Maintenance Without the Miles Sending a technician to a rural site just to flip a power switch is a waste of time and resources. Comet 5G provides ultra-reliable connectivity with 5G RedCap and remote power management. Restart crashed equipment or update configurations in remote areas from the comfort of your office, reducing downtime and eliminating unnecessary travel costs. Real-Time Tuning from Anywhere Managing complex AV systems for global tours usually requires lead engineers to be on-site at every stop. With Comet 5G, your top experts can monitor and tune equipment in real-time from anywhere in the world. While local staff handle the physical setup, your technical team can optimize performance remotely, ensuring a perfect show without the need for international travel. Professional Tech Press Insights The combination of 5G failover and HDMI-based remote access positions it as a small-scale management device for distributed environments, temporary field sites or systems that require out-of-band connectivity. With an upgraded 64 GB eMMC storage, it can easily store multiple OS images and large ISO files for repeated remote installations, allowing for remote system maintenance from anywhere. During that review, I also connected the KVM over 4G using my Android phone as a hotspot, but the GL.iNet Comet 5G does that in a more practical way... it automatically falls back to 5G RedCap. Every remote access tool I've used before this fails as soon as the client device goes offline, or if the local network links do... I picked up a capable KVM-over-IP device, and my home lab has never been easier to manage. Product Reviews from Youtubers Comet 5G (GL-RM10RC) Reviews Gl.iNet Beryl 7, Comet 5G and Flint 3e Revealed 6 New GL.iNet Devices You NEED to See from CES 2026 Walk up, connect, and proximity control. It’s that simple. ⚡️ View More What Beta Testers are Saying slide 8 to 10 of 3 I would really recommend you rebrand this device as the "Comet Pro 5G" not just "Comet 5G" because if I was completely unfamiliar with your products and didn't do any digging I would assume the Comet 5G was better than a Comet but worse than a Comet Pro (which is definitely not the case). @Danny I’ve been using GL.iNet’s 5G KVM in the field and it’s performed reliably. The integrated 5G makes remote access practical in places without wired connectivity, and latency has been low enough for real troubleshooting work. Setup was straightforward, and overall it’s been a useful tool for mobile deployments and off-site management. @Ryan The Comet 5G is truly a game changing addition to any homelab. Combined with the ATX Board, it gives you a professional grade BMC for a price you can actually afford. @Alexander I would really recommend you rebrand this device as the "Comet Pro 5G" not just "Comet 5G" because if I was completely unfamiliar with your products and didn't do any digging I would assume the Comet 5G was better than a Comet but worse than a Comet Pro (which is definitely not the case). @Danny I’ve been using GL.iNet’s 5G KVM in the field and it’s performed reliably. The integrated 5G makes remote access practical in places without wired connectivity, and latency has been low enough for real troubleshooting work. Setup was straightforward, and overall it’s been a useful tool for mobile deployments and off-site management. @Ryan The Comet 5G is truly a game changing addition to any homelab. Combined with the ATX Board, it gives you a professional grade BMC for a price you can actually afford. @Alexander I would really recommend you rebrand this device as the "Comet Pro 5G" not just "Comet 5G" because if I was completely unfamiliar with your products and didn't do any digging I would assume the Comet 5G was better than a Comet but worse than a Comet Pro (which is definitely not the case). @Danny I’ve been using GL.iNet’s 5G KVM in the field and it’s performed reliably. The integrated 5G makes remote access practical in places without wired connectivity, and latency has been low enough for real troubleshooting work. Setup was straightforward, and overall it’s been a useful tool for mobile deployments and off-site management. @Ryan The Comet 5G is truly a game changing addition to any homelab. Combined with the ATX Board, it gives you a professional grade BMC for a price you can actually afford. @Alexander I would really recommend you rebrand this device as the "Comet Pro 5G" not just "Comet 5G" because if I was completely unfamiliar with your products and didn't do any digging I would assume the Comet 5G was better than a Comet but worse than a Comet Pro (which is definitely not the case). @Danny I’ve been using GL.iNet’s 5G KVM in the field and it’s performed reliably. The integrated 5G makes remote access practical in places without wired connectivity, and latency has been low enough for real troubleshooting work. Setup was straightforward, and overall it’s been a useful tool for mobile deployments and off-site management. @Ryan Compare KVMs View other KVM Comet 5G (GL-RM10RC) Comet Pro (GL-RM10) Comet PoE (GL-RM1PE) Comet (GL-RM1) Comet 5G (GL-RM10RC) Comet Pro (GL-RM10) Comet PoE (GL-RM1PE) Comet (GL-RM1) Comet 5G (GL-RM10RC) Comet Pro (GL-RM10) Comet PoE (GL-RM1PE) Comet (GL-RM1) IT Maintenance Comet 5G (GL-RM10RC) Remote KVM over 5G RedCap Digital Nomad Comet Pro (GL-RM10) Remote KVM over Wi-Fi 6 IT Maintenance Comet PoE (GL-RM1PE) Remote KVM with PoE Home Lab Comet (GL-RM1) Remote KVM over Internet Display Max. Resolution Max. Resolution 4K@30FPS Max. Resolution 4K@30FPS Max. Resolution 4K@30FPS Max. Resolution 4K@30FPS Latency Latency 30-60ms* Latency 30-60ms* Latency 30-60ms* Latency 30-60ms* Two-way Audio Two-way Audio Two-way Audio Two-way Audio Two-way Audio HD Passthrough HD Passthrough HD Passthrough HD Passthrough HD Passthrough Display Screen Display Screen 3.69" touchscreen Display Screen 2.22" touchscreen Display Screen Display Screen System & Connectivity Processor Processor Quad-core Cortex-A53 Processor Quad-core Cortex-A53 Processor Quad-core Cortex-A53 Processor Quad-core Cortex-A7 Memory / Storage Memory / Storage DDR3L 1 GB / 64 GB eMMC Memory / Storage DDR3L 1 GB / 32 GB eMMC Memory / Storage DDR3L 1 GB / 32 GB eMMC Memory / Storage DDR3L 1 GB / 8 GB eMMC Operating System Operating System Linux-6.1 Operating System Linux-6.1 Operating System Linux-6.1 Operating System Linux-4.19 Wi-Fi Wi-Fi 2.4 GHz: 286 Mbps5 GHz: 286 Mbps Wi-Fi 2.4 GHz: 286 Mbps5 GHz: 286 Mbps Wi-Fi Wi-Fi Cellular Cellular 4G LTE & 5G RedCap Cellular Cellular Cellular LAN Port LAN Port 1 Gbps LAN Port 1 Gbps LAN Port 1 Gbps LAN Port 1 Gbps Power Input Power Input Type-C, 5V/3A,PD-compatible Power Input Type-C, 5V/2A,PD-compatible Power Input Ethernet (PoE) / Type-C,5V/2A, PD-compatible Power Input Type-C, 5V/2A Dimensions Dimensions 128 x 93 x 33mm / 285g Dimensions 93 x 84 x 47mm / 170g Dimensions 102 x 70 x 22mm / 140g Dimensions 80 x 60 x 17.5mm / 85g * Tests conducted on a local network. Real-world speeds may differ depending on your network configuration. function handleAnimationOne() { const t = document.querySelectorAll(".animate_one"); t.forEach(e => { let n = e.getBoundingClientRect().top, t = e.getBoundingClientRect().bottom, s = e.offsetHeight, o = window.innerHeight * .8; Math.abs(n) < o && (e.classList.value.includes("in-view") || e.classList.add("in-view")), (t < 50 || t > window.innerHeight + s - 50) && e.classList.remove("in-view") }) } window.addEventListener("scroll", handleAnimationOne) document.addEventListener("DOMContentLoaded", function () { const e = document.querySelectorAll(".router-select"), o = document.querySelectorAll(".model-comparisonp-detail"); function t() { o.forEach(e => { e.querySelectorAll(".order").forEach(e => { e.classList.remove("selected"), e.style.order = "" }) }); const t = Array.from(e).map(e => e.value); t.forEach((e, t) => { const n = document.querySelectorAll(`.model-comparisonp-detail .${e}`); n.forEach(e => { e.classList.add("selected"), e.style.order = t + 1 }) }) } function n() { const t = Array.from(e).map(e => e.value); e.forEach(e => { const n = e.value; Array.from(e.options).forEach(e => { e.disabled = !1, e.style.display = "" }), t.forEach(t => { if (t !== n) { const n = e.querySelector(`option[value="${t}"]`); n && (n.disabled = !0, n.style.display = "none") } }) }) } function i(s) { const o = s.target, i = o.value; e.forEach(e => { if (e !== o && e.value === i) { const t = Array.from(e.options).find(e => !e.disabled && e.value !== i); t && (e.value = t.value) } }), n(), t() } e.forEach(e => { e.addEventListener("change", i) }); function s() { const s = window.innerWidth >= 768; if (s) { if (e.length >= 3 && e[2].selectedIndex === -1) { const t = []; e.length >= 1 && e[0].value && t.push(e[0].value), e.length >= 2 && e[1].value && t.push(e[1].value); let n = !1; for (let s = 0; s < e[2].options.length; s++) { const o = e[2].options[s].value; if (o && !t.includes(o)) { e[2].selectedIndex = s, n = !0; break } } n || (e[2].selectedIndex = 2) } } else e.length >= 3 && (e[2].selectedIndex = -1); n(), t() } s(), window.addEventListener("resize", s) }) 5G RedCap* 4K@30FPSHDMI Passthrough H.264 hardware encodingwith 30-60ms latency BIOS Access USB 2.0External Extension Two-way Audio APP/Browser Access Self-hostedDeployment *Equipped with a global 5G RedCap module, the Comet 5G supports both 5G RedCap and 4G LTE connectivity. Technical Specifications Interface 1 x USB Type-C (Keyboard, Mouse)1 x USB 2.0 Type-A1 x Gigabit Ethernet Port1 x HDMI In1 x HDMI Out1 x Nano SIM Slot1 x Reset Button Operating System Linux 6.1 CPU Quad Core ARM Cortex-A53 Memory / Storage DDR3L 1GB / 64GB eMMC Display Screen 3.69 inch, touchscreen Wi-Fi Protocol IEEE 802.11 a/b/g/n/ac/ax Wi-Fi Speed 286Mbps (2.4GHz), 286Mbps (5GHz) Cellular 4G LTE & 5G RedCap Ethernet Port 1 x RJ45 External Antennas 1 x Celluar1 x 2.4GHz & 5GHz Internal Antenna 1 x Celluar Resolution 4K@30FPS Power Input 1 x USB Type-C (5V/3A, PD-compatible) Dimension 128 x 93 x 33mm / 285g Tools & Downloadables Datasheet | Firmware | App | Unboxing| Tutorials | Media Kit document.addEventListener("DOMContentLoaded", () => { const n = document.querySelector(".scenarios-tabs-bg"), e = document.querySelector(".scenarios-tabs-wrapper"), s = document.querySelectorAll(".rm10rc-scenarios .tab"), o = document.querySelectorAll(".rm10rc-scenarios .scene-img"), a = document.querySelectorAll(".rm10rc-scenarios .tab-content"), t = t => { if (!t) return; const s = t.offsetWidth, o = t.offsetLeft; if (n.style.setProperty("--indicator-width", `${s}px`), n.style.setProperty("--indicator-left", `${o}px`), e) { const t = e.offsetWidth, n = o - t / 2 + s / 2; e.scrollTo({ left: n, behavior: "smooth" }) } }; s.forEach(e => { e.addEventListener("click", () => { const n = e.getAttribute("data-tab"); s.forEach(e => e.classList.remove("active")), e.classList.add("active"), t(e), o.length > 0 && o.forEach(e => { e.classList.toggle("active", e.getAttribute("data-target") === n) }), a.forEach(e => { e.classList.toggle("active", e.id === n) }) }) }); const i = document.querySelector(".rm10rc-scenarios .tab.active"); i && setTimeout(() => t(i), 200), window.addEventListener("resize", () => { const e = document.querySelector(".rm10rc-scenarios .tab.active"); t(e) }) }) document.addEventListener("DOMContentLoaded", function () { const e = document.querySelectorAll('a[data-toggle="pill"][data-target]'); console.log(e), e.forEach(function (e) { e.addEventListener("click", function () { const t = this.dataset.target.split(", "); console.log(t), document.querySelectorAll(".tab-pane").forEach(e => { e.classList.remove("active", "show") }), t.forEach(function (e) { const t = document.querySelector(e); t && t.classList.add("active", "show") }) }) }) }) Show more