.hb-page{color:#172037;min-height:850px;padding-bottom:55px;font-family:"PingFang SC","Microsoft Yahei",sans-serif}.hb-container{width:1080px;margin:0 auto}.hb-breadcrumb{height:47px;line-height:47px;color:#667084;font-size:14px}.hb-breadcrumb a{color:#667084}.hb-breadcrumb span{padding:0 11px}.hb-hero{height:257px;-webkit-border-radius:7px;border-radius:7px;background:-webkit-radial-gradient(75% 95%,circle,#b9f3d1,transparent 42%),-webkit-linear-gradient(345deg,#eafff4,#ddfaeb);background:-moz- oldradial-gradient(75% 95%,circle,#b9f3d1,transparent 42%),-moz- oldlinear-gradient(345deg,#eafff4,#ddfaeb);background:radial-gradient(circle at 75% 95%,#b9f3d1,transparent 42%),linear-gradient(105deg,#eafff4,#ddfaeb);position:relative;overflow:hidden}.hb-hero-copy{position:relative;z-index:1;padding:48px 38px}.hb-hero h1{color:#07563b;font-size:44px;line-height:1.2;margin:0 0 12px;font-weight:700}.hb-hero p{margin:0;font-size:20px;color:#4d5660}.hb-hero-tags{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:20px;margin-top:25px}.hb-hero-tags span{display:inline-block;-webkit-border-radius:30px;border-radius:30px;background:rgba(255,255,255,.7);color:#008a55;font-size:16px;padding:9px 18px}.hb-hero-art{position:absolute;width:515px;height:258px;object-fit:contain;object-position:center bottom;right:10px;bottom:0}.hb-layout{display:-ms-grid;display:grid;-ms-grid-columns:730px 328px;grid-template-columns:730px 328px;gap:22px;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;margin-top:26px}.hb-section{margin-bottom:34px}.hb-section h2,.hb-dialog-detail h3{border-left:4px solid #16c76c;padding-left:15px;margin:7px 0 17px;font-size:23px;line-height:1.15;font-weight:600}.hb-benefits,.hb-modal-benefits{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hb-benefit{border:1px solid #e5e9ed;background:#fff;-webkit-border-radius:5px;border-radius:5px;min-height:135px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:21px;padding:22px 25px}.hb-icon{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:86px;height:86px;-webkit-border-radius:50%;border-radius:50%;color:#00a95c;background:#defbed}.hb-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.hb-benefit strong{display:block;white-space:nowrap;font-size:19px;font-weight:600}.hb-benefit p{margin:10px 0 0;color:#657084;font-size:16px;white-space:nowrap}.hb-purchase{margin-top:50px;padding:22px 21px 21px;border:1px solid #e4e9ed;-webkit-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff}.hb-purchase h2{font-size:22px;font-weight:600;margin:0 0 19px;padding-bottom:20px;border-bottom:1px solid #e8ebee}.hb-purchase-row{border-bottom:1px solid #e8ebee;padding:0 0 14px;margin-bottom:16px}.hb-purchase-row span{display:block;color:#667084;font-size:15px;margin-bottom:8px}.hb-purchase-row strong{font-size:21px}.hb-purchase-row .hb-price{font-size:43px;line-height:1;color:#fa570b}.hb-price small{font-size:23px}.hb-renew-row{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin:6px 0 17px;cursor:pointer}.hb-renew-row input{position:absolute;opacity:0;width:1px;height:1px}.hb-switch{position:relative;width:55px;height:30px;-webkit-border-radius:30px;border-radius:30px;background:#c9d0d3;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.hb-switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:left .2s;-moz-transition:left .2s;transition:left .2s}.hb-renew-row input:checked+.hb-switch{background:#18c865}.hb-renew-row input:checked+.hb-switch:after{left:28px}.hb-renew-row input:focus+.hb-switch,.hb-agreement input:focus{outline:2px solid #008b55;outline-offset:2px}.hb-renew-row strong{display:block;font-size:17px}.hb-renew-row small{display:block;margin-top:3px;font-size:13px;color:#667084}.hb-agreement{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:start;-moz-box-align:start;-ms-flex-align:start;align-items:start;gap:7px;font-size:13px;color:#667084;line-height:1.5;margin:0 0 12px;cursor:pointer}.hb-agreement input{margin:3px 0 0;accent-color:#09b858;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none}.hb-agreement a{color:#03ae58}.hb-primary{display:block;width:100%;background:-webkit-linear-gradient(355deg,#1ac563,#00b858);background:-moz- oldlinear-gradient(355deg,#1ac563,#00b858);background:linear-gradient(95deg,#1ac563,#00b858);border:0;color:#fff;-webkit-border-radius:5px;border-radius:5px;min-height:60px;font-size:21px;cursor:pointer}.hb-primary:hover{-webkit-filter:brightness(0.96);filter:brightness(0.96)}.hb-primary:disabled{opacity:.65;cursor:wait}.hb-error{color:#d63d27;font-size:13px;margin:0 0 10px}.hb-explanation-box{border:1px solid #e5e9ed;padding:8px 29px;-webkit-border-radius:5px;border-radius:5px}.hb-explanation-box p{border-bottom:1px solid #e8ebee;margin:0;padding:17px 4px;font-size:16px;color:#586579}.hb-explanation-box p:last-child{border:0}.hb-explanation-box span{font-size:25px;color:#163647;vertical-align:middle;margin-right:25px}.hb-explanation-box strong{font-weight:500;color:#283a4e;margin-right:18px}.hb-overlay{position:fixed;z-index:1000;inset:0;background:rgba(0,0,0,.68);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;overflow:auto}.hb-overlay[hidden],.hb-result[hidden],.hb-page [hidden],.hb-overlay [hidden]{display:none!important}.hb-dialog{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:1080px;max-width:100%;max-height:-webkit-calc(100vh - 40px);max-height:-moz-calc(100vh - 40px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;-webkit-border-radius:8px;border-radius:8px;position:relative;padding:28px 24px 22px;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.16);box-shadow:0 15px 35px rgba(0,0,0,.16)}.hb-dialog>h2{margin:0 0 7px 9px;font-size:29px}.hb-muted{color:#6c7687;font-size:17px;margin:0 0 21px 9px}.hb-close{position:absolute;right:20px;top:13px;border:0;background:transparent;font-size:32px;color:#8b949c;cursor:pointer}.hb-dialog-layout{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,2fr) minmax(300px,1fr);grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:15px}.hb-summary{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:23px;-webkit-border-radius:7px;border-radius:7px;padding:21px 26px;background:#effdf6;border:1px solid #d8fae9}.hb-summary-shield{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100px;height:100px;-webkit-border-radius:50%;border-radius:50%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#d6f9e7;color:#00af60;font-size:48px}.hb-summary strong{font-size:22px}.hb-summary p{margin:5px 0;color:#657084;font-size:15px}.hb-summary b{color:#fa570b;font-size:39px}.hb-summary b small{font-size:21px}.hb-summary em{display:inline-block;margin-left:7px;color:#fff;font-size:13px;font-style:normal;background:#06b65d;padding:5px 9px;-webkit-border-radius:20px;border-radius:20px;vertical-align:3px}.hb-dialog-detail h3{font-size:20px;margin:22px 0 14px}.hb-modal-benefits{gap:9px}.hb-modal-benefits .hb-benefit{min-height:108px;padding:10px 15px;gap:14px}.hb-modal-benefits .hb-icon{width:69px;height:69px}.hb-modal-benefits .hb-icon svg{width:40px;height:40px}.hb-modal-benefits .hb-benefit strong{font-size:17px}.hb-modal-benefits .hb-benefit p{font-size:14px;margin-top:5px}.hb-renew-note{-webkit-border-radius:5px;border-radius:5px;background:#f5f7fa;color:#566276;padding:16px;font-size:15px;margin:14px 0 0}.hb-payment-panel{background:#eafbf3;-webkit-border-radius:8px;border-radius:8px;padding:27px 25px;text-align:center}.hb-payment-panel h3{font-size:24px;margin:7px 0 18px}.hb-qr-box{width:206px;height:206px;background:#fff;-webkit-border-radius:8px;border-radius:8px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#667084}.hb-qr-box img{width:190px;height:190px}.hb-payment-panel>p{color:#667084;font-size:15px;margin:15px 0 24px}.hb-due{border-top:1px solid #d1ebdd;padding-top:18px;color:#667084;text-align:left;font-size:16px}.hb-due strong{display:block;color:#fa570b;font-size:51px;line-height:1.2;margin-top:7px}.hb-payment-panel .hb-wechat{color:#16273b;text-align:left;font-weight:600;margin:7px 0}.hb-payment-panel .hb-payment-message{text-align:left;font-size:14px;margin:12px 0 0}.hb-result{position:fixed;z-index:1001;inset:0;background:#f6f9f7;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.hb-result-card{width:470px;background:#fff;border:1px solid #e5e9ed;-webkit-border-radius:9px;border-radius:9px;-webkit-box-shadow:0 12px 35px rgba(0,0,0,.06);box-shadow:0 12px 35px rgba(0,0,0,.06);padding:48px;text-align:center}.hb-result-icon{color:#17be61;font-size:66px}.hb-result-icon.failure{color:#e35b48}.hb-result h2{font-size:28px;margin:12px 0}@media (max-width:1120px){.hb-container{width:94%}.hb-layout{-ms-grid-columns:minmax(0,2fr) minmax(285px,1fr);grid-template-columns:minmax(0,2fr) minmax(285px,1fr)}.hb-benefit{padding:16px;gap:12px}.hb-benefit strong{font-size:17px}.hb-benefit p{font-size:14px}}@media (max-width:800px){.hb-layout,.hb-dialog-layout{-ms-grid-columns:1fr;grid-template-columns:1fr}.hb-hero-art{opacity:.35}.hb-hero-copy{padding:45px 20px}.hb-hero h1{font-size:32px}.hb-hero p{font-size:16px}.hb-purchase{-webkit-box-ordinal-group:0;-webkit-order:-1;-moz-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin-top:0}.hb-dialog{margin:auto}.hb-benefit{min-height:100px}.hb-icon{width:60px;height:60px}.hb-icon svg{width:36px;height:36px}}@media (max-width:540px){.hb-benefits,.hb-modal-benefits{-ms-grid-columns:1fr;grid-template-columns:1fr}.hb-hero-tags{gap:5px}.hb-hero-tags span{font-size:12px}.hb-dialog{padding:19px 14px}.hb-dialog>h2{font-size:22px}.hb-result-card{width:90%;padding:25px}}