:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#111827;background:#fff;font-size:16px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{background:none}button:focus-visible,a:focus-visible{outline:3px solid #93c5fd;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}svg{flex-shrink:0;stroke-width:1.8}html{scroll-behavior:smooth;scroll-padding-top:90px}fieldset{border:0;margin:0;padding:0;min-width:0}h1,h2,h3,h4,p{margin:0}::selection{background:#dbeafe}.site-header{position:sticky;top:0;z-index:20;height:65px;border-bottom:1px solid #e2e8f0cc;background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-inner{height:64px;max-width:min(100%,92vw,1600px);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.site-logo{width:36px;height:36px;display:grid;place-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #33415526}.site-logo>span{width:28px;height:28px;border-radius:50%;background:#05070b;color:#fff;display:grid;place-items:center;font-size:18px;line-height:1}.site-brand strong{display:block;font-size:16px;font-weight:650;letter-spacing:.3px;line-height:24px}.site-brand small{display:block;font-size:12px;color:#64748b;line-height:16px}.site-nav{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:999px;padding:4px;background:#f8fafccc;box-shadow:inset 0 1px 3px #0f172a0d}.site-nav a,.site-nav button{padding:8px 16px;color:#334155;font-size:14px;line-height:20px;border-radius:999px;transition:background .2s}.site-nav a:hover,.site-nav button:hover{background:#eaf0f8;color:#2563eb}.tool-background{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#fff,#eef2ff)}.tool-workspace{max-width:min(100%,92vw,1600px);padding:32px;margin:auto}.hero{text-align:center;margin-bottom:48px}.hero-icon{height:64px;width:64px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#4f27f5);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hero h1{font-size:48px;line-height:1;font-weight:700;margin-bottom:16px;background:linear-gradient(to right,#1f2937,#4b5563);color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:-.8px}.hero>p{max-width:768px;margin:auto;color:#4b5563;font-size:20px;line-height:32px}.tool-card,.about-card{background:#fffc;border:1px solid #ffffff33;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-card{margin-bottom:48px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:20px;margin-bottom:12px}.label-row label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.blue-icon{color:#4f46e5}.green-icon{color:#16a34a}.purple-icon{color:#9333ea}textarea{width:100%;height:188px;display:block;padding:20px;border:2px solid #e5e7eb;border-radius:12px;resize:none;background:#f9fafb80;line-height:24px;transition:border-color .2s,box-shadow .2s}textarea::placeholder,input::placeholder{color:#9a9a9a;opacity:1}.input-block{margin-bottom:38px}.parameter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px}.field{min-width:0}.field>label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.field select,.input-with-button input{width:100%;height:60px;min-width:0;border:2px solid #e5e7eb;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:border-color .2s,box-shadow .2s}.field select{height:57px;padding-right:24px;cursor:pointer}.field select:hover,.input-with-button input:hover{box-shadow:0 4px 6px -1px #0000000d}.input-with-button{display:flex;gap:8px;min-width:0}.input-with-button input{flex:1}.random-button{width:52px;height:60px;padding:16px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;transition:background .2s}.random-button.blue{background:#dbeafe;color:#2563eb}.random-button.blue:hover{background:#bfdbfe}.random-button.green{background:#dcfce7;color:#16a34a}.random-button.green:hover{background:#bbf7d0}.key-input:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e33}.advanced-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;padding:0;line-height:20px}.advanced-toggle:hover{color:#2563eb}.rotated{transform:rotate(180deg)}.advanced-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.advanced-panel select{height:44px;padding:8px 12px;font-size:14px}.advanced-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#64748b;margin-top:16px}.advanced-footer button{color:#2563eb;white-space:nowrap}.action-buttons{display:flex;gap:16px;margin:24px 0 32px}.action-button{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 32px;min-height:56px;border-radius:12px;color:#fff;font-weight:600;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .2s,filter .2s,box-shadow .2s}.action-button:hover:not(:disabled){transform:translateY(-3px);filter:brightness(.94);box-shadow:0 16px 20px -6px #00000030}.encrypt{background:linear-gradient(to right,#2563eb,#1d4ed8)}.decrypt{background:linear-gradient(to right,#16a34a,#15803d)}.clear{background:linear-gradient(to right,#4b5563,#374151)}.output-block textarea:focus{border-color:#a855f7;box-shadow:0 0 0 4px #a855f733}.result-tools{display:flex;align-items:center;gap:12px;color:#64748b}.result-tools button{padding:0;display:grid;place-items:center}.result-tools button:hover{color:#7c3aed}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;font-size:12px;color:#94a3b8}.result-meta>span:first-child{display:flex;align-items:center;gap:4px;color:#16a34a}.error-message{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;border-radius:10px;color:#b91c1c;font-size:14px;margin-top:20px}.error-message>span{flex:1}.error-message button{display:grid;place-items:center;padding:0}.about-card{margin-bottom:32px}.about-card>h2{font-size:30px;line-height:36px;color:#1f2937;font-weight:700;text-align:center;padding-bottom:16px;border-bottom:2px solid #e5e7eb;margin-bottom:32px}.information-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:32px}.info-card{padding:24px;border-radius:12px;border:1px solid}.info-card h3,.security-card h3,.scenarios-card h3{display:flex;align-items:center;gap:12px;font-size:20px;line-height:28px;font-weight:700;color:#1f2937;margin-bottom:16px}.info-card p{color:#4b5563;line-height:28px}.info-blue{background:linear-gradient(135deg,#eff6ff,#eef2ff);border-color:#dbeafe}.info-blue h3 svg{color:#2563eb}.info-green{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#dcfce7}.info-green h3 svg{color:#16a34a}.info-purple{background:linear-gradient(135deg,#faf5ff,#fdf2f8);border-color:#f3e8ff}.info-purple h3 svg{color:#9333ea}.info-orange{background:linear-gradient(135deg,#fff7ed,#fefce8);border-color:#ffedd5}.info-orange h3 svg{color:#ea580c}.badge-list{list-style:none;padding:0;margin:16px 0 0}.badge-list li{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.badge-list li>span{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12px;margin-top:2px;background:#dcfce7;color:#16a34a}.badge-list p{line-height:24px}.badge-list strong{font-weight:600}.info-purple .badge-list li>span{color:#9333ea;background:#f3e8ff}.info-orange .badge-list li>span{color:#ea580c;background:#ffedd5}.security-card,.scenarios-card{padding:32px;border:2px solid;border-radius:12px}.security-card{background:linear-gradient(to right,#eff6ff,#eef2ff);border-color:#bfdbfe;margin-bottom:32px}.security-card h3{color:#1e40af;margin-bottom:24px}.security-card ol{list-style:none;counter-reset:tips;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;padding:0;margin:0;color:#1d4ed8;font-size:14px}.security-card li{counter-increment:tips;display:flex;gap:12px;align-items:flex-start}.security-card li:before{content:counter(tips);display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#dbeafe;font-weight:600}.scenarios-card{background:linear-gradient(to right,#f9fafb,#f8fafc);border-color:#e5e7eb}.scenarios-card h3{margin-bottom:24px}.scenarios-card h3 svg{color:#4b5563}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;text-align:center}.scenario-grid>div>svg{color:#3b82f6;margin-bottom:12px}.scenario-grid>div:nth-child(2)>svg{color:#22c55e}.scenario-grid>div:nth-child(3)>svg{color:#a855f7}.scenario-grid h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:8px}.scenario-grid p{font-size:14px;color:#6b7280;line-height:24px}.support-workspace{max-width:1024px;margin:72px auto 0;padding:0}.favorite-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;border:1px solid #dbeafe;border-radius:12px;background:#eff6ff;margin-bottom:48px}.favorite-card h2{font-size:18px;line-height:28px;font-weight:600;color:#0f172a;margin-bottom:8px}.favorite-card p{font-size:14px;color:#64748b;line-height:24px}.favorite-card>button,.copy-example{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;color:#fff;background:#2563eb;white-space:nowrap;font-weight:600}.favorite-card>button:hover,.copy-example:hover{background:#1d4ed8}.usage-section>h2{text-align:center;font-size:20px;font-weight:600;color:#1f2937;margin-bottom:12px}.usage-intro{font-size:14px;line-height:24px;color:#6b7280;text-align:center;margin-bottom:32px}.usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.usage-grid article,.faq-card{padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.usage-grid h3,.faq-card h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px}.usage-grid ul,.usage-grid ol{padding-left:20px;margin:0;color:#6b7280;font-size:14px;line-height:24px}.usage-grid li+li{margin-top:8px}.faq-card h3{margin-bottom:16px}.faq-card h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.faq-card p{font-size:14px;line-height:24px;color:#6b7280}.faq-card p+h4{margin-top:18px}.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;border-top:1px solid #e5e7eb;margin-top:64px;padding:28px 24px;font-size:14px;color:#6b7280;background:#f9fafb}.site-footer button{font-size:14px;color:#64748b;padding:0}.site-footer>a{font-weight:600;color:#374151}.toast-message{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:40;padding:14px 22px;background:#fff;color:#166534;border:1px solid #dcfce7;box-shadow:0 8px 30px #0f172a26;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;max-width:calc(100% - 32px);width:max-content}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.api-modal::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.api-modal{width:calc(100% - 32px);max-width:700px;max-height:90vh;overflow:auto;border:1px solid #e2e8f0;border-radius:16px;padding:28px;background:#fff;color:#374151;box-shadow:0 20px 60px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{font-size:20px;display:flex;align-items:center;gap:10px}.modal-header button{display:grid;place-items:center}.api-modal p{font-size:14px;line-height:24px;color:#64748b;margin:16px 0}.api-modal pre{padding:20px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#334155;font-size:13px;line-height:1.7;overflow:auto}.copy-example{font-size:14px}@media(min-width:1600px){.tool-workspace,.header-inner{max-width:1600px}}@media(max-width:1023px){.tool-workspace,.header-inner{max-width:100%}.tool-workspace{padding:32px 24px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-workspace{margin:48px 24px 0}.site-nav a,.site-nav button{padding:8px 14px}.information-grid{gap:24px}.info-card{padding:20px}}@media(max-width:767px){.hero h1{font-size:36px;line-height:40px;letter-spacing:-.4px}.information-grid,.usage-grid,.security-card ol{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr;gap:28px}.favorite-card{align-items:flex-start;flex-direction:column}.site-brand small{font-size:10px}.site-brand{gap:8px}.site-nav a,.site-nav button{padding:7px 10px;font-size:13px}}@media(max-width:639px){.header-inner{padding:0 16px;gap:8px}.site-brand strong{font-size:14px}.site-brand small{display:none}.site-logo{width:30px;height:30px;border-radius:8px}.site-logo>span{width:24px;height:24px;font-size:15px}.site-nav{padding:3px}.site-nav a,.site-nav button{padding:6px 8px;font-size:12px}.tool-workspace{padding:32px 16px}.hero{margin-bottom:36px}.hero>p{font-size:16px;line-height:28px}.hero h1{font-size:30px;line-height:38px}.hero-icon{width:60px;height:60px}.tool-card,.about-card{padding:24px 18px;border-radius:16px}.parameter-grid{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.input-block{margin-bottom:30px}.label-row label{font-size:13px;gap:6px}.label-row{gap:6px}.advanced-toggle{font-size:11px}.action-buttons{gap:10px}.action-button{padding:14px 8px;min-height:52px;font-size:14px;gap:7px}.action-button svg{width:18px}.field select,.input-with-button input{font-size:15px;padding:14px;height:56px}.random-button{height:56px}.advanced-grid{grid-template-columns:1fr;gap:14px}.advanced-panel{padding:16px}.advanced-footer{align-items:flex-start;font-size:11px}.about-card>h2{font-size:25px;line-height:32px}.info-card{padding:20px}.info-card h3,.security-card h3,.scenarios-card h3{font-size:18px;gap:9px}.info-card p{font-size:14px;line-height:26px}.security-card,.scenarios-card{padding:20px}.badge-list li{gap:9px}.support-workspace{margin:40px 16px 0}.result-tools{gap:8px}.result-tools button svg{width:15px}.output-block .label-row{flex-wrap:wrap}.result-meta{font-size:11px;gap:8px}.site-footer{font-size:12px;gap:10px;padding:24px 16px}.site-footer button{font-size:12px}.api-modal{padding:20px}.api-modal pre{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.storage-notice{margin:0 0 20px;padding:10px 14px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:13px;line-height:22px}.mobile-menu,.hero>.mobile-description{display:none}.label-description{margin-left:-8px}@media(max-width:639px){html{scroll-padding-top:76px;scroll-padding-bottom:100px}.site-shell{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.site-header{height:calc(61px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.header-inner{height:60px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.site-brand strong{font-size:16px}.site-brand small{display:block;font-size:10px;line-height:15px}.site-logo{width:34px;height:34px}.site-nav{display:none}.mobile-menu{display:block}.mobile-menu summary{display:flex;align-items:center;justify-content:center;gap:7px;min-width:74px;min-height:44px;border-radius:10px;color:#475569;font-size:14px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:#eff6ff;color:#2563eb}.mobile-menu nav{position:absolute;right:12px;left:12px;top:calc(65px + env(safe-area-inset-top,0px));display:grid;padding:8px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 12px 30px #0f172a20}.mobile-menu nav a,.mobile-menu nav button{display:flex;align-items:center;min-height:48px;padding:10px 14px;border-radius:8px;font-size:15px;text-align:left}.mobile-menu nav a:active,.mobile-menu nav button:active{background:#eff6ff}.tool-workspace{padding:22px max(12px,env(safe-area-inset-left,0px)) 12px}.hero{margin-bottom:24px}.hero-icon{width:44px;height:44px;margin-bottom:12px}.hero-icon svg{width:24px;height:24px}.hero h1{font-size:27px;line-height:36px;margin-bottom:8px;letter-spacing:-.5px}.hero>.desktop-description{display:none}.hero>.mobile-description{display:block;font-size:14px;line-height:22px;color:#64748b}.tool-card{padding:16px;margin-bottom:28px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 5px 20px #1e3a8a0a;border-color:#e8eef8}.storage-notice{margin-bottom:18px;padding:9px 11px;font-size:12px;line-height:20px;overflow-wrap:anywhere}.input-block{margin-bottom:22px}.label-description{display:none}.label-row{margin-bottom:10px}.label-row label,.field>label{font-size:14px}.tool-card textarea{height:148px;min-height:148px;padding:12px;font-size:16px;line-height:26px;border-width:1px;border-radius:10px}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-bottom:18px}.mode-field{grid-column:1 / -1;order:1}.padding-field{order:2}.encoding-field{order:3}.iv-field{grid-column:1 / -1;order:4}.field select,.input-with-button input{height:50px;padding:11px 12px;font-size:16px;border-width:1px;border-radius:10px;box-shadow:0 1px 2px #0f172a08}.random-button{height:50px;width:48px;padding:12px;border-radius:10px}.key-block .label-row{margin-bottom:5px}.advanced-toggle{min-height:44px;padding:0 3px 0 10px;font-size:13px}.advanced-panel{margin-top:16px;padding:14px}.advanced-grid{gap:16px}.advanced-footer{flex-wrap:wrap;gap:6px;font-size:12px}.advanced-footer button{min-height:44px;padding:6px 12px;border:1px solid #dbeafe;border-radius:8px;background:#fff}.action-buttons{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:1fr 1fr .85fr;gap:10px;margin:0;padding:12px max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));border-top:1px solid #e2e8f0;background:#fffffffa;box-shadow:0 -5px 20px #0f172a08}.action-button{min-width:0;min-height:50px;padding:12px 8px;font-size:16px;border-radius:10px;gap:7px;box-shadow:none}.action-button:hover:not(:disabled){transform:none;box-shadow:none}.action-button.clear{background:#f1f5f9;color:#475569}.output-block{margin-top:22px;padding-top:18px;border-top:1px solid #edf1f7}.output-block .label-row{min-height:44px;flex-wrap:nowrap;margin-bottom:5px}.result-tools{gap:0}.result-tools button{width:44px;height:44px;border-radius:8px}.result-tools button svg{width:18px;height:18px}.result-tools button:active{background:#f3e8ff}.result-meta{flex-wrap:wrap;font-size:12px;line-height:20px}.error-message{align-items:flex-start;padding:12px;font-size:13px;overflow-wrap:anywhere}.error-message>svg{margin-top:3px}.error-message button{min-width:32px;min-height:32px;margin-top:-4px}.about-card{padding:20px 16px}.about-card>h2{font-size:23px}.information-grid{gap:16px}.info-card,.security-card,.scenarios-card{padding:16px}.info-card h3{font-size:17px}.support-workspace{margin-top:20px}.favorite-card{padding:18px;gap:16px;margin-bottom:30px}.favorite-card>button{width:100%;min-height:46px}.site-footer{margin-top:32px}.toast-message{bottom:calc(90px + env(safe-area-inset-bottom,0px));padding:12px 16px;font-size:13px}.api-modal{max-height:calc(100dvh - 32px);padding:20px 16px}.modal-header h2{font-size:18px}.modal-header button{min-width:44px;min-height:44px}.copy-example{min-height:46px}}