:root{--xy-purple:#8658b8;--xy-ink:#506788;--xy-yellow:#fac900}html{scroll-behavior:smooth}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #f7c600;outline-offset:5px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.xy-brand{display:inline-flex;align-items:center;gap:14px;color:white!important;text-decoration:none!important;height:60px}.xy-brand img{border-radius:50%;display:block;object-fit:contain;background:#fff}.xy-brand strong{display:block;font-family:Arial,sans-serif;font-size:46px;font-weight:800;font-style:italic;line-height:44px;letter-spacing:-2px}.xy-brand small{display:block;font-size:12px;letter-spacing:2px;line-height:20px}.sections .logo-container .logo p{margin-top:30px}.xy-contact-strip{display:flex;gap:12px;align-items:stretch;justify-content:center;max-width:744px;margin:0 auto}.xy-contact-strip>a,.xy-contact-strip>button{box-sizing:border-box;height:48px;margin:0;border:0;border-radius:4px}.xy-phone{display:flex;align-items:center;gap:13px;background:white;padding:0 16px;text-decoration:none!important;color:#59677d!important;min-width:270px}.xy-phone-label{font-size:14px;border-right:1px solid #ddd;padding-right:13px;white-space:nowrap}.xy-phone strong{font-size:20px;font-weight:600;letter-spacing:.3px}.xy-wechat{background:white;color:#8457b4;padding:0 23px;font-size:16px;white-space:nowrap;min-width:210px}.xy-primary{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:48px;padding:0 30px;background:var(--xy-yellow);color:white;border:0;border-radius:3px;font-size:18px;font-weight:700;text-decoration:none!important;transition:background .18s,transform .18s;white-space:nowrap}.xy-primary:hover{background:#edb900;color:white}.xy-primary:active{transform:translateY(1px)}.xy-contact-strip .xy-primary{min-width:220px}.xy-contact-caption{color:#fff;font-size:14px!important;opacity:.94;text-align:center;margin:18px 0 0!important;line-height:20px!important}.navbar-drawer{border:0;background:transparent;min-width:44px;min-height:44px;padding:8px;box-sizing:border-box}.navbar-drawer .content{position:relative}.upper-right .button{font-size:14px;letter-spacing:.2px}.upper-right .button i{margin-right:5px}.drawer-wrapper{visibility:hidden;pointer-events:none}.drawer-wrapper.xy-open{visibility:visible;pointer-events:auto}.drawer-wrapper .mask{opacity:0;transition:opacity .22s}.drawer-wrapper.xy-open .mask{display:block;opacity:1;background:rgba(19,11,34,.48)}.drawer-wrapper .drawer{transform:translateX(-100%);transition:transform .25s;left:0!important;box-sizing:border-box}.drawer-wrapper.xy-open .drawer{transform:translateX(0)}.xy-menu-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:white;font-size:30px;line-height:36px;min-width:40px}.drawer-wrapper .drawer .xy-drawer-brand{display:block;color:#fff;font:bold italic 34px/50px Arial,sans-serif;margin:20px 0 18px;text-align:center}.xy-drawer-phone{display:block;color:#fff;text-align:center;margin:30px 0 14px;font-size:19px}.xy-drawer-contact{display:block;margin:0 auto;background:transparent;color:white;border:1px solid rgba(255,255,255,.6);border-radius:3px;padding:10px 20px;font-size:14px}.drawer-wrapper .drawer .links .item{font-size:16px}.xy-scroll{display:block}.gallery .monitor-small{cursor:pointer;transition:transform .2s,box-shadow .2s}.gallery .monitor-small:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(45,35,66,.16)}.gallery .template-disclaimer-text{font-size:12px;line-height:20px;padding:0 18px}.editor .row{scroll-margin-top:45px}.xy-support-icon{display:flex;height:64px;justify-content:center;align-items:center;font-size:44px;color:#9b76c2;margin:0 auto 16px}.support .info p{font-size:14px}.xy-footer-wechat{background:none;border:0;color:#fff;font-size:14px;padding:0;margin:0 8px}.footer .beian-info p{font-size:12px;line-height:22px}.footer .beian-info a{font-size:14px}.xy-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;border:0;border-radius:12px;padding:34px 30px 24px;text-align:center;color:#53627a;background:white;box-shadow:0 24px 80px #24103255}.xy-dialog:not([open]){display:none}.xy-dialog::backdrop{background:#22132d99;backdrop-filter:blur(4px)}.xy-dialog h2{font-size:22px;line-height:1.5;margin:14px 0 8px;color:#506788}.xy-dialog p{font-size:14px;line-height:1.7}.xy-dialog-close{position:absolute;top:8px;right:12px;width:40px;height:40px;border:0;background:transparent;font-size:28px;color:#8991a0}.xy-dialog-logo{display:block;border-radius:50%;margin:auto}.xy-qr{display:block;object-fit:contain;image-rendering:pixelated;margin:18px auto 12px;background:white}.xy-dialog-tel{display:block;color:#8658b8;font-size:28px;line-height:42px;font-weight:600;letter-spacing:1px}.xy-dialog-actions{display:flex;justify-content:center;gap:10px;margin:16px 0}.xy-dialog .xy-primary{font-size:16px;padding:0 22px}.xy-secondary{background:#f3eef8;color:#8658b8;border:1px solid #d8c9e9;border-radius:3px;padding:0 18px;font-size:15px;min-height:48px}.xy-qr-download{font-size:14px;color:#8658b8}.xy-copy-status{min-height:20px;margin:8px 0 0;color:#7852a5}.xy-preview-dialog{width:min(1020px,calc(100vw - 36px));padding-top:25px}.xy-preview-dialog>img{display:block;margin:18px auto;max-width:100%;max-height:62dvh;object-fit:contain;border:1px solid #eee}.xy-dialog[open]{animation:xy-appear .16s ease-out}@keyframes xy-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.xy-modal-open{overflow:hidden}.xy-page{background:#faf9fc;color:#506788}.xy-page-header{display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,calc((100vw - 1120px)/2));background:#8658b8}.xy-page-header .xy-brand{height:48px;gap:10px}.xy-page-header .xy-brand img{width:46px;height:46px}.xy-page-header .xy-brand strong{font-size:32px;line-height:34px}.xy-page-header .xy-brand small{font-size:10px;line-height:14px}.xy-page-header>a:last-child{color:#fff;font-size:14px}.xy-page-main{max-width:1120px;margin:0 auto;padding:65px 24px}.xy-page-main>h1{font-size:32px;text-align:center;line-height:1.5}.xy-page-lead{text-align:center;color:#8492a4;font-size:16px;margin:16px 0 35px}.xy-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:32px}.xy-filter{background:#fff;border:1px solid #ddd3e8;border-radius:4px;color:#8658b8;padding:10px 22px;font-size:14px}.xy-filter[aria-pressed=true]{background:#8658b8;color:white}.xy-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.xy-template-card{display:block;width:100%;text-align:left;border:1px solid #ede8f3;border-radius:7px;overflow:hidden;background:#fff;padding:0;box-shadow:0 5px 15px #34224308;color:#506788}.xy-template-card[hidden]{display:none}.xy-template-card img{display:block;object-fit:cover;object-position:top;width:100%;height:215px;background:#f0edf5}.xy-template-card.xy-mobile-template img{object-fit:contain}.xy-template-card span{display:block;padding:20px;font-size:15px}.xy-page-footer{text-align:center;padding:30px 20px;background:#8658b8;color:#fff;font-size:14px}.xy-page-footer a{color:inherit}.xy-legal{max-width:760px;background:white;padding:45px;border:1px solid #eee;border-radius:6px}.xy-legal h2{font-size:21px;margin:30px 0 12px}.xy-legal p{font-size:16px;line-height:1.9;color:#67788a}.xy-legal a{color:#8658b8}
@media(max-width:800px){.xy-contact-strip{max-width:560px;flex-wrap:wrap;gap:12px}.xy-contact-strip .xy-phone{flex:1 1 250px;justify-content:center}.xy-contact-strip .xy-wechat{flex:1 1 210px}.xy-contact-strip .xy-primary{min-width:240px}.xy-template-grid{grid-template-columns:repeat(2,1fr)}.xy-brand strong{font-size:40px}.xy-brand img{width:54px;height:54px}.sections .logo-container .logo p{font-size:21px;line-height:1.65}.gallery .monitor-small:hover{transform:none}}
@media(max-width:520px){.xy-contact-strip{display:grid;grid-template-columns:1fr;max-width:300px;margin:auto;gap:10px}.xy-contact-strip>a,.xy-contact-strip>button{min-width:0!important;width:100%;height:48px}.xy-contact-strip .xy-phone{justify-content:center;padding:0 12px}.xy-phone strong{font-size:20px}.xy-contact-caption{font-size:12px!important;margin-top:14px!important}.sections .top .logo-container{padding-top:0!important}.sections .top .logo-container .logo p{font-size:19px;line-height:1.6;margin:25px auto 0;max-width:310px}.sections .top .form-container{margin-top:28px!important}.xy-brand strong{font-size:40px;line-height:40px}.xy-brand small{font-size:10px}.xy-brand{gap:11px}.xy-brand img{width:52px;height:52px}.upper-right{top:20px!important;right:16px!important}.upper-right .button{font-size:12px;padding:8px!important;line-height:18px!important}.navbar-drawer{top:17px!important;left:16px!important}.xy-dialog{padding:27px 18px 20px}.xy-dialog h2{font-size:19px}.xy-dialog .xy-primary{padding:0 17px}.xy-dialog-actions{gap:8px}.xy-secondary{padding:0 13px}.xy-template-grid{grid-template-columns:1fr}.xy-page-main{padding:38px 20px}.xy-page-main>h1{font-size:27px}.xy-page-header{padding:18px}.xy-page-header .xy-brand small{display:none}.xy-page-header>a:last-child{font-size:12px}.xy-legal{padding:24px 20px}.support .info p{font-size:13px}.footer .logo-container .logo p{font-size:18px;line-height:1.6;padding:0 15px}.footer .footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;line-height:1.6}.footer .footer-links .text{font-size:13px;margin:0}.footer .beian-info{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}