:root{--guide-ink:#123954;--guide-muted:#5e768a;--guide-blue:#087fca;--guide-yellow:#ffcc39;--guide-line:#d1e4ed;font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;color:var(--guide-ink);background:#f2f8fb;scroll-behavior:smooth;scroll-padding-top:94px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid #ff8b20;outline-offset:5px}h1,h2,h3,p{margin:0}button{color:inherit}.guide-container{max-width:1240px;margin:auto;padding-left:38px;padding-right:38px}.guide-skip{position:fixed;left:15px;top:-100px;z-index:100;background:white;padding:12px}.guide-skip:focus{top:10px}.guide-header{position:sticky;top:0;z-index:20;background:#f8fcfff5;border-bottom:1px solid var(--guide-line)}.guide-header-inner{max-width:1316px;min-height:80px;padding:12px 38px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:20px;white-space:nowrap}.guide-brand img{width:42px;height:42px;border-radius:12px;box-shadow:0 3px 0 #c3e2ec}.guide-brand b{font-size:11px;background:#ffe290;padding:3px 8px;border-radius:5px}.guide-header nav{display:flex;gap:30px;font-size:14px;font-weight:700}.guide-header nav a{padding:9px 0}.guide-header nav a:hover{color:var(--guide-blue)}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 22px;font-size:15px;font-weight:850;border:2px solid var(--guide-ink);border-radius:12px;box-shadow:0 4px 0 var(--guide-ink);background:#fff;transition:transform .22s cubic-bezier(.2,1.5,.4,1),box-shadow .2s,background .2s}.guide-button span{font-size:24px;line-height:1}.guide-button:hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--guide-ink)}.guide-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--guide-ink)}.guide-button-primary{background:var(--guide-yellow)}.guide-button-primary:hover{background:#ffdd62}.guide-button-secondary{background:#fff9}.guide-button-small{min-height:40px;font-size:13px;padding:5px 14px;border-radius:9px;box-shadow:0 3px 0 var(--guide-ink)}
.guide-hero{position:relative;display:grid;grid-template-columns:.86fr 1.14fr;gap:40px;align-items:center;padding-top:90px;padding-bottom:112px;min-height:640px}.guide-hero:before{content:'';position:absolute;inset:0 0 -50px;z-index:-1;background:radial-gradient(ellipse at 79% 25%,#b6e8fb9c,transparent 55%),radial-gradient(ellipse at 15% 80%,#fff0c3b5,transparent 45%)}.guide-ticket{display:inline-flex;gap:9px;align-items:center;background:#e3f3fc;border:1px solid #b5ddec;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:750;transform:rotate(-2deg)}.guide-ticket i{width:7px;height:7px;border-radius:50%;background:#058ccc;box-shadow:0 0 0 4px #078ccc15}.guide-hero h1{font-size:clamp(35px,4.1vw,53px);font-weight:950;line-height:1.4;letter-spacing:-2px;margin:24px 0 18px}.guide-hero h1 span{position:relative;color:#097abc;white-space:nowrap}.guide-hero h1 span:after{content:'';position:absolute;height:9px;background:#ffd34c;left:0;right:0;bottom:2px;z-index:-1;border-radius:70% 30% 40% 50%;transform:rotate(-2deg)}.guide-lead{font-size:16px;line-height:1.9;color:var(--guide-muted)}.guide-hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.guide-hero-facts{display:flex;align-items:center;gap:21px;flex-wrap:wrap;font-size:12px;color:var(--guide-muted);margin-top:28px}.guide-hero-facts b{font-size:21px;color:var(--guide-ink);font-weight:900;font-variant-numeric:tabular-nums}.guide-hero-visual{position:relative;min-width:0;padding:20px 5px 35px 0;animation:guide-enter .65s cubic-bezier(.18,.8,.3,1) both}.guide-hero-visual:before{content:'';position:absolute;inset:-28px -18px 24px 10px;background:#d8eef7;border:2px solid #b7dbea;border-radius:45px;transform:rotate(-5deg);z-index:-1}.guide-screen{position:relative;display:block;width:100%;padding:0;border:2px solid #1a4965;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 7px 0 #afcbd9,0 20px 45px #1b547723;text-align:left;transition:transform .25s ease}.guide-screen:hover{transform:translateY(-3px)}.guide-window-bar{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;background:#153f59;color:#eff9ff;font-size:10px;font-weight:700}.guide-window-bar b{font-weight:600;color:#a5d3eb}.guide-window-dots{display:flex;gap:4px}.guide-window-dots i{width:5px;height:5px;background:#ffb658;border-radius:50%}.guide-window-dots i:nth-child(2){background:#93d9c6}.guide-window-dots i:nth-child(3){background:#76c5e9}.guide-main-screen .guide-shot{width:100%;height:auto}.guide-enlarge{position:absolute;bottom:10px;right:10px;background:#113c55e8;border:1px solid #fff8;color:white;border-radius:6px;font-size:10px;padding:6px 9px;display:flex;gap:12px}.guide-sticker{position:absolute;right:-12px;top:-12px;z-index:2;transform:rotate(7deg);border:2px solid #fff8;background:#ffcf42;color:#523919;padding:11px 17px;border-radius:9px;box-shadow:0 4px 0 #c88619;font-size:12px;line-height:1.6;text-align:center}.guide-sticker strong{font-size:15px}.guide-phone{position:absolute;bottom:-20px;left:-35px;width:130px;border:5px solid #163c50;border-radius:21px;overflow:hidden;background:#163c50;box-shadow:0 10px 25px #163c5040;transform:rotate(-7deg)}.guide-phone>span{position:absolute;top:0;left:32%;right:32%;height:10px;border-radius:0 0 8px 8px;background:#163c50}.guide-phone img{width:100%;height:auto}.guide-visual-label{position:absolute;bottom:-16px;right:6px;background:#fff;padding:9px 14px;border:1px solid var(--guide-line);border-radius:7px;font-size:12px;font-weight:750}
.guide-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.guide-section-heading>div{display:flex;align-items:center;gap:12px}.guide-section-number{color:#147aac;font-size:12px;font-weight:900;border:1px solid #b0d4e7;background:#e3f3fb;border-radius:7px;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.guide-section-heading h2{font-size:24px;line-height:1.5;font-weight:900}.guide-section-heading p{font-size:12px;color:var(--guide-muted)}.guide-preview-section{padding-top:20px;padding-bottom:68px;scroll-margin-top:20px}.guide-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-preview-card{border:1px solid #bfd9e6;border-radius:15px;background:#fff;box-shadow:0 4px 0 #d0e5ef;overflow:hidden}.guide-preview-image{border:0;width:100%;padding:0;position:relative;background:#e5f2f8;display:block;overflow:hidden}.guide-preview-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .35s ease}.guide-preview-image:hover img{transform:scale(1.035)}.guide-preview-image>span{position:absolute;right:10px;bottom:10px;background:#143e59;color:#fff;border-radius:7px;display:grid;place-items:center;width:28px;height:28px;font-size:20px}.guide-preview-copy{padding:17px 19px}.guide-preview-copy h3{font-size:17px;font-weight:900}.guide-preview-copy p{font-size:12px;color:var(--guide-muted);line-height:1.7;margin-top:6px}.guide-features-section{background:#e4f1f7;border-top:1px solid #cfe4ee;border-bottom:1px solid #cfe4ee;padding:54px 0}.guide-pill{font-size:12px;background:#fff;border:1px solid #bbd6e4;padding:7px 12px;border-radius:30px;color:#35637b}.guide-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px}.guide-feature{display:flex;align-items:center;gap:16px;background:#fff;padding:19px;border:1px solid #c6dfea;border-radius:13px;min-width:0}.guide-feature>img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.guide-feature h3{font-size:16px;font-weight:900}.guide-feature p{font-size:12px;line-height:1.8;color:var(--guide-muted);margin-top:7px}.guide-memberships{padding-top:65px;padding-bottom:60px}.guide-common{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:15px 18px;background:#153f59;border-radius:12px;color:#fff;margin-bottom:20px;font-size:12px}.guide-common strong{margin-right:12px;color:#ffda63;font-size:15px}.guide-common>span{padding:6px 10px;background:#ffffff12;border:1px solid #ffffff1a;border-radius:6px}.guide-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.guide-tier{--tier:#078eca;position:relative;border:1px solid #bdd7e5;border-top:4px solid var(--tier);border-radius:13px;background:#fff;padding:20px;box-shadow:0 4px 0 #d8e8f0;min-width:0}.guide-tier[data-tier=manager]{--tier:#139477}.guide-tier[data-tier=system]{--tier:#c38a15}.guide-tier[data-tier=author]{--tier:#8656c3}.guide-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.guide-tier h3{font-size:17px;font-weight:900}.guide-tier-heading img{width:46px;height:46px;object-fit:contain}.guide-price{display:flex;gap:3px;align-items:baseline;margin:6px 0 20px;color:var(--tier);font-variant-numeric:tabular-nums}.guide-price strong{font-size:46px;font-weight:950;line-height:1.2;letter-spacing:-2px;overflow-wrap:anywhere;min-width:0}.guide-price span:first-child{font-size:21px;font-weight:850}.guide-price span:last-child{font-size:11px;color:var(--guide-muted);margin-left:7px}.guide-tier dl{margin:0}.guide-tier dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:7px;margin-bottom:12px}.guide-tier dt{font-size:11px;color:var(--guide-muted)}.guide-tier dd{margin:0;font-size:17px;font-weight:900;overflow-wrap:anywhere;max-width:62%}.guide-tier dd small{font-size:10px;font-weight:500;margin-left:3px}.guide-tier-action{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#eef7fc;border:1px solid #c3dce9;color:var(--guide-ink);padding:9px 10px;margin-top:16px;border-radius:8px;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.guide-tier-action:hover{background:#ffe395;transform:translateY(-2px)}.guide-tier-note{font-size:11px;line-height:1.8;color:var(--guide-muted);margin-top:20px}.guide-end{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;background:#d8effa;border:1px solid #b9ddec;max-width:1164px;padding-top:32px;padding-bottom:32px;border-radius:17px;box-shadow:0 4px 0 #bddce9}.guide-end h2{font-size:22px;font-weight:900}.guide-end p{font-size:13px;margin-top:9px;line-height:1.8;color:var(--guide-muted)}.guide-end .guide-button{flex-shrink:0}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:35px;padding-bottom:35px;font-size:11px;color:var(--guide-muted)}.guide-footer>div{display:flex;gap:23px}.guide-footer a:hover{color:var(--guide-blue)}
.guide-lightbox{width:min(1120px,94vw);max-height:92dvh;margin:auto;padding:0;border:2px solid #163f58;border-radius:14px;background:#f5faff;box-shadow:0 25px 80px #0005;color:var(--guide-ink)}.guide-lightbox::backdrop{background:#0c2838be}.guide-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid var(--guide-line);background:white}.guide-lightbox h2{font-size:17px;font-weight:850}.guide-lightbox-close{background:#e7f2f8;border:1px solid #c7dfe9;border-radius:8px;width:36px;height:36px;font-size:25px;line-height:1}.guide-lightbox-scroll{max-height:calc(92dvh - 115px);overflow:auto;overscroll-behavior:contain}.guide-lightbox-scroll img{width:100%;height:auto}.guide-lightbox p{padding:13px 18px;font-size:11px;color:var(--guide-muted)}html.guide-modal-open{overflow:hidden}
@keyframes guide-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.zw-mobile .guide-header-inner{min-height:65px;padding:10px 18px;gap:10px}.zw-mobile .guide-brand{font-size:16px;gap:7px}.zw-mobile .guide-brand img{width:33px;height:33px;border-radius:9px}.zw-mobile .guide-header nav{display:none}.zw-mobile .guide-brand b{font-size:9px;padding:2px 5px}.zw-mobile .guide-button-small{gap:9px;font-size:12px;padding:4px 10px;min-height:36px}.zw-mobile .guide-container{padding-left:20px;padding-right:20px}.zw-mobile .guide-hero{grid-template-columns:minmax(0,1fr);gap:34px;padding-top:36px;padding-bottom:55px;min-height:0}.zw-mobile .guide-hero h1{font-size:39px;letter-spacing:-1.5px;line-height:1.32;margin:19px 0 16px}.zw-mobile .guide-lead{font-size:14px;line-height:1.8}.zw-mobile .guide-hero-actions{margin-top:23px;gap:11px}.zw-mobile .guide-button{font-size:13px;min-height:44px;padding:9px 15px;gap:14px}.zw-mobile .guide-hero-facts{gap:17px;margin-top:24px;font-size:10px}.zw-mobile .guide-hero-facts b{font-size:19px}.zw-mobile .guide-hero-visual{padding:16px 0 20px}.zw-mobile .guide-hero-visual:before{inset:5px -5px 12px;border-radius:22px;transform:rotate(-3deg)}.zw-mobile .guide-main-screen{max-width:330px;margin:auto}.zw-mobile .guide-main-screen .guide-shot{aspect-ratio:1.05;object-fit:cover;object-position:top}.zw-mobile .guide-sticker{right:-3px;top:0;font-size:10px;padding:7px 12px}.zw-mobile .guide-sticker strong{font-size:12px}.zw-mobile .guide-phone{display:none}.zw-mobile .guide-visual-label{bottom:0;right:9px;font-size:10px;padding:7px 10px}.zw-mobile .guide-section-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:19px}.zw-mobile .guide-section-heading>div{gap:9px}.zw-mobile .guide-section-heading h2{font-size:20px}.zw-mobile .guide-section-heading p{font-size:10px;margin-left:39px}.zw-mobile .guide-preview-section{padding-top:13px;padding-bottom:38px}.zw-mobile .guide-preview-grid{grid-template-columns:minmax(0,1fr);gap:16px}.zw-mobile .guide-preview-card{display:grid;grid-template-columns:42% 58%;min-height:150px}.zw-mobile .guide-preview-image img{aspect-ratio:auto;height:160px;object-fit:cover;object-position:top}.zw-mobile .guide-preview-copy{padding:20px 16px;align-self:center}.zw-mobile .guide-preview-copy h3{font-size:16px}.zw-mobile .guide-preview-copy p{font-size:11px}.zw-mobile .guide-features-section{padding:34px 0}.zw-mobile .guide-feature-grid{grid-template-columns:minmax(0,1fr);gap:12px}.zw-mobile .guide-feature{padding:14px 16px;gap:14px}.zw-mobile .guide-feature>img{width:50px;height:50px}.zw-mobile .guide-feature p{font-size:11px;margin-top:4px}.zw-mobile .guide-feature h3{font-size:15px}.zw-mobile .guide-pill{display:none}.zw-mobile .guide-memberships{padding-top:37px;padding-bottom:35px}.zw-mobile .guide-common{padding:13px;gap:7px}.zw-mobile .guide-common strong{width:100%;font-size:14px;margin:0 0 3px}.zw-mobile .guide-common>span{font-size:10px;padding:5px 8px}.zw-mobile .guide-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.zw-mobile .guide-tier{padding:12px 11px}.zw-mobile .guide-tier h3{font-size:14px}.zw-mobile .guide-tier-heading img{width:32px;height:32px}.zw-mobile .guide-price{margin:8px 0 15px}.zw-mobile .guide-price strong{font-size:38px}.zw-mobile .guide-price span:first-child{font-size:17px}.zw-mobile .guide-price span:last-child{font-size:9px;margin-left:4px}.zw-mobile .guide-tier dt{font-size:9px}.zw-mobile .guide-tier dd{font-size:14px}.zw-mobile .guide-tier dd small{font-size:9px}.zw-mobile .guide-tier dl>div{gap:3px;margin-bottom:10px}.zw-mobile .guide-tier-action{font-size:10px;padding:8px 7px;gap:2px}.zw-mobile .guide-tier-note{font-size:10px}.zw-mobile .guide-end{margin:0 20px;padding:24px 20px;flex-direction:column;align-items:flex-start;gap:17px}.zw-mobile .guide-end h2{font-size:20px}.zw-mobile .guide-end p{font-size:12px}.zw-mobile .guide-footer{padding-top:28px;padding-bottom:28px;align-items:flex-start;flex-direction:column;gap:14px;font-size:10px}.zw-mobile .guide-footer>div{gap:20px}.zw-mobile .guide-lightbox{width:94vw}.zw-mobile .guide-lightbox-scroll img{max-width:390px;margin:auto}
@media(max-width:1000px){.zw-desktop .guide-header nav{gap:16px}.zw-desktop .guide-hero{gap:30px;padding-top:65px;padding-bottom:70px}.zw-desktop .guide-hero h1{font-size:38px}.zw-desktop .guide-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zw-desktop .guide-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zw-desktop .guide-end{margin:0 38px}.zw-desktop .guide-section-heading{align-items:flex-start;flex-wrap:wrap}.zw-desktop .guide-section-heading h2{font-size:21px}.zw-desktop .guide-preview-grid{gap:13px}.zw-desktop .guide-phone{width:100px;left:-12px}.zw-desktop .guide-hero-visual{align-self:center}}
@media(max-width:620px){.zw-desktop .guide-header-inner{padding:12px 18px}.zw-desktop .guide-header nav{display:none}.zw-desktop .guide-container{padding-left:20px;padding-right:20px}.zw-desktop .guide-hero{grid-template-columns:minmax(0,1fr);padding-top:40px}.zw-desktop .guide-hero-visual{max-width:500px}.zw-desktop .guide-preview-grid{grid-template-columns:minmax(0,1fr)}.zw-desktop .guide-feature-grid{grid-template-columns:minmax(0,1fr)}.zw-desktop .guide-end{margin:0 20px;flex-wrap:wrap}.zw-desktop .guide-footer{flex-wrap:wrap}.zw-desktop .guide-phone{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Expanded gallery: category filters and a browsable screenshot viewer. */
.guide-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 23px;flex-wrap:wrap}.guide-gallery-filters{display:flex;gap:8px;flex-wrap:wrap}.guide-gallery-filters button{border:1px solid #bdd7e5;border-radius:9px;background:#fff;padding:9px 15px;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.guide-gallery-filters button[aria-pressed=true]{background:#173f58;border-color:#173f58;color:#fff;box-shadow:0 3px 0 #a6cbde}.guide-gallery-filters button:hover{transform:translateY(-2px)}.guide-gallery-count{font-size:11px;color:var(--guide-muted)}.guide-preview-card[hidden]{display:none!important}.guide-lightbox-navigation{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:11px 18px;border-top:1px solid var(--guide-line);background:white}.guide-lightbox-navigation button{border:1px solid #c3dce9;border-radius:8px;background:#edf7fc;padding:7px 12px;font-size:12px;font-weight:750}.guide-lightbox-navigation button:hover{background:#ffdd76}.guide-lightbox-counter{font-size:12px;color:var(--guide-muted);font-variant-numeric:tabular-nums}.guide-lightbox-scroll{max-height:calc(92dvh - 164px)}.guide-lightbox>p{padding:9px 18px}.zw-mobile .guide-gallery-toolbar{gap:12px;margin-bottom:19px}.zw-mobile .guide-gallery-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.zw-mobile .guide-gallery-filters button{padding:9px 3px;font-size:10px;border-radius:7px}.zw-mobile .guide-gallery-count{font-size:10px}.zw-mobile .guide-lightbox-navigation{padding:10px 12px;gap:8px}.zw-mobile .guide-lightbox-navigation button{padding:7px 9px;font-size:11px}