:root{--bg-page:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f3f4f6;--bg-input:#f9fafb;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-primary-deep:#1e40af;--color-hot:#dc2626;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--border-color:#e5e7eb;--border-color-light:#f0f0f0;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 6px 18px rgba(0,0,0,.08);--shadow-lg:0 10px 25px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--font-mono:Consolas,Monaco,monospace}html.dark{--bg-page:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--bg-input:#1a1a2e;--text-primary:#e5e7eb;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--text-muted:#6b7280;--color-primary:#60a5fa;--color-primary-hover:#93bbfd;--color-primary-light:#1e3a5f;--color-primary-deep:#93c5fd;--color-hot:#f87171;--color-success:#34d399;--color-error:#f87171;--color-warning:#fbbf24;--border-color:#2d3748;--border-color-light:#374151;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 6px 18px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5)}html{transition:background-color .3s ease,color .3s ease}body,html{background-color:var(--bg-page);color:var(--text-primary)}.page-container{width:100%;display:flex;flex-direction:column;gap:14px}.page-title{font-size:22px;color:var(--color-primary-deep);margin:0;font-weight:600}.page-desc{color:var(--text-tertiary);font-size:14px;margin:0}.tb-btn{height:28px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-page);font-size:12px;color:var(--text-primary);cursor:pointer;transition:.15s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;line-height:1}.tb-btn:hover{background:var(--bg-secondary)}.tb-btn:disabled{opacity:.45;cursor:not-allowed}.tb-btn.tb-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}html.dark .tb-btn.tb-primary{color:#fff}.tb-btn.tb-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.tb-btn.tb-active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.tb-btn.danger{color:var(--color-error)}.tb-btn.danger:hover{background:#fef2f2}.tb-btn.tb-sm{height:24px;padding:0 10px;font-size:11px}.tb-btn.tb-xs{height:22px;padding:0 8px;font-size:10px}.enc-textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);resize:vertical;outline:none;transition:.15s;box-sizing:border-box;background:var(--bg-page)}.enc-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}html.dark .enc-textarea:focus{box-shadow:0 0 0 2px #60a5fa1f}.enc-textarea.readonly{background:var(--bg-secondary);color:var(--text-secondary);cursor:default}.enc-textarea::-moz-placeholder{color:var(--text-muted)}.enc-textarea::placeholder{color:var(--text-muted)}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head>span:first-child{font-size:14px;font-weight:600;color:var(--text-primary)}.head-actions{display:flex;gap:6px}.input-section{display:flex;flex-direction:column;gap:8px}.input-section .enc-textarea{height:160px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.col-input,.col-output{display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.two-col{grid-template-columns:1fr}}.config-row-bar{gap:16px;flex-wrap:wrap}.config-group,.config-row-bar{display:flex;align-items:center}.config-group{gap:8px}.config-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.config-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.config-input{height:32px;padding:0 10px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);outline:none;transition:.15s;background:var(--bg-page);font-family:Consolas,Monaco,monospace}.config-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}html.dark .config-input:focus{box-shadow:0 0 0 2px #60a5fa1f}.realtime-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tab-group{display:flex;gap:4px;flex-wrap:wrap}.tab-btn{height:28px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-page);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:.15s;white-space:nowrap;font-family:inherit}.tab-btn:hover{background:var(--bg-secondary)}.tab-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.demo-section{display:flex;flex-direction:column;gap:8px}.demo-title{font-size:12px;color:var(--text-tertiary);font-weight:500}.demo-list{display:flex;gap:6px;flex-wrap:wrap}.demo-chip{padding:4px 12px;border-radius:20px;border:1px solid var(--border-color-light,#e2e8f0);background:var(--bg-page);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:.15s;font-family:inherit}.demo-chip:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.info-card{padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.info-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.info-body{font-size:12px;color:var(--text-secondary);line-height:1.7}.info-body code{background:var(--color-primary-light);color:var(--color-primary);padding:1px 5px;border-radius:3px;font-size:11px;font-family:Consolas,Monaco,monospace}.info-body b,.info-body strong{color:var(--text-primary)}.action-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action-hint{font-size:12px;color:var(--text-tertiary);margin-left:auto}.error-tip{padding:7px 10px;background:#fef2f2;border:1px solid #fecdd3;color:var(--color-error);border-radius:var(--radius-md);font-size:12.5px;margin-bottom:10px;flex-shrink:0}html.dark .error-tip{background:#ef44441f;border-color:#ef44444d}.result-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto}.tb-sep{width:1px;height:16px;background:var(--border-color);flex-shrink:0}.tb-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);white-space:nowrap;cursor:default}.tb-label select{height:28px;padding:0 6px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:12px;color:var(--text-primary);background:var(--bg-page);cursor:pointer;outline:none;transition:.15s}.tb-label select:focus,.tb-label select:hover{border-color:var(--color-primary)}.tb-label select:focus{box-shadow:0 0 0 2px #2563eb1f}html.dark .tb-label select:focus{box-shadow:0 0 0 2px #60a5fa1f}.inline-search{height:28px;width:140px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:12px;color:var(--text-primary);outline:none;transition:.15s;background:var(--bg-page)}.inline-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1f}html.dark .inline-search:focus{box-shadow:0 0 0 2px #60a5fa1f}.inline-search::-moz-placeholder{color:var(--text-muted)}.inline-search::placeholder{color:var(--text-muted)}@media(max-width:768px){.enc-textarea{height:120px}}.error-page[data-v-1c1110e7]{justify-content:center;min-height:60vh;text-align:center}.error-content[data-v-1c1110e7],.error-page[data-v-1c1110e7]{display:flex;align-items:center}.error-content[data-v-1c1110e7]{flex-direction:column;gap:16px}.error-code[data-v-1c1110e7]{font-size:64px;font-weight:700;color:var(--color-primary);margin:0}.error-message[data-v-1c1110e7]{font-size:16px;color:var(--text-secondary);margin:0}.error-actions[data-v-1c1110e7]{display:flex;gap:12px;margin-top:8px}