: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: #15803d;--success-soft: #f0fdf4;--warning: #d97706;--warning-soft: #fffbeb;--info: #0891b2;--info-soft: #ecfeff;--toast-success-bg: #dcfce7;--toast-success-border: #86efac;--toast-success-text: #166534;--toast-error-bg: #fef2f2;--toast-error-border: #fecaca;--toast-error-text: #b91c1c;--toast-warning-bg: #fffbeb;--toast-warning-border: #fde68a;--toast-warning-text: #92400e;--toast-info-bg: #eff6ff;--toast-info-border: #bfdbfe;--toast-info-text: #1d4ed8;--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: grid;grid-template-columns: auto minmax(260px,1fr) minmax(360px,480px) auto;grid-template-areas: "brand nav search actions";align-items: center;gap: 24px}.site-title{grid-area: brand;flex: 0 0 auto;display: inline-flex;align-items: center;gap: 9px;height: 40px;line-height: 1;color: var(--text)}.site-title img{width: auto;height: 40px;display: block}.brand-mark{width: 38px;height: 38px;position: relative;display: inline-block;border-radius: 10px;background: linear-gradient(135deg,var(--primary),var(--accent));color: #fff;box-shadow: 0 8px 18px rgba(22,119,255,.18);overflow: hidden}.brand-mark::before{content: "";position: absolute;right: 5px;top: 5px;width: 7px;height: 7px;border-radius: 999px;background: var(--warm);box-shadow: 0 0 0 2px rgba(255,255,255,.16);z-index: 2}.brand-mark::after{content: "";position: absolute;inset: 5px;border: 1px solid rgba(255,255,255,.18);border-radius: 7px}.brand-mark-ring{position: absolute;left: 8px;top: 9px;width: 8px;height: 8px;background: rgba(255,255,255,.96);border-radius: 999px;box-shadow: 0 12px 0 rgba(255,255,255,.9),12px 6px 0 rgba(255,255,255,.72);z-index: 1}.brand-mark-circuit{position: absolute;right: 8px;top: 10px;width: 13px;height: 18px;border-left: 3px solid rgba(255,255,255,.92);border-bottom: 3px solid rgba(255,255,255,.92);border-radius: 0 0 0 6px;z-index: 1}.brand-mark-circuit::before,.brand-mark-circuit::after{content: "";position: absolute;left: -3px;height: 3px;border-radius: 99px;background: #fff}.brand-mark-circuit::before{top: 0;width: 12px;transform: none}.brand-mark-circuit::after{right: -1px;left: auto;bottom: -3px;width: 8px;transform: none}.brand-mark-circuit i,.brand-mark-circuit span{display: none}.brand-name{display: inline-flex;align-items: baseline;gap: 3px;white-space: nowrap;font-size: 22px;font-weight: 800;letter-spacing: 0}.brand-name span{color: var(--text)}.brand-name strong{color: #116466;font-weight: 800}.nav-container{grid-area: nav;min-width: 0;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{grid-area: search;display: flex;justify-content: flex-end;min-width: 0;width: 100%}.search-form .input-group{display: flex;width: 100%;max-width: 480px;min-width: 0;height: 40px;align-items: stretch;overflow: hidden;border: 1px solid var(--border-strong);border-radius: 10px;background: #fff;box-shadow: var(--shadow-sm)}.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;color: var(--text)}.search-form input::placeholder{color: var(--text-3)}.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: var(--primary-soft);color: var(--primary);padding: 0;cursor: pointer}.btn-search:hover{color: var(--primary)}.header-actions{grid-area: actions;display: flex;align-items: center;gap: 6px;flex: 0 0 auto;min-width: 0}.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-solid);color: #fff}.btn-primary:hover{background: var(--primary-solid-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(--primary) !important;border-color: var(--primary) !important;color: #fff !important}.btn-copy:hover,.btn-copy-code:hover,.btn-copy-result:hover{background: var(--primary-hover) !important;border-color: var(--primary-hover) !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-group-container{display: flex;gap: 8px;flex-wrap: wrap}.result-toolbar{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}.result-toolbar .button-group{align-items: center;flex: 0 0 auto}.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)}select.form-control:not([multiple]){appearance: none;-webkit-appearance: none;padding-right: 36px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23111827' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position: calc(100% - 14px) 50%;background-repeat: no-repeat;background-size: 14px 14px}:root[data-theme="dark"] select.form-control:not([multiple]){background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23bac8d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}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: 10px 14px;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: 0}.tool-body{--tool-module-gap: 16px}.tool-content-container{display: flex;flex-direction: column;gap: var(--tool-module-gap)}.tool-content-container>.row,.tool-content-container>.form-control-group,.tool-content-container>.code-option-panel,.tool-content-container>.alert,.tool-content-container>.button-group,.tool-content-container>.swap-note,.tool-content-container>[class$="-message"],.tool-content-container>[class$="-summary"],.tool-content-container>[class$="-stats"]{margin-top: 0 !important;margin-bottom: 0 !important}.tool-content-container + .tool-desc,.tool-body + .row .tool-desc,.tool-body + .tool-desc{margin-top: 16px !important}.tool-content-container [class*="msg-success"],.tool-content-container [class*="-msg-success"],.tool-content-container [class*="message"][class*="success"],.tool-content-container .cc-toast,.tool-content-container .pu-toast,.tool-content-container .up-toast{background: var(--toast-success-bg) !important;border-color: var(--toast-success-border) !important;color: var(--toast-success-text) !important}.alert-link-button{display: inline;border: 0;background: transparent;color: inherit;padding: 0;font: inherit;font-weight: 700;text-decoration: underline;cursor: pointer}.alert-link-button:hover{color: var(--primary)}.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}.group-header-actions{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.form-control-group-header .group-header-actions{flex: 0 0 auto;justify-content: flex-end}.form-control-group-body{padding: 14px;flex: 1;display: flex;flex-direction: column}.form-control-group-body>.form-control{flex: 1}.form-control-group-body .input-group .form-control{flex: 1 1 auto;min-width: 0}.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 16px;margin-bottom: 0;border: 1px solid var(--border-strong);border-radius: var(--radius-lg);background: #fff;box-shadow: var(--shadow-sm)}.timestamp-now-bar>div{min-width: 0}.timestamp-now-label,.timestamp-now-ms{color: var(--text-2);font-size: 13px;font-weight: 600}.timestamp-now-bar strong{display: inline-block;margin: 0 8px;color: var(--danger);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}.timestamp-code-panel{overflow: hidden}.timestamp-code-list{display: grid;gap: 10px;padding: 14px 16px}.timestamp-code-row{display: grid;grid-template-columns: 112px minmax(0,1fr) minmax(0,1fr);gap: 12px;align-items: center}.timestamp-code-lang{display: flex;align-items: baseline;gap: 8px;min-width: 0}.timestamp-code-lang strong{color: var(--text);font-size: 14px}.timestamp-code-cell{display: grid;grid-template-columns: 48px minmax(0,1fr) 62px;gap: 8px;align-items: center;min-width: 0}.timestamp-code-cell>span{color: var(--text-3);font-size: 12px;white-space: nowrap}.timestamp-code-input{height: 36px;font-family: var(--mono);font-size: 13px}.timestamp-code-cell .btn{justify-content: center;min-width: 0;width: 100%}.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-body>.tool-desc{margin-bottom: 16px}.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 p{margin: 0 0 12px}.tool-desc-body ul,.tool-desc-body ol{margin: 0 0 12px;padding-left: 22px}.tool-desc-body ul{list-style: disc}.tool-desc-body ol{list-style: decimal}.tool-desc-body li{margin-bottom: 6px}.tool-desc-body>:last-child{margin-bottom: 0}.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: #fff;border: 1px solid rgba(22,119,255,.18);box-shadow: 0 8px 20px rgba(22,119,255,.10);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;padding: 7px;border: 1px solid rgba(22,119,255,.18);border-radius: 12px;background: #fff;box-shadow: 0 8px 20px rgba(22,119,255,.10);object-fit: contain}.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: 24px 0 40px}.category-info-header{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);padding: 28px 30px;box-shadow: var(--shadow-sm);margin-bottom: 20px}.category-info-title{display: flex;align-items: center;gap: 14px}.category-icon-box{width: 52px;height: 52px;border-radius: 14px;background: #fff;border: 1px solid rgba(22,119,255,.18);box-shadow: 0 8px 20px rgba(22,119,255,.10);display: flex;align-items: center;justify-content: center;color: var(--primary);font-size: 24px}.category-info-title h1{margin: 0;font-size: 26px;font-weight: 700}.category-summary{display: block;clear: both;color: var(--text-2);margin-top: 16px;font-size: 15.5px;line-height: 1.85;max-width: 780px}.category-list-text{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 600;margin: 22px 0 12px;color: var(--text)}.category-list-text i{color: var(--primary)}.tool-list{display: flex;flex-direction: column;gap: 12px}.tool-list .tool-item{display: grid;grid-template-columns: 1fr;align-items: start;gap: 12px;padding: 14px 18px;height: auto}.tool-list .tool-item-header{display: flex;align-items: center;gap: 14px;margin: 0;min-width: 0}.tool-list .tool-item-header img{width: 40px;height: 40px;padding: 7px;border: 1px solid rgba(22,119,255,.18);border-radius: 12px;background: #fff;box-shadow: 0 8px 20px rgba(22,119,255,.10);object-fit: contain}.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{width: 100%;font-size: 15px;line-height: 1.75;color: var(--text-2)}.category-aside{position: relative}.aside-box{background: #fff;border: 1px solid var(--border);border-radius: var(--radius-lg);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: 600;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: 8px 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;padding: 7px;border: 1px solid rgba(22,119,255,.18);border-radius: 12px;background: #fff;box-shadow: 0 8px 20px rgba(22,119,255,.10);object-fit: contain}.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{padding: 26px 0 14px;border-bottom: 1px solid var(--border);margin-bottom: 18px;background: var(--bg-soft)}.search-header h1{font-size: 22px;font-weight: 700}.search-header code{color: var(--primary);background: var(--primary-soft)}.search-meta{color: var(--text-2);font-size: 14px}.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 p:last-child{margin-bottom: 0}.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: var(--toast-info-bg);border: 1px solid var(--toast-info-border);color: var(--toast-info-text);padding: 10px 18px;border-radius: 8px;font-size: 14px;box-shadow: var(--shadow-lg);animation: toast-in .25s}.toast-container>.toast{display: flex;align-items: center;gap: 8px}.toast-container>.toast.success{background: var(--toast-success-bg);border-color: var(--toast-success-border);color: var(--toast-success-text)}.toast-container>.toast.error{background: var(--toast-error-bg);border-color: var(--toast-error-border);color: var(--toast-error-text)}.toast-container>.toast.warning{background: var(--toast-warning-bg);border-color: var(--toast-warning-border);color: var(--toast-warning-text)}.toast-container>.toast.info{background: var(--toast-info-bg);border-color: var(--toast-info-border);color: var(--toast-info-text)}.toast-container .toast-icon{display: inline-flex;align-items: center;color: currentColor}.toast-container .toast-message{color: inherit}@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}.lunar-fields{align-items: center;margin: 0}.lunar-fields .lunar-field{gap: 6px}.lunar-fields .lunar-field>span{white-space: nowrap}.lunar-fields select.form-control{width: auto;min-width: 92px;display: inline-block;padding-right: 26px}.lunar-fields .btn{margin-left: 4px}.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: 40px 0 24px}.footer-grid{display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 32px}@media (max-width: 767px){.footer-grid{grid-template-columns: 1fr}}.footer-brand .site-title img{width: 146px;height: auto;margin-bottom: 10px}.footer-brand .site-title{margin-bottom: 14px}.footer-brand p{margin-top: 0;font-size: 13.5px;line-height: 1.9;color: var(--text-2);max-width: 420px}.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;--toast-success-bg: rgba(22,101,52,0.2);--toast-success-border: rgba(22,101,52,0.5);--toast-success-text: #86efac;--toast-error-bg: rgba(127,29,29,0.25);--toast-error-border: rgba(248,113,113,0.35);--toast-error-text: #fca5a5;--toast-warning-bg: rgba(120,53,15,0.24);--toast-warning-border: rgba(251,191,36,0.34);--toast-warning-text: #fbbf24;--toast-info-bg: rgba(30,64,175,0.22);--toast-info-border: rgba(147,197,253,0.32);--toast-info-text: #93c5fd;--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: 54px 0 42px;border-bottom: 1px solid var(--border);background: linear-gradient(135deg,rgba(17,100,102,0.12),rgba(195,122,44,0.10)),linear-gradient(180deg,#fbfaf5 0%,#f7f6f1 100%)}.home-hero-grid{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);gap: 34px;align-items: stretch}.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: 16px 0 0;color: var(--text-2);font-size: 17px;line-height: 1.7}.home-search{display: flex;align-items: center;max-width: 720px;margin-top: 26px;background: #fff;border: 1px solid var(--border-strong);border-radius: 8px;box-shadow: var(--shadow);overflow: hidden}.home-search i{flex: 0 0 auto;width: 48px;text-align: center;color: var(--text-3);font-size: 18px}.home-search input{min-width: 0;flex: 1;height: 52px;border: 0;outline: 0;color: var(--text);font-size: 15px;font-family: var(--font)}.home-search button{flex: 0 0 auto;height: 52px;border: 0;border-left: 1px solid var(--border);background: var(--primary);color: #fff;padding: 0 24px;font-size: 14px;font-weight: 700;font-family: var(--font);cursor: pointer}.home-search button:hover{background: var(--primary-hover)}.home-category-panel{background: rgba(255,255,255,.78);border: 1px solid var(--border);border-radius: 10px;box-shadow: var(--shadow-sm);padding: 18px}.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 4px;color: var(--text);font-size: 28px;font-weight: 800;line-height: 1.22;letter-spacing: 0;text-transform: none}.home-section-head h2,.home-group-head h2{margin: 0;font-size: 14px;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: 42px 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: 42px;height: 42px;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: var(--primary-soft)}.tool-card-icon img{width: 30px;height: 30px;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"] .brand-name span{color: var(--text)}:root[data-theme="dark"] .brand-name strong{color: #63e6be}:root[data-theme="dark"] .brand-mark{background: linear-gradient(135deg,#4db6ac,#116466);box-shadow: 0 8px 20px rgba(0,0,0,.25)}: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"] select.form-control:not([multiple]){background-color: #181d1a;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23bac8d9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position: calc(100% - 14px) 50%;background-repeat: no-repeat;background-size: 14px 14px}: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,:root[data-theme="dark"] .home-search{background: #181d1a;border-color: var(--border-strong)}:root[data-theme="dark"] .search-form .input-group:focus-within,:root[data-theme="dark"] .home-search:focus-within{background: #1d231f}: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-category-panel{background: rgba(24,29,26,.82)}: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"] .alert{background: #111927;border-color: #27364a;color: #c8d6e8}:root[data-theme="dark"] .alert a{color: #91caff}:root[data-theme="dark"] .alert i{color: currentColor}:root[data-theme="dark"] .alert-warning{background: #121d2c;border-color: rgba(105,177,255,.28);color: #c8d6e8}:root[data-theme="dark"] .alert-warning i{color: #f8d37a}:root[data-theme="dark"] .alert-info{background: #102233;border-color: rgba(103,232,249,.25);color: #bdefff}:root[data-theme="dark"] .alert-success{background: #10251d;border-color: rgba(134,239,172,.24);color: #bbf7d0}:root[data-theme="dark"] .alert-error,:root[data-theme="dark"] .alert-danger{background: #2a1419;border-color: rgba(251,113,133,.28);color: #fecdd3}:root[data-theme="dark"] .tool-card-icon,: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}.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}}@media (max-width: 640px){.container{padding: 0 14px}.header-inner{min-height: 58px;gap: 12px}.site-title{gap: 7px}.brand-mark{width: 34px;height: 34px;border-radius: 9px}.brand-mark-ring{left: 6px;top: 10px;width: 12px;height: 12px;border-width: 3px}.brand-mark-circuit{right: 7px;top: 8px;transform: scale(.9);transform-origin: center}.brand-name{font-size: 18px}.site-title img{width: min(180px,calc(100vw - 170px));height: auto;max-height: 38px}.home-hero{padding: 34px 0 28px}.home-hero h1{font-size: 30px}.home-lead{font-size: 15px}.home-search{align-items: stretch}.home-search i{display: none}.home-search input{height: 48px;padding-left: 14px}.home-search button{height: 48px;padding: 0 16px}.home-category-panel{padding: 14px}.code-option-grid{grid-template-columns: 1fr}.home-directory-nav,.home-tool-grid,.home-tool-grid-featured{grid-template-columns: 1fr}.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}.form-control-group-header .group-header-actions{gap: 6px}.form-control-group-header .group-header-actions .btn{flex: 1 1 auto;min-width: 0;justify-content: center;white-space: nowrap}.timestamp-code-row{grid-template-columns: 1fr}.timestamp-code-lang{justify-content: space-between}.timestamp-code-cell{grid-template-columns: 52px minmax(0,1fr) 66px}}:root{--primary: #1677ff;--primary-hover: #0958d9;--primary-soft: #eaf3ff;--primary-ring: rgba(22,119,255,0.22);--primary-solid: #0f62d8;--primary-solid-hover: #0b57c9;--primary-text: #0f62d8;--accent: #12b886;--accent-soft: #e8faf4;--warm: #ff8a3d;--warm-soft: #fff4eb;--bg: #f5f8fc;--bg-soft: #eef4fb;--bg-card: #ffffff;--bg-blue: #eaf3ff;--border: #dce6f1;--border-strong: #c5d4e5;--text: #172033;--text-2: #526070;--text-3: #5d6a7d;--radius: 8px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(23,32,51,0.06);--shadow: 0 8px 24px rgba(22,119,255,0.10);--shadow-lg: 0 18px 44px rgba(23,32,51,0.14);--font: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif}:root[data-theme="dark"]{--primary: #69b1ff;--primary-hover: #91caff;--primary-soft: #10233e;--primary-text: #69b1ff;--primary-ring: rgba(105,177,255,0.28);--accent: #63e6be;--accent-soft: #0f3028;--warm: #ffb37a;--warm-soft: #342213;--bg: #101621;--bg-soft: #182131;--bg-card: #181d1a;--bg-blue: #15253b;--border: #27364a;--border-strong: #344862;--text: #edf4ff;--text-2: #bac8d9;--text-3: #8190a5}html{scroll-behavior: smooth}body{background: radial-gradient(circle at 14% -12%,rgba(22,119,255,0.10),transparent 34%),linear-gradient(180deg,#f8fbff 0%,var(--bg) 42%,#ffffff 100%);letter-spacing: 0}.page-header{background: rgba(248,251,255,0.92);border-bottom-color: rgba(197,212,229,0.72)}.header-inner{min-height: 66px;gap: 22px;grid-template-columns: auto minmax(260px,1fr) minmax(380px,500px) auto}.brand-mark{background: linear-gradient(135deg,var(--primary),var(--accent))}.brand-name strong{color: var(--primary)}.nav-item>a{border-radius: 8px;color: #334155}.nav-item>a:hover{background: var(--primary-soft);color: var(--primary)}.dropdown-menu{border-radius: 10px}.dropdown-item a{min-height: 38px}.search-form .input-group{height: 42px;border-radius: 999px;background: #fff;border-color: rgba(22,119,255,.22);box-shadow: 0 8px 22px rgba(22,119,255,.08);max-width: 500px}.search-form input,.btn-search{height: 42px}.btn-search{color: var(--primary);background: var(--primary-soft)}.theme-toggle,.link-search,.link-category{border-radius: 999px}.home-hero{position: relative;overflow: hidden;padding: 30px 0 24px;border-bottom: 1px solid rgba(197,212,229,0.72);background: linear-gradient(135deg,rgba(22,119,255,0.12),rgba(18,184,134,0.08) 48%,rgba(255,138,61,0.10)),linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%)}.home-hero::before{content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(22,119,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(22,119,255,.06) 1px,transparent 1px);background-size: 28px 28px;mask-image: linear-gradient(90deg,rgba(0,0,0,.42),transparent 76%);pointer-events: none}.home-hero .container{position: relative}.home-hero-grid{grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr);gap: 28px}.home-kicker{display: inline-flex;align-items: center;gap: 8px;min-height: 28px;margin-bottom: 14px;padding: 4px 12px;border: 1px solid rgba(22,119,255,.18);border-radius: 999px;background: rgba(255,255,255,.72);color: var(--primary);font-size: 13px;font-weight: 700;letter-spacing: 0;text-transform: none}.home-kicker::before{content: "";width: 7px;height: 7px;border-radius: 999px;background: var(--accent)}.home-hero h1{max-width: 760px;font-size: 42px;line-height: 1.18;font-weight: 800}.home-lead{max-width: 710px;color: var(--text-2);font-size: 17px}.home-search{max-width: 720px;border-radius: 12px;border-color: rgba(22,119,255,.18);box-shadow: 0 14px 36px rgba(22,119,255,.14)}.home-search input{height: 56px}.home-search button{height: 56px;min-width: 92px;background: linear-gradient(135deg,var(--primary),#15aabf)}.home-category-panel,.home-device-visual{border-radius: 12px;border-color: rgba(22,119,255,.16);background: rgba(255,255,255,.82);box-shadow: 0 12px 34px rgba(23,32,51,.08)}.home-device-visual{position: relative;min-height: 300px;padding: 30px;overflow: hidden;border: 1px solid rgba(22,119,255,.16);display: flex;align-items: center;justify-content: center}.home-device-visual::before{content: "";position: absolute;inset: 18px;border-radius: 18px;background: linear-gradient(135deg,rgba(22,119,255,.10),rgba(18,184,134,.08)),radial-gradient(circle at 80% 20%,rgba(255,138,61,.16),transparent 34%)}.device-visual-card{position: relative;z-index: 1;background: rgba(255,255,255,.92);border: 1px solid rgba(197,212,229,.86);box-shadow: 0 18px 44px rgba(23,32,51,.14)}.device-visual-card-main{width: min(100%,430px);aspect-ratio: 16 / 10;border-radius: 16px;padding: 14px}.device-visual-toolbar{display: flex;gap: 6px;margin-bottom: 14px}.device-visual-toolbar span{width: 8px;height: 8px;border-radius: 999px;background: var(--border-strong)}.device-visual-toolbar span:first-child{background: var(--warm)}.device-visual-toolbar span:nth-child(2){background: var(--accent)}.device-visual-toolbar span:nth-child(3){background: var(--primary)}.device-visual-screen{height: calc(100% - 22px);border-radius: 12px;padding: 18px;background: linear-gradient(180deg,#f8fbff,#eef6ff);border: 1px solid var(--border)}.device-visual-search{width: 58%;height: 16px;border-radius: 8px;background: #fff;box-shadow: inset 0 0 0 1px var(--border);margin-bottom: 18px}.device-visual-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.device-visual-grid span{height: 46px;border-radius: 12px;background: #fff;border: 1px solid var(--border)}.device-visual-card-phone{position: absolute;z-index: 2;right: 22px;bottom: 22px;width: 110px;height: 176px;border-radius: 24px;padding: 18px 12px 12px}.device-phone-notch{width: 34px;height: 5px;margin: 0 auto 16px;border-radius: 999px;background: var(--border-strong)}.device-phone-line{width: 100%;height: 12px;border-radius: 999px;background: var(--primary-soft);margin-bottom: 12px}.device-phone-tile{height: 46px;border-radius: 12px;background: linear-gradient(135deg,var(--primary),var(--accent));opacity: .9;margin-bottom: 10px}.device-phone-tile.small{height: 28px;background: #fff;border: 1px solid var(--border)}.device-visual-person{position: absolute;z-index: 3;left: 34px;bottom: 56px;width: 118px;height: 150px}.person-head{position: absolute;left: 40px;top: 0;width: 42px;height: 42px;border-radius: 50%;background: linear-gradient(135deg,#ffd3ad,#ffb37a);box-shadow: inset -6px -5px 0 rgba(195,122,44,.12)}.person-head::before{content: "";position: absolute;left: 6px;top: -5px;width: 33px;height: 18px;border-radius: 18px 18px 8px 8px;background: #172033}.person-body{position: absolute;left: 29px;top: 44px;width: 62px;height: 72px;border-radius: 24px 24px 16px 16px;background: linear-gradient(135deg,var(--primary),#15aabf);box-shadow: 0 12px 22px rgba(22,119,255,.18)}.person-arm{position: absolute;top: 62px;width: 42px;height: 12px;border-radius: 999px;background: #ffc49a}.person-arm-left{left: 7px;transform: rotate(-22deg)}.person-arm-right{right: 6px;transform: rotate(25deg)}.person-laptop{position: absolute;left: 7px;bottom: 0;width: 106px;height: 42px;border-radius: 10px 10px 6px 6px;background: #fff;border: 1px solid var(--border);box-shadow: 0 12px 26px rgba(23,32,51,.12)}.person-laptop::before{content: "";position: absolute;left: 26px;top: 12px;width: 54px;height: 8px;border-radius: 999px;background: var(--primary-soft)}.device-visual-badge{position: absolute;z-index: 3;left: 26px;bottom: 26px;display: inline-flex;align-items: center;gap: 8px;min-height: 34px;padding: 7px 12px;border-radius: 999px;background: rgba(255,255,255,.92);border: 1px solid var(--border);color: var(--primary);font-size: 13px;font-weight: 700;box-shadow: var(--shadow-sm)}.home-panel-title span,.home-directory-title{color: var(--text);font-size: 15px}.home-category-list{grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.home-category-list a{min-height: 52px;border-radius: 10px;background: linear-gradient(180deg,#fff,#f8fbff)}.home-category-list i{color: var(--primary)}.home-section{padding: 38px 0}.home-section-muted{background: rgba(255,255,255,.78);border-top-color: rgba(197,212,229,.7)}.home-section-head p{color: var(--text);letter-spacing: 0;text-transform: none;font-size: 28px;line-height: 1.22}.home-section-head h2,.home-group-head h2{font-weight: 800}.home-section-head h2{color: var(--text-2);font-size: 14px;font-weight: 600}.home-directory{grid-template-columns: 210px minmax(0,1fr);gap: 24px}.home-directory-nav{border-radius: 12px;background: #fff;box-shadow: var(--shadow-sm)}.home-directory-nav a{min-height: 40px;border-radius: 8px}.home-group-head{border-bottom-color: var(--border)}.home-tool-grid{grid-template-columns: repeat(auto-fill,minmax(270px,1fr));gap: 12px}.tool-card{min-height: 92px;border-radius: 10px;background: #fff;box-shadow: var(--shadow-sm)}.tool-card-icon{border-radius: 12px;background: #fff;border: 1px solid rgba(22,119,255,.18);box-shadow: 0 8px 20px rgba(22,119,255,.10)}.tool-card:hover{border-color: rgba(22,119,255,.46);box-shadow: var(--shadow)}.breadcrumb-wrap{background: rgba(255,255,255,.64)}.category-info-header,.aside-box,.tool-list .tool-item,.card,.form-control-group,.code-option-panel{border-radius: 10px;background: #fff}.category-info-header{border-color: rgba(22,119,255,.16);box-shadow: 0 10px 28px rgba(23,32,51,.06);padding: 30px 32px}.category-icon-box{border-radius: 12px;background: #fff;border: 1px solid rgba(22,119,255,.18);box-shadow: 0 8px 20px rgba(22,119,255,.10);color: var(--primary)}.category-summary{margin-top: 16px;font-size: 15.5px;line-height: 1.85;max-width: 780px}.category-list-text{font-weight: 800}.tool-list .tool-item{align-items: flex-start;border-color: var(--border)}.tool-list .tool-item:hover{border-color: rgba(22,119,255,.46);box-shadow: var(--shadow)}.page-footer{background: linear-gradient(180deg,#f7fbff,#edf4fb);border-top: 1px solid var(--border)}.footer-main{padding: 38px 20px 24px}.footer-col h3{color: var(--text);letter-spacing: 0;text-transform: none}:root[data-theme="dark"] body{background: radial-gradient(circle at 14% -12%,rgba(105,177,255,0.12),transparent 34%),linear-gradient(180deg,#111827 0%,var(--bg) 56%,#0d121b 100%)}:root[data-theme="dark"] .page-header{background: rgba(16,22,33,.92)}:root[data-theme="dark"] .home-hero{background: linear-gradient(135deg,rgba(105,177,255,0.13),rgba(99,230,190,0.08) 52%,rgba(255,179,122,0.10)),linear-gradient(180deg,#121a27 0%,#101621 100%)}:root[data-theme="dark"] .home-kicker,:root[data-theme="dark"] .home-category-panel{background: rgba(24,33,49,.82)}:root[data-theme="dark"] .page-footer{background: linear-gradient(180deg,#121a27,#101621)}:root[data-theme="dark"] .home-search button{background: linear-gradient(135deg,#2f8cff,#1fc8a0)}@media (max-width: 991px){.page-header .container{max-width: none}.header-inner{gap: 12px;grid-template-columns: auto minmax(220px,420px) auto;grid-template-areas: "brand search actions"}.site-title{min-width: 0}.brand-name{flex: 0 1 auto}.header-search-form{margin-left: 0;min-width: 200px;max-width: 420px}.header-search-form .input-group{max-width: none}.home-hero-grid{grid-template-columns: 1fr}.home-category-panel,.home-device-visual{padding: 16px}.home-category-list{grid-template-columns: repeat(2,minmax(0,1fr))}.home-directory{grid-template-columns: 1fr}.home-directory-nav{position: static;grid-template-columns: repeat(3,minmax(0,1fr))}.aside-box.sticker{position: static}.tool-list .tool-item{display: grid;grid-template-columns: 1fr}}@media (max-width: 640px){body{font-size: 14px;background: #f7fbff}.container{padding: 0 14px}.page-header .container{padding: 0 12px}.header-inner{min-height: 0;gap: 10px;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "brand actions" "search search";padding: 10px 0}.site-title{min-width: 0;height: 36px}.brand-mark{width: 32px;height: 32px;border-radius: 8px}.brand-mark-ring{left: 6px;top: 10px;width: 11px;height: 11px;border-width: 3px}.brand-mark-circuit{right: 6px;top: 7px;transform: scale(.86);transform-origin: center}.brand-name{font-size: 17px}.site-title img{width: min(154px,calc(100vw - 156px));max-height: 36px}.header-actions{margin-left: 0}.header-search-form{width: 100%;min-width: 0;max-width: none;margin-left: 0;margin-top: 2px}.header-search-form .input-group{width: 100%;max-width: none;height: 38px;border-radius: 10px}.header-search-form input,.header-search-form .btn-search{height: 38px}.header-search-form input{padding: 0 11px;font-size: 13px}.header-search-form .btn-search{flex-basis: 40px;width: 40px}.link-category,.theme-toggle{flex: 0 0 36px;width: 36px;height: 36px}.breadcrumb{overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;scrollbar-width: none}.breadcrumb::-webkit-scrollbar{display: none}main{min-width: 0}.content-container,.home-main{overflow-x: hidden}.home-hero{padding: 18px 0 16px}.home-kicker{min-height: 26px;margin-bottom: 12px}.home-hero h1{font-size: 28px;line-height: 1.22}.home-lead{margin-top: 12px;font-size: 15px;line-height: 1.65}.home-search{display: grid;grid-template-columns: minmax(0,1fr) 76px;margin-top: 20px;border-radius: 10px}.home-search i{display: none}.home-search input{min-width: 0;height: 48px;padding: 0 12px;font-size: 14px}.home-search button{min-width: 0;height: 48px;padding: 0;font-size: 14px}.home-category-panel{padding: 14px;border-radius: 10px}.home-device-visual{min-height: 220px;padding: 18px}.device-visual-card-main{width: 100%}.device-visual-card-phone{width: 82px;height: 132px;right: 14px;bottom: 14px;border-radius: 18px}.device-visual-badge{left: 16px;bottom: 16px;max-width: calc(100% - 118px);white-space: normal}.device-visual-person{left: 16px;bottom: 48px;transform: scale(.78);transform-origin: left bottom}.home-panel-title{align-items: center}.home-category-list{grid-template-columns: 1fr}.home-category-list a{min-height: 46px}.home-section{padding: 26px 0}.home-section-head,.home-group-head{align-items: flex-start}.home-section-head h2,.home-group-head h2{font-size: 20px}.home-section-head p{font-size: 24px}.home-section-head h2{font-size: 13px}.home-directory-nav{grid-template-columns: repeat(2,minmax(0,1fr));padding: 12px;gap: 8px}.home-directory-nav a{min-height: 38px;padding: 8px 7px;font-size: 13px}.home-tool-grid,.home-tool-grid-featured{grid-template-columns: 1fr}.tool-card{grid-template-columns: 40px minmax(0,1fr) 16px;min-height: 84px;padding: 12px}.tool-card-icon{width: 40px;height: 40px}.category-info-header{padding: 22px 18px}.category-info-title{align-items: flex-start}.category-icon-box{width: 46px;height: 46px;flex: 0 0 auto}.category-info-title h1,.post-header h1{font-size: 24px}.category-summary{margin-top: 14px;font-size: 15px;line-height: 1.75}.tool-list .tool-item{padding: 13px}.tool-list .tool-item-header{width: 100%}.tool-list .tool-item-header h2{min-width: 0}.tool-list .tool-item-body{font-size: 13px}.footer-grid{gap: 18px}.footer-main{padding: 30px 14px 20px}}.header-search-form{display: flex;visibility: visible;opacity: 1;align-items: center;justify-self: stretch;width: 100%;min-width: 240px}.header-search-form .input-group{width: 100%;max-width: 300px;border: 1px solid rgba(22,119,255,.32);border-radius: 10px;background: #fff;box-shadow: 0 8px 22px rgba(22,119,255,.10)}.header-search-form input{color: var(--text)}:root[data-theme="dark"] .page-header{background: rgba(13,18,27,.96);border-bottom-color: rgba(86,112,145,.44);box-shadow: 0 12px 32px rgba(0,0,0,.28)}:root[data-theme="dark"] .nav-item>a{color: #d7e3f2}:root[data-theme="dark"] .nav-item>a:hover,:root[data-theme="dark"] .nav-item:hover>a{background: rgba(105,177,255,.14);color: #91caff}:root[data-theme="dark"] .dropdown-menu{background: #151d2b;border-color: rgba(94,117,147,.48);box-shadow: 0 18px 46px rgba(0,0,0,.42)}:root[data-theme="dark"] .dropdown-item a{color: #cfdaea}:root[data-theme="dark"] .dropdown-item a:hover{background: rgba(105,177,255,.12);color: #91caff}:root[data-theme="dark"] .header-search-form .input-group,:root[data-theme="dark"] .search-form .input-group{background: #111927;border-color: rgba(105,177,255,.42);box-shadow: 0 8px 24px rgba(0,0,0,.26)}:root[data-theme="dark"] .header-search-form input,:root[data-theme="dark"] .search-form input{background: transparent;color: #edf4ff}:root[data-theme="dark"] .header-search-form input::placeholder,:root[data-theme="dark"] .search-form input::placeholder{color: #9fb0c6}:root[data-theme="dark"] .btn-search{background: #132a49;color: #91caff;border-left-color: rgba(105,177,255,.26)}:root[data-theme="dark"] .btn-search:hover{background: #17385f;color: #cfe6ff}:root[data-theme="dark"] .theme-toggle,:root[data-theme="dark"] .link-search,:root[data-theme="dark"] .link-category{background: #111927 !important;border-color: rgba(105,177,255,.28);color: #c8d6e8}:root[data-theme="dark"] .theme-toggle:hover,:root[data-theme="dark"] .link-search:hover,:root[data-theme="dark"] .link-category:hover{background: #132a49 !important;border-color: rgba(105,177,255,.58);color: #91caff}:root[data-theme="dark"] .breadcrumb-wrap{background: rgba(25,35,51,.88);border-bottom-color: rgba(86,112,145,.34)}:root[data-theme="dark"] .breadcrumb,:root[data-theme="dark"] .breadcrumb a{color: #c8d6e8}:root[data-theme="dark"] .breadcrumb a:hover{color: #91caff}:root[data-theme="dark"] .breadcrumb .active{color: #edf4ff}@media (max-width: 991px){.header-inner{min-height: 0;grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "brand actions" "search search";gap: 10px 12px;padding: 10px 0}.header-search-form{width: 100%;min-width: 0;max-width: none;margin: 0}.header-search-form .input-group{max-width: none}}body[data-id="home-index"] .home-section{padding: 18px 0}body[data-id="home-index"] .home-section-muted{padding-top: 28px;padding-bottom: 34px}body[data-id="home-index"] .home-section-head{margin-bottom: 10px}body[data-id="home-index"] .home-hero-grid{grid-template-columns: minmax(0,1.42fr) minmax(280px,.58fr);gap: 24px}body[data-id="home-index"] .home-device-visual{min-height: 238px;padding: 22px}body[data-id="home-index"] .device-visual-card-main{max-width: 330px;border-radius: 14px}body[data-id="home-index"] .device-visual-screen{padding: 14px}body[data-id="home-index"] .device-visual-grid{gap: 9px}body[data-id="home-index"] .device-visual-grid span{height: 36px}body[data-id="home-index"] .device-visual-card-phone{width: 82px;height: 132px;right: 16px;bottom: 16px;border-radius: 18px}body[data-id="home-index"] .device-visual-person{left: 22px;bottom: 44px;transform: scale(.74);transform-origin: left bottom}body[data-id="home-index"] .device-visual-badge{left: 18px;bottom: 18px;min-height: 30px;padding: 5px 10px;font-size: 12px}@media (max-width: 991px){body[data-id="home-index"] .home-hero-grid{grid-template-columns: 1fr}body[data-id="home-index"] .home-device-visual{min-height: 220px}}@media (max-width: 640px){body[data-id="home-index"] .home-section{padding: 14px 0}body[data-id="home-index"] .home-section-muted{padding-top: 22px;padding-bottom: 28px}body[data-id="home-index"] .home-device-visual{min-height: 190px}}@media (max-width: 991px){.page-header .header-inner{display: grid !important;grid-template-columns: minmax(0,1fr) auto !important;grid-template-areas: "brand actions" !important;align-items: center !important;gap: 10px !important;min-height: 0 !important;padding: 10px 0 !important}.page-header .site-title{grid-area: brand !important;min-width: 0 !important;max-width: 100% !important;overflow: hidden !important}.page-header .brand-mark{flex: 0 0 auto !important}.page-header .brand-name{min-width: 0 !important;max-width: calc(100vw - 188px) !important;overflow: hidden !important;white-space: nowrap !important}.page-header .header-actions{grid-area: actions !important;position: static !important;z-index: 2 !important;display: flex !important;align-items: center !important;gap: 6px !important;height: 38px !important;margin-left: 0 !important}.page-header .link-search,.page-header .link-category,.page-header .theme-toggle{position: static !important;display: inline-flex !important;flex: 0 0 38px !important;width: 38px !important;height: 38px !important;margin: 0 !important;border-radius: 10px !important}.page-header .header-search-form,body[data-id="home-index"] .page-header .header-search-form{display: none !important;visibility: hidden !important;height: 0 !important;min-width: 0 !important;margin: 0 !important;overflow: hidden !important}}@media (max-width: 767px){.page-footer .footer-main{padding: 22px 14px 16px !important}.page-footer .footer-grid{display: grid !important;grid-template-columns: 1fr !important;gap: 16px !important;align-items: start !important}.page-footer .footer-brand{grid-column: 1 / -1 !important}.page-footer .footer-brand .site-title{margin-bottom: 10px !important}.page-footer .footer-brand p{margin: 0 !important;font-size: 14px !important;line-height: 1.7 !important}.page-footer .footer-col h3{display: block !important;width: 100% !important;margin: 0 0 8px !important;font-size: 15px !important;line-height: 1.35 !important}.page-footer .footer-col h3[style]{margin-top: 12px !important}.page-footer .footer-col ul{display: grid !important;grid-template-columns: repeat(2,minmax(0,1fr)) !important;gap: 8px 10px !important;margin: 0 !important}.page-footer .footer-col ul li{margin: 0 !important}.page-footer .footer-col ul a{display: block !important;font-size: 14px !important;line-height: 1.35 !important;white-space: nowrap !important}}@media (max-width: 991px){.page-header .container{width: 100% !important;max-width: none !important;padding: 0 12px !important}.page-header .header-inner{position: relative !important;display: flex !important;align-items: center !important;justify-content: flex-start !important;width: 100% !important;min-height: 58px !important;padding: 10px 126px 10px 0 !important;gap: 0 !important;overflow: visible !important}.page-header .site-title{position: static !important;transform: none !important;flex: 0 1 auto !important;display: inline-flex !important;align-items: center !important;width: auto !important;max-width: calc(100vw - 152px) !important;min-width: 0 !important;height: 38px !important;overflow: hidden !important;z-index: 1 !important}.page-header .brand-mark{flex: 0 0 36px !important;width: 36px !important;height: 36px !important}.page-header .brand-name{min-width: 0 !important;max-width: calc(100vw - 198px) !important;overflow: hidden !important;text-overflow: ellipsis !important;white-space: nowrap !important;font-size: 17px !important}.page-header .header-actions{position: absolute !important;top: 50% !important;right: 0 !important;left: auto !important;z-index: 3 !important;transform: translateY(-50%) !important;display: flex !important;align-items: center !important;gap: 6px !important;height: 38px !important;width: auto !important;margin: 0 !important}.page-header .link-search,.page-header .link-category,.page-header .theme-toggle{position: static !important;flex: 0 0 38px !important;width: 38px !important;height: 38px !important;margin: 0 !important}.page-header .header-search-form{display: none !important}}@media (max-width: 360px){.page-header .header-inner{padding-right: 118px !important}.page-header .brand-name{font-size: 16px !important;max-width: calc(100vw - 188px) !important}.page-header .link-search,.page-header .link-category,.page-header .theme-toggle{flex-basis: 36px !important;width: 36px !important;height: 36px !important}}