:root{--accent:#176f83;--ink:#191d3b;--muted:#647984;--paper:#f5fbfc;--lilac:#dff4f5;--white:#fff;--line:#d4e7eb;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #56baca;outline-offset:6px}button,a{touch-action:manipulation}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-icon{background:var(--accent);color:white;width:42px;height:45px;border-radius:14px 14px 14px 4px;display:grid;place-items:center;font-size:38px;font-weight:500}.brand-cn{display:block;font-size:11px;font-weight:500;letter-spacing:3px;margin-top:3px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.login{border:1px solid var(--line);padding:11px 22px;border-radius:30px}.login span{margin-left:18px}.hero{position:relative;padding-top:56px;container-type:inline-size}.trial-tag{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:13px;background:var(--lilac);padding:9px 15px;border-radius:30px}.trial-tag>span,.online>span{width:6px;height:6px;background:currentColor;border-radius:50%}h1{font-size:clamp(46px,5.1vw,72px);line-height:1.23;letter-spacing:-3px;font-weight:750;margin:28px 0 24px}.hero-description{font-size:25px;line-height:1.65;margin:0 0 22px;font-weight:650;text-align:left}.hero-description>span{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:5px}.hero-detail{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.hero-actions{display:flex;justify-content:flex-start;align-items:center;gap:25px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:9px;padding:17px 24px;font-size:15px;font-weight:600;min-height:52px}.primary{background:var(--accent);color:white;transition:background .2s}.primary:hover{background:#12586a}.secondary-link{font-size:14px;border-bottom:1px solid #98c2ca;padding-bottom:4px}.trial-note{font-size:13px;color:var(--muted);margin:15px 0 0}.benefit-icon{font-size:34px;color:var(--accent);font-family:Arial,sans-serif;font-weight:400}.benefits h2{font-size:17px;margin:0 0 7px}.benefits p{font-size:12px;color:var(--muted);margin:0}.service{background:#e5f2f3;color:var(--ink);position:relative;overflow:hidden}.service:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #176f8310;border-radius:50%;left:-350px;top:90px;pointer-events:none}.service-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;padding-block:80px}.online{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--accent)}.online>span{color:#26996b;box-shadow:0 0 0 4px #26996b12}.service h2{font-size:32px;line-height:1.35;letter-spacing:-1px;margin:24px 0 20px}.service-heading>p{color:#526b76;font-size:14px;line-height:1.9;margin:0}.availability{display:flex;align-items:center;font-family:Arial,sans-serif;font-size:36px;letter-spacing:-1px;margin-top:24px;font-weight:600}.availability>span{font-size:23px;margin:0 5px;font-weight:400}.availability small{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.9;letter-spacing:0;margin-left:20px;font-weight:400;color:#526b76}.contacts{align-self:center}.contact{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #bdd9de;gap:14px}.contact:first-child{border-top:1px solid #bdd9de}.contact-icon{width:38px;height:38px;display:grid;place-items:center;background:#d1e9ec;color:var(--accent);border-radius:10px;flex-shrink:0}.contact-icon svg{width:22px;height:22px}.text-icon{font-family:Georgia,serif;font-size:30px}.contact-text{display:flex;flex-direction:column;gap:6px}.contact-text strong{font-size:18px;font-weight:550}.contact-text>span{color:#526b76;font-size:13px}.contact-action{margin-left:auto;font-size:12px;white-space:nowrap}.contact:hover .contact-action{text-decoration:underline;text-underline-offset:5px}.contact-note{font-size:12px;color:#526b76;margin:22px 0 0}.trust{padding-top:77px}.trust-heading{text-align:center}.shield{display:inline-block;width:35px;height:35px;color:var(--accent)}.shield svg{width:100%;height:100%}.trust h2{font-size:32px;margin:18px 0 13px;letter-spacing:-.7px}.trust-heading>p{font-size:14px;color:var(--muted);margin:0}.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:48px 0 68px}.trust-points h3{font-size:17px;margin:0 0 14px}.trust-points p{font-size:14px;line-height:1.9;color:var(--muted);margin:0;max-width:31em}footer{display:flex;align-items:center;gap:26px;min-height:97px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-brand{font-size:14px;font-weight:650;color:var(--ink)}footer>div{margin-left:auto;display:flex;gap:22px}footer small{font-size:10px}
@media(min-width:1500px){.hero{padding-top:40px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.service-inner{gap:50px}.hero-actions{gap:17px}.button{padding-inline:18px;gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:23px;gap:10px}.brand-icon{width:36px;height:39px;font-size:33px}.brand-cn{font-size:9px}.header nav{gap:20px;font-size:12px}.login{padding:9px 15px}.login span{margin-left:10px}.hero{padding-top:22px}h1{font-size:clamp(42px,8vw,60px);letter-spacing:-1.5px;margin-top:23px}.hero-description{font-size:20px}.hero-description>span{font-size:11px}.hero-detail{font-size:12px}.trial-tag{font-size:10px;padding:8px 10px}.hero-actions{gap:16px;margin-top:26px;flex-wrap:wrap}.button{font-size:13px}.secondary-link{font-size:12px}.benefits h2{font-size:15px}.benefits p{font-size:10px}.benefit-icon{font-size:29px}.service-inner{grid-template-columns:1fr;gap:35px;padding-block:48px}.service h2{font-size:26px;margin-top:20px}.service-heading>p{font-size:13px}.availability{font-size:30px;margin-top:20px}.contact{padding:17px 0;gap:11px}.contact-text strong{font-size:16px}.contact-action{font-size:11px}.contact-text>span{font-size:12px}.trust{padding-top:47px}.trust h2{font-size:26px}.trust-heading>p{font-size:13px}.trust-points{grid-template-columns:1fr;gap:25px;margin:35px 0 39px}.trust-points p{max-width:none}footer{flex-wrap:wrap;gap:17px 20px;padding:25px 0;min-height:0}footer>span{display:none}footer>div{margin-left:auto;gap:16px}footer small{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:64px}
.hero-copy>h1{display:flex;justify-content:center;gap:32px;font-size:clamp(30px,3.4vw,46px);line-height:1.2;letter-spacing:-2px;margin:28px 0 20px}
.hero-copy>h1>span{white-space:nowrap}
.promo-banner{width:100%;margin:24px 0;padding:16px 24px;border:1px solid #a7dfb6;border-radius:10px;background:#dcf5e3;color:#176534;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.promo-banner strong{font-weight:750;white-space:nowrap}
.hero-copy>.hero-description{font-size:21px;text-align:center;margin:0;color:var(--accent)}
.hero-copy>.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;width:min(940px,100%);margin:38px 0 32px;padding:0;border:0;background:transparent}
.benefits>div{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.benefit-icon{display:grid;place-items:center;width:54px;height:54px;background:var(--lilac);border-radius:50%;font-size:32px;line-height:1}
.benefits h2{font-size:18px;margin:0 0 8px}
.benefits p{font-size:14px;line-height:1.8;margin:0}
.hero-copy>.hero-actions{justify-content:center;margin:0;gap:24px}
.hero-actions>.button{min-height:42px;padding:11px 18px;font-size:14px;gap:20px;border-radius:8px}
.hero-copy>.trial-note{margin:14px 0 0;line-height:1.8}
img.brand-icon{display:block;object-fit:contain;background:transparent;border-radius:0;width:42px;height:42px}
@media(max-width:760px){
.hero-copy{padding-bottom:42px}
.promo-banner{padding:13px 16px;font-size:14px;margin:20px 0}
.hero-copy>h1{flex-direction:column;gap:0;font-size:10cqw;letter-spacing:-.055em;margin:24px 0 18px}
.hero-copy>.hero-description{font-size:18px}
.hero-copy>.benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:30px 0}
.benefits>div{gap:12px}
.benefit-icon{width:44px;height:44px;font-size:27px}
.benefits h2{font-size:16px;margin-bottom:6px}
.benefits p{font-size:11px}
.hero-copy>.hero-actions{gap:20px;flex-wrap:nowrap}
.hero-copy .button{padding:10px 15px;gap:14px;font-size:12px;min-height:40px}
.hero-copy>.trial-note{font-size:12px}
img.brand-icon{width:36px;height:36px}
}

button.contact{width:100%;background:transparent;color:inherit;text-align:left;border-top:0;border-left:0;border-right:0;border-radius:0}
button.contact:disabled{cursor:default}
button.contact:disabled:hover .contact-action{text-decoration:none}

.contact-text>span{overflow-wrap:anywhere}

.copy-action{display:flex;align-items:center;justify-content:center;gap:7px;min-width:72px;min-height:36px;padding:7px 10px;background:#f5fbfc;color:var(--accent);border:1px solid #bdd9de;border-radius:8px;font-size:12px;font-weight:600}
.copy-action svg{width:18px;height:18px;flex-shrink:0}
.copied-icon{display:none}
button.contact:hover .copy-action{text-decoration:none;background:#d1e9ec}
button.contact.is-copied .copy-action{color:#23734c;border-color:#78b992}
button.contact.is-copied .copy-icon{display:none}
button.contact.is-copied .copied-icon{display:block}


@media(max-width:760px){.copy-action{min-width:64px;min-height:32px;padding:6px 8px;font-size:11px;gap:6px}.contact-text{min-width:0}}

.contact:hover .telegram-action{text-decoration:none;background:#d1e9ec}
.copy-dialog{width:min(380px,calc(100% - 40px));padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-align:center;box-shadow:0 20px 70px #191d3b25}
.copy-dialog::backdrop{background:#191d3b75;backdrop-filter:blur(4px)}
.copy-dialog-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto;background:var(--lilac);color:var(--accent);border-radius:50%;font-size:28px}
.copy-dialog h2{font-size:23px;margin:20px 0 12px}
.copy-dialog-message{font-size:14px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere;margin:0 0 24px}
.copy-dialog-close{width:100%;min-height:44px;padding:12px 20px}

footer{justify-content:center;flex-wrap:wrap;gap:14px 24px;text-align:center;padding:24px 0}footer>span{display:inline}footer small{width:100%;text-align:center}

.brand{gap:10px;font-size:24px;line-height:1.05;letter-spacing:-.6px}
.brand-cn{font-size:10px;line-height:1.2;letter-spacing:2px;margin-top:5px}
@media(max-width:760px){.brand{gap:9px;font-size:21px}.brand-cn{font-size:9px;letter-spacing:1.5px;margin-top:4px}}

.qq-icon svg{width:24px;height:24px}

.support-widget{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.support-panel{width:min(360px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 12px 48px #191d3b26;overflow:hidden;cursor:pointer;animation:support-appear .25s ease-out}
.support-panel[hidden],.support-typing[hidden],.support-message[hidden]{display:none}
.support-header{display:flex;align-items:center;gap:11px;padding:20px 18px;background:linear-gradient(135deg,#fff 35%,#f1f8f8);color:#293f49;border-bottom:1px solid #e8eff1}
.support-header .support-avatar{width:44px;height:44px;border:3px solid white;box-shadow:0 2px 8px #294f6012}
.support-avatar{display:block;object-fit:cover;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#ffffff24}
.support-header h2{margin:0 0 6px;font-size:15px;font-weight:600;letter-spacing:.3px}
.support-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#82939b}
.support-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#45b887}
.support-close{margin-left:auto;align-self:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#eef3f4;color:#8a9ba3;font-size:22px;line-height:1}
.support-close:hover{background:#e1ecee;color:var(--accent)}
.support-conversation{padding:18px 16px 28px;background:#f0f5f7;min-height:270px}
.support-chat-time{text-align:center;color:#84949c;font-size:11px;margin-bottom:24px}
.support-chat-row{display:flex;align-items:flex-start;gap:10px}
.support-chat-avatar{width:32px;height:32px;font-size:15px;background:var(--lilac);color:var(--accent);border:1px solid #c8e5e8;border-radius:10px}
.support-chat-content{flex:1;min-width:0}
.support-sender{display:block;margin:0 0 8px 2px;color:var(--muted);font-size:11px}
.support-typing{display:flex;align-items:center;gap:10px;width:fit-content;margin:0;padding:12px 14px;border-radius:2px 12px 12px;background:white;color:var(--muted);font-size:12px;min-height:44px;box-shadow:0 2px 6px #191d3b05}
.support-typing>span{display:flex;gap:4px}
.support-typing i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:support-dot 1s infinite ease-in-out}
.support-typing i:nth-child(2){animation-delay:.15s}.support-typing i:nth-child(3){animation-delay:.3s}
.support-message{animation:support-appear .25s ease-out}
.support-bubble{position:relative;display:block;padding:14px;border:1px solid #e1eaed;border-radius:2px 12px 12px;background:var(--white);font-size:13px;line-height:1.85;box-shadow:0 2px 6px #191d3b05}
.support-bubble:before{content:"";position:absolute;left:-6px;top:10px;width:10px;height:10px;background:white;border-left:1px solid #e1eaed;border-bottom:1px solid #e1eaed;transform:rotate(45deg)}
.support-message p{margin:0 0 10px}.support-message p:first-child{font-weight:600}
.support-message-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600}
.support-bubble:hover .support-message-link{text-decoration:underline;text-underline-offset:3px}
.support-chat-footer{padding:14px 16px;border-top:1px solid #e1eaed;background:white}
.support-panel{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.support-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 12px 12px;background:white;align-self:auto}
.support-contacts .contact{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:0;padding:10px 5px;border:0;border-radius:10px;background:transparent;text-align:center}
.support-contacts .contact:first-child,.support-contacts .contact:last-child{border:0}
.support-contacts .contact-icon{width:26px;height:26px;border-radius:8px}
.support-contacts .contact-icon svg{width:17px;height:17px}
.support-contacts .contact-text{min-width:0;gap:4px}
.support-contacts .contact:hover{background:#edf6f7}
.support-contacts .contact.is-copied{background:#edf8f1}
.support-contacts .contact-text strong{font-size:12px;white-space:nowrap}
.support-contacts .contact-text>span{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.support-contacts .copy-action{width:100%;margin-left:0;min-width:0;min-height:28px;padding:5px 4px;font-size:10px;gap:4px;background:white}
.support-contacts .copy-action svg{width:14px;height:14px}
.support-contacts .telegram-action{font-size:0;min-width:0}
.support-contacts .telegram-action:before{content:"打开";font-size:10px}
.support-consult{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:11px 14px;border:1px solid #dce5e9;border-radius:10px;background:#f5f8fa;color:#8b9aa3;font-size:13px;font-weight:400}
.support-consult:hover{border-color:#9cc8d0;background:#f0f6f8}.support-consult .ui-icon{width:19px;height:19px;color:var(--accent)}
.support-toggle{display:flex;align-items:center;gap:10px;min-height:52px;padding:14px 20px;border:1px solid #91c5cc;border-radius:30px;background:linear-gradient(135deg,#d1ecee,#add8de);color:#285d69;box-shadow:0 4px 18px #457b8628;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s}
.support-toggle:hover{background:#a4d1d8;box-shadow:0 6px 22px #457b8633}.support-toggle .ui-icon{width:22px;height:22px;color:#326f7c}
.support-online-dot{width:7px;height:7px;border-radius:50%;background:#56b88f;box-shadow:0 0 0 3px #56b88f12}
@keyframes support-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@keyframes support-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.support-widget{right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));gap:10px}.support-toggle{min-height:48px;padding:12px 16px}.support-panel{max-height:calc(100dvh - 96px);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.support-panel,.support-message,.support-typing i{animation:none}}

.ui-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.login .ui-icon{width:16px;height:16px}
.benefit-icon .ui-icon{width:28px;height:28px}
.copy-dialog-symbol .ui-icon{width:28px;height:28px}
.hero-description>.ui-icon{display:inline-block;color:var(--accent);margin:0 3px;width:22px;height:22px;vertical-align:-3px}
@media(max-width:760px){.benefit-icon .ui-icon{width:25px;height:25px}.hero-description>.ui-icon{width:18px;height:18px}}

.login{display:inline-flex;align-items:center;gap:18px}.login>.ui-icon{width:16px;height:16px;vertical-align:initial}
@media(max-width:760px){.login{gap:10px}}

@media(max-width:760px){
.benefits>div{gap:10px}
.benefits h2{font-size:14px;white-space:nowrap;margin-bottom:5px}
.benefits p{font-size:12px;line-height:1.6;text-wrap:balance}
.benefit-icon{width:38px;height:38px}
.benefit-icon .ui-icon{width:22px;height:22px}
}