@charset "UTF-8";
/* Independently implemented local layouts based on the public reference geometry. */
.subpage{min-width:1400px;background:#fff;color:#232323}
.subpage-container{width:1400px;margin:0 auto}
.subpage .breadcrumb{display:block;height:auto;min-height:60px;background:#f7f9fc;padding:20px 24px;margin:20px auto;font-size:16px;line-height:20px;color:#2f372f}
.subpage .breadcrumb span{margin-right:8px}
.subpage .ability-layout{display:flex;gap:0;min-height:600px;padding:0;margin:0}
.ability-sidebar{width:180px;flex:0 0 180px;display:flex;flex-direction:column;gap:0}
.ability-sidebar a{display:block;padding:10px 24px;font-size:16px;line-height:26px;margin-bottom:5px;color:#232323}
.ability-sidebar a.is-active,.ability-sidebar a:hover{background:linear-gradient(90deg,#d5e5ff,#fff);color:#0263ff}
.subpage .ability-content{width:calc(100% - 180px);min-height:600px;padding:0 24px;box-sizing:border-box}
.ability-detail{display:flex;align-items:flex-start;gap:55px;font-size:15px}
.ability-visual{position:relative;flex:0 0 622px;width:622px}
.ability-image{display:block;width:100%;height:auto;max-width:none}
.ability-copy{min-width:0;flex:1}
.subpage .ability-copy h1{font-size:28px;font-weight:700;color:#2f372f;margin:30px 0;line-height:1.4}
.numbered-list{display:flex;flex-direction:column;gap:20px}
.numbered-item{display:flex;align-items:flex-start;gap:8px;line-height:32px}
.number-badge{display:inline-block;flex:0 0 20px;width:20px;height:20px;border-radius:50%;text-align:center;font-size:15px;color:#707070;line-height:20px;margin-top:7px;background:linear-gradient(106deg,#eff5fa,#d5e5ff)}
.numbered-item>div{min-width:0}
.subpage .numbered-item p,.subpage .ability-paragraph{font-size:15px;line-height:32px;margin:0;color:#232323}
.ability-highlight{color:#0263ff}
.numbered-item small{font-size:15px;line-height:32px;display:block;color:#0263ff}
.image-brand-overlay{position:absolute;left:27%;top:9.2%;width:18%;height:12.3%;background:#e7edf3;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:15px;line-height:18px;color:#111}
.image-brand-overlay img{width:26px;height:26px;object-fit:contain;border-radius:4px}
.image-brand-overlay strong{font-weight:600}

.pricing-purchase{padding:70px 0;background:#f4f8ff url('/assets/ref-package-bg.webp') center/100% 100% no-repeat}
.pricing-purchase h1{font-size:40px;line-height:56px;font-weight:700;text-align:center;margin-bottom:35px}
.pricing-tabs{display:flex;justify-content:center;gap:0;margin-bottom:26px}
.pricing-tabs button{border:1px solid #dcdfe6;color:#606266;background:#fff;font-size:16px;line-height:20px;padding:12px 25px;min-width:130px}
.pricing-tabs button+button{border-left:0}
.pricing-tabs button:first-child{border-radius:4px 0 0 4px}
.pricing-tabs button:last-child{border-radius:0 4px 4px 0}
.pricing-tabs button.is-active,.pricing-tabs button.active{background:#0263ff;color:#fff;border-color:#0263ff}
.pricing-tip{text-align:center;font-size:16px;line-height:28px;color:#0263ff;margin:10px 0 30px}
.pricing-page .pricing-set{display:block;width:100%;margin:0}
.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.price-card{width:calc(25% - 30px);margin:15px;padding:32px 24px;background:linear-gradient(180deg,#d3e3ff,#fff 30%);border:1px solid #e1e9f5;border-radius:8px;min-height:410px;text-align:left}
.price-card:nth-child(4n+2){background:linear-gradient(180deg,#cdeff7,#fff 30%)}
.price-card:nth-child(4n+3){background:linear-gradient(180deg,#e6e1f8,#fff 30%)}
.price-card:nth-child(4n+4){background:linear-gradient(180deg,#fff6ee,#fff 30%)}
.price-card h3{font-size:20px;font-weight:700;color:#0d54bb;line-height:28px}
.price-card:nth-child(4n+2) h3,.price-card:nth-child(4n+2) .price-amount{color:#0164a1}
.price-card:nth-child(4n+3) h3,.price-card:nth-child(4n+3) .price-amount{color:#5437a0}
.price-card:nth-child(4n+4) h3,.price-card:nth-child(4n+4) .price-amount{color:#e98a25}
.price-amount{font-size:32px;font-weight:700;color:#0d54bb;line-height:45px;margin:12px 0 22px}
.price-amount span{font-size:22px;margin-right:4px}
.price-card>button{width:220px;height:46px;background:#0263ff;border:1px solid #0263ff;border-radius:4px;color:#fff;font-size:16px;margin:0 0 22px}
.price-card>button:hover{background:#185aea}
.price-card ul{list-style:none;padding:0;margin:0;min-height:144px;font-size:14px;color:#596178;line-height:36px}
.price-card li{position:relative;padding-left:16px}
.price-card li:before{content:'✓';position:absolute;left:0;color:#0263ff;font-size:12px}
.comparison-section{padding:70px 0 85px;background:#fff}
.comparison-section h2{text-align:center;font-size:40px;font-weight:700;line-height:56px}
.comparison-section .sub-title{text-align:center;color:#596178;font-size:18px;line-height:40px;margin-bottom:20px}
.comparison-note{text-align:center;font-size:14px;color:#9097a5;margin-bottom:24px}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;color:#232323;background:#fff}
.comparison-table th,.comparison-table td{height:58px;border:1px solid #e7ecf2;text-align:center;vertical-align:middle;padding:10px}
.comparison-table thead th{background:#f1f6ff;color:#0263ff;font-size:18px;font-weight:500;height:68px}
.comparison-table th:first-child{width:250px}
.comparison-table tbody th{font-weight:400;text-align:left;padding-left:36px;background:#fafcff}
.comparison-yes{display:inline-flex;align-items:center;justify-content:center;color:#0263ff;font-size:22px;line-height:22px}
.comparison-no{color:#d0d5df;font-size:20px}

.help-wrap{min-height:800px;background:url('/assets/help-bg.png') center/100% 100% no-repeat;padding:70px 0}
.help-box{background:#fff;border-radius:8px;padding:40px 28px}
.help-box h1{font-size:40px;line-height:56px;font-weight:700;color:#232323;padding-bottom:24px;border-bottom:1px solid #e7ecf2}
.help-accordion details{border-bottom:1px solid #e7ecf2}
.help-accordion summary{font-size:20px;line-height:30px;padding:20px 0;color:#232323;list-style:none;cursor:pointer;position:relative}
.help-accordion summary::-webkit-details-marker{display:none}
.help-accordion summary:after{content:'+';float:right;font-size:24px;color:#8aa5cf;margin-right:12px}
.help-accordion details[open] summary:after{content:'−'}
.help-answer{background:#eef5ff;border-radius:8px;padding:24px 22px;font-size:16px;line-height:32px;margin-bottom:35px;color:#232323}

.auth-route .site-footer,.auth-route .support-sidebar{display:none}
.auth-page{background:#eef5ff;min-height:calc(100vh - 90px)}
.auth-layout{display:flex;align-items:center;justify-content:space-between;min-height:calc(100vh - 90px);padding:40px 0}
.auth-illustration{width:45%;flex:0 0 45%}
.auth-illustration img{display:block;width:100%;height:auto}
.auth-card{width:35%;flex:0 0 35%;background:#fff;border-radius:32px;padding:30px 42px;box-sizing:border-box;margin:0}
.auth-card h1{font-size:28px;font-weight:700;color:#0263ff;line-height:40px;margin:0 0 42px;text-align:center}
.auth-form{width:100%}
.form-row{display:flex;margin-bottom:22px;gap:12px;min-height:40px}
.form-row input{display:block;min-width:0;flex:1;width:100%;height:40px;border:1px solid #dcdfe6;background:#fff;border-radius:4px;padding:0 15px;font-size:14px;line-height:40px;color:#606266}
.form-row input::placeholder{color:#c0c4cc}
.form-row input:focus{outline:none;border-color:#0263ff}
.form-code button{flex:0 0 110px;border:1px solid #0263ff;border-radius:4px;color:#0263ff;background:#fff;font-size:14px;height:40px}
.form-captcha{display:flex;flex:0 0 112px;width:112px;height:40px;align-items:center;justify-content:center;font-size:23px;font-weight:600;letter-spacing:5px;font-style:italic;color:#627dae;background:repeating-linear-gradient(23deg,#eef4ff,#eef4ff 7px,#e3ecfc 8px,#e3ecfc 9px);border:1px solid #dcdfe6;border-radius:4px;user-select:none}
.auth-links{display:flex;justify-content:space-between;font-size:14px;color:#0263ff;line-height:22px;margin:0 0 20px}
.auth-submit{width:100%;height:40px;background:#0263ff;border:1px solid #0263ff;border-radius:4px;font-size:14px;line-height:20px;color:#fff}
.auth-submit:hover{background:#185aea}
.auth-bottom{text-align:center;margin-top:20px;color:#0263ff;font-size:16px;line-height:26px}
.form-agreement{display:flex;align-items:center;font-size:14px;color:#606266;gap:7px;margin:0 0 22px;cursor:pointer}
.form-agreement input{margin:0;accent-color:#0263ff}
.form-preview-note{font-size:12px;color:#909399;text-align:center;margin:16px 0 0;line-height:20px}
.form-status{font-size:13px;color:#0263ff;background:#eef5ff;border-radius:4px;padding:9px 12px;line-height:22px;margin-top:12px}
.local-notice{min-height:600px;padding:80px 24px;font-size:18px}
.local-notice h1{font-size:32px;margin-bottom:24px}
.local-notice p{margin-bottom:24px}
.local-notice a{color:#0263ff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}