.home-page{height:100vh;background:var(--page-bg);flex-direction:column;height:100svh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;display:flex;overflow:hidden}.home-titlebar{background:var(--page-bg);flex-shrink:0}.home-nav-bar{align-items:center;height:44px;margin-top:8px;padding:12px 18px;display:flex}.nav-title{color:var(--text-primary);flex:1;margin-left:4px;font-size:20px;font-weight:700}.nav-search-icon-wrapper{background:var(--control-bg);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.nav-search-icon-wrapper img{opacity:.7;width:20px;height:20px}.content-scroll{scrollbar-width:none;flex:1;min-height:0;position:relative;overflow:hidden auto}.content-scroll::-webkit-scrollbar{display:none}.scrollable-header{background:var(--page-bg);z-index:10;position:relative}.home-search-wrapper{margin:10px 0 0;padding:5px 18px}.home-search-box{background:var(--control-bg);cursor:pointer;border-radius:999px;align-items:center;height:40px;padding:0 12px;display:flex}.home-search-box img{filter:brightness(0)saturate()invert(39%)sepia(0%)saturate(0%)hue-rotate()brightness()contrast();width:16px;height:16px;margin-right:4px}.home-search-box input{color:#323233;cursor:pointer;background:0 0;border:0;outline:0;flex:1;width:0;height:100%;padding:0 0 0 4px;font-size:14px}.home-search-box input::placeholder{color:#646566;font-size:16px;font-weight:400}.scrollable-category-slider{z-index:99;scrollbar-width:none;background:var(--page-bg);border-bottom:none;gap:12px;padding:8px 18px;display:flex;position:sticky;top:0;overflow-x:auto}.scrollable-category-slider::-webkit-scrollbar{display:none}.scrollable-category-slider.sticky{border-bottom:1px solid var(--border-secondary)}.scrollable-category-card{background:var(--control-bg);color:#323233;border:1px solid #0000;border-radius:20px;flex:none;align-items:center;padding:8px 12px;font-size:14px;transition:background-color .5s,color .5s;display:flex}.scrollable-category-card.active{color:#fff;background:#000}.scrollable-category-icon{opacity:.8;flex-shrink:0;width:16px;height:16px;margin-right:6px}.scrollable-category-card.active .scrollable-category-icon{opacity:1}.scrollable-category-name{white-space:nowrap;font-weight:500}.home-content{width:100%;padding:0}.home-page .section-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin:16px 0 8px;padding:0 18px;font-size:16px;font-weight:500;display:flex}.category-divider{background:var(--border-secondary);height:.8px;margin:12px 18px}.mobile-tool-swipe{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;position:relative;overflow:hidden;transform:translateZ(0)}.tool-swipe-track{transition:transform .5s;display:flex}.tool-swipe-page{flex:0 0 100%;width:100%;min-width:0}.mobile-swipe-grid{grid-template-columns:repeat(var(--home-columns,2), minmax(0, 1fr));grid-template-rows:repeat(3,auto);gap:clamp(8px,1vw,14px);padding:0 10px 24px;display:grid}.mobile-card{text-align:left;background:0 0;border-radius:0;flex-direction:row;align-items:center;min-height:60px;padding:8px 10px;display:flex}.mobile-card .tool-icon{flex-shrink:0;width:28px;height:28px;margin-right:8px}.mobile-card .tool-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.mobile-card .tool-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:500;line-height:1.2;overflow:hidden}.mobile-card .tool-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;display:block;overflow:hidden}.custom-indicator{align-items:center;gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.custom-indicator i{background:#ccc;border-radius:50%;width:4px;height:4px;transition:all .3s}.custom-indicator i.active{background:#333;border-radius:2px;width:12px}@media (prefers-color-scheme:dark){.scrollable-category-card{color:#e5e5e7}.scrollable-category-card.active{color:#000;background:#fff}.custom-indicator i{background:#666}.custom-indicator i.active{background:#ccc}}.home-page{background:var(--bg-primary);font-family:inherit}.home-titlebar,.scrollable-header,.scrollable-category-slider{background:var(--bg-primary)}.home-nav-bar{width:100%;margin:8px auto 0}.nav-title{font-size:22px;font-weight:400}.nav-search-icon-wrapper,.home-search-box{border:1px solid var(--border-primary);background:var(--page-bg);box-shadow:var(--surface-shadow);border-radius:8px}.home-search-box input,.home-search-box input::placeholder{color:var(--text-secondary);font-size:14px}.scrollable-category-slider{gap:8px;padding-block:10px}.scrollable-category-card{background:var(--page-bg);border-color:var(--border-primary);box-shadow:var(--surface-shadow);color:var(--text-secondary);border-radius:8px;transition:all .2s linear}.scrollable-category-card:hover{color:var(--theme-primary);border-color:var(--colorPrimary6)}.scrollable-category-card.active{background:var(--colorPrimary1);border-color:var(--colorPrimary1);color:var(--colorWhite1)}.home-content{max-width:1700px;margin-inline:auto}.home-page .section-title{margin-top:20px;font-size:14px;font-weight:500}.mobile-swipe-grid{gap:8px;padding-inline:18px}.mobile-card{background:var(--card-bg);min-height:60px;box-shadow:var(--surface-shadow);border-radius:10px;padding:10px 14px;transition:all .2s linear}.mobile-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-1px)}.mobile-card .tool-title{font-size:14px;line-height:20px}.mobile-card .tool-desc{font-size:12px;line-height:17px}.custom-indicator i.active{background:var(--theme-primary)}@media (prefers-color-scheme:dark){.scrollable-category-card.active{background:var(--colorPrimary1);color:var(--colorWhite1)}.mobile-card{background:var(--card-bg)}}.search-page{min-height:100vh;background:var(--page-bg);flex-direction:column;min-height:100svh;display:flex}.search-shell .search-header{background:var(--page-bg);z-index:10;box-sizing:border-box;align-items:center;gap:8px;width:100%;padding:10px 16px;display:flex;position:sticky;top:0}.search-shell .nav-back-icon-wrapper{background:var(--control-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:2px;margin-right:8px;display:flex}.search-shell .nav-back-icon-wrapper img{width:22px;height:22px}.search-shell .search-input-wrapper{background:var(--control-bg);box-sizing:border-box;border-radius:20px;flex:1;align-items:center;min-width:0;height:40px;padding:0 12px;display:flex}.search-shell .search-icon{opacity:.5;width:20px;height:20px;margin-right:8px}.search-shell .search-input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1;height:100%;padding:1px 2px;font-size:16px}.search-shell .search-input:focus-visible{outline:none}.search-shell .clear-search{align-items:center;display:flex}.search-shell .clear-search img{opacity:.5;width:20px;height:20px}.search-shell .search-right-action{flex-shrink:0;align-items:center;height:28px;margin-left:4px;padding:0 4px 0 10px;display:flex}.search-shell .search-divider{background:#ccc;width:1px;height:16px;margin-right:12px}.search-shell .search-btn-text{color:var(--theme-primary);white-space:nowrap;font-size:16px;font-weight:500}.search-shell .suggestions-list-panel{background:var(--bg-primary);z-index:2000;padding:0 16px;position:fixed;inset:60px 0 0;overflow-y:auto}.search-shell .suggestion-item{width:100%;height:50px;color:var(--text-primary);text-align:left;border-bottom:1px solid #0000000d;align-items:center;font-size:16px;display:flex}.search-shell .suggestion-icon-left{opacity:.4;width:20px;height:20px;margin-right:12px}.search-shell .suggestion-item span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.search-shell .search-results{flex:1;padding:0 16px;overflow-y:auto}.search-shell .tools-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.search-shell .search-result-card{background:var(--bg-secondary);text-align:center;border-radius:12px;flex-direction:column;align-items:center;padding:16px;display:flex}.search-shell .search-result-card svg{width:48px;height:48px;margin-bottom:8px}.search-shell .result-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500}.search-shell .result-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.search-shell .no-results{text-align:center;color:var(--text-secondary);margin-top:40px;font-size:14px}.search-shell .empty-state{text-align:left;margin-top:10px;padding:0 12px}.search-shell .hot-title{color:#333;margin:0 0 16px;font-size:14px;font-weight:600}.search-shell .hot-list{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.search-shell .hot-item{color:#333;text-align:left;align-items:center;font-size:14px;display:flex;overflow:hidden}.search-shell .hot-item>span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:80%;overflow:hidden}.search-shell .hot-tag{color:#fff;background:#ff8200;border-radius:4px;margin-left:6px;padding:1px 3px;font-size:10px;line-height:1.2}@media (prefers-color-scheme:dark){.search-shell .hot-title,.search-shell .hot-item{color:var(--text-primary)}}.search-shell,.search-shell *{box-sizing:content-box}.search-shell .tool-footer{box-sizing:border-box}.search-page{background:var(--bg-primary)}.search-shell .search-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.search-shell .nav-back-icon-wrapper,.search-shell .search-input-wrapper{background:var(--page-bg);border:1px solid var(--border-primary);box-shadow:var(--surface-shadow);border-radius:8px}.search-shell .search-input,.search-shell .search-btn-text{font-size:14px}.search-shell .suggestions-list-panel{background:var(--bg-primary)}.search-shell .suggestion-item{border-color:var(--border-primary);height:44px;font-size:14px}.search-shell .tools-grid{gap:8px}.search-shell .search-result-card{background:var(--card-bg);box-shadow:var(--surface-shadow);border-radius:10px;padding:14px;transition:all .2s linear}.search-shell .search-result-card:hover{box-shadow:var(--hover-shadow)}.search-shell .hot-title,.search-shell .hot-item{color:var(--text-primary);font-weight:500}.search-shell .hot-tag{background:var(--colorPrimary1);border-radius:4px}.runtime-tool-host,.runtime-tool-mount{min-height:100vh;flex-direction:column;min-height:100svh;display:flex}.runtime-message{text-align:center;color:var(--text-secondary);padding:24px}.runtime-message button,.runtime-message a{color:var(--theme-primary);margin:8px}:root{color:var(--colorBlack3);background:var(--colorBackground);--colorPrimary1:#4550ff;--colorPrimary2:#4550ffe6;--colorPrimary3:#4550ffcc;--colorPrimary4:#4550ff99;--colorPrimary5:#4550ff66;--colorPrimary6:#4550ff4d;--colorPrimary7:#4550ff1a;--colorPrimary8:#4550ff14;--colorBlack1:#283248;--colorBlack2:#283248e6;--colorBlack3:#283248cc;--colorBlack4:#283248b3;--colorBlack5:#28324899;--colorBlack6:#28324880;--colorBlack7:#28324866;--colorBlack8:#2832484d;--colorBlack9:#28324840;--colorBlack10:#2832481a;--colorBlack11:#2832480f;--colorBlack12:#28324808;--colorWhite1:#fff;--colorWhite2:#ffffffe6;--colorWhite3:#fffc;--colorWhite4:#ffffffb3;--colorWhite5:#fff9;--colorWhite6:#ffffff80;--colorWhite7:#fff6;--colorWhite8:#ffffff4d;--colorWhite9:#ffffff40;--colorWhite10:#ffffff1a;--colorWhite11:#ffffff0f;--colorWhite12:#ffffff08;--colorNav1:#283248;--colorNav8:var(--colorWhite1);--colorNav9:var(--colorPrimary1);--colorNav12:var(--colorPrimary7);--colorBackground:#f7f8fd;--colorBackgroundWhite:var(--colorWhite1);--colorSuccess:#36b285;--colorLink:var(--colorPrimary1);--colorMask1:#000000b3;--colorMask2:#0000004d;--colorMask3:#00000040;--surface-shadow:#2832480f 0 0 1px 1px;--hover-shadow:#0000001a 0 4px 10px 0;--bg-primary:var(--colorBackground);--bg-secondary:var(--colorPrimary8);--page-bg:var(--colorBackgroundWhite);--card-bg:var(--colorBackgroundWhite);--control-bg:var(--colorPrimary8);--text-primary:var(--colorBlack3);--text-secondary:var(--colorBlack5);--border-primary:var(--colorBlack11);--border-secondary:var(--colorBlack10);--theme-primary:var(--colorPrimary1);font-family:Microsoft YaHei,Arial,Segoe UI Emoji,Segoe UI Symbol,sans-serif,SimSun,Mongolian Baiti}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body{font-size:12px;line-height:1.4}#app{min-height:100vh;flex-direction:column;min-height:100svh;display:flex}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--theme-primary);outline-offset:2px}a{color:inherit}.site-footer{text-align:center;background:var(--page-bg);border-top:1px solid var(--border-primary);color:var(--text-secondary);padding:16px 0}.registration{margin-top:8px}.registration a{font-size:12px;text-decoration:none}.security-info{font-size:12px;line-height:24px}.security-info a{vertical-align:middle;align-items:center;text-decoration:none;display:inline-flex}.security-info img{object-fit:contain;width:18px;height:18px;margin:0 4px}.tool-footer{width:100%;min-height:48px;padding:12px 16px calc(32px + env(safe-area-inset-bottom,0px));box-sizing:border-box;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;margin-top:auto;display:flex}.footer-text{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.provider-text{color:#0009;font-size:12px;line-height:1.4}.action-text{color:#005bf7;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none}.status-page{background:var(--page-bg);min-height:100svh;padding:18px}.status-page header{align-items:center;gap:12px;display:flex}.status-page header img{width:22px;height:22px}.status-page h1{margin:0;font-size:20px}.status-page p{color:var(--text-secondary);margin:48px 0 20px}@media (prefers-color-scheme:dark){:root{color:var(--colorWhite2);background:var(--colorNav1);--bg-primary:var(--colorNav1);--bg-secondary:var(--colorWhite10);--page-bg:var(--colorNav1);--card-bg:#354058;--control-bg:var(--colorWhite10);--text-primary:var(--colorWhite2);--text-secondary:var(--colorWhite5);--border-primary:var(--colorWhite11);--border-secondary:var(--colorWhite10)}.provider-text{color:#fff9}}@font-face{font-family:SourceIcons;src:url(/assets/fonts/source-icons.woff2)format("woff2");font-weight:400;font-style:normal;font-display:auto}.source-back-icon{color:#323233;text-rendering:auto;-webkit-font-smoothing:antialiased;font:400 22px/1 SourceIcons;display:inline-block;position:relative}.runtime-tool-mount .page-wrapper[data-v-6a4d3664]:not(.no-toolbar)>.page-container,.runtime-tool-mount .page-wrapper[data-v-3f53e0bc]:not(.no-toolbar)>.page-container,.runtime-tool-mount .page-wrapper[data-v-164641c4]:not(.no-toolbar)>.page-container,.runtime-tool-mount .time-converter-container:not(.no-toolbar)>.content[data-v-576eed08]{margin-top:60px}.runtime-tool-mount.hardware-ranking-runtime .page-wrapper[data-v-6a4d3664]>.top-bar{pointer-events:none}.runtime-tool-mount.hardware-ranking-runtime .page-wrapper[data-v-6a4d3664] .nav-back-icon-wrapper{pointer-events:auto}.runtime-tool-mount .option-item.selected[data-v-036ca1de]{border-color:var(--primary-color,#1989fa);background:color-mix(in srgb, var(--primary-color,#1989fa) 12%, var(--card-bg,#fff))}.runtime-tool-mount .text-line-remover-container .clear-btn,.runtime-tool-mount .text-line-remover-container .copy-btn,.runtime-tool-mount .file-base64-converter-container select{box-sizing:border-box}.runtime-tool-mount .submit-answer[data-v-036ca1de]{width:100%;margin-top:16px}.runtime-tool-mount .scenic-load-error{color:var(--text-secondary);padding:12px 0}.runtime-tool-mount .scenic-load-error button,.runtime-tool-mount .error-msg[data-v-47cf2757] button{border:1px solid var(--primary-color,#1989fa);color:var(--primary-color,#1989fa);cursor:pointer;background:0 0;border-radius:16px;padding:6px 20px}.runtime-tool-mount .oil-error,.runtime-tool-mount .oil-loading{color:var(--text-secondary);padding:16px}.runtime-tool-mount .oil-error button{border:1px solid var(--primary-color,#1989fa);color:var(--primary-color,#1989fa);cursor:pointer;background:0 0;border-radius:16px;padding:6px 20px}.runtime-tool-mount{--primary-color:var(--colorPrimary1);--bg-color:var(--bg-primary);--card-bg:var(--page-bg);--text-color:var(--text-primary);--border-color:var(--border-primary)}.runtime-tool-mount .page-wrapper{background:var(--bg-primary);color:var(--text-primary)}.runtime-tool-mount .top-bar{background:var(--bg-primary);border-bottom:1px solid var(--border-primary)}.runtime-tool-mount .nav-title{font-size:22px;font-weight:400}.runtime-tool-mount .nav-back-icon-wrapper{background:var(--card-bg);box-shadow:var(--surface-shadow);border-radius:8px}.runtime-tool-mount :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){border-radius:6px}.runtime-tool-mount :is(input,textarea,select):focus-visible{outline:2px solid var(--colorPrimary6);outline-offset:1px}.runtime-tool-mount :is(.card,.result-card,.input-card,.tool-card){box-shadow:var(--surface-shadow);border-radius:10px}.runtime-tool-mount :is(.primary-btn,.submit-btn,.generate-btn,.convert-btn,.copy-btn,.download-btn):not(:disabled){border-radius:8px}.runtime-tool-mount :is(.primary-btn,.submit-btn,.generate-btn,.convert-btn):not(:disabled):hover{filter:brightness(1.04)}.runtime-tool-mount :is(.progress,.progress-bar){border-radius:2px}@media (prefers-color-scheme:dark){.runtime-tool-mount{--card-bg:#354058}.runtime-tool-mount .page-wrapper,.runtime-tool-mount .top-bar{color:var(--text-primary)}}