:root{--color-primary:#2196f3}
*{margin:0;padding:0;box-sizing:border-box}
body{display:flex;flex-direction:column;min-height:100vh;font:14px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;background-color:#f0f4f5;padding-top:70px}
a{text-decoration:none;color:#333;cursor:pointer;transition:all .3s}
a:hover{color:var(--color-primary)}
table,td,th{border:solid 1px #d9d9d9;border-collapse:collapse}
thead th{background:#f1f1f1}
td,th{padding:8px}
video,img{max-width:100%}
.container{max-width:1200px;margin:0 auto}
.row-text{display:flex;align-items:center}
.header{position:fixed;top:0;width:100%;background-color:var(--color-primary);color:#fff;height:50px}
.header .inner{display:flex;align-items:center;font-size:16px;height:50px}
.header .logo{display:flex;align-items:center}
.header .logo a{color:#fff;font-size: 24px;}
.header .nav{margin-left:auto;margin-right:30px}
.header .nav a{color:#fff;margin:0 5px;display:inline-block;padding:0 15px;line-height:50px}
.header .nav a:hover{background-color:#fff;color:var(--color-primary)}
.header .entry{display:inline-block;background-color:#fff;color:var(--color-primary);border-radius:3px;line-height:28px;padding:0 10px;transition:all .3s;cursor:pointer;font-size:13px}
.header .entry:hover{background-color:#d5ecff}
.header .user{display:flex;gap:20px}
.header .user .upgrade{color:#ffeb3b;line-height:28px}
.header .user .upgrade:hover{text-decoration:underline}
.upgrade-items{display:flex;justify-content:center;gap:30px;margin:50px 0}
.upgrade-items .item{border:solid 1px #deeffe;border-radius:8px;padding:30px 50px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s}
.upgrade-items .item.current,.upgrade-pay .item.current{background-color:#daeeff;color:var(--color-primary);border-color:var(--color-primary)}
.upgrade-items .item:hover,.upgrade-pay .item:hover{box-shadow:0 0 10px rgba(0,0,0,.2);background-color:var(--color-primary);color:#fff}
.upgrade-items .item:hover .price{color:#fff}
.upgrade-items .item .duration{font-size:25px}
.upgrade-items .item .price{font-size:20px;margin-top:20px;color:#f60;font-weight:700}
.upgrade-pay{padding:30px 0 20px;border-top:solid 1px #eee;display:flex;justify-content:center;gap:20px}
.upgrade-pay .item{display:flex;align-items:center;padding:10px 15px;border-radius:5px;border:solid 1px #eee;gap:10px;cursor:pointer;transition:all .3s}
.upgrade-pay .item img{width:30px;height:30px}
.upgrade-pay .item span{font-size:18px}
.upgrade-pay-qr-code{display:flex;justify-content:center;padding:20px}
.upgrade-pay-qr-code .qr{width:200px;height:200px;padding:5px;border:solid 1px #ddd;display:flex;align-items:center;justify-content:center}
.upgrade-pay-qr-code .qr img{width:100%;height:100%}
.main{flex:1}
.parse-form{background:radial-gradient(ellipse,var(--color-primary) 0,transparent 50%)}
.parse-form .inner{padding:200px 0;text-align:center}
.parse-form .title{font-size:30px;color:#fff;margin-bottom:30px}
.parse-form .form{position:relative;display:flex;justify-content:center;border-radius:5px;overflow:hidden;width:500px;margin:0 auto;}
.parse-form .form input{height:50px;border:none;outline:0;padding:0 15px;flex:1;padding-right: 30px;}
.parse-form .form button{background-color:var(--color-primary);color:#fff;border:none;padding:0 20px;font-size:18px;cursor:pointer}
.parse-form .form button:hover{opacity:.9}
.parse-form .form .clear{position: absolute;right: 112px;top:0;height:100%;padding:0 10px; display:none;align-items:center;cursor:pointer;background-color: #fff;}
.parse-form .form.has-value .clear{display: flex;}
.index-content{line-height:1.7;padding:20px}
.index-content p{margin:10px 0}
.footer{text-align:center;padding:20px 10px}
input{border:1px solid #ccc}
.simple-form .form-group{display:flex;align-items:center;gap:5px;margin-bottom:10px}
.simple-form .form-group label{flex:0 0 60px;text-align:right}
.login-form .submit{margin-top:20px}
.login-form .submit a{margin-left:10px;font-size:12px}
.login-form .oauth{margin-top:20px;border-top:solid 1px #eee;padding-top:20px}
.login-form .oauth a{font-size:12px;gap:2px}
.menu-dropdown{position:relative}
.menu-dropdown .dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:10px;z-index:10}
.menu-dropdown:hover .dropdown-content{display:block}
.menu-dropdown .dropdown-list{background-color:#fff;filter:drop-shadow(0 0 5px rgba(0,0,0,.1));border-radius:5px;padding:5px 0}
.menu-dropdown .dropdown-list::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:10px;height:10px;background-color:#fff;-webkit-clip-path:polygon(50% 50%,0 100%,100% 100%);clip-path:polygon(50% 50%,0 100%,100% 100%)}
.menu-dropdown .dropdown-content .dropdown-item{display:block;white-space:nowrap;padding:5px 10px;font-size:13px}
.menu-dropdown .dropdown-content .dropdown-item:hover{background-color:#f1f1f1}
.trade-page .container{background-color:#fff;padding:20px}
.trade-page .container h1{margin-bottom:20px}
.trade-page .container table{width:100%}
.pages{margin-top:20px}
.pages a{display:inline-block;padding:5px 10px;background-color:#f1f1f1;border-radius:5px;margin-right:5px}
.pages a.active{background-color:var(--color-primary);color:#fff}
.parse-result-container{max-height:500px;overflow-y:auto}
.parse-result .item+.item{margin-top:20px}
.parse-result .item .fn{display: flex;gap:10px;margin-bottom: 10px;}
.parse-result .item .light-popup-button{padding:8px;height: 24px;font-size:13px;color:#fff;border-radius: 0;}
.parse-result .item .label{margin-bottom:10px;font-size:16px;padding:5px;color:#fff;background-image:linear-gradient(90deg,var(--color-primary),transparent)}
.parse-result .item .text{background-color:#f1f1f1;padding:10px;font-size:12px;line-height:1.7;margin-bottom:10px;}
.parse-result img{max-width:100%}
.upgrade-button button{margin-top:20px;width: 88px;margin: 0 auto;}
.mobile-menus{display:none}
.menu-btn{width:3em;height:3em;float:right;position:relative;transform:translateX(.5em) scale(.8)}
.menu-btn span{display:block;width:2em;border:1px solid #fff;position:absolute;left:.5rem}
.menu-btn span.m_1{top:.8em}
.menu-btn span.m_2{top:1.5em}
.menu-btn span.m_3{bottom:.7em}
.menu-btn.click span.m_1{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-btn.click span.m_3{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu-btn.click span.m_2{opacity:0;filter:Alpha(opacity=0)}
@media (max-width:1200px){.container{padding-left:20px;padding-right:20px}
}
@media (max-width:768px){.header .nav{position:absolute;top:100%;left:0;width:100%;display:none;background-color:#fff;padding:5px;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.header .nav a{display:block;color:#333}
.header .user{margin-left:auto}
.header .user .upgrade{font-size:12px}
.header .user .upgrade span{display:none}
.mobile-menus{display:block}
.menu-open .header .nav{display:block}
.parse-form{background:#addbff;margin-top: -20px;}
.parse-form .form{max-width:100%}
.parse-form .inner{padding:50px 0}
.upgrade-items .item{padding:20px;}
}