/* Preserve-mode compatibility layer. Original template layout and theme remain authoritative. */
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden!important}
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;max-width:100%;overflow-x:hidden!important}
h1,h2,h3{text-wrap:balance}
img.ebpay-brand-asset{max-width:100%;object-fit:cover}
img.ebpay-brand-square,img.ebpay-brand-portrait,img.ebpay-brand-logo,img.ebpay-brand-icon{object-fit:contain}
img.ebpay-brand-logo{height:auto!important}
img.ebpay-brand-icon-hero{opacity:.18}
.ebpay-icon{--ebpay-icon:url("../images/icons/shield-lock.svg");display:inline-block;width:1em;height:1em;min-width:1em;background:currentColor;vertical-align:-.14em;-webkit-mask:var(--ebpay-icon) center/contain no-repeat;mask:var(--ebpay-icon) center/contain no-repeat;font-size:inherit;line-height:1}
.ebpay-icon::before,.ebpay-icon::after{content:none!important}
.ebpay-icon-shield-lock{--ebpay-icon:url("../images/icons/shield-lock.svg")}
.ebpay-icon-shield-check{--ebpay-icon:url("../images/icons/shield-check.svg")}
.ebpay-icon-lock{--ebpay-icon:url("../images/icons/lock.svg")}
.ebpay-icon-wallet{--ebpay-icon:url("../images/icons/wallet.svg")}
.ebpay-icon-book-2{--ebpay-icon:url("../images/icons/book-2.svg")}
.ebpay-icon-tool{--ebpay-icon:url("../images/icons/tool.svg")}
.ebpay-icon-help-circle{--ebpay-icon:url("../images/icons/help-circle.svg")}
.ebpay-icon-device-mobile{--ebpay-icon:url("../images/icons/device-mobile.svg")}
.ebpay-icon-checklist{--ebpay-icon:url("../images/icons/checklist.svg")}
.ebpay-icon-info-circle{--ebpay-icon:url("../images/icons/info-circle.svg")}
.ebpay-icon-settings{--ebpay-icon:url("../images/icons/settings.svg")}
.ebpay-icon-layout-dashboard{--ebpay-icon:url("../images/icons/layout-dashboard.svg")}
.ebpay-icon-menu-2{--ebpay-icon:url("../images/icons/menu-2.svg")}
.ebpay-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#preloader,#loading,#loader,#loader-wrapper,#preloader-wrap,#tf-preloader,
.preloader,.page-loader,.loader-bg,.loading-overlay,.preloader-wrapper,.preloader-wrap,
.site-loader,.bg_load,.spinner-wrapper,[class*="site-loader"],[class*="preloader-wrap"]{display:none!important;opacity:0!important;visibility:hidden!important}
.page{opacity:1!important;visibility:visible!important}
[data-aos],.wow,.animated,[class*="fadeIn"],[class*="slideIn"],[class*="zoomIn"]{opacity:1!important;visibility:visible!important;transform:none!important}
nav a,header a,.btn,.button,button{letter-spacing:0;white-space:nowrap}
input,textarea,select,button{font-family:inherit;letter-spacing:0}
.ebpay-form-status{display:block;min-height:1.5em;margin-top:.6rem}
.ebpay-product-summary{max-width:760px;line-height:1.8;margin:1rem auto}
@media(max-width:767px){body{overflow-x:hidden}nav a,header a{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Template 039: preserve the original gradient layout while repairing text and controls. */
html:has(body.ebpay-template-039),body.ebpay-template-039{height:auto!important;min-height:100%!important}
.ebpay-template-039,.ebpay-template-039 *{box-sizing:border-box}
.ebpay-template-039{overflow-x:hidden;overflow-wrap:normal;word-break:normal}
.ebpay-template-039 :is(h1,h2,h3,h4,p,a,button,span,small,label,input,textarea){text-transform:none!important;letter-spacing:0!important}
.ebpay-template-039 :is(h1,h2,h3,h4,a,button,.ebpay-039-chart-label,.ebpay-039-achievement-label){word-break:keep-all;overflow-wrap:normal}
.ebpay-template-039 p{overflow-wrap:break-word;word-break:normal}
.ebpay-template-039 img{max-width:100%;height:auto}
.ebpay-template-039 #header .intro-text h1,
.ebpay-template-039 #header .intro-text h2,
.ebpay-template-039 #header .intro-text h3{color:#fff!important;text-shadow:0 3px 22px rgba(0,20,55,.38)}
.ebpay-template-039 #header .intro-text p{color:rgba(255,255,255,.9)!important;text-shadow:0 2px 12px rgba(0,20,55,.28)}
.ebpay-template-039 #nav .container{position:relative}
.ebpay-template-039 #nav .navbar-header{position:absolute;left:15px;top:0;z-index:2;height:50px}
.ebpay-template-039 #nav .ebpay-039-brand{display:flex;height:40px;margin:5px 0;padding:5px 9px;border-radius:4px;background:#fff;align-items:center;line-height:0;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.ebpay-template-039 #nav .ebpay-039-official-logo{display:block!important;width:127px!important;height:30px!important;max-width:none!important;object-fit:contain!important}
.ebpay-template-039 #skills .skill{min-height:170px}
.ebpay-template-039 #skills .chart{display:inline-flex!important;align-items:center;justify-content:center}
.ebpay-template-039 #skills .chart{border:7px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 25px rgba(39,31,91,.16)}
.ebpay-template-039 #skills .ebpay-039-chart-label{display:flex;width:88px;min-height:54px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap}
.ebpay-template-039 #skills .ebpay-039-chart-label i{font-size:22px;line-height:1}
.ebpay-template-039 #portfolio .type a{white-space:nowrap}
.ebpay-template-039 #portfolio .hover-text{overflow:hidden}
.ebpay-template-039 #portfolio .hover-text :is(h4,small){display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ebpay-template-039 #portfolio .ebpay-039-filter-hidden{display:none!important}
.ebpay-template-039 #achievements .achievement-box{min-height:112px}
.ebpay-template-039 #achievements .ebpay-039-achievement-label{display:block;min-height:44px;color:#fff;font-size:20px;font-weight:700;line-height:1.35}
.ebpay-template-039 #contact .help-block{display:none!important}
.ebpay-template-039 #contact .ebpay-039-section-links{margin-top:34px}
.ebpay-template-039 #contact .ebpay-039-section-links ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.ebpay-template-039 #contact .ebpay-039-section-links li{margin:0}
.ebpay-template-039 #contact .ebpay-039-section-links a{display:grid;width:42px;height:42px;border:1px solid rgba(255,255,255,.32);border-radius:50%;place-items:center;color:#fff}
.ebpay-template-039 #contact .ebpay-039-section-links a:hover,.ebpay-template-039 #contact .ebpay-039-section-links a:focus{border-color:#fff;background:rgba(255,255,255,.14)}
.ebpay-template-039 #success{min-height:24px;margin:6px 0 12px;color:#fff;font-size:14px;line-height:24px}
.ebpay-template-039 #footer .fnav{display:flex;align-items:center;justify-content:center;gap:20px}
.ebpay-template-039 #footer .ebpay-039-footer-logo{display:block;width:127px;height:30px;flex:0 0 auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.ebpay-template-039 #footer .fnav p{margin:0;text-align:left}
.ebpay-template-039 .ebpay-039-lightbox[hidden]{display:none!important}
.ebpay-template-039 .ebpay-039-lightbox{position:fixed;inset:0;z-index:12000;display:grid;padding:24px;background:rgba(14,15,29,.82);place-items:center}
.ebpay-template-039 .ebpay-039-lightbox-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 48px);padding:18px;border-radius:6px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.ebpay-template-039 .ebpay-039-lightbox-image{display:block;width:100%;max-height:calc(100vh - 84px);border-radius:3px;object-fit:contain}
.ebpay-template-039 .ebpay-039-lightbox-close{position:absolute;right:8px;top:8px;z-index:2;display:grid;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#222;place-items:center;color:#fff;font-size:24px;line-height:1;cursor:pointer}
@media(max-width:991px){
  .ebpay-template-039 #nav .navbar-header{position:relative;left:auto;top:auto;float:none;display:flex;width:100%;height:50px;align-items:center;justify-content:space-between}
  .ebpay-template-039 #nav .navbar-toggle{position:static;float:none;margin:4px 0}
  .ebpay-template-039 #nav .navbar-collapse{width:100%}
}
@media(max-width:767px){
  .ebpay-template-039 #nav .container{width:100%;padding-right:20px;padding-left:20px}
  .ebpay-template-039 #nav .navbar-nav{display:block;margin:0}
  .ebpay-template-039 #nav .navbar-nav li a{margin:0;padding:12px 10px}
  .ebpay-template-039 #skills .skill{min-height:160px}
  .ebpay-template-039 #portfolio .type{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
  .ebpay-template-039 #portfolio .type li{margin:0}
  .ebpay-template-039 #footer .fnav{flex-direction:column;gap:14px}
  .ebpay-template-039 #footer .fnav p{text-align:center}
}