:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--primary-ring: rgba(37,99,235,0.35);--indigo: #4f46e5;--bg: #ffffff;--bg-soft: #f8fafc;--bg-blue: #f0f7ff;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #4b5563;--text-3: #9ca3af;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #f0fdf4;--warning: #d97706;--warning-soft: #fffbeb;--info: #0891b2;--info-soft: #ecfeff;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(17,24,39,0.05);--shadow: 0 4px 14px rgba(17,24,39,0.08);--shadow-lg: 0 10px 30px rgba(17,24,39,0.12);--font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;font-family: var(--font);font-size: 15px;line-height: 1.6;color: var(--text);background: var(--bg)}a{color: var(--primary);text-decoration: none;transition: color .15s}a:hover{color: var(--primary-hover)}img{max-width: 100%}h1,h2,h3,h4,h5,h6{margin: 0 0 .5em;line-height: 1.3;color: var(--text)}p{margin: 0 0 .9em}ul,ol{margin: 0;padding: 0;list-style: none}hr{border: 0;border-top: 1px solid var(--border);margin: 24px 0}code{font-family: var(--mono);font-size: .9em;background: var(--bg-soft);border: 1px solid var(--border);border-radius: 5px;padding: 1px 6px}pre{font-family: var(--mono);background: #0f172a;color: #e2e8f0;padding: 16px;border-radius: var(--radius);overflow-x: auto}.container{max-width: 1200px;margin: 0 auto;padding: 0 20px}.row{display: flex;flex-wrap: wrap;margin: 0 -10px}.row>[class*="col-"]{padding: 0 10px}.middle-xs{align-items: center}.center-xs{justify-content: center}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-3,.col-lg-4,.col-sm-4{flex: 0 0 auto;width: 100%}.col-xs{flex: 1 1 0}.col-xs-1{width: 8.3333%}.col-xs-2{width: 16.6667%}.col-xs-3{width: 25%}.col-xs-4{width: 33.3333%}.col-xs-5{width: 41.6667%}.col-xs-6{width: 50%}.col-xs-7{width: 58.3333%}.col-xs-8{width: 66.6667%}.col-xs-9{width: 75%}.col-xs-10{width: 83.3333%}.col-xs-11{width: 91.6667%}.col-xs-12{width: 100%}@media (min-width: 768px){.col-sm-4{width: 33.3333%}.hidden-md{display: none !important}}@media (min-width: 992px){.col-md-1{width: 8.3333%}.col-md-2{width: 16.6667%}.col-md-3{width: 25%}.col-md-4{width: 33.3333%}.col-md-5{width: 41.6667%}.col-md-6{width: 50%}.col-md-7{width: 58.3333%}.col-md-8{width: 66.6667%}.col-md-9{width: 75%}.col-md-10{width: 83.3333%}.col-md-11{width: 91.6667%}.col-md-12{width: 100%}.col-md-offset-1{margin-left: 8.3333%}.col-md-offset-2{margin-left: 16.6667%}.col-md-offset-3{margin-left: 25%}.col-md-offset-0{margin-left: 0}.col-lg-3{width: 25%}.col-lg-4{width: 33.3333%}.col-xs-offset-2{margin-left: 16.6667%}.col-xs-offset-3{margin-left: 25%}.hidden-md{display: none !important}}@media (max-width: 991px){.hidden-xs,.hidden-sm{display: none !important}}.hidden{display: none !important}.page-header{position: sticky;top: 0;z-index: 100;background: rgba(255,255,255,0.92);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--border)}.page-header .row{align-items: center;padding: 12px 0}.header-inner{min-height: 64px;display: flex;align-items: center;gap: 24px}.site-title{flex: 0 0 auto;display: inline-flex;align-items: center;height: 40px;line-height: 1}.site-title img{width: auto;height: 56px;display: block}.nav-container{flex: 1 1 auto;display: flex;align-items: center}.navbar{display: flex;align-items: center;min-height: 40px}.nav-menu{display: flex;align-items: center;gap: 4px}.nav-item{position: relative}.nav-item>a{height: 40px;display: flex;align-items: center;padding: 0 16px;border-radius: 8px;color: var(--text-2);font-size: 15.5px;font-weight: 600}.nav-item>a:hover{color: var(--primary);background: var(--primary-soft)}.dropdown-menu{position: absolute;top: 100%;left: 0;z-index: 120;min-width: 220px;margin-top: 6px;padding: 8px;background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);display: none}.nav-item:hover .dropdown-menu{display: block}.dropdown-menu::before{content: "";position: absolute;top: -12px;left: 0;right: 0;height: 12px}.dropdown-item{border-radius: 8px}.dropdown-item a{display: flex;align-items: center;gap: 8px;padding: 8px 10px;color: var(--text-2);font-size: 14px}.dropdown-item a:hover{background: var(--bg-soft);color: var(--primary)}.dropdown-item i{width: 18px;text-align: center}.search-form{flex: 0 0 300px;display: flex;justify-content: flex-end;min-width: 260px}.search-form .input-group{display: flex;width: 100%;max-width: 300px;min-width: 0;height: 40px;align-items: stretch;overflow: hidden;border: 1px solid var(--border);border-radius: 10px;background: var(--bg-soft)}.search-form input{flex: 1 1 auto;min-width: 0;height: 40px;border: 0;border-radius: 0;padding: 0 14px;font-size: 14px;outline: none;background: transparent}.search-form .input-group:focus-within{background: #fff;border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-ring)}.btn-search{flex: 0 0 44px;width: 44px;height: 40px;align-items: center;justify-content: center;border: 0;border-left: 1px solid var(--border);border-radius: 0;background: transparent;padding: 0;cursor: pointer}.btn-search:hover{color: var(--primary)}.header-actions{margin-left: auto;display: flex;align-items: center;gap: 6px}.link-search,.link-category,.theme-toggle{width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;border: 1px solid var(--border);border-radius: 8px;background: #fff;color: var(--text-2);padding: 0;line-height: 1;cursor: pointer;font-family: var(--font)}.theme-toggle i{font-size: 18px;line-height: 1}.link-search:hover,.link-category:hover,.theme-toggle:hover{color: var(--primary);border-color: var(--primary);background: var(--primary-soft)}@media (min-width: 992px){.mobile-header-action{display: none !important}}.breadcrumb-wrap{background: var(--bg-soft);border-bottom: 1px solid var(--border)}.breadcrumb{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;padding: 10px 0;font-size: 13.5px}.breadcrumb li{display: flex;align-items: center;gap: 6px;color: var(--text-3)}.breadcrumb li + li::before{content: "/";color: var(--border-strong);margin-right: 6px}.breadcrumb a{color: var(--text-2)}.breadcrumb a:hover{color: var(--primary)}.breadcrumb .active{color: var(--text);font-weight: 500}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 9px 18px;font-size: 14px;font-weight: 500;line-height: 1.4;border: 1px solid transparent;border-radius: 8px;cursor: pointer;background: transparent;color: var(--text);text-decoration: none;transition: all .15s;white-space: nowrap;font-family: var(--font)}.btn:disabled{opacity: .55;cursor: not-allowed}.btn-primary{background: var(--primary);color: #fff}.btn-primary:hover{background: var(--primary-hover);color: #fff;box-shadow: var(--shadow-sm)}.btn-primary:focus{outline: none;box-shadow: 0 0 0 3px var(--primary-ring)}.btn-default{background: #fff;border-color: var(--border-strong);color: var(--text-2)}.btn-default:hover{border-color: var(--primary);color: var(--primary)}.btn-info{background: var(--info-soft);border-color: #a5f3fc;color: var(--info)}.btn-info:hover{background: #cffafe}.btn-success{background: var(--success);color: #fff}.btn-success:hover{background: #15803d;color: #fff}.btn-danger,.btn-error{background: var(--danger);color: #fff}.btn-danger:hover,.btn-error:hover{background: #b91c1c;color: #fff}.btn-warning{background: var(--warning);color: #fff}.btn-warning:hover{background: #b45309;color: #fff}.btn-copy,.btn-copy-code,.btn-copy-result{background: var(--warning) !important;border-color: var(--warning) !important;color: #fff !important}.btn-copy:hover,.btn-copy-code:hover,.btn-copy-result:hover{background: #b45309 !important;border-color: #b45309 !important;color: #fff !important}.btn-secondary{background: var(--bg-soft);border-color: var(--border);color: var(--text-2)}.btn-secondary:hover{border-color: var(--border-strong);color: var(--text)}.btn-outline{background: #fff;border-color: var(--primary);color: var(--primary)}.btn-outline:hover{background: var(--primary-soft)}.btn-sm{padding: 5px 12px;font-size: 13px;border-radius: 6px}.btn-xs{padding: 2px 8px;font-size: 12px;border-radius: 5px}.btn-lg{padding: 11px 26px;font-size: 16px;border-radius: 10px}.btn-block{display: flex;width: 100%}.btn-group,.button-group{display: flex;gap: 8px;flex-wrap: wrap}.btn-loading{pointer-events: none;opacity: .7}.bg-primary{background: var(--primary) !important;color: #fff}.bg-info{background: var(--info-soft) !important}.bg-success{background: var(--success-soft) !important}.bg-light,.bg-default{background: var(--bg-soft) !important}.bg-white{background: #fff !important}.bg-gray{background: var(--bg-soft) !important}.bg-secondary{background: var(--bg-soft) !important;color: var(--text-2)}.bg-transparent{background: transparent !important}.form-control{display: block;width: 100%;padding: 10px 14px;font-size: 14.5px;color: var(--text);background: #fff;border: 1px solid var(--border-strong);border-radius: 8px;outline: none;transition: border-color .15s,box-shadow .15s;font-family: var(--font)}textarea.form-control{min-height: 220px;font-family: var(--mono);font-size: 14px;line-height: 1.6;resize: vertical}.form-control:focus{border-color: var(--primary);box-shadow: 0 0 0 3px var(--primary-ring)}.form-control-lg{min-height: 320px;font-size: 15px}.form-control-xl{min-height: 420px;font-size: 15px}.form-group{margin-bottom: 16px}.form-group .row{margin-bottom: 12px}.form-group-item-center{align-items: center}.control-label,.form-label,.option-label{display: block;font-size: 14px;font-weight: 500;color: var(--text-2);padding: 8px 0}.required::after{content: " *";color: var(--danger)}.custom-option{display: inline-flex;align-items: center;gap: 6px;margin-right: 16px;font-weight: 400}.custom-option input{accent-color: var(--primary)}.custom-input-item,.custom-input-list{display: flex;flex-wrap: wrap;gap: 6px 12px}.custom-input-item label{display: inline-flex;align-items: center;gap: 5px}.checkbox-primary{accent-color: var(--primary)}.input-group{display: flex;align-items: stretch}.input-group .form-control{border-radius: 8px 0 0 8px}.input-group-append,.input-group-prepend{display: flex}.input-group-append .btn,.input-group-prepend .btn{border-radius: 0 8px 8px 0}.input-group-lg .form-control{padding: 12px 16px;font-size: 15px}.input-group-text{display: flex;align-items: center;padding: 0 14px;background: var(--bg-soft);border: 1px solid var(--border-strong);color: var(--text-2);font-size: 14px}.has-error .form-control{border-color: var(--danger)}.error-ico{display: inline-block;margin-left: 6px;color: var(--danger);font-style: normal}.error-ico::before{content: "!";display: inline-flex;width: 16px;height: 16px;border: 1px solid var(--danger);border-radius: 50%;font-size: 11px;line-height: 14px;text-align: center}.text-error,.label-error,.error-text{color: var(--danger)}.label{display: inline-block;padding: 2px 10px;border-radius: 999px;font-size: 12.5px;font-weight: 500}.label-success{background: var(--success-soft);color: var(--success)}.label-info{background: var(--info-soft);color: var(--info)}.label-error{background: var(--danger-soft);color: var(--danger)}.label-sm{font-size: 12px}.content-header{padding: 30px 0 8px}.tool-title{font-size: 30px;font-weight: 700;letter-spacing: -0.4px;margin: 10px 0 6px}.tool-meta{margin: 4px 0 8px}.tool-summary{color: var(--text-2);font-size: 15px;max-width: 760px}.tool-summary .api-color{color: var(--primary);font-size: 13.5px;margin-top: 8px}.tool-summary .api-color a{word-break: break-all}.content-container{padding: 18px 0 40px}.row-layout{align-items: flex-start}.tool-body,.tool-content-container{margin-bottom: 18px}.form-control-group{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);height: 100%;display: flex;flex-direction: column}.form-control-group-header{display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 11px 16px;border-bottom: 1px solid var(--border);font-size: 14px;font-weight: 600;background: var(--bg-soft)}.form-control-group-header.flexible>span{flex: 1}.form-control-group-body{padding: 14px;flex: 1;display: flex;flex-direction: column}.form-control-group-body .form-control{flex: 1}.form-control-group-footer{display: flex;gap: 8px;flex-wrap: wrap;padding: 11px 16px;border-top: 1px solid var(--border);background: var(--bg-soft)}.form-control-group-footer.text-right{justify-content: flex-end}.tool-content-wrap{margin-top: 16px}.tool-content-header{font-size: 16px;font-weight: 600;margin-bottom: 10px;display: flex;align-items: center;gap: 8px}.result-section,.result-area,.tool-content-result-wrap{margin-top: 16px}.result-title{font-size: 15px;font-weight: 600;margin-bottom: 8px;display: flex;align-items: center;gap: 8px}.result-content,.text-converted-result{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: 14px;font-family: var(--mono);font-size: 14px;word-break: break-all;max-height: 480px;overflow-y: auto}.hexcon-results{display: flex;flex-direction: column;gap: 10px;max-height: none;overflow: visible}.hexcon-results .input-group-append .btn{min-width: 92px;justify-content: center}.md5-results{display: flex;flex-direction: column;gap: 12px}.md5-results label{display: flex;flex-direction: column;gap: 6px;margin: 0}.md5-results label>span{color: var(--text-2);font-size: 13px;font-weight: 600}.md5-results .input-group-append .btn{min-width: 78px;justify-content: center}.password-setting-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.password-setting-grid label{display: flex;flex-direction: column;gap: 6px;margin: 0}.password-setting-grid label>span{color: var(--text-2);font-size: 13px;font-weight: 600}.password-results{font-family: var(--mono);min-height: 360px;resize: vertical}.password-summary{color: var(--text-2);font-size: 13px}.randomizer-setting-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.randomizer-setting-grid label{display: flex;flex-direction: column;gap: 6px;margin: 0}.randomizer-setting-grid label>span{color: var(--text-2);font-size: 13px;font-weight: 600}.randomizer-results{font-family: var(--mono);min-height: 360px;resize: vertical}.randomizer-summary{color: var(--text-2);font-size: 13px}.uuid-setting-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.uuid-setting-grid label{display: flex;flex-direction: column;gap: 6px;margin: 0}.uuid-setting-grid label>span{color: var(--text-2);font-size: 13px;font-weight: 600}.uuid-results{font-family: var(--mono);min-height: 360px;resize: vertical}.uuid-summary{color: var(--text-2);font-size: 13px}.timestamp-now-bar{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 14px;margin-bottom: 16px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--bg-soft)}.timestamp-now-bar>div{min-width: 0}.timestamp-now-label,.timestamp-now-ms{color: var(--text-2);font-size: 13px}.timestamp-now-bar strong{display: inline-block;margin: 0 8px;font-family: var(--mono);font-size: 18px}.timestamp-now-actions{display: flex;align-items: center;justify-content: flex-end;gap: 8px;flex-shrink: 0}.timestamp-now-actions .btn{white-space: normal}.timestamp-field{display: flex;flex-direction: column;gap: 6px;margin: 0}.timestamp-field>span,.timestamp-results label>span{color: var(--text-2);font-size: 13px;font-weight: 600}.timestamp-segmented{display: flex;flex-wrap: wrap;gap: 8px}.timestamp-segmented label{margin: 0}.timestamp-segmented input{margin-right: 5px}.timestamp-results{display: flex;flex-direction: column;gap: 12px}.timestamp-results label{display: flex;flex-direction: column;gap: 6px;margin: 0}.timestamp-results .input-group-append .btn{min-width: 78px;justify-content: center}.timestamp-summary{color: var(--text-2);font-size: 13px}.no-result,.noresult{color: var(--text-3);text-align: center;padding: 30px 0}.muted-param{color: var(--text-3);font-size: 13px}.code-option-panel{border: 1px solid var(--border);border-radius: var(--radius-lg);background: #fff;box-shadow: var(--shadow-sm);overflow: hidden}.code-option-heading{display: flex;align-items: center;gap: 8px;padding: 11px 16px;border-bottom: 1px solid var(--border);background: var(--bg-soft);color: var(--text);font-size: 14px;font-weight: 600}.code-option-heading i{color: var(--primary)}.code-option-grid{display: grid;grid-template-columns: repeat(2,minmax(220px,1fr));gap: 12px;padding: 14px 16px;border-bottom: 1px solid var(--border)}.code-option-field{display: grid;gap: 6px;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.code-option-section-grid{display: grid;grid-template-columns: 1fr 2fr 1fr;gap: 0}.code-option-section{padding: 14px 16px 16px;border-right: 1px solid var(--border)}.code-option-section:last-child{border-right: 0}.code-option-section-title{margin-bottom: 10px;color: var(--text);font-size: 13.5px;font-weight: 700}.code-option-list{display: flex;flex-direction: column;gap: 9px}.code-option-check{display: grid;grid-template-columns: 16px minmax(0,1fr);gap: 8px;align-items: start;margin: 0;color: var(--text-2);font-size: 13.5px;line-height: 1.45;cursor: pointer}.code-option-check input{margin: 2px 0 0;accent-color: var(--primary)}.code-option-check code{padding: 1px 5px;border-radius: 5px}.tool-desc{margin-top: 26px;background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 24px 26px;box-shadow: var(--shadow-sm)}.tool-desc-heading{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 600;padding-bottom: 12px;border-bottom: 1px solid var(--border);margin-bottom: 14px}.tool-desc-heading i{color: var(--primary)}.tool-desc-body{color: var(--text-2);font-size: 14.5px;line-height: 1.85}.tool-desc-body h2,.tool-desc-body h3{margin-top: 1.2em;color: var(--text)}.tool-desc-entry{margin-bottom: 10px}.tool-desc table{width: 100%;border-collapse: collapse;margin: 12px 0}.tool-desc table th,.tool-desc table td{border: 1px solid var(--border);padding: 8px 12px;font-size: 14px;text-align: left}.tool-desc table th{background: var(--bg-soft)}.hero{background: linear-gradient(180deg,var(--bg-blue) 0%,#ffffff 100%);border-bottom: 1px solid var(--border);padding: 64px 0 56px}.hero .row{align-items: center}.hero-content h2{font-size: 34px;font-weight: 800;letter-spacing: -0.8px;margin-bottom: 12px}.hero-content .lead{font-size: 17px;color: var(--text-2);max-width: 560px}.hero-content .hidden-xs{color: var(--text-3);font-size: 14px}.category-title{display: flex;justify-content: space-between;align-items: center;margin: 34px 0 16px;font-size: 20px;font-weight: 700}.category-title>span{display: inline-flex;align-items: center;gap: 8px}.category-title>span i{color: var(--primary)}.category-title .red i{color: var(--danger)}.category-title a{font-size: 13.5px;font-weight: 500;color: var(--text-3);display: inline-flex;align-items: center}.category-title a:hover{color: var(--primary)}.category-card-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: 16px;margin: 18px 0 8px}.category-card{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 20px;transition: all .18s;display: block;color: var(--text)}.category-card:hover{border-color: var(--primary);box-shadow: var(--shadow);transform: translateY(-2px);color: var(--text)}.category-card .category-card-icon{width: 44px;height: 44px;border-radius: 12px;background: var(--primary-soft);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 20px;margin-bottom: 12px}.category-card h3{font-size: 16px;font-weight: 600;margin: 0 0 4px}.category-card p{font-size: 13.5px;color: var(--text-2);margin: 0;line-height: 1.55}.tool-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 16px;margin: 0 0 10px}.tool-grid .tool-title{display: block;height: 100%}.tool-item{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 16px 18px;height: 100%;transition: all .18s}a.tool-title:hover .tool-item{border-color: var(--primary);box-shadow: var(--shadow);transform: translateY(-2px)}.tool-item-header{display: flex;align-items: center;gap: 12px;margin-bottom: 8px}.tool-item-header img{width: 42px;height: 42px;border-radius: 10px}.tool-item-header h3{margin: 0;font-size: 15px;font-weight: 600}.tool-item-header h3>div:first-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tool-tips{font-size: 12px;color: var(--text-3);font-weight: 400;font-family: var(--mono)}.tool-item-body p{margin: 0;font-size: 13.5px;color: var(--text-2);line-height: 1.55;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.category-section{padding: 28px 0 44px}.category-info-header{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;background: #fff;border: 1px solid var(--border);border-radius: 8px;padding: 24px 26px;box-shadow: var(--shadow-sm);margin-bottom: 20px}.category-info-main{min-width: 0}.category-info-title{display: flex;align-items: center;gap: 14px}.category-icon-box{width: 54px;height: 54px;border-radius: 8px;background: var(--primary-soft);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 24px}.category-info-title h1{margin: 0;font-size: 28px;font-weight: 750}.category-summary{color: var(--text-2);margin-top: 10px;font-size: 15px;line-height: 1.7;max-width: 720px}.category-count{flex: 0 0 auto;min-width: 88px;padding: 10px 14px;border: 1px solid var(--border);border-radius: 8px;background: var(--bg-soft);text-align: center}.category-count strong{display: block;color: var(--primary);font-size: 24px;line-height: 1.1}.category-count span{color: var(--text-3);font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: .06em}.category-list-text{display: flex;align-items: center;justify-content: space-between;gap: 12px;font-size: 17px;font-weight: 700;margin: 22px 0 12px;color: var(--text)}.category-list-text span{display: inline-flex;align-items: center;gap: 8px}.category-list-text i{color: var(--primary)}.tool-list{display: flex;flex-direction: column;gap: 12px}.tool-list .tool-item{display: flex;flex-direction: row;align-items: center;gap: 14px;padding: 14px 18px;height: auto}.tool-list .tool-item-header{margin: 0;flex: 0 0 auto}.tool-list .tool-item-header img{width: 40px;height: 40px}.tool-list .tool-item-header h2{margin: 0;font-size: 15px;font-weight: 600}.tool-list .tool-item-header h2 a{color: var(--text)}.tool-list .tool-item-header h2 a:hover{color: var(--primary)}.tool-list .tool-item-body{flex: 1;font-size: 13.5px;color: var(--text-2)}.tool-list .category-tool-card{display: grid;grid-template-columns: 56px minmax(0,1fr);align-items: flex-start;gap: 16px;padding: 18px;border-radius: 8px}.category-tool-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 8px;background: transparent}.category-tool-icon img{width: 100%;height: 100%;object-fit: contain}.category-tool-main{min-width: 0}.tool-list .category-tool-card .tool-item-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px;margin-bottom: 8px}.tool-list .category-tool-card .tool-item-header h2{margin: 0;font-size: 16.5px;line-height: 1.35}.tool-list .category-tool-card .tool-item-body{font-size: 14.5px;line-height: 1.7}.category-tool-open{flex: 0 0 auto;display: inline-flex;align-items: center;min-height: 34px;padding: 6px 11px;border: 1px solid var(--border);border-radius: 8px;background: #fff;color: var(--primary);font-size: 13px}.category-tool-open:hover{border-color: var(--primary);background: var(--primary-soft)}.category-aside{position: relative}.aside-box{background: #fff;border: 1px solid var(--border);border-radius: 8px;padding: 18px;box-shadow: var(--shadow-sm)}.aside-box.sticker{position: sticky;top: 84px}.aside-box-title{display: flex;align-items: center;gap: 8px;font-size: 15px;font-weight: 700;padding-bottom: 12px;border-bottom: 1px solid var(--border);margin-bottom: 10px}.aside-box-title i{color: var(--warning)}.recom-tools li a{display: flex;align-items: center;gap: 10px;padding: 9px 6px;border-radius: 8px;color: var(--text-2);font-size: 14px}.recom-tools li a:hover{background: var(--bg-soft);color: var(--primary)}.recom-tools img{width: 40px;height: 40px;border-radius: 8px;object-fit: contain;background: transparent}.recom-tools small{display: block;color: var(--text-3);font-size: 12px}.post-header{padding: 26px 0 14px}.post-header.with-bottom-line{border-bottom: 1px solid var(--border);margin-top: 0}.post-header h1{font-size: 28px;font-weight: 700}.post-subtitle{color: var(--text-3);font-size: 13.5px}.post-entry{padding: 18px 0 30px;max-width: 860px}.post-entry h2{font-size: 19px;margin-top: 22px}.post-entry ul{list-style: disc;padding-left: 22px;margin-bottom: 12px}.post-entry ol{list-style: decimal;padding-left: 22px;margin-bottom: 12px}.post-entry li{margin-bottom: 6px;color: var(--text-2)}.search-header,.search-hero{padding: 30px 0 24px;border-bottom: 1px solid var(--border);margin-bottom: 22px;background: #fff}.search-header h1,.search-hero h1{font-size: 26px;font-weight: 750;margin: 0}.search-header code,.search-hero code{color: var(--primary);background: var(--primary-soft)}.search-hero-inner{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px}.search-eyebrow{display: inline-flex;align-items: center;margin: 0 0 8px;padding: 3px 9px;border-radius: 999px;background: var(--primary-soft);color: var(--primary);font-size: 12px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase}.search-meta{color: var(--text-2);font-size: 14px;white-space: nowrap}.search-results-wrap{padding-bottom: 38px}.search-results{gap: 16px}.search-state{display: flex;align-items: center;justify-content: center;gap: 10px;min-height: 126px;padding: 28px 18px;border: 1px dashed var(--border-strong);border-radius: 8px;background: #fff;color: var(--text-2);font-size: 14.5px;text-align: center}.search-spinner{width: 18px;height: 18px;flex: 0 0 auto;border: 2px solid var(--primary-soft);border-top-color: var(--primary);border-radius: 50%;animation: search-spin .8s linear infinite}.search-empty{color: var(--text-3)}.search-error{border-color: #fecaca;background: #fff7f7;color: #b91c1c}@keyframes search-spin{to{transform: rotate(360deg)}}.search-results .search-result-card{display: grid;grid-template-columns: 58px minmax(0,1fr);align-items: flex-start;gap: 16px;padding: 18px;border-radius: 8px}.search-result-icon{width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: transparent;border: 0}.search-result-icon img{width: 100%;height: 100%;object-fit: contain}.search-result-content{min-width: 0}.search-results .tool-item-header{display: flex;align-items: flex-start;justify-content: space-between;gap: 18px;margin-bottom: 8px}.search-results .tool-item-header h2{margin: 2px 0 0;font-size: 17px;line-height: 1.35}.search-results .tool-item-body{font-size: 14.5px;line-height: 1.7;color: var(--text-2)}.search-result-category{color: var(--text-3);font-size: 12.5px;font-weight: 700;text-transform: uppercase;letter-spacing: .04em}.search-result-category:hover{color: var(--primary)}.search-results .link-use-tool{flex: 0 0 auto;display: inline-flex;align-items: center;min-height: 34px;padding: 6px 11px;border: 1px solid var(--border);border-radius: 8px;background: #fff;color: var(--primary);font-size: 13px}.search-results .link-use-tool:hover{border-color: var(--primary);background: var(--primary-soft)}.feedback-form{padding: 10px 0 30px;max-width: 860px}.feedback-success{background: var(--success-soft);border: 1px solid #bbf7d0;border-radius: var(--radius-lg);padding: 20px 24px;margin: 16px 0}.feedback-success h2{color: var(--success);font-size: 18px}.feedback-failed{margin: 10px 0}.feedback-param{color: var(--text-2);font-size: 14.5px}.alert{padding: 12px 16px;border-radius: var(--radius);border: 1px solid;font-size: 14px;margin-bottom: 12px;display: flex;align-items: center;gap: 8px}.alert-error{background: var(--danger-soft);border-color: #fecaca;color: var(--danger)}.alert-warning{background: var(--warning-soft);border-color: #fde68a;color: var(--warning)}.alert-info{background: var(--info-soft);border-color: #a5f3fc;color: var(--info)}.alert-success{background: var(--success-soft);border-color: #bbf7d0;color: var(--success)}.alert-heading{font-weight: 600}.alert-link{color: inherit;text-decoration: underline}.table{width: 100%;border-collapse: collapse;font-size: 14px;margin-bottom: 12px}.table th,.table td{padding: 10px 14px;border-bottom: 1px solid var(--border);text-align: left;vertical-align: top}.table thead th{background: var(--bg-soft);font-weight: 600;border-bottom: 2px solid var(--border)}.table-bordered th,.table-bordered td{border: 1px solid var(--border)}.table-striped tbody tr:nth-child(odd){background: var(--bg-soft)}.table-hover tbody tr:hover{background: var(--primary-soft)}.table-responsive{overflow-x: auto;border: 1px solid var(--border);border-radius: var(--radius)}.table-responsive .table{margin: 0}.list-table,.info-table,.query-table,.ip-table,.ua-table,.oil-table,.license-table,.history-table,.news-table,.icp-table,.szj-table,.sha-table,.uuid-table,.password-table,.phone-table{width: 100%;border-collapse: collapse;font-size: 14px}.list-table th,.list-table td,.info-table th,.info-table td,.query-table th,.query-table td,.ip-table th,.ip-table td,.ua-table th,.ua-table td,.oil-table th,.oil-table td,.license-table th,.license-table td,.history-table th,.history-table td,.news-table th,.news-table td,.icp-table th,.icp-table td,.sha-table th,.sha-table td,.uuid-table th,.uuid-table td,.password-table th,.password-table td,.phone-table th,.phone-table td{padding: 10px 14px;border: 1px solid var(--border);text-align: left}.list-table th,.info-table th,.query-table th,.ip-table th,.ua-table th,.oil-table th,.license-table th,.history-table th,.news-table th,.icp-table th,.sha-table th,.uuid-table th,.password-table th,.phone-table th{background: var(--bg-soft);font-weight: 600}.card{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);box-shadow: var(--shadow-sm);overflow: hidden}.card-header{padding: 14px 18px;border-bottom: 1px solid var(--border);font-weight: 600;background: var(--bg-soft)}.card-body{padding: 18px}.progress{height: 8px;background: var(--bg-soft);border-radius: 999px;overflow: hidden}.progress-bar{height: 100%;background: var(--primary);border-radius: 999px;transition: width .3s}.progress-bar-striped{background-image: linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size: 16px 16px}.progress-bar-animated{animation: progress-stripes 1s linear infinite}@keyframes progress-stripes{from{background-position: 16px 0}to{background-position: 0 0}}.progress-bar-full-width{width: 100%}.progress-lg{height: 14px}.progress-text{font-size: 13px;color: var(--text-2);margin-top: 6px}.tooltip{position: relative}.tooltip .tooltip-inner{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);background: #111827;color: #fff;font-size: 12.5px;padding: 5px 10px;border-radius: 6px;white-space: nowrap;display: none;z-index: 200}.tooltip:hover .tooltip-inner{display: block}.tooltip .tooltip-arrow{position: absolute;bottom: calc(100% + 4px);left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: #111827;display: none;z-index: 201}.tooltip:hover .tooltip-arrow{display: block}.modal-header{padding: 14px 18px;border-bottom: 1px solid var(--border);font-weight: 600}.uploader-content,.uploader-wrap{border: 2px dashed var(--border-strong);border-radius: var(--radius-lg);padding: 28px 18px;text-align: center;color: var(--text-3);transition: border-color .15s}.uploader-content:hover,.uploader-wrap:hover{border-color: var(--primary);color: var(--primary)}.drop-zone{cursor: pointer}.drop-zone.dragover{border-color: var(--primary);background: var(--primary-soft)}.file-picker{cursor: pointer}.filename-preview,.image-file-name,.image-file-size,.image-file-type{font-size: 13px;color: var(--text-2)}.image-preview,.preview-area,.preview-png{margin: 12px 0;text-align: center}.image-preview img,.preview-area img{border: 1px solid var(--border);border-radius: var(--radius);max-width: 100%}.image-round-preview img{border-radius: 50%}.cheatsheet{display: flex;flex-direction: column;gap: 8px}.cheatsheet-wrap,.reference-wrap{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 20px}.cheatsheet-head{font-size: 16px;font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid var(--border);margin-bottom: 12px}.git-command{font-family: var(--mono);font-size: 14px;color: var(--text);background: var(--bg-soft);padding: 8px 12px;border-radius: 8px;border: 1px solid var(--border)}.git-description{font-size: 13.5px;color: var(--text-2)}.http-status-code-group{margin-bottom: 16px}.http-status-code-list{display: flex;flex-wrap: wrap;gap: 8px}.http-status-code-detail{border: 1px solid var(--border);border-radius: 8px;padding: 10px 14px;min-width: 140px}.http-status-code-detail .code{font-weight: 700;color: var(--primary);font-family: var(--mono)}.operator,.variable,.function,.class-name,.attr-name,.attr-value,.single-quoted-string,.boolean,.constant,.parameter,.namespace,.property{font-family: var(--mono)}.token.keyword{color: #7c3aed}.token.string,.string,.single-quoted-string,.attr-value{color: #16a34a}.token.number,.number{color: #d97706}.token.comment,.comment{color: var(--text-3);font-style: italic}.keyword{color: #7c3aed;font-weight: 600}.function{color: #2563eb}.variable{color: #0f766e}.operator,.punctuation{color: var(--text-3)}.pre-content{background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius);padding: 12px 16px;font-family: var(--mono);font-size: 13.5px;overflow-x: auto;white-space: pre-wrap;word-break: break-all}.raw-text{font-family: var(--mono)}.namespace{color: #be185d}.score-container{display: flex;align-items: center;gap: 14px;padding: 12px 0}.score-title{font-size: 14px;color: var(--text-2)}.score-value{font-size: 22px;font-weight: 700;color: var(--primary)}.separator{border-top: 1px dashed var(--border);margin: 14px 0}.loading-section,.loading-text{color: var(--text-3);text-align: center;padding: 20px 0;font-size: 14px}.loading::after{content: "...";animation: dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content: ""}25%{content: "."}50%{content: ".."}75%{content: "..."}}.text-or{color: var(--text-3);text-align: center;margin: 10px 0;font-size: 13px}.bx,.back-top{position: fixed;right: 22px;width: 42px;height: 42px;line-height: 42px;text-align: center;border-radius: 12px;background: rgba(255,255,255,.92);border: 1px solid var(--border);box-shadow: 0 10px 24px rgba(17,24,39,.12);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color: var(--text-2);cursor: pointer;z-index: 90;opacity: 1;transition: transform .16s,color .16s,background .16s,border-color .16s,box-shadow .16s}.bx-share{bottom: 144px}.bx-qrcode{bottom: 92px}.bx-top,.back-top{bottom: 40px}.bx i,.back-top i{font-size: 18px;line-height: 1;vertical-align: -2px}.bx:hover,.back-top:hover{color: var(--primary);background: var(--primary-soft);border-color: rgba(37,99,235,.24);box-shadow: 0 12px 28px rgba(37,99,235,.16);transform: translateY(-2px)}.bx:focus-visible,.back-top:focus-visible{outline: none;box-shadow: 0 0 0 3px var(--primary-ring),0 10px 24px rgba(17,24,39,.12)}.toast-container{position: fixed;top: 80px;right: 20px;z-index: 300;display: flex;flex-direction: column;gap: 8px}.toast-container>div{background: #111827;color: #fff;padding: 10px 18px;border-radius: 8px;font-size: 14px;box-shadow: var(--shadow-lg);animation: toast-in .25s}@keyframes toast-in{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: none}}.mt-0{margin-top: 0 !important}.mt-1{margin-top: 8px !important}.mt-2{margin-top: 16px !important}.mb-0{margin-bottom: 0 !important}.mb-1{margin-bottom: 8px !important}.mb-2{margin-bottom: 16px !important}.ml-1{margin-left: 8px !important}.ml-2{margin-left: 16px !important}.mr-1{margin-right: 8px !important}.me-2{margin-right: 16px !important}.ms-2{margin-left: 16px !important}.p-3{padding: 16px !important}.pa-0{padding: 0 !important}.pt-1{padding-top: 8px !important}.pb-1{padding-bottom: 8px !important}.text-left{text-align: left !important}.text-center{text-align: center !important}.text-right{text-align: right !important}.text-muted{color: var(--text-3) !important}.text-success{color: var(--success) !important}.text-warning{color: var(--warning) !important}.text-white{color: #fff !important}.text-lg{font-size: 17px !important}.text-size{font-size: 15px !important}.font-normal{font-weight: 400 !important}.font-size-lg{font-size: 17px !important}.text-nowrap{white-space: nowrap}.text-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.red,.redtxt{color: var(--danger) !important}.blue{color: var(--primary) !important}.gray{color: var(--text-3) !important}.monospace{font-family: var(--mono)}.flexible{flex: 1}.relative{position: relative}.block{display: block}.underline{text-decoration: underline}.t-big-margin{margin-top: 24px}.t-mini-padding{padding: 4px}.b-mini-padding{padding: 4px}.b-mini-margin{margin-bottom: 4px}.b-small-padding{padding: 8px}.small-btn{padding: 3px 10px;font-size: 12.5px}.ws-pre{white-space: pre}.img-responsive{display: block;max-width: 100%;height: auto}.disc{list-style: disc;padding-left: 22px}.border-all{border: 1px solid var(--border)}.rounded{border-radius: 8px}.link-default{color: var(--text-2)}.link-default:hover{color: var(--primary)}.link-muted{color: var(--text-3)}.link-muted:hover{color: var(--primary)}.link-primary{color: var(--primary)}.scroll-to{cursor: pointer}.striped tr:nth-child(odd){background: var(--bg-soft)}.position-btn{display: flex;gap: 8px;flex-wrap: wrap;margin: 10px 0}.option-wrap,.format-option-wrap,.form-control-options{display: flex;gap: 12px;flex-wrap: wrap;margin: 10px 0}.option-wrap label,.format-option-wrap label,.form-control-options label{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;color: var(--text-2);cursor: pointer}.setting-item,.setting-item2,.setting-option2,.custom-input-item label{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;color: var(--text-2)}.obfuscate-setting{display: flex;gap: 16px;flex-wrap: wrap;margin: 12px 0}.obfuscate-ins{font-size: 13px;color: var(--text-3)}.input-group-text{white-space: nowrap}.page-footer{background: var(--bg-soft);margin-top: 0}.footer-main{padding: 34px 0 22px}.footer-grid{display: grid;grid-template-columns: minmax(280px,2fr) 1fr 1fr;gap: 32px;align-items: start}@media (max-width: 767px){.footer-main{padding: 26px 14px 18px}.footer-grid{grid-template-columns: 1fr;gap: 18px}.footer-brand p{max-width: none;font-size: 13px;line-height: 1.65}.footer-col h3{margin-bottom: 10px}.footer-col ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px 12px}.footer-col ul li{margin-bottom: 0;min-width: 0}.footer-col ul a{display: block;line-height: 1.45;overflow-wrap: anywhere}.footer-bottom{padding: 14px 0;line-height: 1.6}.footer-bottom .container{padding-left: 14px;padding-right: 14px;overflow-wrap: anywhere}}.footer-brand .site-title{height: auto;margin-bottom: 16px}.footer-brand .site-title img{width: 142px;height: auto;max-height: 42px}.footer-brand p{margin: 0;font-size: 13.5px;color: var(--text-2);max-width: 380px;line-height: 1.7}.footer-col h3{font-size: 14px;font-weight: 600;margin-bottom: 12px;text-transform: uppercase;letter-spacing: .4px;color: var(--text)}.footer-col ul li{margin-bottom: 8px}.footer-col ul a{font-size: 14px;color: var(--text-2)}.footer-col ul a:hover{color: var(--primary)}.footer-bottom{border-top: 1px solid var(--border);padding: 16px 0;background: rgba(255,255,255,.28);font-size: 13px;color: var(--text-3);text-align: center}.footer-bottom a{color: var(--text-2)}.footer-bottom a:hover{color: var(--primary)}:root{--primary: #116466;--primary-hover: #0b4f50;--primary-soft: #e4f0ee;--primary-ring: rgba(17,100,102,0.24);--bg: #f7f6f1;--bg-soft: #eeece3;--bg-blue: #e7f0ee;--border: #ddd8ca;--border-strong: #c9c2b1;--text: #1e2422;--text-2: #5c615d;--text-3: #8f918a;--danger: #c2410c;--warning: #c37a2c;--info: #2d6f88;--info-soft: #ecf6f8;--radius: 8px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(23,33,31,0.05);--shadow: 0 6px 18px rgba(23,33,31,0.08);--shadow-lg: 0 14px 34px rgba(23,33,31,0.12)}:root[data-theme="dark"]{--primary: #4db6ac;--primary-hover: #6ad3c8;--primary-soft: #123532;--primary-ring: rgba(77,182,172,0.28);--bg: #121513;--bg-soft: #1b211f;--bg-blue: #162421;--border: #2d3632;--border-strong: #44504a;--text: #eef2ed;--text-2: #c0c9c2;--text-3: #8f9b93;--danger: #f97316;--danger-soft: #3a2117;--success: #4ade80;--success-soft: #173321;--warning: #d6a05b;--warning-soft: #372819;--info: #67c7df;--info-soft: #162f36;--shadow-sm: 0 1px 2px rgba(0,0,0,0.24);--shadow: 0 8px 22px rgba(0,0,0,0.28);--shadow-lg: 0 16px 38px rgba(0,0,0,0.36)}body{background: var(--bg)}.page-header{background: rgba(247,248,245,0.94)}.home-main{background: var(--bg)}.home-hero{padding: 30px 0 22px;border-bottom: 1px solid var(--border);background: linear-gradient(135deg,rgba(17,100,102,0.10),rgba(195,122,44,0.08)),linear-gradient(180deg,#fbfaf5 0%,#f7f6f1 100%)}.home-hero-grid{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(260px,.72fr);gap: 18px;align-items: center}.home-kicker{margin: 0 0 10px;color: var(--primary);font-size: 13px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase}.home-hero h1{max-width: 820px;margin: 0;font-size: 42px;line-height: 1.12;font-weight: 800;letter-spacing: 0}.home-lead{max-width: 720px;margin: 12px 0 0;color: var(--text-2);font-size: 17px;line-height: 1.7}.home-hero-visual{align-items: center;display: flex;justify-content: flex-end}.home-hero-visual img{display: block;width: min(100%,390px);height: auto}.home-panel-title,.home-section-head,.home-group-head{display: flex;justify-content: space-between;align-items: center;gap: 16px}.home-panel-title span,.home-directory-title{color: var(--text);font-weight: 700;font-size: 14px}.home-panel-title a,.home-group-head a{color: var(--primary);font-size: 13px;font-weight: 700}.home-category-list{display: grid;grid-template-columns: 1fr;gap: 8px;margin-top: 14px}.home-category-list a{display: flex;align-items: center;gap: 10px;min-height: 42px;padding: 9px 10px;border: 1px solid var(--border);border-radius: 8px;background: #fff;color: var(--text-2);font-size: 14px;font-weight: 600}.home-category-list a:hover{border-color: var(--primary);color: var(--primary);background: var(--primary-soft)}.home-category-list i{width: 22px;text-align: center;color: var(--warning)}.home-section{padding: 34px 0}.home-section-muted{background: #fff;border-top: 1px solid var(--border)}body[data-id="home-index"] .page-footer{margin-top: 0}.home-section-head{margin-bottom: 16px}.home-section-head p{margin: 0 0 2px;color: var(--warning);font-size: 12px;font-weight: 800;letter-spacing: .08em;text-transform: uppercase}.home-section-head h2,.home-group-head h2{margin: 0;font-size: 22px;line-height: 1.25}.home-directory{display: grid;grid-template-columns: 220px minmax(0,1fr);gap: 26px;align-items: start}.home-directory-nav{position: sticky;top: 82px;display: flex;flex-direction: column;gap: 6px;padding: 14px;border: 1px solid var(--border);border-radius: 10px;background: var(--bg)}.home-directory-title{padding: 2px 8px 8px;border-bottom: 1px solid var(--border);margin-bottom: 4px}.home-directory-nav a{display: flex;align-items: center;gap: 8px;padding: 8px;border-radius: 7px;color: var(--text-2);font-size: 14px;font-weight: 600}.home-directory-nav a:hover{background: var(--primary-soft);color: var(--primary)}.home-directory-content{display: flex;flex-direction: column;gap: 28px}.home-tool-group{scroll-margin-top: 86px}.home-group-head{margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid var(--border)}.home-group-head h2{display: flex;align-items: center;gap: 8px;font-size: 19px}.home-group-head h2 i{color: var(--primary)}.home-tool-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 10px}.home-tool-grid-featured{grid-template-columns: repeat(auto-fill,minmax(255px,1fr))}.tool-card{display: grid;grid-template-columns: 46px minmax(0,1fr) 18px;gap: 12px;align-items: center;min-height: 86px;padding: 14px;border: 1px solid var(--border);border-radius: 8px;background: #fff;color: var(--text);box-shadow: var(--shadow-sm)}.tool-card:hover{color: var(--text);border-color: var(--primary);box-shadow: var(--shadow);transform: translateY(-1px)}.tool-card-icon{width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: transparent}.tool-card-icon img{width: 100%;height: 100%;object-fit: contain}.tool-card-main{min-width: 0;display: flex;flex-direction: column;gap: 3px}.tool-card-main strong{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text);font-size: 14.5px;font-weight: 700}.tool-card-main small{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color: var(--text-2);font-size: 12.8px;line-height: 1.45}.tool-card>i{color: var(--text-3);font-size: 18px}.tool-card:hover>i{color: var(--primary)}:root[data-theme="dark"] body{background: var(--bg);color: var(--text)}:root[data-theme="dark"] .page-header{background: rgba(18,21,19,0.94)}:root[data-theme="dark"] .dropdown-menu,:root[data-theme="dark"] .form-control,:root[data-theme="dark"] .form-control-group,:root[data-theme="dark"] .tool-desc,:root[data-theme="dark"] .category-card,:root[data-theme="dark"] .tool-item,:root[data-theme="dark"] .category-info-header,:root[data-theme="dark"] .aside-box,:root[data-theme="dark"] .card,:root[data-theme="dark"] .cheatsheet-wrap,:root[data-theme="dark"] .reference-wrap,:root[data-theme="dark"] .home-directory-nav,:root[data-theme="dark"] .home-category-list a,:root[data-theme="dark"] .tool-card,:root[data-theme="dark"] .code-option-panel,:root[data-theme="dark"] .bx,:root[data-theme="dark"] .back-top,:root[data-theme="dark"] .popup-container{background: #181d1a;border-color: var(--border)}:root[data-theme="dark"] .code-option-heading{background: var(--bg-soft);border-color: var(--border)}:root[data-theme="dark"] .code-option-section{border-color: var(--border)}:root[data-theme="dark"] .category-info-header[style]{background: #181d1a !important}:root[data-theme="dark"] .btn-default,:root[data-theme="dark"] .btn-outline,:root[data-theme="dark"] .bg-white,:root[data-theme="dark"] .link-search,:root[data-theme="dark"] .link-category,:root[data-theme="dark"] .theme-toggle{background: #181d1a !important;border-color: var(--border);color: var(--text-2)}:root[data-theme="dark"] .link-search:hover,:root[data-theme="dark"] .link-category:hover,:root[data-theme="dark"] .theme-toggle:hover,:root[data-theme="dark"] .btn-default:hover,:root[data-theme="dark"] .btn-outline:hover{background: var(--primary-soft) !important;border-color: var(--primary);color: var(--primary)}:root[data-theme="dark"] .search-form .input-group{background: #181d1a;border-color: var(--border-strong)}:root[data-theme="dark"] .search-form .input-group:focus-within{background: #1d231f}:root[data-theme="dark"] .search-results .link-use-tool,:root[data-theme="dark"] .category-tool-open,:root[data-theme="dark"] .category-count{background: #181d1a;border-color: var(--border)}:root[data-theme="dark"] .search-results .link-use-tool:hover,:root[data-theme="dark"] .category-tool-open:hover{background: var(--primary-soft);border-color: var(--primary)}:root[data-theme="dark"] .search-state{background: #181d1a;border-color: var(--border)}:root[data-theme="dark"] .search-error{background: rgba(185,28,28,.12);border-color: rgba(248,113,113,.34);color: #fca5a5}:root[data-theme="dark"] .home-hero{background: linear-gradient(135deg,rgba(77,182,172,0.14),rgba(214,160,91,0.11)),linear-gradient(180deg,#171c19 0%,#121513 100%)}:root[data-theme="dark"] .home-section-muted,:root[data-theme="dark"] .page-footer{background: #181d1a}:root[data-theme="dark"] .footer-bottom{background: rgba(12,15,13,.28)}:root[data-theme="dark"] .result-content,:root[data-theme="dark"] .text-converted-result,:root[data-theme="dark"] .pre-content,:root[data-theme="dark"] code,:root[data-theme="dark"] .git-command,:root[data-theme="dark"] .input-group-text{background: var(--bg-soft);border-color: var(--border);color: var(--text)}:root[data-theme="dark"] .category-card .category-card-icon,:root[data-theme="dark"] .category-icon-box{background: var(--primary-soft)}@media (max-width: 991px){.home-hero-grid,.home-directory{grid-template-columns: 1fr}.home-hero-grid{gap: 14px}.home-hero-visual{justify-content: center}.row-layout{row-gap: 16px}.code-option-section-grid{grid-template-columns: 1fr}.code-option-section{border-right: 0;border-bottom: 1px solid var(--border)}.code-option-section:last-child{border-bottom: 0}.home-directory-nav{position: static;display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.home-directory-title{grid-column: 1 / -1}.category-info-header{align-items: flex-start;flex-direction: column}.category-count{align-self: stretch;display: flex;align-items: baseline;justify-content: center;gap: 8px;text-align: left}.search-hero-inner{align-items: flex-start;flex-direction: column;gap: 10px}.search-meta{white-space: normal}}@media (min-width: 641px){body[data-id="home-index"] .page-header .search-form{display: flex !important}body[data-id="home-index"] .mobile-header-action.link-search{display: none !important}}@media (max-width: 640px){.container{padding: 0 14px}.header-inner{min-height: 58px;gap: 12px}.site-title img{width: min(240px,calc(100vw - 150px));height: auto;max-height: 50px}.home-hero{padding: 24px 0 20px}.home-hero h1{font-size: 30px}.home-lead{font-size: 15px}.home-hero-visual img{width: min(100%,320px)}.footer-main{padding: 24px 14px 18px}.footer-grid{gap: 18px}.footer-brand .site-title{margin-bottom: 12px}.code-option-grid{grid-template-columns: 1fr}.home-directory-nav,.home-tool-grid,.home-tool-grid-featured{grid-template-columns: 1fr}.category-section{padding: 20px 0 34px}.category-info-header{padding: 18px}.category-info-title{align-items: flex-start}.category-icon-box{width: 48px;height: 48px;font-size: 21px}.category-info-title h1{font-size: 23px}.tool-list .category-tool-card{grid-template-columns: 48px minmax(0,1fr);gap: 12px;padding: 14px}.category-tool-icon{width: 48px;height: 48px}.tool-list .category-tool-card .tool-item-header{flex-direction: column;gap: 10px}.category-tool-open{width: 100%;justify-content: center}.search-hero{padding: 24px 0 18px;margin-bottom: 16px}.search-hero h1{font-size: 22px}.search-results{gap: 12px}.search-results .search-result-card{grid-template-columns: 48px minmax(0,1fr);gap: 12px;padding: 14px}.search-state{min-height: 112px;padding: 22px 14px}.search-result-icon{width: 48px;height: 48px}.search-results .tool-item-header{flex-direction: column;gap: 10px}.search-results .link-use-tool{width: 100%;justify-content: center}.timestamp-now-bar{align-items: stretch;flex-direction: column}.timestamp-now-bar strong{display: block;margin: 4px 0}.timestamp-now-actions{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));width: 100%}.timestamp-now-actions .btn{justify-content: center;min-width: 0;width: 100%}.timestamp-now-actions .ml-1{margin-left: 0}}