:root{--primary: #2775ca;--primary-light: #5d9df5;--action: #02c076;--dark: #0b0e11;--darker: #06090f;--light: #eff4f9;--text-primary: #f5f7fa;--text-secondary: #b7bdc6;--glass: rgba(255, 255, 255, .05);--card-bg: #161a1e}.swap-page .app-container{min-height:100vh;display:flex;flex-direction:column;color:#ffffffe6;background:#040404;position:relative}.swap-page .app-container:before{position:absolute;left:50%;transform:translate(-50%);content:"";width:40vw;height:100vh;background:linear-gradient(to bottom,#f0bb0b76,#fff0);filter:blur(50px);opacity:.2}.swap-page .main-header{text-align:center;margin-bottom:30px;width:100%}.swap-page .main-title{font-size:64px;font-weight:800;color:#fbd535;letter-spacing:1.5px;margin-bottom:8px;text-shadow:0 4px 15px rgba(249,203,40,.2);font-family:DM Sans,sans-serif}.swap-page .main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 0}.swap-page .mark{background:#8282824d;padding:16px;border-radius:0 0 6px 6px;position:relative}.swap-page .mark:before{position:absolute;top:-65px;left:0;content:"";width:100px;height:65px;border-radius:6px 6px 0 0;background-color:#8282824d}.swap-page .mark:after{position:absolute;top:-65px;right:0;content:"";width:100px;border-radius:6px 6px 0 0;height:65px;background-color:#8282824d}.swap-page .trading-container{position:relative;background-clip:padding-box,border-box}.swap-page .mode-switcher{display:flex;background:#1a1713;border-radius:15px;width:calc(100% - 216px);position:relative;margin:auto auto 6px}.swap-page .mode-tab{flex:1;text-align:center;padding:20px;font-weight:800;cursor:pointer;z-index:1;transition:all .3s ease;background:#1a1713;border-radius:15px}.swap-page .mode-tab-text{font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:18px;color:#fff;line-height:25px;font-style:normal}.swap-page .mode-tab-text.active-text{font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:18px;color:#0d0b02;line-height:25px;font-style:normal}.swap-page .mode-tab.active{background:#fbd535;border-radius:15px}.swap-page .trading-panel{padding:0 32px 16px;background:#8282824d;border-radius:6px}.swap-page .swap-section{margin-bottom:20px;position:relative}.swap-page .swap-section .token-output,.swap-page .swap-section .token-input{flex-direction:row-reverse;justify-content:space-between!important}.swap-page .swap-section .token-selector,.swap-page .swap-section .token-input-selector{border-radius:50px!important}.swap-page .swap-section input{text-align:right}.swap-page .section-title{margin-bottom:8px;display:flex;justify-content:space-between;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:16px;color:#fff;line-height:22px;text-align:left;font-style:normal}.swap-page .token-output{display:flex;border-radius:29px 29px 0 0;padding:12px 16px;box-sizing:border-box;align-items:center}.swap-page .token-input{display:flex;border-radius:0 0 29px 29px;padding:12px 16px;box-sizing:border-box;align-items:center}.swap-page .ym-d-f{display:flex}.swap-page .ym-d-f-d{flex-direction:column}.swap-page .ym-d-j-s-b{justify-content:space-between}.swap-page .ym-d-a-c{align-items:center}.swap-page .ym-t-a-r{text-align:right}.swap-page .le{flex:1}.swap-page .re{display:flex;align-items:center;flex-direction:column}.swap-page .inpuMsg{font-size:12px;color:#ffffffb3;margin-top:4px}.swap-page input[type=number]::-webkit-outer-spin-button,.swap-page input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.swap-page .amount-input::placeholder{color:#b7bdc699;opacity:1;font-weight:400}.swap-page .amount-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:20px;font-weight:500;outline:none}.swap-page .coin-tabsLine{height:1px;background-color:#8282824d;position:relative}.swap-page .coin-tabsLine .nex{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:100%;background:#f0b90b;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #ffc20094}.swap-page .token-selector{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(255,255,255,.5);border-radius:12px}.swap-page .token-selector:hover{background:#2775ca4d}.swap-page .token-input-selector{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(255,255,255,.5);border-radius:12px}.swap-page .token-icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;margin-right:8px;color:#fff;font-weight:700;font-size:10px}.swap-page .token-name{margin-right:8px;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:18px;color:#fff;line-height:25px;text-align:left;font-style:normal;text-transform:uppercase}.swap-page .dropdown-icon{font-size:14px;color:var(--text-secondary);transition:transform .2s ease}.swap-page .dropdown-menu{position:absolute;right:0;top:calc(100% + 5px);background:var(--card-bg);border-radius:12px;box-shadow:0 8px 20px #0000004d;width:100%;max-width:180px;z-index:10;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.swap-page .dropdown-item{padding:12px 16px;display:flex;align-items:center;cursor:pointer;transition:background .2s ease}.swap-page .dropdown-item:hover{background:#ffffff0d}.swap-page .dropdown-item .token-icon{margin-right:12px}.swap-page .connect-wallet{width:500px;padding:16px;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;margin-top:8px;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:20px;color:#0d0b02;line-height:28px;font-style:normal;background-color:#f0b90b}.swap-page .mkl{position:absolute;top:-10px;width:10px;height:10px;left:100px;background:radial-gradient(circle at 100% 0,transparent 10px,rgba(130,130,130,.3) 10px)}.swap-page .mkls{position:absolute;top:-10px;width:10px;height:10px;right:100px;display:block!important;background:radial-gradient(circle at 0 0,transparent 10px,rgba(130,130,130,.3) 10px)}.swap-page .connect-wallet:hover{opacity:.9;transform:translateY(-1px)}.swap-page .pool-panel{padding:20px;text-align:center}.swap-page .add-liquidity-btn{width:510px;height:80px;background-color:#f0b90b;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:24px;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:20px;color:#0d0b02;line-height:28px;font-style:normal}.swap-page .pool-content{padding:10px 14px;width:500px;height:100px;background:#211d16;border-radius:0 0 29px 29px}.swap-page .pool-subpanel{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.swap-page .pool-title{font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:18px;color:#fff;line-height:25px;text-align:left;font-style:normal}.swap-page .pool-text{font-family:PingFangSC,PingFang SC;font-weight:400;font-size:18px;color:#a29e95;line-height:25px;font-style:normal;margin:35px 0 0 10px}.swap-page .import-link-text{text-decoration:none;display:inline-block;margin-top:16px;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:16px;color:#fff;line-height:22px;text-align:left;font-style:normal}.swap-page .import-link{text-decoration:none;display:inline-block;margin-top:16px;font-family:PingFang-SC,PingFang-SC;font-weight:800;font-size:16px;color:#fbd535;line-height:22px;text-align:left;font-style:normal}.swap-page .info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ffffff1a;color:var(--text-secondary);border-radius:50%;font-size:12px;font-weight:700;margin-left:6px;cursor:pointer;position:relative}.swap-page .menubar{position:relative;display:flex;align-content:end;line-height:40px;margin-top:16px;margin-bottom:16px}.swap-page .menubar .txt{position:absolute;width:calc(100% - 40px);text-align:center;line-height:30px}.swap-page .menubar .lef{cursor:pointer;color:#fff}.swap-page .mucTxt{color:#ffffffb3}@media (max-width: 920px){.swap-page .mark:before,.swap-page .mark:after{content:"";background-color:transparent!important}.swap-page .mark .mkYm{display:none}.swap-page .mode-switcher{width:100%!important;border-radius:6px 6px 0 0!important;margin-bottom:0;background:#8282824d}.swap-page .main-header .main-title{font-size:28px}.swap-page .add-liquidity-btn{width:100%!important;height:44px!important;font-size:14px!important}.swap-page .trading-panel{padding:0!important}.swap-page .trading-panel .swap-section .token-output .le{width:calc(100% - 100px)!important}.swap-page .ym-kl{background-color:transparent!important}.swap-page .pool-content{font-size:14px!important;width:100%!important;height:fit-content!important;padding:6px 0!important}.swap-page .pool-content .pool-text{margin:0!important;padding:16px 0;font-size:14px!important}.swap-page .trading-container{width:calc(100% - 32px)!important;margin-bottom:100px!important}.swap-page .trading-container .mode-tab{padding:3px 6px!important}.swap-page .trading-container .mode-tab .mode-tab-text{font-size:12px!important}.swap-page .trading-container .swap-section .token-output{padding:12px 8px!important}.swap-page .trading-container .swap-section .amount-input{font-size:14px!important;margin-right:3px}.swap-page .trading-container .swap-section .token-selector,.swap-page .trading-container .swap-section .token-input-selector{padding:6px 3px!important;height:fit-content;width:fit-content}.swap-page .trading-container .swap-section .token-name{font-size:12px!important}.swap-page .trading-container .swap-section .token-output{padding:3px 6px}.swap-page .trading-container .connect-wallet{width:100%;padding:10px 6px!important;font-size:16px!important}}