@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;450;500&family=Sora:wght@400;500;600;650;700&display=swap";:root{font-family:DM Sans,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#292b3b;background:#f7f8fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #f7f8fc;--surface: #ffffff;--ink: #292b3b;--muted: #8b8c9f;--purple: #7960d7;--purple-dark: #6650bd;--purple-tint: #f0ecfb;--teal: #57998c;--line: #eaeaf1;--mono: "IBM Plex Mono", Consolas, monospace;--display: "Sora", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #b9a7ed;outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #b9a7ed;outline-offset:2px}button svg,a svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button{border:0}[hidden]{display:none!important}.mono{font-family:var(--mono)}.skip-link{position:fixed;top:-70px;left:16px;padding:12px 22px;border-radius:8px;background:var(--purple);color:#fff;z-index:100}.skip-link:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;z-index:30;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;width:fit-content;margin:35px 0 43px 28px;padding:0;background:none;text-align:left}.brand-symbol{width:39px;height:41px;border-radius:12px;background:var(--purple);display:grid;place-items:center;transform:rotate(-7deg)}.brand-symbol>span{width:23px;height:23px;border:4px solid white;border-right-color:transparent;border-radius:50%;position:relative;transform:rotate(7deg)}.brand-symbol>span:after{content:"";width:6px;height:6px;background:#d6ccf6;border-radius:2px;position:absolute;right:-4px;top:5px}.brand-text{font:650 29px/.9 var(--display);letter-spacing:-1.7px}.brand-period{color:var(--purple)}.brand-text small{display:block;font:450 9px/1.6 DM Sans,Microsoft YaHei,sans-serif;letter-spacing:3.2px;margin-top:9px;color:var(--muted)}.lang-en .brand-text small{font-size:6.5px;letter-spacing:1.15px}.sidebar-content{padding:0 17px}.nav-caption{color:#a1a1b0;font-size:10px;letter-spacing:1.8px;display:block;padding-left:16px;margin-bottom:14px}.nav-item{display:flex;align-items:center;text-align:left;width:100%;gap:12px;min-height:51px;padding:12px 15px;margin:5px 0;background:none;border-radius:8px;color:#7d7e90;font-size:12px}.nav-item>svg{color:#8c8d9e}.nav-item:hover{background:#f7f5fc;color:var(--purple)}.nav-item.selected{background:#efebfa;color:var(--purple-dark)}.nav-item.selected>svg{color:var(--purple)}.nav-item span:not(.nav-active-dot){flex:1}.nav-item small{font-size:10px;margin-left:12px;color:#a2a0b1;font-weight:400}.lang-en .nav-item small{display:block;margin:4px 0 0;font-size:9px}.nav-item.selected small{color:#9984ce}.nav-active-dot{width:5px;height:5px;background:var(--purple);border-radius:50%}.nav-divider{height:1px;background:var(--line);display:block;margin:14px 15px 18px}.resources-caption{margin-top:34px;margin-bottom:8px}.resource-item{min-height:43px;font-size:11px;gap:11px;margin:1px 0}.sidebar-bottom{margin-top:auto;padding:50px 20px 0}.local-card{background:linear-gradient(125deg,#f4f2fa,#f9f8fc);border:1px solid #eeebf5;border-radius:10px;padding:17px 14px 14px}.local-card-icon{display:block;color:#8d7db5;margin-bottom:10px}.local-card h3{font-size:11px;font-weight:500}.local-card p{font-size:9px;line-height:1.8;color:#a09bac;margin-top:5px}.local-line{display:flex;align-items:center;gap:6px;font:400 7px var(--mono);letter-spacing:1px;color:#9b92ae;border-top:1px solid #e8e3f2;padding-top:13px;margin-top:14px}.local-line>span{width:4px;height:4px;border-radius:50%;background:#81af9d}.sidebar-foot{display:flex;align-items:center;gap:9px;margin:22px 0 23px}.mini-logo{font:600 23px var(--display);color:#a7a4b6}.sidebar-foot>span:nth-child(2){font:500 6.3px/1.7 var(--mono);letter-spacing:.4px;color:#9190a2}.sidebar-foot small{display:block;font-size:5.6px;letter-spacing:1px;color:#b1adbe}.version{font:400 8px var(--mono);color:#aaa8ba;margin-left:auto}.main-shell{margin-left:224px}.topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 39px;border-bottom:1px solid var(--line);background:#ffffffa3}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#9b9bab}.breadcrumb>svg{color:#bebdca}.breadcrumb strong{font-size:11px;font-weight:500;color:#626073}.topbar-right{display:flex;gap:22px;align-items:center}.local-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#9696a5}.local-pill>span{width:5px;height:5px;border-radius:50%;background:#76a794;box-shadow:0 0 0 3px #eaf2ee}.local-pill svg{margin-left:2px;color:#9c9aaa}.language-switch{display:flex;padding:3px;border-radius:7px;border:1px solid #e6e5ee;background:#f2f2f7;gap:2px}.language-switch button{border-radius:4px;min-width:37px;height:25px;padding:0 9px;font-size:10px;color:#aaa5b7;background:none}.language-switch button.selected{background:#fff;color:#665286;box-shadow:0 1px 4px #39304712}.topbar-mark{width:29px;height:29px;border:1px solid #e5e1ef;border-radius:50%;display:grid;place-items:center;color:#9a8ab5;background:#f5f2fb}.main-content{max-width:1450px;margin:auto;padding:0 40px}.hero{min-height:299px;display:grid;grid-template-columns:1.13fr 1fr;gap:16px;align-items:center;padding:32px 0 31px;overflow:clip}.hero-copy{position:relative;z-index:1}.hero-eyebrow{font:400 8px var(--mono);letter-spacing:1.7px;color:#9993aa;display:flex;align-items:center;gap:8px}.hero-eyebrow>span{width:5px;height:5px;border:1px solid #a797ce;border-radius:50%}.hero h1{position:relative;font:600 clamp(38px,3.8vw,57px)/1.36 var(--display);letter-spacing:-1.7px;width:fit-content;margin-top:15px}.hero h1>span:first-of-type{color:var(--purple)}.hero-asterisk{font-size:40px;position:absolute;right:-61px;top:9px;font-weight:400;color:#c1b5e4}.hero p{font-size:12px;line-height:1.95;color:#777484;margin-top:13px}.hero-tag{display:flex;align-items:center;gap:7px;font-size:9px;color:#a39aaf;margin-top:19px}.hero-tag svg{color:#a18dbd}.tag-line{width:42px;height:1px;background:#d9d2e5;margin-left:5px}.lang-en .hero h1{font-size:clamp(34px,3.7vw,55px);line-height:1.27;letter-spacing:-2.2px}.lang-en .hero p{max-width:350px}.lang-en .hero-asterisk{top:-5px;right:-48px;font-size:34px}.cipher-artwork{width:100%;height:249px;position:relative;margin-top:2px;background:radial-gradient(ellipse at 60% 48%,#e9e4f482,transparent 66%)}.byte-field{position:absolute;display:grid;grid-template-columns:repeat(8,1fr);gap:9px 13px;width:283px;top:40px;left:50%;margin-left:-129px;padding:18px;transform:rotate(-9deg) skew(4deg);border:1px solid #e7e0f0;border-radius:13px;background:linear-gradient(145deg,#ffffff91,#ede7f273);box-shadow:9px 14px 40px #7762800a}.byte-field>span{font:400 11px var(--mono);color:#d0c7df;animation:reveal-byte .8s both;animation-delay:calc(var(--i) * 7ms)}.byte-field>span.bright{color:#a694c3}.art-key{position:absolute;width:86px;height:86px;top:76px;left:50%;margin-left:-30px;border:1px solid #bfaadb57;border-radius:23px;transform:rotate(-9deg);background:#f7f5fb9e;display:grid;place-items:center;box-shadow:0 12px 34px #846b9f15;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.art-key>div{width:65px;height:65px;border:1px solid #c3b4de75;border-radius:17px;display:grid;place-items:center;color:#9474b6;background:linear-gradient(140deg,#f8f5ff,#ddd0ee);box-shadow:inset 0 2px 5px #ffffff9c}.message-chip{position:absolute;top:18px;left:6%;display:flex;align-items:center;gap:10px;z-index:2;background:#ffffffed;padding:12px 13px;font-size:9px;border:1px solid #ece6f3;border-radius:8px;transform:rotate(-6deg);box-shadow:0 5px 15px #78608a05}.message-chip>.mono{margin-left:15px;color:#b4a2cc;font-size:10px}.chip-dot{width:5px;height:5px;border-radius:50%;background:#a08bc4}.cipher-chip{position:absolute;right:6%;bottom:36px;display:flex;align-items:center;gap:23px;padding:12px 16px;font-size:11px;letter-spacing:2px;color:#a091b8;border:1px solid #e5dcee;background:#f6f1fa;border-radius:8px;transform:rotate(-6deg);z-index:2;box-shadow:0 5px 20px #846c9210}.cipher-chip>svg{color:#b09dc7}.art-label{position:absolute;top:0;right:3%;font:400 6px var(--mono);letter-spacing:1.8px;color:#b5aabe}.art-caption{position:absolute;bottom:3px;left:25%;font-size:8px;letter-spacing:1px;color:#b1a6bd;display:flex;align-items:center;gap:7px}.art-caption>span{width:4px;height:4px;border-radius:50%;background:#b8a5ce}.art-cross{position:absolute;color:#cbc1d8;font:300 14px var(--mono)}.cross-one{top:6px;left:0}.cross-two{bottom:34px;left:5%}.art-wire{position:absolute;width:65px;height:36px;border:1px dashed #dbd1e8;border-left:0;border-bottom:0;border-radius:0 15px 0 0}.wire-one{top:8px;right:11%;transform:rotate(10deg)}.wire-two{bottom:15px;left:19%;transform:rotate(185deg)}.algorithm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.algorithm-card{position:relative;padding:19px 20px 16px;border:1px solid #e7e7ef;border-radius:11px;background:#fff;text-align:left;overflow:hidden}.algorithm-card:hover{transform:translateY(-3px);border-color:#c7b9e8;box-shadow:0 6px 14px #80718e0b}.algorithm-card.active{border-color:#b6a0e2;background:linear-gradient(120deg,#fdfbff,#f3effc);box-shadow:0 3px 12px #76609008}.algorithm-card.active:after{content:"";position:absolute;height:3px;background:#a891db;width:36px;bottom:0;left:20px;border-radius:2px 2px 0 0}.algorithm-card-top{display:flex;align-items:center;gap:12px}.algorithm-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;color:#8d75b4;background:#eee8f8}.rsa .algorithm-icon{color:#b4946f;background:#f8f1e7}.sha .algorithm-icon{color:#78a29a;background:#eaf4f1}.algorithm-name{font:600 18px/1.1 var(--display);letter-spacing:-.4px}.algorithm-name small{display:block;color:#81788f;margin-top:6px;font:400 10px/1.2 DM Sans,Microsoft YaHei,sans-serif;letter-spacing:.3px}.active-badge{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:8px;padding:4px 6px;border-radius:4px;color:#a08ac1;background:#eae3f7;white-space:nowrap}.active-badge>span{width:3px;height:3px;background:#a08ac1;border-radius:50%}.card-arrow{margin-left:auto;color:#b0aabf}.algorithm-card p{color:#777081;font-size:10px;line-height:1.6;margin-top:13px}.algorithm-card-spec{display:block;margin-top:12px;color:#b0a9bc;font:400 7px var(--mono);letter-spacing:1px}.workbench-section{padding-top:33px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.section-heading h2{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:550;letter-spacing:-.5px}.section-heading p{margin-top:7px;font-size:12px;color:#817889;line-height:1.6}.section-dot{height:5px;width:5px;border:1px solid #b29bd3;border-radius:50%}.how-button{display:flex;gap:7px;align-items:center;background:none;color:#847193;font-size:11px;padding:8px 0 8px 10px}.how-button:hover{color:var(--purple)}.workbench-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.operation-tabs{display:flex;gap:4px;background:#edeef4;border-radius:7px;padding:3px}.operation-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;min-width:80px;background:none;color:#aaa3b5;border-radius:5px;font-size:12px}.operation-tabs button.selected{background:#fff;color:#8670ac;box-shadow:0 1px 4px #41304e0b}.algorithm-spec{display:flex;align-items:center;gap:7px;color:#a29aaa;font:400 10px var(--mono)}.algorithm-spec>svg{color:#b1a4bf}.algorithm-spec>span{color:#c4b9cc}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);align-items:stretch;gap:17px}.source-panel{min-width:0;background:#fff;border:1px solid #e7e5ed;border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 19px;border-bottom:1px solid #eeebf3;gap:8px}.panel-label{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;color:#6d6277}.panel-label>svg{color:#a99caf}.panel-label label{cursor:text}.panel-label h3{font-size:13px;font-weight:400}.tiny-tag{color:#a397b1;font-size:8px;font-weight:400;padding:3px 5px;background:#f4f1f8;border:1px solid #eae4f2;border-radius:4px;white-space:nowrap}.text-button{padding:0;display:inline-flex;align-items:center;gap:5px;background:none;font-size:11px;color:#9474af;white-space:nowrap}.text-button:hover:not(:disabled){color:var(--purple-dark)}.input-area{padding:17px 19px 8px}.input-area>textarea{display:block;width:100%;height:105px;resize:vertical;min-height:90px;max-height:400px;padding:0;border:0;background:transparent;font-size:13px;line-height:2;color:#6e647b}.input-area textarea::placeholder{color:#c1b7c8}.input-area>textarea:focus-visible{outline:none}.input-area:focus-within{background:#fefcff;box-shadow:inset 0 0 0 2px #b9a7ed80}.input-footer{display:flex;justify-content:space-between;align-items:center}.input-footer>span{display:flex;align-items:center;color:#928399;gap:7px;font:400 10px var(--mono)}.input-footer>span.over-limit{color:#bd6374}.input-footer i{width:2px;height:2px;border-radius:50%;background:#928399}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:5px;background:transparent;color:#b7aabf;flex-shrink:0;padding:0}.icon-button:hover:not(:disabled){background:#eee7f5;color:#8b71ad}.configuration{border-top:1px solid #f0edf4;padding:17px 19px 19px}.field-row{display:grid;grid-template-columns:1.04fr 1fr 1fr;gap:11px}.select-field{display:flex;flex-direction:column;gap:7px;min-width:0}.select-field>span{color:#81718e;font-size:11px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23b4a7bd' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #e9e3ee;border-radius:5px;font:400 12px var(--mono);height:35px;padding:0 25px 0 10px;color:#7b628e;min-width:0}.key-label{display:flex;align-items:center;justify-content:space-between;margin-top:16px;margin-bottom:8px;gap:10px}.key-label>label{font-size:11px;color:#82708e}.key-label>label>span{margin-left:7px;font-size:8px;color:#c4b8cd}.key-label .text-button{font-size:10px}.key-input{height:36px;padding:0 7px 0 10px;display:flex;align-items:center;gap:8px;border:1px solid #e9e3ee;border-radius:5px;background:#fcfbfd}.key-input>svg{color:#b7a3c7;flex-shrink:0}.key-input>input{border:none;background:transparent;min-width:0;flex:1;width:100%;color:#9d87ae;font:400 10px var(--mono);letter-spacing:1px}.key-input:focus-within{outline:2px solid #b9a7ed;outline-offset:1px}.key-input>input:focus-visible{outline:none}.field-hint{display:flex;gap:5px;align-items:center;font-size:10px;line-height:1.7;margin-top:9px;color:#908299}.field-hint svg{flex-shrink:0;color:#bcaacd}.run-button{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;border-radius:6px;min-height:39px;padding:10px 15px;color:#fff;background:#8c71c6;margin-top:17px;box-shadow:0 3px 8px #9875b51a;font-size:12px}.run-button>svg{flex-shrink:0}.run-button>span{flex:1;text-align:center}.run-button>svg:last-child:not(:first-child){width:15px}.run-button:hover:not(:disabled){background:#7c5fb9;box-shadow:0 4px 12px #9875b52e;transform:translateY(-1px)}.output-panel{display:flex;flex-direction:column;min-width:0;background:#faf9fc;border:1px solid #e7e3ed;border-radius:10px;overflow:hidden}.output-panel .panel-heading{border-bottom-color:#eeebf3}.output-mark{font:400 17px var(--mono);color:#ad9dbb}.output-content{position:relative;flex:1;padding:19px;min-height:290px}.empty-result{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:flex;align-items:center;justify-content:center;flex-direction:column}.empty-orbit{display:grid;place-items:center;width:70px;height:70px;border:1px dashed #ded3e9;border-radius:50%;color:#baa4ce;position:relative;margin-bottom:19px;box-shadow:0 0 0 13px #f2edf73d,0 0 0 14px #eae2f344}.empty-orbit:after{content:"";position:absolute;width:85px;height:85px;border:1px solid #eae1f144;border-radius:23px;transform:rotate(45deg)}.orbit-point{position:absolute;top:7px;right:8px;width:5px;height:5px;background:#cebadd;border:2px solid #faf9fc;box-sizing:content-box;border-radius:50%}.empty-result h4{font-size:14px;color:#90789f;font-weight:450;margin-top:2px}.empty-result p{font-size:11px;color:#9785a3;text-align:center;line-height:1.8;margin-top:8px}.empty-code{margin-top:28px;color:#d9d0e0;font:400 7px var(--mono);letter-spacing:1.5px;text-align:center}.output-footer{min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 19px;border-top:1px solid #ede7f2}.output-footer>div{display:flex;gap:3px}.output-footer .icon-button{width:24px;height:25px}.output-footer svg{width:13px}.result-status{display:inline-flex;gap:6px;align-items:center;color:#9982aa;font:400 10px var(--mono)}.status-dot{width:4px;height:4px;border-radius:50%;background:#c7b9d3}.status-dot.done{background:#79a590}.result-stamp{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#79a18e;margin-bottom:17px}.output-content pre{font:400 12px/1.9 var(--mono);word-break:break-all;white-space:pre-wrap;color:#725386;margin:0}.output-content pre.plain-result{font-family:DM Sans,Microsoft YaHei,sans-serif;font-size:14px;line-height:2;word-break:break-word}.iv-detail{margin-top:25px;border-top:1px dashed #e7dfee;padding-top:14px}.iv-detail>span{display:block;font-size:8px;color:#b09fc1}.iv-detail>code{display:block;margin-top:6px;font:400 9px var(--mono);color:#b4a0c4;word-break:break-all}.use-result{display:flex;align-items:center;justify-content:space-between;background:#f0eaf8;border:1px solid #e3d8ef;border-radius:5px;padding:10px 12px;margin:0 19px 16px;font-size:10px;color:#987bb4}.use-result:hover{background:#e7ddf3}.error-message{display:flex;gap:7px;align-items:flex-start;font-size:10px;line-height:1.7;color:#b7697c;margin-top:13px;padding:9px 10px;border-radius:5px;border:1px solid #f1dfe6;background:#fdf6f8}.error-message>svg{margin-top:2px;flex-shrink:0}.flow-strip{display:flex;align-items:center;justify-content:space-between;padding:18px 5px;gap:15px}.flow-steps,.flow-item-wrap,.flow-item{display:flex;align-items:center}.flow-item{gap:7px;color:#95839f;font-size:11px;white-space:nowrap}.flow-item svg{color:#bca8ce;width:14px}.flow-item-1{color:#9b83b4}.flow-connector{display:flex;align-items:center;justify-content:center;color:#d1c5da;width:55px}.flow-connector:before{content:"";width:24px;height:1px;background:#e3dce9}.flow-caption{font-size:8px;color:#b6a8c0;white-space:nowrap}.observation{position:relative;display:flex;gap:16px;padding:22px 24px;background:#f2eff8;border:1px solid #e8e1f0;border-radius:9px;overflow:hidden}.observation-icon{color:#b39bc8;display:block;padding-top:2px}.eyebrow{display:block;color:#9d84af;font-size:7px;letter-spacing:1.3px;line-height:1}.observation h3{margin-top:8px;color:#806294;font-size:14px;font-weight:500;letter-spacing:.1px}.observation p{color:#8a7398;font-size:11px;line-height:1.9;max-width:680px;margin-top:8px;padding-right:45px}.observation-art{display:grid;place-items:center;position:absolute;right:28px;top:19px;width:69px;height:69px;transform:rotate(-18deg);color:#dfd3e9;opacity:.8;border:1px solid #e5dcec;border-radius:50%}.observation-art>span{font:300 60px/1 sans-serif}.observation-art>svg{width:39px;height:39px;stroke-width:1}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:20px 0 26px;border-top:1px solid #eae5ef}.page-footer>span{display:flex;align-items:center;gap:7px;font-size:8px;color:#b5a4c0}.footer-spark{font-size:16px;color:#c7b7d4}.page-footer small{font-size:7px;color:#c3b8cd;margin-left:7px}.page-footer>div{display:flex;align-items:center;gap:19px}.page-footer button,.page-footer a{display:flex;gap:4px;align-items:center;font-size:8px;color:#8d769f;padding:0;background:none}.page-footer button:hover,.page-footer a:hover{color:var(--purple)}.rsa-key-section{padding:17px 19px 13px;border-radius:10px;border:1px solid var(--line);background:#fff;margin-bottom:18px}.rsa-key-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.rsa-key-top h3{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:500}.rsa-key-top h3 svg{color:#b89a76}.rsa-key-top p{font-size:9px;color:#b0a1b8;margin-top:5px}.rsa-key-top>div:last-child{display:flex;gap:8px}.rsa-key-top select{height:31px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#f8f5fa;color:#9f84b4;border:1px solid #eae0f1;font-size:9px;border-radius:5px;padding:7px 12px}.secondary-button:hover:not(:disabled){background:#eee7f5}.rsa-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.rsa-key-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e9e4ed;border-radius:7px;text-align:left;background:#fdfcfe;min-width:0}.rsa-key-card:hover:not(:disabled){border-color:#bca3d2}.rsa-key-card>span:nth-child(2){flex:1;min-width:0}.key-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f4eee5;color:#b8a083;flex-shrink:0}.rsa-key-card.private .key-card-icon{color:#a58aba;background:#f2ecf8}.rsa-key-card strong{display:flex;align-items:center;gap:10px;color:#96849f;font-size:10px;font-weight:500}.rsa-key-card small{color:#baa9c3;font-size:8px;font-weight:400}.rsa-key-card code{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:7px;font:400 8px var(--mono);color:#bdafc6}.rsa-key-card>svg{color:#baa8c9;flex-shrink:0}.rsa-configuration{padding-top:18px}.rsa-limit{padding:0 0 8px}.rsa-limit>span{font-size:9px;color:#ab9ab6}.rsa-limit strong{display:inline-flex;align-items:baseline;gap:5px;color:#a18aaf;font:400 24px var(--mono);margin-left:13px}.rsa-limit small{color:#b7a6c1;font-size:9px}.rsa-limit p{color:#bdadc7;font-size:8px;margin-top:7px;line-height:1.8}.hash-mode{display:inline-flex;align-items:center;gap:7px;height:36px;color:#9d85af;font-size:10px}.sha-fields{grid-template-columns:1fr 1fr}.compare-toggle{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:13px 0;border-top:1px solid #f0eaf4;cursor:pointer}.compare-toggle>span:first-child{display:flex;flex-direction:column;gap:5px}.compare-toggle strong{font-size:10px;font-weight:500;color:#a28bb3}.compare-toggle small{color:#bba9c7;font-size:8px}.compare-toggle input{opacity:0;position:absolute;right:0;width:33px;height:20px;margin:0;cursor:pointer}.switch-track{display:block;width:30px;height:17px;background:#e9e0f0;border-radius:10px;padding:3px;flex-shrink:0;transition:background .2s}.switch-track:after{content:"";display:block;width:11px;height:11px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000000a;transition:transform .2s}.compare-toggle input:checked+.switch-track{background:#a48ac2}.compare-toggle input:checked+.switch-track:after{transform:translate(13px)}.compare-toggle input:focus-visible+.switch-track{outline:3px solid #b9a7ed;outline-offset:4px}.comparison-input label{display:block;color:#aa94b8;font-size:9px;margin-bottom:8px}.comparison-input textarea{width:100%;min-height:83px;border:1px solid #e8dfee;border-radius:5px;background:#fdfbfe;padding:10px;font-size:11px;line-height:1.8;color:#9b82af;resize:vertical}.comparison-result{margin-top:24px;border-top:1px dashed #e5d9ee;padding-top:17px}.comparison-result>span{font-size:9px;color:#ac92bc;display:block;margin-bottom:10px}.comparison-result pre{color:#aa8fb8}.difference-meter{height:5px;border-radius:3px;background:#e9dfef;overflow:hidden;margin-top:22px}.difference-meter>div{height:100%;background:#a188bf;border-radius:3px;transition:width .5s}.difference-label{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:8px;font-size:10px;color:#a58bb8}.difference-label strong{font:500 18px var(--mono)}.difference-label small{font:400 9px DM Sans,Microsoft YaHei,sans-serif;color:#baa6c7}.comparison-result>p{color:#b69cc4;font-size:9px;line-height:1.8;margin-top:8px}.overview-section>.section-heading{margin-bottom:24px}.overview-section>.section-heading>svg{color:#b4a2c8}.comparison-table-wrap{border:1px solid #e5deed;border-radius:10px;overflow-x:auto;background:#fff}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}.comparison-table caption{text-align:left;padding:20px;font-size:12px;color:#a28bb4;border-bottom:1px solid #ece5f3}.comparison-table th,.comparison-table td{padding:19px;border-bottom:1px solid #eee8f4;font-size:10px;line-height:1.8;color:#ac95bd}.comparison-table thead th{font:500 17px var(--display);color:#8a70a3;background:#faf7fd}.comparison-table thead th:first-child{font-size:10px}.comparison-table thead span{display:block;font:400 9px DM Sans,Microsoft YaHei,sans-serif;color:#b8a5c7;margin-top:6px}.comparison-table tbody th{font-weight:400;color:#9b87ab}.comparison-table tr:last-child td{border:0}.environment-warning{margin-top:20px;padding:16px;border:1px solid #f1dfe6;color:#b7697c;background:#fdf6f8;border-radius:8px;font-size:12px;line-height:1.8}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#34263a42;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .15s}.dialog{width:580px;max-width:100%;max-height:85dvh;overflow-y:auto;border-radius:16px;background:#fdfbff;box-shadow:0 25px 100px #30203f30;padding:30px;border:1px solid #fff}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-logo{color:#a68abf;background:#f0e8f8;display:grid;place-items:center;border-radius:10px;width:43px;height:43px}.dialog h2{font:500 24px/1.5 var(--display);color:#806596;letter-spacing:-.5px}.dialog-intro{color:#a08aac;line-height:1.95;font-size:12px;margin-top:18px}.help-steps{list-style:none;padding:0;margin:23px 0 0}.help-steps li{display:flex;gap:16px;color:#aa93ba;font-size:11px;line-height:1.9;padding:16px 0;border-top:1px solid #eae0f0}.help-steps li>span{font:400 12px var(--mono);color:#b9a4cc;padding-top:3px}.dialog-note{display:flex;gap:12px;padding:16px;margin-top:24px;background:#f2ebf8;border-radius:8px;color:#ac93bc;font-size:11px;line-height:1.9}.dialog-note>svg{flex-shrink:0;margin-top:3px}.principle-type{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#b19ac3;margin-top:20px;padding-bottom:18px;border-bottom:1px solid #eadff1}.principle-type .mono{font-size:8px}.principle-copy p{line-height:2;font-size:12px;color:#a38ab3;margin-top:20px}.reference-link{display:inline-flex;align-items:center;gap:8px;color:#aa8dc0;font-size:11px;margin-top:26px}.pem-content{background:#f3edf8;border:1px solid #e8dcef;color:#aa8dbb;padding:15px;font:400 9px/1.8 var(--mono);border-radius:8px;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin-top:19px}.toast{position:fixed;bottom:30px;left:calc(50% + 112px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 21px;background:#fff;border:1px solid #ded2e9;color:#9c7fb4;border-radius:9px;box-shadow:0 5px 30px #5f416317;font-size:12px;max-width:90vw;z-index:90;animation:fade-in .2s}.toast-error{color:#b9788e}.mobile-menu,.nav-scrim{display:none}.spin{animation:spin 1s linear infinite}.processing{animation:breathe 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.35;transform:scale(.95)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-byte{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.main-content{padding:0 60px}.hero{min-height:340px}.hero h1{font-size:60px}.hero p{font-size:13px}.hero-eyebrow{font-size:9px}.algorithm-card{padding:23px}.algorithm-card p{font-size:12px}.algorithm-card-spec{font-size:8px}.input-area>textarea{height:126px}.output-content{min-height:310px}.section-heading h2{font-size:23px}.section-heading p{font-size:12px}.observation p{font-size:11px}}@media(max-width:1200px){.sidebar{width:200px}.main-shell{margin-left:200px}.brand{margin-left:23px}.sidebar-content{padding:0 12px}.sidebar-bottom{padding:35px 16px 0}.main-content,.topbar{padding:0 28px}.hero{min-height:293px}.hero h1{font-size:46px}.lang-en .hero h1{font-size:39px}.hero-eyebrow{font-size:6.5px;letter-spacing:1.15px}.hero-asterisk{right:-45px;font-size:31px}.algorithm-card{padding:17px 15px 16px}.algorithm-card-top{gap:9px}.algorithm-icon{width:32px;height:34px}.algorithm-name{font-size:17px}.active-badge{font-size:7px;padding:4px}.lang-en .active-badge{font-size:6px}.panel-heading{padding:0 15px}.input-area,.configuration{padding-left:15px;padding-right:15px}.flow-connector{width:42px}.flow-connector:before{width:15px}.flow-caption{font-size:7px}.toast{left:calc(50% + 100px)}.cipher-chip{right:1%}.art-label{font-size:5px}.byte-field{width:246px;gap:9px;margin-left:-112px}.lang-en .key-label>label>span{display:none}.page-footer small{display:none}}@media(max-width:1000px){.sidebar{width:180px}.main-shell{margin-left:180px}.brand{gap:8px;margin-left:20px}.brand-text{font-size:26px}.brand-symbol{width:33px;height:36px}.brand-text small{letter-spacing:2.3px;font-size:8px}.sidebar-content{padding:0 10px}.nav-item{padding-left:12px;padding-right:12px;gap:9px}.nav-item small{display:block;margin:5px 0 0;font-size:9px}.resource-item{font-size:10px}.main-content{padding:0 24px}.hero{grid-template-columns:1.13fr .9fr;gap:5px}.hero h1{font-size:43px}.lang-en .hero h1{font-size:35px;letter-spacing:-1.7px}.hero-eyebrow{font-size:5.5px}.hero p{font-size:10px}.hero-asterisk{right:-38px;font-size:27px}.hero-tag{font-size:8px}.byte-field{width:206px;padding:14px;margin-left:-98px;gap:10px 7px}.byte-field>span{font-size:9px}.message-chip{left:-5%;padding:10px;font-size:7px}.message-chip>.mono{margin-left:6px}.art-key{width:75px;height:75px;top:75px}.art-key>div{width:57px;height:57px}.cipher-chip{right:-3%;bottom:40px;font-size:9px;gap:15px;padding:10px}.art-label{right:-2%;font-size:4.5px;letter-spacing:1px}.art-caption{left:5%;font-size:7px}.algorithm-cards{gap:10px}.algorithm-name{font-size:15px}.algorithm-icon{width:30px;height:31px}.algorithm-icon svg{width:18px}.algorithm-name small{font-size:7px}.active-badge{position:absolute;top:8px;right:8px;font-size:0!important;padding:4px;background:none}.active-badge>span{width:4px;height:4px}.algorithm-card p{font-size:9px}.algorithm-card-spec{font-size:6px;letter-spacing:.4px}.workbench-grid{gap:12px}.panel-heading{padding:0 12px}.panel-label{font-size:10px;gap:5px}.panel-heading .text-button{font-size:8px}.tiny-tag{font-size:7px;padding:2px 3px}.configuration{padding:14px 12px 15px}.input-area{padding:14px 12px 7px}.field-row{gap:7px}.select-field>span{font-size:8px}select{font-size:9px;padding-left:7px;padding-right:20px;background-position:right 7px center}.key-label>label>span{display:none}.key-label .text-button,.field-hint{font-size:7px}.output-content{padding:15px}.empty-code{font-size:5px;letter-spacing:1px}.flow-caption{display:none}.flow-strip{justify-content:center}.flow-connector{width:55px}.observation p{padding-right:20px}.observation-art{right:10px;opacity:.4}.rsa-key-card{padding:10px;gap:9px}.rsa-key-card strong{gap:5px}.rsa-key-card small,.rsa-key-card code{font-size:7px}.toast{left:calc(50% + 90px)}}@media(max-width:760px){.sidebar{width:224px;transform:translate(-100%);transition:transform .25s}.sidebar.mobile-open{transform:translate(0)}.sidebar .nav-item small{display:inline;margin-left:9px}.lang-en .sidebar .nav-item small{display:block;margin:4px 0 0}.sidebar .brand{margin-left:28px}.sidebar .brand-symbol{width:39px;height:41px}.sidebar .brand-text{font-size:29px}.sidebar-content{padding:0 17px}.sidebar .nav-item{padding:12px 15px}.main-shell{margin-left:0}.mobile-menu{display:inline-flex;margin-right:2px;color:#9b8bab}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;display:block;background:#352a3f40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{height:62px;padding:0 22px}.breadcrumb{gap:8px;font-size:10px}.breadcrumb strong{font-size:10px}.topbar-right{gap:13px}.topbar-mark{display:none}.local-pill{font-size:9px;gap:6px}.local-pill>svg{display:none}.hero{min-height:288px;grid-template-columns:1.1fr 1fr}.hero-eyebrow{font-size:6px}.hero h1{font-size:44px}.lang-en .hero h1{font-size:39px}.hero p{font-size:10px}.byte-field{width:235px;margin-left:-112px;gap:10px}.message-chip{left:-1%;font-size:8px}.art-label{font-size:5px}.algorithm-name{font-size:17px}.algorithm-name small{font-size:8px}.algorithm-card-spec{font-size:7px}.algorithm-card p{font-size:10px}.panel-heading{padding:0 15px}.input-area,.configuration{padding-left:15px;padding-right:15px}.panel-label{font-size:11px}.text-button{font-size:9px}.toast{left:50%}.page-footer>span{font-size:8px}.flow-caption{display:inline}.flow-strip{justify-content:space-between}.flow-connector{width:45px}}@media(max-width:600px){.main-content{padding:0 20px}.topbar{padding:0 15px}.topbar-right{gap:12px}.local-pill{font-size:8px}.language-switch button{min-width:31px;height:24px;padding:0 6px}.hero{min-height:282px;padding:29px 0 27px;grid-template-columns:1fr .7fr}.hero h1{font-size:42px}.hero-eyebrow{max-width:240px;font-size:5.2px;letter-spacing:.8px}.hero-asterisk{right:-34px;top:7px;font-size:24px}.hero p{font-size:9px;line-height:2;max-width:250px}.hero-tag{margin-top:13px;font-size:7px}.hero-tag .tag-line{width:18px}.cipher-artwork{height:213px;width:152px;justify-self:end;margin-right:-5px}.byte-field{width:155px;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px;top:31px;margin-left:-75px}.byte-field>span{font-size:7px}.byte-field>span:nth-child(n+37){display:none}.art-key{top:68px;left:50%;width:58px;height:58px;margin-left:-26px;border-radius:15px}.art-key>div{width:45px;height:45px;border-radius:12px}.art-key svg{width:22px}.message-chip{top:10px;left:-5%;font-size:5px;padding:8px;gap:5px;white-space:nowrap}.message-chip .mono{font-size:6px;margin-left:3px}.message-chip .chip-dot{width:3px;height:3px}.cipher-chip{bottom:29px;right:0;padding:8px;font-size:7px;gap:10px;letter-spacing:1px}.cipher-chip>svg{width:10px}.art-label{font-size:3.5px;letter-spacing:.5px;right:-1%;top:-7px}.art-caption{bottom:4px;left:0;font-size:5px;letter-spacing:.5px}.art-wire{width:36px}.cross-one{left:5px;top:-11px}.cross-two{bottom:14px;left:5px}.lang-en .hero h1{font-size:31px;letter-spacing:-1.7px}.lang-en .hero-asterisk{right:-26px;font-size:21px}.lang-en .hero p{font-size:9px;max-width:230px}.lang-en .hero-eyebrow{font-size:4.5px;letter-spacing:.5px}.lang-en .hero-tag{font-size:6px}.algorithm-cards{gap:8px}.algorithm-card{padding:14px 11px}.algorithm-card-top{gap:7px;align-items:flex-start}.algorithm-icon{width:25px;height:27px;border-radius:7px}.algorithm-icon svg{width:15px}.algorithm-name{font-size:14px;line-height:1;padding-top:2px}.algorithm-name small{font-size:6px;margin-top:5px;white-space:nowrap;letter-spacing:0}.algorithm-card p{font-size:8px;line-height:1.7;margin-top:11px;min-height:27px}.algorithm-card-spec{font-size:5px;letter-spacing:.2px;margin-top:8px}.card-arrow{display:none}.active-badge{top:5px;right:4px;padding:1px}.active-badge>span{width:3px;height:3px}.workbench-section{padding-top:29px}.section-heading{gap:8px;margin-bottom:17px}.section-heading h2{font-size:20px}.section-heading p{font-size:9px;max-width:245px}.how-button{font-size:8px;gap:4px;padding-left:0;white-space:nowrap}.how-button svg{width:12px}.how-button svg:last-child{display:none}.workbench-grid{grid-template-columns:1fr;gap:14px}.operation-tabs button{min-width:77px}.algorithm-spec{font-size:8px;gap:5px}.algorithm-spec svg{width:12px}.source-panel{border-radius:9px}.panel-heading{height:50px;padding:0 17px}.panel-heading .text-button{font-size:9px}.panel-label{font-size:11px;gap:8px}.tiny-tag{font-size:8px;padding:2px 5px}.input-area{padding:16px 17px 8px}.input-area>textarea{height:90px;font-size:12px}.configuration{padding:16px 17px 17px}.field-row{gap:12px}.select-field>span{font-size:9px}select{font-size:10px;height:35px}.key-label{margin-top:17px}.key-label>label,.key-label .text-button{font-size:9px}.key-label>label>span{display:inline;font-size:7px}.key-input{height:38px}.key-input>input{font-size:11px}.field-hint{font-size:8px}.run-button{font-size:11px;min-height:41px}.output-content{min-height:267px;padding:19px}.empty-code{font-size:6px;letter-spacing:1.3px}.output-footer{min-height:44px}.flow-strip{padding:20px 0}.flow-caption{display:none}.flow-steps{width:100%;justify-content:center}.flow-item{font-size:8px;gap:5px}.flow-connector{width:36px}.flow-connector:before{width:9px}.observation{padding:19px 16px;gap:10px}.observation h3{font-size:11px}.observation p{font-size:9px;padding-right:7px}.observation-art{display:none}.observation-icon svg{width:16px}.page-footer{align-items:flex-start;margin-top:25px;padding-top:18px;padding-bottom:20px}.page-footer>span{font-size:7px;gap:5px}.page-footer>div{flex-direction:column;align-items:flex-end;gap:11px}.page-footer button,.page-footer a{font-size:7px}.footer-spark{font-size:13px}.rsa-key-section{padding:16px}.rsa-key-top{align-items:flex-start}.rsa-key-top>div:last-child{flex-direction:column;gap:7px}.rsa-key-top h3{font-size:12px}.rsa-key-top p{font-size:8px}.rsa-key-grid{grid-template-columns:1fr;gap:9px}.rsa-key-card{padding:13px}.rsa-key-card strong{gap:13px}.rsa-key-card small,.rsa-key-card code{font-size:9px}.rsa-limit strong{font-size:27px}.rsa-limit p{font-size:9px}.compare-toggle strong{font-size:11px}.compare-toggle small{font-size:9px}.dialog{padding:23px;border-radius:13px}.dialog-backdrop{padding:16px}.dialog h2{font-size:22px}.principle-type{flex-direction:column;gap:10px}.toast{bottom:20px;font-size:11px;width:max-content;max-width:calc(100% - 32px)}.comparison-table th,.comparison-table td{padding:15px}}@media(max-width:390px){.main-content{padding:0 16px}.breadcrumb>span{display:none}.breadcrumb>svg{display:none}.hero h1{font-size:38px}.hero p{font-size:8px}.hero-eyebrow{font-size:4.5px}.cipher-artwork{transform:scale(.92);transform-origin:right center;margin-left:-8px}.hero-asterisk{right:-26px;font-size:20px}.hero-tag{font-size:6px}.algorithm-card{padding:13px 8px}.algorithm-card p{font-size:7px}.algorithm-icon{width:23px;height:25px}.algorithm-name{font-size:12px}.algorithm-name small{font-size:5.5px}.lang-en .hero h1{font-size:28px}.lang-en .hero p{font-size:8px}.lang-en .hero-asterisk{right:-22px;font-size:19px}.lang-en .key-label>label>span{display:none}.algorithm-spec{font-size:7px}.flow-connector{width:30px}}@media(max-height:780px)and (min-width:761px){.sidebar-bottom{padding-top:22px}.brand{margin-bottom:29px;margin-top:28px}.resources-caption{margin-top:25px}.local-card{padding:12px}.local-card-icon{margin-bottom:7px}.sidebar-foot{margin-top:14px;margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}