:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-active: #3730A3;--primary-soft: #EEF2FF;--primary-soft-2: #E0E7FF;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #F1F5F9;--border: #E2E8F0;--border-strong: #CBD5E1;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 28px;--fs-3xl: 36px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}header.site-header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:24px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text);text-decoration:none;white-space:nowrap;letter-spacing:-.02em}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--primary-soft);font-size:18px}nav.top-nav{display:flex;gap:2px;flex-wrap:wrap}nav.top-nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;padding:7px 13px;border-radius:var(--radius-full);transition:all .15s ease-out;font-weight:500}nav.top-nav a:hover{background:var(--primary-soft);color:var(--primary)}main{flex:1;padding:40px 0 64px}footer.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:24px 0;color:var(--text-muted);font-size:13px;text-align:center}footer.site-footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s}footer.site-footer a:hover{color:var(--primary)}h1.page-title{font-size:var(--fs-2xl);font-weight:700;margin-bottom:10px;letter-spacing:-.02em;color:var(--text)}.page-desc{color:var(--text-secondary);margin-bottom:28px;font-size:var(--fs-lg)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:all .15s ease-out;box-shadow:var(--shadow-xs)}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary-soft-2);box-shadow:var(--shadow-md)}.tool-card .tc-name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--text);letter-spacing:-.01em}.tool-card .tc-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--primary-soft);font-size:18px;flex-shrink:0;transition:transform .15s ease-out}.tool-card:hover .tc-icon{transform:scale(1.08)}.tool-card .tc-desc{font-size:13px;color:var(--text-secondary);flex:1;line-height:1.55}.section-title{font-size:var(--fs-xl);font-weight:700;margin:40px 0 18px;display:flex;align-items:center;gap:10px;color:var(--text);letter-spacing:-.01em}.section-title .st-icon{font-size:20px}.section-title .st-num{font-size:13px;font-weight:600;color:var(--text-muted);font-family:ui-monospace,SF Mono,Consolas,monospace;margin-right:2px}.tool-page{max-width:860px;margin:0 auto}.breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--primary)}.tool-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.tool-body textarea,.tool-body input[type=text],.tool-body input[type=number],.tool-body input[type=password],.tool-body input[type=search],.tool-body select{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s ease-out,box-shadow .15s ease-out}.tool-body textarea{resize:vertical;min-height:120px;line-height:1.6}.tool-body textarea:focus,.tool-body input:focus,.tool-body select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.cfg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0 6px}.cfg-item{display:flex;flex-direction:column;gap:5px}.cfg-item label{font-size:13px;font-weight:600;color:var(--text)}.cfg-item select,.cfg-item input[type=text],.cfg-item input[type=number],.cfg-item input[type=password]{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s ease-out,box-shadow .15s ease-out}.cfg-item select:focus,.cfg-item input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.cfg-item.full{grid-column:1 / -1}.cfg-item.wide{grid-column:span 2}@media(max-width:480px){.cfg-item.wide{grid-column:span 1}}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease-out;text-decoration:none;line-height:1.2}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{background:var(--primary-active)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#e2e8f0}.btn-group{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.result-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-size:13px;color:var(--text-secondary);margin-top:10px;word-break:break-all;max-height:280px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,SF Mono,Consolas,monospace}.copy-btn{position:sticky}.tool-tip{font-size:12px;color:var(--text-muted);margin-top:6px}.badge{display:inline-block;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:500;padding:2px 10px;border-radius:var(--radius-full)}.result-table{width:100%;border-collapse:collapse;margin-top:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.result-table th{background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text-secondary);text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.result-table td{padding:8px 12px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.result-table tr:last-child td{border-bottom:none}.result-table tbody tr:hover{background:var(--primary-soft)}.result-table .td-idx{color:var(--text-muted);font-family:ui-monospace,Consolas,monospace;width:40px}.result-table .td-name{word-break:break-all}.result-table .td-num{font-family:ui-monospace,Consolas,monospace;text-align:right}.result-table .td-actions{white-space:nowrap;text-align:right}.seo-content{margin-top:28px}.seo-text{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;box-shadow:var(--shadow-xs)}.seo-text p{font-size:14px;line-height:1.8;color:var(--text-secondary);margin-bottom:8px}.seo-text p:last-child{margin-bottom:0}.seo-text strong{color:var(--text)}.seo-faq{margin-top:28px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px;margin-bottom:10px;box-shadow:var(--shadow-xs)}.faq-item h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:6px}.faq-item p{font-size:13px;color:var(--text-secondary);line-height:1.7}@media(max-width:768px){.container{padding:0 16px}.header-inner{flex-direction:column;height:auto;padding:12px 0;gap:10px}nav.top-nav{justify-content:center;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}nav.top-nav a{white-space:nowrap}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tool-body{padding:20px}h1.page-title{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}