:root{
	--rgb-color-base:4,15,66;
	--rgb-color-primary:29,78,216;
	--rgb-color-secondary:16,185,129;

	--gradient-primary:linear-gradient(135deg, #2563eb 0%, #10b981 100%);
	--gradient-hero:linear-gradient(135deg, #1d4ed8 0%, #059669 50%, #10b981 100%);
	--gradient-card:linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%);

	--transition:.3s cubic-bezier(0.4, 0, 0.2, 1);

	--header-bg:rgba(255,255,255,.95);
	--header-drawer-w:320px;
	--header-color:rgb(var(--rgb-color-base));
	--header-color-muted:rgba(var(--rgb-color-base),.6);
	--footer-bg:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
	--footer-color:#e2e8f0;
	--footer-color-muted:#94a3b8;

	--shadow-sm:0 1px 2px rgba(0,0,0,.05);
	--shadow-md:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
	--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
	--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);

	--radius-sm:8px;
	--radius-md:12px;
	--radius-lg:16px;
	--radius-xl:24px;
}
html{line-height:1.6;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color:#040f42;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:80px}
body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,input,menu,p{margin:0}
button,input,ol,textarea,ul{margin:0;padding:0}
:after,:before,a,abbr,address,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,img,input,label,li,main,menu,nav,ol,p,picture,section,select,span,strong,summary,table,td,textarea,th,tr,ul{box-sizing:border-box}
ol li,ul li{list-style:none}
picture{font-size:0;display:block}
a{background-color:transparent;text-decoration:none;-webkit-text-decoration-skip:objects;transition:all ease .15s;color:inherit}
a:hover{outline:0;text-decoration:none;color:rgb(var(--rgb-color-primary))}
a,button,input[type=button],input[type=reset],input[type=submit],summary{cursor:pointer}
audio,video{display:inline-block}
img{border-style:none;max-width:100%}
textarea{resize:vertical}
button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}
a,a:focus,button,button:focus,input,input:focus,optgroup,optgroup:focus,select,select:focus,summary,summary:focus,textarea,textarea:focus{outline:0}

/*return top*/
.return-top{width:50px;height:50px;background:var(--gradient-primary);position:fixed;bottom:30px;right:30px;cursor:pointer;display:none;z-index:999;color:#fff;font-size:12px;border-radius:50%;box-shadow:var(--shadow-lg);transition:var(--transition)}
.return-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}
.return-top svg{margin-bottom:2px}
.return-top.actived{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}

/*flex*/
.flex{display:flex}
.inline-flex{display:inline-flex}
.flex-direction-row{flex-direction:row}
.flex-direction-column{flex-direction:column}
.flex-wrap-nowrap{flex-wrap:nowrap}
.flex-wrap-wrap{flex-wrap:wrap}
.flex-wrap-reverse{flex-wrap:wrap-reverse}
.flex-justify-start{justify-content:flex-start}
.flex-justify-end{justify-content:flex-end}
.flex-justify-center{justify-content:center}
.flex-justify-around{justify-content:space-around}
.flex-justify-between{justify-content:space-between}
.flex-align-start{align-items:flex-start}
.flex-align-end{align-items:flex-end}
.flex-align-center{align-items:center}

