:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#163453;background:#f7faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 12%,#edf7ff 0,transparent 26rem),radial-gradient(circle at 97% 35%,#f2efff 0,transparent 24rem),#f7faff}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none;color:inherit}.site-header{background:#ffffffdb;border-bottom:1px solid #dce7f4;backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.header-inner{max-width:1380px;margin:auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#40c7c1,#4389e8 65%,#8563db);color:#fff;box-shadow:0 9px 18px #418add38;font-size:22px}.brand strong{display:block;font-size:21px;line-height:1;letter-spacing:-.8px}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2.6px;color:#7e95af;font-weight:800}nav{display:flex;align-items:center;gap:23px;font-size:13px;font-weight:720}nav a:hover{color:#3d78d5}.ghost{border:1px solid #c8d8ec;background:#fff;color:#476583;border-radius:9px}.small{font-size:12px;padding:8px 10px}.connect{border:0;border-radius:11px;padding:11px 15px;background:linear-gradient(110deg,#3b83e9,#7364d7);color:white;font-size:12px;font-weight:800;box-shadow:0 7px 17px #5276d635}main{max-width:1380px;margin:auto;padding:26px 24px 56px}.hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:350px;overflow:hidden;border:1px solid #d5e5f5;border-radius:25px;background:linear-gradient(119deg,#fff 10%,#f0f8ff 58%,#efeaff);box-shadow:0 17px 45px #27598a12}.hero-copy{padding:47px 48px}.eyebrow,.section-kicker{color:#477dd0;font-size:11px;font-weight:850;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:8px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34c9a5;box-shadow:0 0 0 5px #34c9a522}.eyebrow-line{width:18px;height:1px;background:#9cbbe6}.hero h1{font-size:clamp(40px,4vw,62px);line-height:1.14;letter-spacing:-2.5px;margin:23px 0 17px}.hero h1 em{font-style:normal;color:#4e75d4;background:linear-gradient(105deg,#2a8bd0,#6765ce 62%,#9365c5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:690px;font-size:15px;line-height:1.85;color:#5b7390;margin:0}.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.hero-badges span{border:1px solid #d9e7f3;border-radius:999px;background:#ffffffc7;padding:8px 12px;color:#4b6c94;font-size:11px;font-weight:760}.hero-badges span:nth-child(2){color:#b56b40;border-color:#f4d9c5;background:#fff7ee}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:25px;min-height:320px;overflow:hidden;background:radial-gradient(circle at 51% 50%,#d8e4ff 0,transparent 45%)}.orbit{position:absolute;border:1px solid #ffffff9c;border-radius:50%}.orbit-a{width:310px;height:310px}.orbit-b{width:480px;height:480px}.chain-node{position:relative;z-index:1;width:112px;height:112px;border-radius:30px;display:grid;align-content:center;justify-items:center;box-shadow:0 20px 40px #3558842d;transform:rotate(-8deg)}.chain-node span{font-size:42px;line-height:1}.chain-node small{margin-top:9px;font-size:12px;font-weight:850;letter-spacing:1px}.chain-node.bsc{background:linear-gradient(145deg,#fff8da,#f6cf62);color:#73530b}.chain-node.mura{background:linear-gradient(145deg,#3bbbc7,#5075e0 70%,#8c5bd5);color:#fff;transform:rotate(8deg)}.connector{position:relative;z-index:2;display:grid;gap:7px;color:#5e83bd;font-size:28px;font-weight:900;line-height:1}.orbit-caption{position:absolute;bottom:24px;color:#7494b7;font-size:10px;font-weight:850;letter-spacing:4px}.notice{margin:20px 0;padding:14px 17px;border:1px solid #dce8f6;border-radius:13px;background:#eaf3ff;color:#3264a5;font-size:13px;line-height:1.5}.notice.error{background:#fff0ec;border-color:#f3c5bb;color:#a34737}.notice.ok{background:#eaf9f4;border-color:#bde7d6;color:#127861}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0}.stat,.panel{border:1px solid #e0e8f2;background:#fff;box-shadow:0 12px 35px #2d56830c}.stat{min-height:130px;padding:21px 23px;border-radius:17px}.stat span,.stat small{display:block;color:#7086a1;font-size:12px}.stat strong{display:block;margin:12px 0 7px;font-size:25px;letter-spacing:-1px}.stat:nth-child(2) strong{color:#5075c7}.stat:nth-child(3) strong{color:#248f7e}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;align-items:start}.panel{padding:26px;border-radius:20px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.panel h2{margin:7px 0 0;font-size:22px;letter-spacing:-.6px}.status-chip{padding:7px 11px;border-radius:999px;background:#fff2e5;color:#b77733;font-size:11px;font-weight:800;white-space:nowrap}.status-chip.ready{background:#e5f8ee;color:#1d8767}.direction{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:5px;background:#f2f6fb;border:1px solid #e1e9f3;border-radius:14px}.direction button{border:1px solid transparent;border-radius:10px;background:transparent;padding:11px 12px;text-align:left;color:#627995}.direction button.selected{border-color:#c8dcf5;background:#fff;box-shadow:0 4px 12px #456ca31a;color:#2d5ea2}.direction strong,.direction small{display:block}.direction strong{font-size:14px}.direction small{font-size:11px;margin-top:4px}.flow{display:flex;align-items:center;gap:10px;padding:22px 0 12px}.network-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:11px;font-size:17px;font-weight:900}.network-icon.source{background:#fff2c5;color:#886b16}.network-icon.target{background:#e7edff;color:#5978cf}.flow div{min-width:0}.flow small,.flow strong{display:block}.flow small{color:#93a0b2;font-size:10px}.flow strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-arrow{margin:auto;color:#8aa7d3;font-size:22px}.panel label{display:block;margin:17px 0 7px;color:#415f80;font-size:12px;font-weight:780}.amount-field{display:flex;align-items:center;border:1px solid #d5e2f1;border-radius:12px;background:#fbfdff;overflow:hidden}.amount-field:focus-within,.address-input:focus,.query-line input:focus{border-color:#6592dc;box-shadow:0 0 0 3px #6592dc25;outline:none}.amount-field input{min-width:0;width:100%;border:0;background:transparent;padding:15px;color:#183b64;font-size:23px;font-weight:780;outline:none}.amount-field span{padding:0 15px;color:#4b6fa5;font-size:13px;font-weight:800}.amount-hint{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#7286a0}.amount-hint strong{color:#3c6fc4}.address-input,.query-line input{width:100%;border:1px solid #d5e2f1;border-radius:11px;background:#fbfdff;padding:13px 14px;color:#183b64;font-size:13px}.field-note,.panel p{color:#7286a0;font-size:12px;line-height:1.7}.primary-action{width:100%;margin-top:18px;border:0;border-radius:11px;padding:15px;background:linear-gradient(115deg,#337de6,#7160d3 70%,#9464c7);color:white;font-weight:820;box-shadow:0 10px 24px #4769d435}.action-status{min-height:34px;margin:12px 0!important}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:17px;border-top:1px solid #e8eef5}.steps div{display:flex;align-items:flex-start;gap:7px}.steps b{width:21px;height:21px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eaf2ff;color:#4775c5;font-size:11px}.steps span{color:#6e819a;font-size:11px;line-height:1.5}.side-column{display:grid;gap:18px}.query-line{display:flex;gap:8px}.query-line input{min-width:0}.query-line button{border:0;border-radius:10px;padding:0 16px;background:#eaf2ff;color:#3c6eb8;font-size:12px;font-weight:800}.query-result{min-height:58px;margin-top:14px;padding:13px;border:1px solid #e4ebf4;border-radius:11px;background:#f8fbff;color:#617c9b;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.contract-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf1f7;font-size:12px}.contract-row span{color:#6f839c}.address-copy{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #dce6f3;border-radius:8px;background:#f8fbff;color:#446da5;padding:7px 9px;font-size:11px}.explain{display:grid;grid-template-columns:minmax(250px,.45fr) 1fr;gap:30px;align-items:start;margin-top:18px;padding:27px 30px;border:1px solid #dce7f3;border-radius:19px;background:linear-gradient(120deg,#ecf8f5,#f4f7ff)}.explain h2{font-size:21px;margin:9px 0}.explain p{color:#607995;font-size:13px;line-height:1.85;margin:0}footer{display:flex;justify-content:space-between;max-width:1380px;margin:auto;padding:22px 24px 35px;border-top:1px solid #e3eaf3;color:#8495aa;font-size:11px}@media(max-width:980px){nav{gap:12px}nav a{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:235px}.workspace{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.hero-copy{padding:35px}}@media(max-width:700px){.header-inner{padding:12px 15px}.brand strong{font-size:17px}.brand small{font-size:8px}.brand-mark{width:33px;height:33px}.connect{padding:9px 11px}.hero-copy{padding:27px 22px}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-visual{min-height:190px;gap:22px}.chain-node{width:88px;height:88px;border-radius:23px}.chain-node span{font-size:30px}.chain-node small{font-size:9px}.orbit-caption{bottom:10px}.orbit-a{width:240px;height:240px}.orbit-b{width:340px;height:340px}main{padding:14px 14px 35px}.overview{grid-template-columns:1fr;gap:10px}.stat{min-height:105px;padding:16px 18px}.stat strong{margin:6px 0;font-size:23px}.side-column{grid-template-columns:1fr}.panel{padding:20px}.steps{grid-template-columns:1fr}.explain{grid-template-columns:1fr;gap:8px;padding:22px}footer{padding:20px 14px 30px}}@media(max-width:390px){nav{gap:6px}.hero h1{font-size:34px}.direction small{font-size:9px}.flow{gap:7px}.flow strong{font-size:10px}.network-icon{width:30px;height:30px}.brand-mark{display:none}}
:root{scroll-behavior:smooth}
.complete-box{margin-top:18px;padding:16px;border:1px solid #dce7f5;border-radius:13px;background:#f7fbff}
.complete-box label{margin:0 0 8px}
.complete-box input{width:100%;padding:11px 12px;border:1px solid #d3e1f1;border-radius:10px;background:#fff;color:#254b77;font:12px/1.4 ui-monospace,Consolas,monospace}
.complete-box button{width:100%;margin-top:9px;padding:11px;border:1px solid #bcd5fa;border-radius:9px;background:linear-gradient(115deg,#e3f1ff,#efe9ff);color:#315fa9;font-weight:800}
.complete-box p{margin:9px 0 0!important}