:root{--primary-color:#4f46e5;--secondary-color:#10b981;--text-color:#fefefe;--dark-color:#00030a;--light-color:#f9fafb;--blue-color:#218add;--blue-link-color:#5583f2;--vip-text-color:#edd9c4;--border-color:#e5e7eb;--shadow-color:rgba(0,0,0,.1);--gradient-primary:linear-gradient(135deg,#4f46e5,#10b981);--card-bg:#1a1e26;--card-even-bg:#272b33;--card-border:#919191;--column-border:#2d2d2d}*{box-sizing:border-box;font-family:Source Han Sans CN,Source Han Sans SC VF,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;padding:0}html{font-family:Source Han Sans CN,Source Han Sans SC VF,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;scroll-behavior:smooth}body,html{background-color:var(--dark-color);color:var(--text-color)}body{line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700;line-height:1.2;margin-bottom:1rem}dl,ol,p,ul{margin-bottom:0}a{text-decoration:none;transition:all .3s ease}a,a:hover{color:var(--text-color)}ul{list-style:none}img{display:block;height:auto;max-width:100%}section{background:url(images/page_bg.jpg) no-repeat 50%/100% 100%;padding:5rem 0}.none{display:none!important}.container{margin:0 auto;max-width:1200px;width:90%}.section-header{margin-bottom:40px;text-align:center}.section-header h2{display:inline-block;font-size:32px;font-weight:700;line-height:1;margin-bottom:20px;position:relative}.section-header h2,.section-header h2 a{color:var(--blue-color)}.section-header p{color:var(--text-color);font-size:19px;font-weight:350;line-height:20px;margin:0 auto;max-width:700px}.btn{border-radius:5px;cursor:pointer;display:inline-block;font-weight:600;padding:.8rem 1.5rem;text-align:center;transition:all .3s ease}.primary-btn{background:var(--gradient-primary);border:none;color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#4338ca,#059669);box-shadow:0 10px 20px var(--shadow-color);color:#fff;transform:translateY(-3px)}.secondary-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.secondary-btn:hover{background:var(--primary-color);box-shadow:0 10px 20px var(--shadow-color);color:#fff;transform:translateY(-3px)}.highlight{color:var(--primary-color)}header{left:0;position:fixed;top:0;width:100%;z-index:1000}header:hover{background:#00030a4d}nav{align-items:center;justify-content:space-between;padding:5px 5%}.logo,nav{display:flex}.logo{user-select:none}.logo-pic{height:42px;margin-right:4px;width:42px}.logo h1{background:linear-gradient(177.22deg,#78bcfb 19.65%,#c46af6 180.08%);-webkit-background-clip:text;font-size:18px;font-weight:500;margin-bottom:0;-webkit-text-fill-color:transparent}.logo .slogan{color:var(--text-color);font-size:11px;font-weight:700;line-height:20px;margin-bottom:0}.nav-links ul{display:flex;font-size:15px}.nav-links ul li{height:34px;line-height:34px;margin-left:42px}.nav-links ul li a{color:var(--text-color);font-weight:500}.nav-links ul li a:hover{color:var(--blue-color)}.nav-links ul li:last-child{margin-left:18px}.nav-links .nav-btn{border-radius:6px;display:inline-flex;font-size:13px;justify-content:center;min-width:69px}.nav-links .nav-btn-vip{border:1px solid #476a6e;border-radius:6px;color:#ffbe55}.nav-links .nav-btn-vip:hover{color:#ffbe55}.nav-links .nav-btn-login{background:linear-gradient(90deg,#68cad3 .25%,#607abb 100.25%);color:#fff}.nav-links .nav-btn-login:hover{color:#fff}.nav-links .user{align-items:center;background:#fff;border-radius:50%;display:none;height:32px;justify-content:center;overflow:hidden;width:32px}.nav-links .user.active{display:inline-flex}#close-menu,#menu-icon{cursor:pointer;display:none;font-size:1.5rem}.hero{align-items:center;background-image:none;display:flex;justify-content:center;padding:180px 5% 260px;position:relative}.hero-bgs{opacity:.3}.hero-bg,.hero-bgs{height:100%;left:0;position:absolute;top:0;width:100%}.hero-bg{background:url(images/hero-1.jpg) no-repeat 50%/cover;content:"";opacity:0;transition:opacity .5s ease-out;z-index:0}.hero-bg.active{opacity:1}.hero-bg-2{background-image:url(images/hero-2.jpg)}.hero-bg-3{background-image:url(images/hero-3.jpg)}.hero-content{flex:1;position:relative;text-align:center;z-index:1}.hero-content .intro{background:linear-gradient(90deg,#36b2ff 37.98%,#be59ff);-webkit-background-clip:text;font-size:59px;font-weight:700;margin-bottom:25px;-webkit-text-fill-color:transparent}.hero-content h1{font-size:50px;font-weight:700;margin-bottom:13px}.hero-content h1 .special{background:linear-gradient(90deg,#03f4f4,#5583f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{color:var(--text-color);font-size:14px;font-weight:350;line-height:25px;margin-bottom:45px;padding:0}.cta-buttons{display:flex;gap:13px;justify-content:center}.cta-buttons .btn{border-radius:50px;color:var(--text-color);font-size:13px;font-weight:500;line-height:18px;padding:8px 26px 19px 60px;text-align:center;transition:transform .15s ease-in-out;user-select:none;width:212px}.btn-download-win{background:url(images/btn-download-win.svg) no-repeat 0/100% 63px}.btn-download-mac{background:url(images/btn-download-mac.svg) no-repeat 0/100% 63px}.cta-buttons .btn:hover{transform:scale(1.1)}.hero .guide{font-size:15px;font-weight:700;margin-top:15px}.hero .guide a{color:var(--blue-link-color)}.features{overflow:auto}.features-container{margin:0 auto;min-width:1200px;width:90%}.features .swiper{padding:2px;user-select:none;--slide-width:calc(33.33333% - 53.33333px)}.features .swiper-slide{aspect-ratio:1/1;height:var(--slide-width);position:relative;width:calc(var(--slide-width) + 80px)}.swiper .swiper-pic{aspect-ratio:1/1;background-color:#fff;box-shadow:0 4px 4px 0 #00000040}.swiper .swiper-desc,.swiper .swiper-pic{border-radius:23px;height:var(--slide-width);width:var(--slide-width)}.swiper .swiper-desc{align-items:center;background-color:rgba(0,0,0,.8);color:#fff;cursor:default;display:flex;font-size:30px;justify-content:center;left:0;opacity:0;padding:30px;position:absolute;right:10px;text-align:center;top:0;transition:opacity .3s ease-in-out}.swiper .swiper-slide:hover .swiper-desc{opacity:1}.swiper .swiper-title{font-size:16px;font-weight:700;line-height:20px;position:absolute;right:-56px;top:50%;transform:translateY(-50%);width:2em}.swiper .swiper-slide-active .swiper-title{color:var(--blue-color);font-size:24px;font-weight:900;line-height:30px;right:-66px}.feature-pagination{align-items:center;background:linear-gradient(180deg,#353535 -1.81%,#141414 66.21%),linear-gradient(8.73deg,#b5b5b5 13.31%,#5a5f6e 100.01%);background-clip:padding-box,border-box;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 4px 0 #00000040;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:13px;font-weight:700;gap:15px;height:80px;justify-content:center;line-height:18px;margin:25px auto 0;position:relative;user-select:none;width:900px}.feature-pagination .nav-item{cursor:pointer;text-align:center}.feature-pagination .nav-item.active{color:var(--blue-color)}.feature-pagination .nav-item img{margin:0 auto 5px}.feature-footer{font-size:19px;margin-top:15px;text-align:center}.feature-footer a{color:var(--blue-color)}.use-cases-container{margin:0 auto;max-width:1200px;width:90%}.use-case{align-items:center;display:flex;justify-content:center;overflow:hidden}.use-case-img{aspect-ratio:977/480;flex:1;max-width:977px;object-fit:cover;width:68vw}.values-container{margin:0 auto;max-width:1200px;width:90%}.values-image{align-items:center;display:flex;justify-content:center;overflow:hidden}.values-img{aspect-ratio:957/457;max-width:957px;object-fit:cover;width:66vw}.chat-header{background:var(--gradient-primary);color:#fff;padding:1rem;text-align:center}.chat-header h3{margin-bottom:0}.chat-messages{background:#f9fafb;height:400px;overflow-y:auto;padding:1rem}.message{display:flex;margin-bottom:1rem}.message.ai{justify-content:flex-start}.message.user{justify-content:flex-end}.message-content{border-radius:10px;max-width:70%;padding:1rem}.message.ai .message-content{background:#fff;box-shadow:0 2px 5px var(--shadow-color)}.message.user .message-content{background:var(--primary-color);color:#fff}.chat-input{background:#fff;border-top:1px solid var(--border-color);display:flex;padding:1rem}.chat-input input{border:1px solid var(--border-color);border-radius:5px 0 0 5px;flex:1;outline:none;padding:.8rem}.chat-input button{background:var(--primary-color);border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:.8rem 1.2rem;transition:all .3s ease}.chat-input button:hover{background:var(--secondary-color)}.about{background:#000;position:relative}.about:before{background:url(images/about-bg.jpg) no-repeat 50%/cover;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.about .section-header{border:2px solid #505461;border-radius:12px;margin:auto;max-width:843px;padding:26px 0;position:relative;width:58.5vw;z-index:2}.about .section-header h2{color:var(--text-color);font-size:36px;font-weight:900;margin-bottom:20px;margin-top:14px}.about .section-header p{font-size:14px;font-weight:500;margin-bottom:20px}.about .section-header .btn{background-color:var(--blue-color);border:2px solid #505461;border-radius:12px;box-shadow:0 4px 4px 0 #00000040;color:var(--text-color);display:inline-block;font-size:14px;font-weight:500;line-height:44px;padding:0 20px;width:147px}.about-content{display:flex;flex-wrap:wrap;font-size:14px;font-weight:350;gap:2rem;justify-content:space-around;margin:4.6rem auto 0;max-width:843px;position:relative;width:58.5vw;z-index:2}.about-content h3{color:var(--blue-color);font-size:20px;font-weight:350;text-align:center}.about-info,.contact-info{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:300px}.about-text p{color:var(--text-color)}.pricing{background:url(images/page-vip-bg.jpg) no-repeat 50%/100% 100%;padding-bottom:5rem;padding-top:120px}.pricing h1{font-size:32px;font-weight:500;line-height:2;margin-bottom:10px;text-align:center}.pricing h1 .text{background:linear-gradient(90deg,#03f4f4,#ad4fd8 50%,#c937e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing h1 .vip-badge{background:url(images/vip-badge.png) no-repeat 50%/cover;display:inline-block;font-size:0;height:54px;margin:0 -15px 0 -5px;vertical-align:top;width:105px}.pricing .subtitle{background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;font-size:18px;font-weight:500;line-height:1.5;margin-bottom:1rem;text-align:center;-webkit-text-fill-color:transparent}.pricing-container{margin:auto;max-width:942px;overflow:auto}.pricing-grid{display:grid;gap:8px;grid-template-columns:.5fr repeat(5,1fr);margin-bottom:1rem;margin-top:2rem;min-width:850px}.pricing-column{background-color:var(--card-bg);border:1px solid var(--column-border);border-radius:10px;overflow:hidden;position:relative;transition:transform .3s}.pricing-column:hover{transform:translateY(-5px)}.pricing-header{color:var(--text-color);padding:9px 17px}.pricing-header h3{font-size:13px;line-height:20px;margin-bottom:2px}.feature-header{padding:74px 0 0}.feature-header h3{background-color:var(--card-even-bg);font-size:16px;font-weight:500;line-height:29px;text-align:center;white-space:nowrap}.feature-block{display:flex;flex-direction:row}.feature-block h4{align-items:center;display:flex;font-size:16px;font-weight:500;justify-content:center;line-height:20px;margin-bottom:0;text-align:center;width:1.5em}.feature-block ul{flex:1 1 auto}.feature-block li{font-size:13px;font-weight:500;line-height:22px;text-align:center;white-space:nowrap}.feature-block li:nth-child(2n){background-color:var(--card-even-bg)}.feature-column .feature-item{font-size:13px;font-weight:500;line-height:41px;text-align:center;white-space:nowrap}.feature-column .feature-item:nth-child(odd){background-color:var(--card-even-bg)}.free-header{background-color:var(--free-color)}.month-header{background-color:var(--month-color)}.quarter-header{background-color:var(--quarter-color)}.year-header{background-color:var(--year-color)}.life-header{background-color:var(--life-color)}.month-header h3,.quarter-header h3,.year-header h3{background:linear-gradient(180deg,#ffc180,#ff8400);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.life-header h3{background:linear-gradient(180deg,#bd95ff,#7520ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-header h2{font-size:26px;font-weight:500;margin-bottom:5px;white-space:nowrap}.price-currency{font-size:16px;vertical-align:baseline}.price-period{font-size:16px}.price-original{color:#7f7f7f;font-size:10px;margin-left:2px;text-decoration:line-through;vertical-align:baseline}.price-corner{position:absolute;right:0;top:0;user-select:none;width:52px}.free-trial{background-color:#38383a;border:1px solid var(--card-border);border-radius:7px;font-size:16px;line-height:27px}.btn-subscribe,.free-trial{font-weight:500;padding:0 .5rem;text-align:center}.btn-subscribe{border:none;border-radius:7px;color:var(--text-color);cursor:pointer;display:block;font-size:14px;line-height:29px;transition:background-color .3s;user-select:none;width:100%}.btn-subscribe:hover{background-color:hsla(0,0%,100%,.3)}.btn-subscribe.month,.btn-subscribe.quarter{background:linear-gradient(182.17deg,#52ccff 3.48%,#5716bf 99.84%)}.btn-subscribe.life,.btn-subscribe.year{background:linear-gradient(181.92deg,#9b5cff 1.62%,#4500b4 98.38%)}.feature-list li{align-items:center;display:flex;font-size:13px;font-weight:500;height:41px;justify-content:center;text-align:center}.feature-list li:nth-child(2n){background-color:var(--card-even-bg)}.feature-list li.narrow{height:22px}.feature-list .highlight{color:#ff8000}.feature-list .lh12{line-height:12px}.feature-list small{font-size:10px;font-weight:500;line-height:12px}.check{color:transparent;display:block;font-size:0;height:13px;margin:auto;width:13px}.check.yes{background:url(images/check-yes.png) no-repeat 50%/cover}.check.no{background:url(images/check-no.png) no-repeat 50%/cover}.comparison{background:url(images/page-vip-bg.jpg) no-repeat 50%/100% 100%}.comparison .section-header{margin-bottom:30px}.comparison .section-header h2{color:var(--text-color);font-size:32px;font-weight:350;margin-bottom:0;position:relative;text-align:center;white-space:nowrap}.comparison .section-header h2:after,.comparison .section-header h2:before{background:url(images/title-ornament.png) no-repeat 50%/cover;content:"";display:inline-block;height:17px;margin:0 1rem;vertical-align:2px;width:152px}.comparison .section-header h2:before{transform:rotate(180deg)}.comparison-table{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:13px;overflow-x:auto;padding-bottom:41px}.comparison-container{margin:auto;max-width:942px;min-width:400px}.comparison-table table{background-color:var(--card-bg);border-collapse:collapse;border-radius:13px 13px 0 0;color:var(--text-color);overflow:hidden;width:100%}.comparison-table td,.comparison-table th{font-size:13px;height:41px;text-align:center}.comparison-table th{font-weight:500;line-height:20px}.comparison-table th:first-child{font-weight:900}.comparison-table th.month,.comparison-table th.quarter,.comparison-table th.year{background:linear-gradient(180deg,#ffc180,#ff8400);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comparison-table th.life{background:linear-gradient(180deg,#bd95ff,#7520ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comparison-table tbody tr:nth-child(odd){background-color:var(--card-even-bg)}.comparison-table tr:hover{background-color:hsla(0,0%,100%,.05)}.comparison-table td:first-child{font-weight:350}@media screen and (max-width:992px){.hero{flex-direction:column;text-align:center}.hero-content{margin-bottom:3rem}.hero-image{display:none}.cta-buttons{justify-content:center}.use-case,.use-case.reverse{flex-direction:column}.use-case-img{max-width:100%}.contact-container{flex-direction:column}}@media screen and (max-width:780px){.nav-links{align-items:center;background:var(--dark-color);box-shadow:-5px 0 15px var(--shadow-color);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all .5s ease;width:70%}.nav-links.active{right:0}.nav-links ul{align-items:center;flex-direction:column}.nav-links ul li{line-height:2;margin:1rem 0}.nav-links ul li:last-child{margin-left:0}#close-menu,#menu-icon{display:block}#close-menu{position:absolute;right:2rem;top:2rem}.section-header h2{font-size:2rem}.hero-content h1{font-size:2.5rem}.pricing-container{align-items:center;flex-direction:column}.pricing-card{margin-bottom:2rem}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-10px)}.about .section-header{max-width:none;padding:1rem;width:90%}}@media screen and (max-width:690px){.pricing h1 i:after{content:"\A";white-space:pre}}@media screen and (max-width:530px){.comparison .section-header h2:after,.comparison .section-header h2:before{zoom:.5;vertical-align:15px}}.vip-modal-layer{align-items:center;background-color:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.vip-modal{background:radial-gradient(122.46% 277.57% at 90.35% 9.53%,#0a4064 0,#09162e 100%);border-radius:25px;box-shadow:0 10px 30px rgba(0,0,0,.3);color:var(--text-color);max-width:606px;padding:36px;position:relative;width:100%}.vip-modal .btn-close-modal{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:30px;top:36px;width:30px}.btn-close-modal .fas{color:var(--light-color);font-size:28px}.btn-close-modal .btn-text{display:none}.vip-modal .modal-header{margin-bottom:15px}.vip-modal .modal-header h1{font-size:36px;font-weight:700;margin-bottom:7px}.vip-modal .highlight{color:orange}.vip-modal .expiry-date{font-size:15px;opacity:.8}.vip-modal .payment-info{background-color:hsla(0,0%,85%,.3);border-radius:8px;margin-bottom:22px;padding:8px 10px}.vip-modal .payment-info p{font-size:16px}.vip-modal .qr-code-container{display:flex;margin-bottom:20px}.vip-modal .qr-code{align-items:center;background:#fff url(images/loading.gif) no-repeat 50%/30% 30%;border-radius:4px;display:flex;height:220px;justify-content:center;margin-right:20px;width:220px}.vip-modal .qr-code img{border-radius:4px;height:100%;width:100%}.vip-modal .price-container{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.vip-modal .price{color:#ff9d00;font-size:40px;font-weight:500;line-height:1;margin-bottom:30px}.vip-modal .payment-method{align-items:center;display:flex;font-size:20px;font-weight:500}.vip-modal .wechat-icon{height:30px;margin-right:10px;width:30px}.vip-modal .agreement{font-size:13px;margin-top:17px}.vip-modal .agreement a{color:#ffa500ee;text-decoration:none}.vip-modal .agreement a:hover{color:orange}.vip-modal .agreement .icon_vip{display:inline-block;height:16px;margin-right:-7px;width:32px}.authing-container{background-color:rgba(0,0,0,.85);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.g2-view-container section{background:none;padding:0}.g2-multiple__li{background:rgba(0,0,0,.1)}.g2-multiple__title{color:var(--light-color)}.g2-init-setting-loading,.g2-view-container{backdrop-filter:blur(10px);background-color:#39445ce0;min-height:340px;width:410px}.g2-view-container{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:26px 28px}.g2-view-container .g2-view-header{margin-bottom:0;padding:0;position:relative}.g2-view-login .g2-view-header,.g2-view-register .g2-view-header{align-items:center;display:flex}.g2-view-login .g2-view-header .title,.g2-view-register .g2-view-header .title{display:inline-flex;height:50px;justify-content:flex-start}.g2-view-login .g2-view-header:after,.g2-view-register .g2-view-header:after{color:#eee;content:"效率灵感双提升";font-size:11px;font-weight:700;left:50px;position:absolute;top:27px}.g2-view-container .g2-view-tabs{padding:0}.g2-view-container .g2-view-header .title{background:linear-gradient(177.22deg,#78bcfb 19.65%,#c46af6 180.08%);-webkit-background-clip:text;background-size:100% 25px;font-size:18px;font-weight:500;margin-bottom:4px;-webkit-text-fill-color:transparent}.g2-view-container .g2-view-tabs [class*=authing-].authing-ant-tabs-tab:hover{color:#eee}.g2-social-login{height:0}.g2-forget-password .g2-view-header{display:block}.g2-password-reset-pageWrap .title-explain,.g2-view-container .g2-view-header .title-description,.g2-view-container .g2-view-header .title-explain{color:#eee}.g2-tips-line{padding:0}.authing-ant-form-item,[class*=authing-].authing-ant-form-item,[class*=authing-].authing-ant-form-item-label>label{color:#eee}@media (max-width:600px){.vip-modal .vip-modal{border-radius:0;padding:20px}.vip-modal .qr-code-container{align-items:center;flex-direction:column}.vip-modal .qr-code{margin-bottom:20px;margin-right:0}.vip-modal .price-container{align-items:center;text-align:center}}.vip-modal .result{font-size:36px;text-align:center}.vip-modal.failed .qr-code-container,.vip-modal.success .qr-code-container{display:none}.qr-float{align-items:center;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;bottom:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;position:fixed;right:20px;width:150px;z-index:999}.qr-float h3{font-size:16px;font-weight:200;margin:10px 0}.qr-float .qr-img{border-radius:5px;height:120px;width:120px}.qr-float p{font-size:14px;font-weight:200;margin:10px 0}.user-info-mini-panel{background:linear-gradient(180deg,#0a4064,#09152d);border-radius:10px;opacity:1;position:fixed;top:100px;width:206px;z-index:9999}.user-info-mini-panel .user-head{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;margin:12px 16px;padding-bottom:10px}.user-info-mini-panel .user-avatar{flex:0 0 54px;height:54px;margin-right:10px;width:54px}.user-info-mini-panel .user-avatar img{border-radius:100%;display:block;height:100%;width:100%}.user-details .site-name{font-size:18px;font-weight:500;line-height:1;margin-bottom:8px}.user-details{flex:1;overflow:hidden}.user-details .vip-type{color:#ffbe55;font-size:11px}.user-details .user-name{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-mini-panel .user-vip-info{color:#ffa600;font-size:10px;padding:0 16px 16px}.user-action{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:10px;justify-content:space-between;padding:0 16px 16px}.user-action .sign-out,.user-action .user-center{background:url(images/default_avatar.png) no-repeat 0;background-size:20px 20px;padding-left:30px}.user-action .sign-out{background-image:url(images/icon-sign-out.png)}.term{display:block;padding:100px 5%}.term h1{font-size:30px}.term article{line-height:2}.user-modal-layer{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-user{background-color:#1c2331;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.3);color:#fff;margin:auto;max-width:720px;position:relative;width:60%}.modal-user .modal-header{background:linear-gradient(90deg,#2b416f 0,#3c306f);border-radius:8px 8px 0 0;justify-content:space-between;padding:20px}.modal-user .modal-header,.modal-user .user-profile{align-items:center;display:flex}.modal-user .avatar{background-color:#ccc;border-radius:50%;height:80px;margin-right:20px;overflow:hidden;width:80px}.modal-user .avatar img{height:100%;object-fit:cover;width:100%}.modal-user .user-info h2{font-size:24px;margin-bottom:5px}.modal-user .user-info p{color:#a0a0a0;font-size:14px;margin-bottom:3px}.modal-user .edit-profile{background-color:#ffffff2b;border:none;border-radius:4px;color:#fff;display:none;font-size:14px;padding:8px 16px;transition:background-color .3s}.modal-user .edit-profile:hover{background-color:#f5f5f545}.modal-user .btn-close-modal{background:none;border:none;color:#aaa;cursor:pointer;font-size:28px;font-weight:700;margin-left:20px;position:absolute;right:20px;top:0}.modal-user .close:hover{color:#fff}.modal-user .modal-tabs{background-color:#1c2331;border-bottom:1px solid #3a4559;display:flex}.modal-user .tab-btn{background-color:transparent;border:none;color:#a0a0a0;cursor:pointer;font-size:16px;padding:15px 20px;position:relative;transition:all .3s}.modal-user .tab-btn:hover{color:#fff}.modal-user .tab-btn.active{border-bottom:2px solid #3498db;color:#fff}.modal-user .modal-body{background-color:#1c2331;border-radius:0 0 8px 8px;padding:20px}.modal-user .tab-content{display:none}.modal-user .tab-content.active{display:block}.modal-user .info-section{margin-bottom:30px}.modal-user .info-section h3{align-items:center;color:#fff;display:flex;font-size:18px;margin-bottom:20px}.modal-user .edit-icon{cursor:pointer;font-size:16px;margin-left:10px}.modal-user .info-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.modal-user .info-icon,.modal-user .info-item{align-items:center;display:flex}.modal-user .info-icon{background-color:#3a4559;border-radius:50%;font-size:20px;height:40px;justify-content:center;margin-right:15px;width:40px}.modal-user .info-detail{display:flex;flex-direction:column}.modal-user .info-label{color:#a0a0a0;font-size:14px;margin-bottom:5px}.modal-user .info-value{color:#fff;font-size:16px}@media (max-width:768px){.modal-user{margin:20px auto;width:95%}.modal-user .info-grid{grid-template-columns:1fr}.modal-user .user-profile{flex-direction:column;text-align:center}.modal-user .avatar{margin-bottom:15px;margin-right:0}.modal-user .modal-header{flex-direction:column}.modal-user .edit-profile{margin-top:15px}}