@charset "UTF-8";
:root{color-scheme:light;--blue:#1766e8;--blue-dark:#0b49b1;--ink:#172b49;--muted:#63758d;--line:#e3eaf3;--soft:#f4f8ff;--white:#fff;--green:#17835d;--radius:18px;--shadow:0 14px 42px rgba(34,76,131,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1{font-size:48px;line-height:1.3;letter-spacing:-1.2px}
h2{font-size:25px;line-height:1.45}
h3{font-size:15px;line-height:1.5}
svg{display:block}
a:focus-visible,summary:focus-visible{outline:3px solid #7db3ff;outline-offset:4px;border-radius:4px}
.container{width:min(1180px,calc(100% - 72px));margin:0 auto}
.status-strip{background:#eef5ff;color:#426181;text-align:center;font-size:12px;letter-spacing:.2px;padding:7px 16px;border-bottom:1px solid #e1ecfa}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4f8de0;vertical-align:middle;margin-right:8px}
.site-header{position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}
.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#2584ff,#1055cb);display:grid;place-items:center;box-shadow:0 5px 12px #1766e826}
.brand-mark svg{width:29px;height:29px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.brand-name{font-size:17px;font-weight:700;letter-spacing:.1px;line-height:1.35}
.brand-tag{display:block;font-size:9px;font-weight:500;color:var(--muted);letter-spacing:1.55px;line-height:1.4}
.nav{display:flex;align-items:center;gap:32px}
.nav a{color:var(--muted);font-size:13px;padding:24px 0;transition:color .16s}
.nav a:hover{color:var(--blue)}
.header-button{display:inline-flex;align-items:center;gap:8px;background:#f4f8ff;border:1px solid #dce8fa;border-radius:8px;color:var(--blue);padding:8px 13px;font-size:12px;font-weight:600;white-space:nowrap}
.header-button:hover{background:#eaf2ff}
.icon{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-button .icon{width:15px;height:15px}
.eyebrow{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.4px;display:flex;gap:8px;align-items:center}
.eyebrow:before{content:"";display:block;width:18px;height:2px;background:var(--blue)}
.home-hero{padding:58px 0 50px;background:radial-gradient(ellipse at 82% 38%,#eaf3ff 0,rgba(245,249,255,.63) 34%,transparent 68%)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.hero-copy .eyebrow{margin-bottom:16px}
.hero-copy h1 em{font-style:normal;color:var(--blue)}
.hero-copy>p{font-size:15px;color:var(--muted);max-width:480px;margin-top:17px;line-height:1.9}
.hero-actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;border-radius:8px;font-weight:600;font-size:13px;border:1px solid transparent;transition:background .16s,border-color .16s,transform .16s;cursor:pointer}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1766e81a}
.button-primary:hover{background:var(--blue-dark)}
.button-secondary{border-color:#d5e1f1;background:#fff;color:var(--ink)}
.button-secondary:hover,.button-outline:hover{border-color:#97b8e9;background:#f6f9ff}
.download-meta{font-size:10px;color:#7c8da3;margin-top:12px;display:flex;gap:15px;flex-wrap:wrap}
.product-sheet{border:1px solid #dce7f8;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px #2b69b314;padding:22px 24px 19px}
.sheet-heading{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid #eaf0f8}
.sheet-mark{width:48px;height:48px;flex:0 0 auto}
.sheet-mark svg{width:31px;height:31px}
.sheet-heading .section-label{margin:0 0 2px}
.sheet-heading strong{display:block;font-size:15px;line-height:1.45}
.sheet-heading>div>span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.spec-list{margin:5px 0 0}
.spec-list>div{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:8px 1px;border-bottom:1px solid #f0f3f8;font-size:11px}
.spec-list dt{color:#7b8da4}
.spec-list dd{margin:0;color:#3d526e;font-weight:600;min-width:0}
.spec-list .hash-row{display:block;padding-top:9px;border-bottom:0}
.hash-row dt{margin-bottom:4px}
.hash-row code{display:block;overflow-wrap:anywhere;word-break:break-word;color:#5c6f87;font:9px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f7f9fc;border:1px solid #edf1f6;border-radius:6px;padding:7px 9px}
.sheet-download{width:100%;margin-top:13px}
.sheet-note{text-align:center;color:#8795a8;font-size:9px;margin-top:7px}
.features-section,.steps-section{padding:36px 0 39px;border-top:1px solid #f0f4fa}
.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px;gap:20px}
.section-top>div .section-label{margin-bottom:4px}
.section-top p{color:var(--muted);font-size:11px}
.section-label{font-size:9px;color:#8a9ab0;letter-spacing:1.7px;margin-bottom:5px}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 30px}
.feature-item{display:flex;gap:12px;align-items:flex-start;padding:6px 0}
.icon-tile{background:#eff5ff;color:var(--blue);width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.icon-tile .icon{width:19px;height:19px}
.feature-item h3{font-size:13px;margin:0 0 4px}
.feature-item p{font-size:11px;color:var(--muted);line-height:1.75}
.steps-section{background:#fafcff}
.register-section{padding:42px 0;background:#f7faff}
.register-panel{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px 30px;box-shadow:var(--shadow)}
.register-copy .section-label{margin-bottom:5px}
.register-copy h2{font-size:23px}
.register-copy p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.8}
.register-copy .small{font-size:10px}
.register-form{display:grid;gap:7px}
.register-form label{font-size:11px;font-weight:600;color:#425773}
.register-form input{height:39px;border:1px solid #cdd8e7;border-radius:7px;padding:0 11px;font:inherit;font-size:12px;color:var(--ink);outline:none}
.register-form input:focus{border-color:#6ea2ef;box-shadow:0 0 0 3px #1766e819}
.register-form .button{margin-top:2px}
.register-form .button:disabled{opacity:.7;cursor:wait}
.register-message{font-size:11px;line-height:1.6;min-height:0}
.register-message:empty{display:none}
.register-message.success{color:#13764f}
.register-message.error{color:#b42318}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.step-card{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;min-height:105px}
.step-number{color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.4px;background:#eff5ff;border-radius:9px;padding:5px 8px;line-height:1.4}
.step-card h3{font-size:13px;margin-bottom:4px}
.step-card p{font-size:11px;color:var(--muted);line-height:1.7}
.plans-section{padding:46px 0 42px;background:linear-gradient(#f5f9ff,#fff 540px)}
.section-heading{text-align:center;margin-bottom:22px}
.section-heading .eyebrow{justify-content:center;margin-bottom:5px}
.section-heading h2{font-size:27px}
.section-heading p{font-size:12px;color:var(--muted);margin-top:6px}
.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:stretch}
.plan-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 15px 15px;box-shadow:var(--shadow);min-width:0}
.plan-label{font-size:9px;color:var(--blue);letter-spacing:1px;font-weight:700}
.plan-card h3{font-size:16px;margin-top:6px}
.price{font-size:29px;font-weight:700;letter-spacing:-.8px;line-height:1.35;margin-top:11px;white-space:nowrap}
.price span{font-size:15px;font-weight:500;letter-spacing:0;margin-right:2px}
.plan-detail{font-size:10px;color:#8290a2;margin-top:2px;min-height:19px}
.button-outline{border-color:#d8e3f1;background:#fff;color:var(--blue);margin-top:16px;padding:8px 8px;font-size:11px;width:100%}
.credit-note{display:flex;align-items:flex-start;gap:11px;margin-top:15px;padding:13px 16px;border:1px solid #dce8fa;border-radius:11px;background:#f8fbff;color:#586e88}
.note-icon{color:var(--blue);margin-top:1px}
.note-icon .icon{width:17px;height:17px}
.credit-note p{font-size:10px;line-height:1.8}
.credit-note strong{color:#29476c;margin-right:6px}
.download-section{padding:0 0 41px}
.download-panel{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dce8fa;border-radius:16px;padding:24px 29px;background:linear-gradient(105deg,#f2f7ff,#fff 70%)}
.download-panel .eyebrow{margin-bottom:3px}
.download-panel h2{font-size:22px}
.download-panel p{font-size:11px;color:var(--muted);margin-top:4px}
.download-actions{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 200px}
.download-actions .button{width:100%}
.download-actions>span{font-size:9px;color:#8795a8}
.faq-section{padding:0 0 37px}
.faq-layout{display:grid;grid-template-columns:.72fr 1.8fr;gap:48px}
.faq-layout>div:first-child .section-label{margin-bottom:4px}
.faq-layout>div:first-child h2{font-size:22px}
.faq-layout>div:first-child p{font-size:11px;margin-top:6px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:11px 1px}
.faq-list summary{cursor:pointer;font-weight:600;font-size:12px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";color:var(--blue);font-size:17px;font-weight:400;line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:7px;max-width:760px}
.requirements{margin-bottom:28px;padding:15px 20px;border:1px solid var(--line);border-radius:12px;background:#fafcff;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
.requirements-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}
.requirements-title .icon{color:var(--blue)}
.requirements p{font-size:10px;color:var(--muted);line-height:1.75}
.requirements strong{font-weight:600;color:#415675}
.site-footer{border-top:1px solid var(--line);padding:19px 0;color:#718096;font-size:10px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-brand{color:#425773;font-weight:700;font-size:11px}
.footer-meta,.footer-legal{margin-top:2px}
.footer-links{display:flex;gap:20px;align-items:center}
.footer-links a:hover{color:var(--blue)}
.muted{color:var(--muted)}
@media(max-width:1080px){.container{width:calc(100% - 52px)}.hero-grid{gap:35px}.hero-copy h1{font-size:42px}.features-grid{gap:16px 20px}.pricing-grid{grid-template-columns:repeat(3,1fr)}.plan-card{padding:17px}.plan-card:nth-child(4),.plan-card:nth-child(5){min-height:0}.button-outline{margin-top:13px}}
@media(max-width:760px){html{scroll-padding-top:76px}.container{width:calc(100% - 36px)}.header-inner{min-height:67px;gap:12px}.brand{gap:8px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand-mark svg{width:25px;height:25px}.brand-name{font-size:13px}.brand-tag{font-size:7px;letter-spacing:1px}.nav{gap:14px}.nav a{font-size:10px;padding:21px 0}.header-button{font-size:0;padding:8px}.header-button .icon{width:17px;height:17px}.status-strip{font-size:10px;padding:6px 9px}.home-hero{padding:33px 0 30px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:13px;max-width:none}.hero-actions{margin-top:19px}.download-meta{gap:8px 12px}.product-visual{max-width:560px;width:100%;margin:0 auto}.features-section,.steps-section{padding:28px 0}.section-top{display:block;margin-bottom:15px}.section-top p{margin-top:5px}.features-grid{grid-template-columns:repeat(2,1fr);gap:13px 18px}.feature-item{gap:9px}.icon-tile{width:33px;height:33px;border-radius:9px}.icon-tile .icon{width:17px;height:17px}.feature-item h3{font-size:12px}.feature-item p{font-size:10px}.steps-grid{grid-template-columns:1fr;gap:10px}.step-card{min-height:auto;padding:13px 15px}.register-section{padding:28px 0}.register-panel{grid-template-columns:1fr;gap:16px;padding:19px}.plans-section{padding:34px 0 30px}.section-heading h2{font-size:24px}.section-heading p{max-width:440px;margin:6px auto 0}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:10px}.plan-card{padding:14px 13px}.plan-card:last-child{grid-column:1/-1}.price{font-size:27px}.plan-detail{font-size:9px}.button-outline{margin-top:10px}.credit-note{padding:11px 12px}.download-section{padding-bottom:28px}.download-panel{display:block;padding:19px}.download-panel h2{font-size:20px}.download-actions{margin-top:15px;width:100%;align-items:stretch}.download-actions>span{text-align:center}.faq-section{padding-bottom:26px}.faq-layout{grid-template-columns:1fr;gap:15px}.requirements{grid-template-columns:1fr;gap:7px;padding:13px 15px}.footer-inner{display:block}.footer-links{margin-top:11px;gap:17px}.site-footer{padding:16px 0}}
@media(max-width:410px){.container{width:calc(100% - 28px)}.brand-name{font-size:11px}.brand-tag{font-size:6px}.nav{gap:10px}.nav a{font-size:9px}.header-button{display:none}.hero-copy h1{font-size:35px}.hero-actions{gap:8px}.button{padding:10px 13px;font-size:12px}.features-grid{grid-template-columns:1fr}.task-summary strong{font-size:10px}.pricing-grid{grid-template-columns:1fr 1fr}.plan-card h3{font-size:14px}.price{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}