.btn-group{display:flex;justify-content:start;align-items:center;gap:12px;flex-wrap:wrap}
.default-btn{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:600;font-size:1rem;line-height:1;text-decoration:none;white-space:nowrap;overflow:hidden;background:var(--gradient-primary);border:none;color:#fff;transition:var(--transition);box-shadow:var(--shadow-md)}
.default-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff;-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.default-btn.secondary-btn{background:#fff;border:2px solid rgb(var(--rgb-color-primary));color:rgb(var(--rgb-color-primary))}
.default-btn.secondary-btn:hover{background:rgb(var(--rgb-color-primary));color:#fff}
.default-btn.ghost-btn{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px)}
.default-btn.ghost-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:#fff}

/* section style */
.section{padding:6rem 0;position:relative}
.section-header{text-align:center;margin-bottom:3rem}
.section-title{font-size:2.5rem;font-weight:800;line-height:1.2;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.section-desc{font-size:1.125rem;color:#64748b;margin-top:1rem;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.8}
.section-body{margin-top:2.5rem}

/* 容器 */
.container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:0}

body.header-sticky .header{position:sticky;left:0;top:0;z-index:999}

/* 渐变文字 */
.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* 渐变边框 */
.gradient-border{position:relative;background:#fff;border-radius:var(--radius-lg);padding:2rem}
.gradient-border::before{content:'';position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:calc(var(--radius-lg) + 2px);z-index:-1;opacity:0;transition:var(--transition)}
.gradient-border:hover::before{opacity:1}

/* 卡片样式 */
.card{background:#fff;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}

/* 标签 */
.badge{display:inline-block;padding:6px 16px;border-radius:50px;font-size:.875rem;font-weight:600;background:var(--gradient-card);color:rgb(var(--rgb-color-primary))}

/* header desktop start */
.header{background:var(--header-bg);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transition:var(--transition);position:sticky;top:0;left:0;z-index:999}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.header-logo{display:flex;align-items:center}
.header-logo img{height:36px;width:auto;-webkit-filter:brightness(1);filter:brightness(1)}
.desktop-nav{display:flex;align-items:center;gap:32px}
.desktop-nav a{font-size:.9375rem;font-weight:500;color:var(--header-color);transition:var(--transition);position:relative}
.desktop-nav a:hover{color:rgb(var(--rgb-color-primary))}
.desktop-nav a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition)}
.desktop-nav a:hover::after{width:100%}
.desktop-nav .btn-download{padding:10px 24px;border-radius:50px;background:var(--gradient-primary);color:#fff;font-weight:600}
.desktop-nav .btn-download:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:#fff}
.desktop-nav .btn-download::after{display:none}
.mobile-nav{display:none}
.menu-toggle{display:none;position:fixed;top:18px;right:24px;z-index:1003;background:none;border:none;padding:8px}
.menu-overlay{display:none}
/* header desktop end */
/* footer desktop start */
.footer{background:var(--footer-bg);color:var(--footer-color);padding:4rem 0 0}
.footer-inner{display:grid;grid-template-columns:1.5fr repeat(3, 1fr);gap:3rem}
.footer-brand{display:flex;flex-direction:column;gap:1rem}
.footer-logo{display:flex;align-items:center;gap:10px}
.footer-logo img{height:36px;width:auto}
.footer-brand .brand-name{font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-brand .brand-desc{font-size:.9375rem;color:var(--footer-color-muted);line-height:1.8}
.footer-links h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}
.footer-links ul{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:.9375rem;color:var(--footer-color-muted);transition:var(--transition)}
.footer-links a:hover{color:#fff;padding-left:4px}
.footer-bottom{margin-top:3rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.875rem;color:var(--footer-color-muted)}
/* footer desktop end */
@media (max-width:768px){
	/* header mobile start */
	.header-inner{height:60px}
	.desktop-nav{display:none}
	.mobile-nav{display:flex;position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:70px 24px 24px;box-shadow:var(--shadow-xl);transition:right .3s ease;z-index:1002;gap:0;overflow-y:auto}
	.mobile-nav.active{right:0}
	.mobile-nav-close{position:absolute;top:18px;right:18px;background:none;border:none;padding:8px;color:#040f42;cursor:pointer}
	.mobile-nav a{font-size:1rem;padding:14px 0;border-bottom:1px solid #f1f5f9;width:100%;display:block;color:#040f42}
	.mobile-nav .btn-download{margin-top:auto;text-align:center;width:100%;display:block;padding:14px 24px;border-bottom:none;background:var(--gradient-primary);color:#fff;border-radius:50px;font-weight:600}
	.menu-toggle{display:flex;flex-direction:column;gap:5px}
	.menu-toggle span{width:24px;height:2px;background:#040f42;border-radius:2px;transition:var(--transition)}
	.menu-toggle.active{display:none}
	.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1001}
	.menu-overlay.active{display:block}
	body.menu-open{overflow:hidden}
	/* header mobile end */
	/* footer mobile start */
	.footer-inner{grid-template-columns:1fr;gap:2rem}
	.footer-links{text-align:center}
	/* footer mobile end */
}
@media (min-width:601px){
	body.customize-support.header-sticky .header{top:var(--wp-admin--admin-bar--height)}
}


#searchform.searchform{position:relative;max-width:300px}
#searchform>div{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50px;overflow:hidden;transition:var(--transition)}
#searchform>div:focus-within,
#searchform>div:hover{border-color:rgb(var(--rgb-color-primary));box-shadow:0 0 0 3px rgba(29,78,216,.1)}
#searchform #s{flex:1;border:none;padding:12px 20px;font-size:.9375rem;color:#333;background:0 0;outline:0;width:100%}
#searchform #searchsubmit{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition)}
#searchform #searchsubmit:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
@media (max-width:768px){
	#searchform #s{padding:10px 16px}
	#searchform #searchsubmit{padding:10px 16px}
}


.sidebar{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}
.xl-sidebar{margin:0 auto 16px}
.xl-sidebar .wp-block-heading{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:#040f42}
.xl-sidebar .xl-recent-posts .item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}
.xl-sidebar .xl-recent-posts .item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.xl-sidebar .xl-recent-posts .item-cont{width:calc(100% - 80px)}
.xl-sidebar .xl-recent-posts .item-cont .item-title{display:block;font-size:.9375rem;font-weight:500;margin:0 0 6px;transition:var(--transition);color:#040f42}
.xl-sidebar .xl-recent-posts .item:hover .item-title{color:rgb(var(--rgb-color-primary))}
.xl-sidebar .xl-recent-posts .item-cont .item-datetime{font-size:.8125rem;color:#94a3b8}
.xl-sidebar .xl-recent-posts .item-img{width:72px;height:72px;overflow:hidden;border-radius:var(--radius-sm)}
.xl-sidebar .xl-recent-posts .item-img img{width:100%;height:100%;object-fit:cover}
.xl-sidebar .wp-block-tag-cloud{display:flex;align-items:center;justify-content:start;flex-wrap:wrap;row-gap:8px;column-gap:8px}
.xl-sidebar .wp-block-tag-cloud a{background:var(--gradient-card);color:rgb(var(--rgb-color-primary));font-size:.8125rem!important;padding:6px 14px;border-radius:50px;transition:var(--transition);font-weight:500}
.xl-sidebar .wp-block-tag-cloud a:hover{background:var(--gradient-primary);color:#fff}

#xl-paginator{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:2rem auto 0;padding:1rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
#xl-paginator .aft,
#xl-paginator .pre{min-width:40px;height:40px;border-radius:var(--radius-sm);color:#64748b;background-color:#f1f5f9;text-align:center;font-size:.875rem;transition:var(--transition);line-height:40px;padding:0 12px;margin:0;display:block;font-weight:500}
#xl-paginator .aft:hover,
#xl-paginator .pre:hover{background:var(--gradient-primary);color:#fff}
#xl-paginator .page{height:40px;width:40px;border-radius:var(--radius-sm);text-align:center;line-height:40px;margin:0;font-size:.9375rem;font-weight:500;border:1px solid #e2e8f0;color:#64748b;transition:var(--transition)}
#xl-paginator .page.actived,
#xl-paginator .page:hover{background:var(--gradient-primary);color:#fff;border-color:transparent}
#xl-paginator .jump-group{margin:0 8px;display:flex;align-items:center;gap:8px}
#xl-paginator .jump{width:40px;height:40px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid #e2e8f0;background:#fff;text-align:center;font-size:.875rem}