:root{--ink:#162f35;--muted:#61757a;--teal:#087f73;--teal-dark:#05685f;--line:#dae7e6;--pale:#eef8f6;--blue:#e8f3fa;--white:#fff;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);font-synthesis:none;line-height:1.7;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #128dc9;outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h2{font-size:clamp(1.9rem,3.2vw,2.75rem);letter-spacing:-.035em;font-weight:750}h3{font-weight:700}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(1180px,calc(100% - 96px));margin:auto}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid #e6eeed}.nav-shell{display:flex;align-items:center;gap:32px;min-height:86px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.1rem;font-weight:750;letter-spacing:-.02em}.brand img{border-radius:11px}.nav-shell nav{display:flex;gap:30px;margin-left:auto;font-size:.9rem;color:#4e6569}.nav-shell nav a:hover,.site-footer a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 25px;border:1px solid transparent;border-radius:9px;background:var(--teal);color:white;font-weight:650;line-height:1.45;text-align:center;transition:background .18s,transform .18s;white-space:normal}.button:hover{background:var(--teal-dark);transform:translateY(-1px)}.button-small{font-size:.9rem;padding:11px 19px;min-height:44px}.button-plain{background:white;color:var(--ink);border-color:#d3dfde}.button-plain:hover{background:var(--pale)}.menu-toggle{background:white;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:.9rem}.hero{background:radial-gradient(ellipse at 88% 20%,#dcefe9 0,transparent 52%),linear-gradient(110deg,#f6fbfb,#edf7f8);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px;padding-top:78px;padding-bottom:68px}.eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.13em;color:var(--teal);margin-bottom:22px;display:flex;align-items:center;gap:10px}.eyebrow-line{width:25px;height:2px;background:var(--teal)}h1{font-size:clamp(2.7rem,4.5vw,3.85rem);font-weight:800;line-height:1.32;letter-spacing:-.055em}h1 span{color:var(--teal);display:block}.hero-description{font-size:1.06rem;line-height:1.9;margin-top:27px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:33px}.hero-note{font-size:.82rem;margin-top:23px;color:#617777}.hero-note span{margin:0 12px;color:#9dafaf}.preview-panel{background:#fff;border:1px solid #dce9e5;border-radius:18px;box-shadow:0 24px 64px #153f4011;transform:rotate(1deg);overflow:hidden}.preview-heading{padding:23px 25px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-label{font-size:1rem;font-weight:700}.subtle-label{font-size:.75rem;border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:var(--muted);white-space:nowrap}.mode-switch{display:flex;gap:4px;background:#eef4f3;padding:4px;border-radius:8px;margin:0 25px}.mode-switch button{border:0;background:transparent;padding:9px;flex:1;font-size:.9rem;border-radius:6px;font-weight:650}.mode-switch button[aria-pressed=true]{background:white;color:var(--teal);box-shadow:0 2px 6px #153f4010}.preview-content{padding:22px 25px}.preview-row{display:flex;align-items:center;gap:12px}.step-dot{flex-shrink:0;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#e9f5f1;border-radius:50%;color:var(--teal);font-size:.8rem;font-weight:700}.preview-kicker{font-size:.75rem;margin-bottom:3px}.preview-row h3{font-size:.94rem}.preview-tag{font-size:.72rem;color:var(--teal);margin-left:auto;white-space:nowrap}.recipient-list{display:flex;gap:6px;margin:13px 0 21px 40px;flex-wrap:wrap}.recipient-list span{font-size:.75rem;background:#f3f7f6;padding:5px 8px;border-radius:5px;color:#536c69}.message-sample{margin:13px 0 22px 40px;background:#eff8f5;border:1px solid #deeee8;padding:13px 15px;border-radius:0 10px 10px 10px}.message-sample span{font-size:.72rem;color:var(--teal)}.message-sample p{font-size:.88rem;color:#3b5753;line-height:1.8;margin-top:5px}.preview-bottom{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.preview-bottom strong{font-size:.87rem}.preview-bottom p{font-size:.75rem}.check-mark{margin-left:auto;color:var(--teal);font-size:1.3rem}.preview-caption{font-size:.76rem;text-align:center;color:#66807b;padding:10px;background:#f4f8f6}.hero-foot{border-top:1px solid #d4e5e2;display:flex;align-items:center;justify-content:space-between;padding:23px 0 26px;color:#4a6466;font-weight:600;font-size:.92rem;gap:20px}.hero-foot>span{font-size:.8rem;font-weight:400;color:#708783}.section{padding-top:100px;padding-bottom:88px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading>p{font-size:1rem;padding-bottom:5px}.section-heading .eyebrow{margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{border:1px solid var(--line);padding:25px 23px 22px;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.feature-card:first-child{background:#edf8f5;border-color:#cfebe2}.feature-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-bottom:38px}.feature-number{font-size:1.45rem;font-weight:650;color:var(--teal);font-variant-numeric:tabular-nums}.feature-category{font-size:.75rem;color:#6c837f}.feature-card h3{font-size:1.15rem;min-height:3.1em}.feature-card p{font-size:.94rem;line-height:1.9;margin:13px 0 27px}.feature-card a{margin-top:auto;color:var(--teal);font-weight:650;font-size:.87rem;border-bottom:1px solid #a8d9cf}.section-note{font-size:.82rem;margin-top:24px}.guide-section{background:#f6f9fa;padding:84px 0 90px;border-top:1px solid #edf1f1;border-bottom:1px solid #edf1f1}.quick-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:50px 0 45px}.quick-steps article{border-top:2px solid #c5dedb;padding-top:18px}.quick-steps article>span{font-size:.83rem;color:var(--teal);font-weight:700}.quick-steps h3{font-size:1.1rem;margin:13px 0 9px}.quick-steps p{font-size:.95rem;line-height:1.9}.guide-details{background:white;border:1px solid var(--line);border-radius:12px;padding:0 28px}details{border-bottom:1px solid var(--line);scroll-margin-top:110px}details:last-child{border-bottom:0}summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none;padding:21px 0;font-size:1rem;font-weight:600}summary::-webkit-details-marker{display:none}.details-symbol{width:14px;height:14px;position:relative;flex-shrink:0}.details-symbol:before,.details-symbol:after{content:"";position:absolute;background:var(--teal);left:0;top:6px;width:14px;height:2px}.details-symbol:after{transform:rotate(90deg)}details[open] .details-symbol:after{transform:rotate(0)}details[open] summary{color:var(--teal)}.details-body{padding:0 32px 24px 0;color:var(--muted);font-size:1rem;line-height:1.95;max-width:880px}.details-body ol,.details-body ul{padding-left:24px;margin:0}.details-body li+li{margin-top:9px}.details-body p+ol,.details-body p+ul,.details-body ol+p,.details-body ul+p{margin-top:14px}.download-panel{background:#123e40;border-radius:19px;color:#fff;display:grid;grid-template-columns:1fr 260px;gap:60px;padding:55px 62px;align-items:center}.download-panel .eyebrow{color:#9dd9c8}.download-panel h2{font-size:2.6rem}.download-copy>p:not(.eyebrow){color:#bad1d2;margin-top:21px}.download-actions{display:flex;align-items:center;gap:20px;margin-top:29px;flex-wrap:wrap}.download-actions>span{font-size:.8rem;color:#b2cdca}.button-light{background:#d3f3dd;color:#123e40}.button-light:hover{background:#bfe9ce}.download-copy .download-tip{font-size:.83rem!important}.download-aside{display:flex;align-items:center;flex-direction:column;justify-content:center;border-left:1px solid #426164;min-height:226px;gap:8px;padding-left:35px}.download-brand{border-radius:23px;margin-bottom:7px}.download-aside strong{font-size:1.1rem}.download-aside span{font-size:.8rem;color:#b2cdca}.download-aside a{font-size:.84rem;color:#c6eadc;border-bottom:1px solid #6e9a8f;margin-top:14px}.browser-hint{margin-top:18px;border:1px solid #8fb9aa;padding:12px 15px;border-radius:7px;color:#e0f7e8;font-size:.9rem}.section-compact{padding-top:5px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list summary{font-size:.98rem}.invitation-section{border:1px solid var(--line);background:#f1f8f7;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:34px 40px;margin-bottom:86px}.invitation-section .eyebrow{margin-bottom:10px}.invitation-section h2{font-size:1.7rem}.invitation-section p{font-size:.9rem;margin-top:9px}#invite-entry label{display:block;font-size:.83rem;font-weight:650;margin-bottom:7px}.invite-input-row{display:flex;gap:9px;align-items:stretch}.invite-input-row input{min-width:0;width:100%;padding:12px 14px;border:1px solid #bfcfcd;border-radius:8px;background:white;letter-spacing:.08em;text-transform:uppercase;font-size:.94rem}.invite-input-row button{font-size:.9rem;flex-shrink:0;padding:12px 16px}.input-hint{font-size:.77rem!important}.site-footer{border-top:1px solid var(--line);padding:34px 0 26px}.footer-main,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main nav{display:flex;gap:28px;font-size:.85rem;color:var(--muted)}.footer-bottom{margin-top:27px;font-size:.76rem;color:#7b8c8e}.footer-main .brand{font-size:.98rem}
@media(min-width:1500px){.hero-grid{padding-top:100px;padding-bottom:90px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.nav-shell{gap:20px}.nav-shell nav{gap:18px}.hero-grid{gap:35px}h1{font-size:3rem}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card h3{min-height:0}.feature-top{margin-bottom:23px}.download-panel{padding:44px;grid-template-columns:1fr 215px;gap:28px}.faq-layout{gap:40px}.invitation-section{gap:28px;padding:28px}}
@media(max-width:780px){.container{width:calc(100% - 40px)}.nav-shell{min-height:74px;gap:12px;flex-wrap:wrap;position:relative;padding:13px 0}.brand{font-size:1rem}.brand img{width:34px;height:34px}.nav-shell>.button{margin-left:auto;min-height:42px;padding:9px 13px;font-size:.8rem}.menu-toggle{order:3}.nav-shell nav{order:4;flex-basis:100%;justify-content:space-between;gap:8px;margin:6px 0 1px;font-size:.87rem;padding:8px 0}.nav-shell nav.collapsed{display:none}.hero-grid{grid-template-columns:1fr;gap:38px;padding-top:47px;padding-bottom:35px}.hero-copy{max-width:590px}h1{font-size:clamp(2.4rem,6.8vw,3.4rem);letter-spacing:-.045em}.hero-description{margin-top:21px;font-size:1rem}.hero-actions{margin-top:25px}.hero-note{margin-top:18px}.preview-panel{transform:none;max-width:530px;width:100%;justify-self:center}.hero-foot{flex-wrap:wrap;justify-content:flex-start;column-gap:27px;row-gap:9px;font-size:.85rem}.hero-foot>span{width:100%;margin-bottom:3px}.section{padding-top:64px;padding-bottom:59px}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:18px}.section-heading .eyebrow{margin-bottom:11px}.feature-grid{gap:13px}.feature-card{padding:21px 19px}.feature-card h3{font-size:1.06rem}.feature-card p{font-size:.92rem}.guide-section{padding:59px 0}.quick-steps{grid-template-columns:repeat(2,1fr);gap:25px;margin:30px 0}.guide-details{padding:0 19px}summary{font-size:.95rem;padding:19px 0}.details-body{padding-right:0;font-size:.95rem}.download-panel{padding:33px 27px;grid-template-columns:1fr;gap:30px}.download-panel h2{font-size:2rem}.download-aside{display:none}.download-copy>p{font-size:.94rem}.faq-layout{grid-template-columns:1fr;gap:28px}.section-compact{padding-top:3px}.invitation-section{grid-template-columns:1fr;gap:24px;padding:27px 23px;margin-bottom:57px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:19px}.footer-main nav{gap:20px;flex-wrap:wrap}.footer-bottom{margin-top:22px;gap:5px}.site-footer{padding-top:26px}}
@media(max-width:400px){.container{width:calc(100% - 32px)}.brand{font-size:.88rem;gap:7px}.nav-shell{gap:9px}.menu-toggle{font-size:.8rem;padding:8px}.hero-grid{padding-top:38px}h1{font-size:2.32rem}.hero-actions .button{padding:12px 18px;font-size:.92rem}.preview-heading{padding:19px 17px 14px}.preview-label{font-size:.9rem}.mode-switch{margin:0 17px}.preview-content{padding:20px 17px}.preview-tag{display:none}.feature-grid{grid-template-columns:1fr}.feature-top{margin-bottom:16px}.feature-card p{margin-bottom:20px}.quick-steps{gap:20px}.invite-input-row{flex-direction:column}.invite-input-row button{width:100%}.recipient-list{margin-left:0}.message-sample{margin-left:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}
.feature-grid{grid-template-columns:repeat(3,1fr)}
.tutorial-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0 28px}.tutorial-video-card{border:1px solid var(--line);background:white;border-radius:14px;overflow:hidden}.tutorial-video-card video{display:block;width:100%;height:340px;object-fit:contain;background:#133c40}.tutorial-video-card>div{padding:21px 23px}.tutorial-video-card span{font-size:.77rem;color:var(--teal)}.tutorial-video-card h3{font-size:1.15rem;margin:7px 0 10px}.tutorial-video-card p{font-size:.94rem;line-height:1.8;min-height:3.6em}.tutorial-video-card a{display:inline-block;color:var(--teal);font-size:.9rem;font-weight:650;margin-top:14px;border-bottom:1px solid #a8d9cf}.tutorial-library-link{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid #d1e6de;border-radius:10px;background:#eaf5f0;padding:24px 27px}.tutorial-library-link h3{font-size:1.1rem}.tutorial-library-link p{font-size:.94rem;margin-top:6px}.tutorial-video-card .video-status{margin-top:8px;font-size:.83rem;min-height:0;color:#805323}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.tutorial-video-grid{grid-template-columns:1fr;gap:22px}.tutorial-video-card video{height:360px}.tutorial-video-card p{min-height:0}.tutorial-library-link{align-items:flex-start;flex-direction:column;padding:22px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:400px){.feature-grid{grid-template-columns:1fr}}
.contact-section{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:center;padding:42px 52px;background:linear-gradient(120deg,#edf8f4,#f6fbfc);border:1px solid #d2e7e0;border-radius:18px;margin-bottom:64px;scroll-margin-top:110px}.contact-copy .eyebrow{margin-bottom:18px}.contact-description{font-size:1rem;line-height:1.9;margin-top:21px;max-width:500px}.wechat-label{display:block;color:var(--muted);font-size:.87rem;margin-top:29px;margin-bottom:8px}.wechat-contact-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wechat-contact-row input{width:200px;max-width:100%;min-width:0;border:1px solid #c9e2da;background:white;border-radius:8px;padding:10px 14px;font-size:1.4rem;font-weight:750;letter-spacing:.045em;color:var(--teal-dark);cursor:text}.wechat-copy-status{font-size:.84rem;margin-top:12px;min-height:3.4em}.contact-note{font-size:.86rem;line-height:1.9;margin-top:19px;padding-top:17px;border-top:1px solid #d7e8e1}.contact-qr{margin:0;background:white;border:1px solid #e0ece7;border-radius:13px;padding:14px 18px 20px;text-align:center}.contact-qr>a{display:block}.contact-qr img{width:100%;height:auto}.contact-qr figcaption{font-size:.9rem;color:var(--ink);font-weight:600}.contact-qr figcaption a{display:inline-block;color:var(--teal);border-bottom:1px solid #9dcfc3;margin-top:7px;font-size:.84rem}.contact-qr figcaption span{display:block;font-size:.76rem;color:var(--muted);font-weight:400;line-height:1.8;margin-top:10px}.contact-shortcut{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:9;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #e0eeea;border-radius:24px;background:var(--teal);color:#fff;font-size:.9rem;font-weight:650;box-shadow:0 6px 20px #123e4026}.contact-shortcut:hover{background:var(--teal-dark)}.site-footer{padding-bottom:84px}
@media(max-width:1100px){.contact-section{padding:34px;gap:30px;grid-template-columns:minmax(0,1fr) 280px}.nav-shell nav{gap:15px}}
@media(max-width:780px){.contact-section{grid-template-columns:1fr;gap:27px;padding:29px 23px;margin-bottom:48px}.contact-qr{width:min(310px,100%);justify-self:center}.wechat-contact-row{gap:10px}.wechat-contact-row input{width:175px;font-size:1.25rem}.wechat-contact-row .button{font-size:.83rem;padding:10px 13px}.wechat-copy-status{min-height:0}.contact-shortcut{right:15px;bottom:max(15px,env(safe-area-inset-bottom));min-height:44px;padding:9px 17px;font-size:.85rem}.nav-shell nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 19px}}