/* Waterbeartech front-end display adjustments - 2026-05-17
   This file only affects presentation: navigation visibility, layout, footer, member-center visibility, and localized blocks. */
:root{
  --wb-green:#13b26b;
  --wb-dark:#0d1117;
  --wb-muted:#6b7280;
  --wb-card:#ffffff;
  --wb-border:rgba(15,23,42,.10);
}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;}
/* Better text wrapping for long course titles */
.train-title,.source_name,.main_title,.web_lbkc dl dt a,.zsffont dt a,.course-info h1,.task-tt-text,.title.ellipsis2,.webtit,.task-task-item .task-tt-text{
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.45!important;height:auto!important;max-height:none!important;
}
.web_lbkc dl dt a,.zsffont dt a,.source_name,.main_title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;}
/* Home banner layout: remove left white category panel and bottom stripe/card row; enlarge main banner area */
.web-index .web_zcbox,.web-index .web_hdxm,.web-index .webask{display:none!important;}
.web-index .web_ycbox{width:1200px!important;display:flex!important;gap:18px!important;align-items:stretch!important;margin:30px auto 0!important;}
.web-index .web_huand{float:none!important;margin-left:0!important;flex:1 1 auto!important;width:820px!important;}
.web-index .web_banner{width:100%!important;height:430px!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(15,23,42,.12)!important;background:#0e85ff!important;}
.web-index .web_banner img{width:100%!important;height:430px!important;min-height:430px!important;object-fit:cover!important;}
.web-index .web_ycdl{float:none!important;width:330px!important;min-width:330px!important;height:430px!important;border-radius:18px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;overflow:hidden!important;background:#fff!important;}
.web-index .web_tout{width:auto!important;margin:0!important;padding:18px!important;height:100%;box-sizing:border-box;}
.web-index .web_tout p.cont1,.web-index .web_tout .advs-box{display:none!important;}
.wb-headline-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:18px;font-weight:800;color:#111827;}
.wb-headline-title:before{content:"";width:8px;height:20px;border-radius:99px;background:var(--wb-green);display:inline-block;}
.wb-headline-grid{display:grid;grid-template-columns:1fr;gap:12px;}
.wb-headline-card{display:grid!important;grid-template-columns:92px 1fr;gap:12px;align-items:center;text-decoration:none!important;color:#111827!important;padding:8px;border:1px solid var(--wb-border);border-radius:14px;background:#fff;transition:all .2s ease;}
.wb-headline-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.12);color:var(--wb-green)!important;}
.wb-headline-card img{width:92px!important;height:60px!important;object-fit:cover;border-radius:10px;background:#eef2f7;}
.wb-headline-card span{font-size:13px;line-height:1.45;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.web-index .web_tout p.cont2{height:auto!important;line-height:inherit!important;margin:0!important;}
.web-index .web_tout p.cont2>span,.web-index .web_tout p.cont2>em{display:none!important;}
/* Localized ad blocks */
.wb-locale-ad{width:1200px;margin:18px auto 0;display:grid;grid-template-columns:1fr;}
.wb-locale-ad a{display:none;position:relative;min-height:140px;border-radius:20px;overflow:hidden;background:#0d8bff;color:#fff;text-decoration:none;box-shadow:0 20px 45px rgba(13,139,255,.22);}
body[data-wb-lang="zh-Hant"] .wb-locale-ad [data-lang="zh-Hant"],body[data-wb-lang="ja"] .wb-locale-ad [data-lang="ja"]{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;}
.wb-locale-ad img{width:100%;height:100%;object-fit:cover;min-height:140px;}
.wb-locale-ad .wb-ad-copy{padding:26px 34px;z-index:1;}
.wb-locale-ad strong{display:block;font-size:26px;line-height:1.2;margin-bottom:8px;}
.wb-locale-ad span{display:block;font-size:15px;opacity:.92;}
.wb-locale-ad em{display:inline-block;margin-top:14px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);font-style:normal;font-weight:700;}
/* Header nav cleanup */
.webnav .wb-short-drama a,.ey-header-nav .wb-short-drama a{cursor:pointer;}
.webnav h2{white-space:nowrap;}
/* Modal */
.wb-modal-mask{position:fixed;inset:0;background:rgba(2,6,23,.56);z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;}
.wb-modal{width:min(520px,92vw);border-radius:28px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 30px 80px rgba(0,0,0,.28);padding:36px;text-align:center;position:relative;}
.wb-modal .wb-modal-icon{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#13b26b,#0ea5e9);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#fff;font-size:36px;font-weight:900;}
.wb-modal h3{font-size:26px;color:#111827;margin:0 0 10px;}
.wb-modal p{font-size:16px;color:#4b5563;line-height:1.8;margin:0 0 24px;}
.wb-modal button{border:0;border-radius:999px;background:#111827;color:#fff;padding:12px 28px;font-size:15px;font-weight:700;cursor:pointer;}
/* Footer */
.wb-footer{background:#05070b;color:#d1d5db;margin-top:54px;padding:54px 0 32px;}
.wb-footer .wb-footer-inner{width:1200px;max-width:calc(100% - 32px);margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr 260px;gap:42px;align-items:start;}
.wb-footer h3{font-size:26px;color:#fff;margin:0 0 14px;letter-spacing:.02em;}
.wb-footer h4{font-size:18px;color:#fff;margin:0 0 16px;}
.wb-footer p,.wb-footer li{font-size:14px;line-height:1.9;color:#cbd5e1;}
.wb-footer ul{list-style:none;padding:0;margin:0;}
.wb-footer .wb-footer-slogan{font-size:15px;color:#e5e7eb;line-height:2;}
.wb-footer .wb-contact-card{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.04);}
.wb-footer .wb-line-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;border-radius:999px;padding:12px 22px;background:#13b26b;color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 12px 26px rgba(19,178,107,.25);}
.wb-footer .wb-footer-bottom{width:1200px;max-width:calc(100% - 32px);margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:13px;}
body[data-wb-lang="zh-Hant"] .wb-ja-only,body[data-wb-lang="ja"] .wb-zh-only{display:none!important;}
/* Member center: hide VIP, score, finance, Q&A and unnecessary panels */
.ey-nav li.wb-hide,.ey-nav a.wb-hide,.ey-con .wb-hide,.user-drop li.wb-hide,.data-info.wb-hide{display:none!important;}
.user-box-l,.user-box-vip,.open-vip{display:none!important;}
.user-box-r{width:100%!important;}
.ey-container .user-box{min-height:auto!important;}
/* Hide learning counts globally */
.webcourse,.xuexicisu,.learn-info span:nth-child(2),.item_right,.difficulty{display:none!important;}
/* Payment success */
.wb-pay-success{min-height:520px;background:linear-gradient(135deg,#ecfdf5,#eff6ff);display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.wb-pay-card{max-width:680px;width:100%;background:#fff;border-radius:32px;box-shadow:0 30px 80px rgba(15,23,42,.12);padding:48px;text-align:center;}
.wb-pay-check{width:92px;height:92px;border-radius:50%;margin:0 auto 24px;background:linear-gradient(135deg,#13b26b,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:900;}
.wb-pay-card h1{font-size:32px;color:#111827;margin:0 0 12px;}
.wb-pay-card p{font-size:16px;color:#64748b;line-height:1.8;margin:0 0 26px;}
.wb-pay-card a{display:inline-flex;border-radius:999px;background:#111827;color:#fff!important;padding:13px 28px;text-decoration:none;font-weight:800;}
/* Login/Register background */
body.reg,body.login,.logo_con{background-image:url('/public/static/common/images/wb-login-bg.jpg');background-size:cover;background-position:center;}
.register_index .container,.login_index .container,.popup-login-box{box-shadow:0 24px 70px rgba(15,23,42,.18)!important;border-radius:24px!important;overflow:hidden;}
/* video download button */
.wb-video-download{float:right;display:inline-flex;align-items:center;justify-content:center;margin:0 12px 0 0;padding:0 16px;height:32px;border-radius:999px;background:#13b26b;color:#fff!important;text-decoration:none;font-weight:700;font-size:13px;}
@media(max-width:768px){
  .web-index .web_ycbox{display:block!important;width:auto!important;margin:14px 12px 0!important;}
  .web-index .web_huand,.web-index .web_ycdl{width:100%!important;min-width:0!important;margin:0 0 12px!important;}
  .web-index .web_banner,.web-index .web_banner img{height:200px!important;min-height:200px!important;}
  .web-index .web_ycdl{height:auto!important;}
  .wb-locale-ad{width:auto;margin:12px;}
  body[data-wb-lang="zh-Hant"] .wb-locale-ad [data-lang="zh-Hant"],body[data-wb-lang="ja"] .wb-locale-ad [data-lang="ja"]{grid-template-columns:1fr;}
  .wb-locale-ad .wb-ad-copy{padding:22px;}
  .wb-locale-ad strong{font-size:22px;}
  .wb-footer{padding:40px 0 92px;}
  .wb-footer .wb-footer-inner{grid-template-columns:1fr;gap:24px;}
  .wb-pay-card{padding:34px 22px;}
}

/* Hotfix 2026-05-17: keep login/register buttons visible in the fixed PC header */
.web_header .headerlg{position:relative!important;}
.web_header .webnav{max-width:670px!important;}
.web_header .web_serch{position:absolute!important;right:0!important;top:30px!important;margin:0!important;float:none!important;z-index:100002!important;}
.web_header .web-louser{
  position:absolute!important;
  right:220px!important;
  top:27px!important;
  z-index:100003!important;
  float:none!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.web_header .web-louser li{float:none!important;width:auto!important;line-height:1!important;margin:0!important;padding:0!important;}
.web_header .web-louser li span{display:block!important;color:inherit!important;}
.web_header .web-louser li a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
}
.web_header .web-louser li#LoginAndReg a,.web_header .web-louser li:first-child a{background:#13b26b!important;color:#fff!important;}
.web_header .web-louser li:not(#LoginAndReg):not(:first-child) a{background:#f3f4f6!important;color:#111827!important;}
.web_header .web-louser li a:hover{transform:translateY(-1px);filter:brightness(.98);}
@media(max-width:768px){
  .web_header .web_serch{display:none!important;}
  .web_header .web-louser{right:12px!important;top:12px!important;gap:6px!important;}
  .web_header .web-louser li a{height:30px!important;min-width:auto!important;padding:0 10px!important;font-size:12px!important;}
}

/* Hotfix 2026-05-17: refine EyouCMS popup login modal */
#lean_overlay{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:rgba(9,14,25,.62)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  z-index:99998!important;
}
#loginmodal.logo_con,
#loginmodal{
  width:420px!important;
  max-width:calc(100vw - 32px)!important;
  min-height:auto!important;
  padding:0!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  box-shadow:0 34px 90px rgba(15,23,42,.28)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  top:50%!important;
  left:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  overflow:hidden!important;
  z-index:99999!important;
}
#loginmodal:before{
  content:"";
  display:block;
  height:88px;
  background:
    radial-gradient(circle at 18% 30%,rgba(255,255,255,.82),transparent 26%),
    linear-gradient(135deg,#10b981,#0ea5e9);
}
#loginmodal .popup-login-box{
  position:relative!important;
  padding:28px 34px 30px!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
#loginmodal .popup-login-box:before{
  content:"";
  position:absolute;
  left:50%;
  top:-42px;
  width:78px;
  height:78px;
  transform:translateX(-50%);
  border-radius:26px;
  background:#fff url('/favicon.ico') center/42px 42px no-repeat;
  box-shadow:0 18px 38px rgba(15,23,42,.18);
  border:5px solid rgba(255,255,255,.86);
}
#loginmodal .popup-login-box i.e-guanbi{
  position:absolute!important;
  right:18px!important;
  top:-70px!important;
  width:36px!important;
  height:36px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  color:#0f172a!important;
  font-size:18px!important;
  line-height:36px!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 10px 25px rgba(15,23,42,.18)!important;
}
#loginmodal .popup-login-box .title{
  padding:20px 0 8px!important;
  margin:0 0 20px!important;
  font-size:24px!important;
  font-weight:800!important;
  color:#0f172a!important;
  letter-spacing:.04em!important;
  text-align:center!important;
}
#loginmodal .popup-login-box .row-item{
  margin-bottom:14px!important;
  position:relative!important;
}
#loginmodal .popup-login-box .row-item input{
  width:100%!important;
  height:48px!important;
  border-radius:14px!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
  padding:0 14px!important;
  font-size:15px!important;
  color:#0f172a!important;
  outline:none!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
}
#loginmodal .popup-login-box .row-item input:focus{
  border-color:#10b981!important;
  box-shadow:0 0 0 4px rgba(16,185,129,.12)!important;
}
#loginmodal .popup-login-box #ey_login_vertify input{
  padding-right:125px!important;
}
#loginmodal .popup-login-box .row-item .addon img{
  right:6px!important;
  top:6px!important;
  height:36px!important;
  width:108px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}
#loginmodal .popup-login-box .row-item .button{
  height:50px!important;
  line-height:50px!important;
  padding:0!important;
  border:0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#10b981,#0ea5e9)!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-align:center!important;
  box-shadow:0 16px 34px rgba(16,185,129,.26)!important;
}
#loginmodal .popup-login-box .row-item .button:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 42px rgba(14,165,233,.26)!important;
}
#loginmodal .popup-login-box .login_reg{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:2px!important;
  font-size:14px!important;
}
#loginmodal .popup-login-box .login_reg a{
  color:#64748b!important;
  text-decoration:none!important;
}
#loginmodal .popup-login-box .login_reg a:hover{
  color:#10b981!important;
}
#loginmodal .popup-login-box .popup-footer{
  position:static!important;
  display:block!important;
  height:auto!important;
  margin:20px -34px -30px!important;
  padding:16px 34px!important;
  background:#f1f5f9!important;
  border-top:1px solid #e2e8f0!important;
}
#loginmodal .popup-login-box .popup-footer-l{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  height:auto!important;
  line-height:1!important;
}
#loginmodal .popup-login-box .popup-footer-l span{
  color:#94a3b8!important;
  font-size:13px!important;
  margin-right:2px!important;
}
#loginmodal .popup-login-box .popup-footer-l a{
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  box-shadow:0 6px 14px rgba(15,23,42,.08)!important;
}
#loginmodal .popup-login-box .popup-footer-l a i{
  color:#10b981!important;
  font-size:18px!important;
}
/* Make layer error messages less intrusive while the backend language is being restored */
.layui-layer-dialog{
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 24px 60px rgba(15,23,42,.22)!important;
}
.layui-layer-dialog .layui-layer-content{
  font-size:15px!important;
  line-height:1.7!important;
  color:#334155!important;
}
@media(max-width:520px){
  #loginmodal.logo_con,#loginmodal{width:calc(100vw - 28px)!important;border-radius:22px!important;}
  #loginmodal .popup-login-box{padding:26px 22px 26px!important;}
  #loginmodal .popup-login-box .popup-footer{margin:18px -22px -26px!important;padding:14px 22px!important;}
}
/* 2026-05-17 language/category hotfix */
.wb-feed-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#f8fafc;font-size:14px;text-align:center;}
.web-louser.notranslate a,.web-louser .notranslate a,#LoginAndReg a{white-space:nowrap;}
body[data-wb-lang="ja"] .wb-zh-only,body[data-wb-lang="zh-Hant"] .wb-ja-only{display:none!important;}
body:not([data-wb-lang]) .wb-ja-only{display:none!important;}

/* Waterbeartech V2: list/detail page cleanup and design */
.footer_web .friend-link,.footer_web .footer,.footer_web .web_company{display:none!important;}
body.wb-list-page{background:#f6f8fb!important;}
body.wb-list-page .splist .top-list{background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;padding-bottom:18px!important;}
body.wb-list-page .web_zslist{background:transparent!important;}
body.wb-list-page .zslist-web{background:#fff!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important;padding:22px 26px!important;}
body.wb-list-page .filter{background:#fff!important;border-radius:18px!important;padding:16px 20px!important;box-shadow:0 12px 36px rgba(15,23,42,.06)!important;margin:24px 0!important;}
body.wb-list-page .kc-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;}
body.wb-list-page .kc-list:before,body.wb-list-page .kc-list:after{display:none!important;}
body.wb-list-page .kc-list li.course-card{width:auto!important;margin:0!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;border:1px solid rgba(15,23,42,.06)!important;transition:all .22s ease!important;}
body.wb-list-page .kc-list li.course-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 52px rgba(15,23,42,.13)!important;}
body.wb-list-page .kc-list li.course-card .img{height:160px!important;background-size:cover!important;background-position:center!important;}
body.wb-list-page .kc-list li.course-card .title{font-size:15px!important;line-height:1.55!important;font-weight:700!important;color:#111827!important;min-height:48px!important;padding:14px 14px 0!important;}
body.wb-list-page .kc-list li.course-card .one{padding:0 14px!important;color:#64748b!important;}
body.wb-list-page .kc-list li.course-card .two{padding:0 14px 16px!important;}
body.wb-list-page .kc-list li.course-card .price{font-size:15px!important;color:#13b26b!important;}
body.wb-list-page .pagelist{padding:34px 0 10px!important;}
body.wb-view-page{background:#f6f8fb!important;}
body.wb-view-page .mianbaoxiao{background:transparent!important;padding:18px 0!important;}
body.wb-view-page .course-head{background:transparent!important;margin:0 auto 24px!important;}
body.wb-view-page .course-cover.container{background:linear-gradient(135deg,#0f172a,#0e7490)!important;border-radius:28px!important;padding:28px!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important;color:#fff!important;}
body.wb-view-page .course-thum{border-radius:22px!important;overflow:hidden!important;background:#111827!important;}
body.wb-view-page .course-info h1{color:#fff!important;font-size:30px!important;line-height:1.38!important;margin-bottom:18px!important;}
body.wb-view-page .course-zj-djl span:not(.xuexicisu){background:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:999px!important;padding:7px 12px!important;display:inline-flex!important;align-items:center!important;margin-right:8px!important;}
body.wb-view-page .curr-price,body.wb-view-page .price-mf{color:#fff!important;font-weight:900!important;font-size:28px!important;}
body.wb-view-page .yey-list-jineuxuexi a{border-radius:999px!important;background:#13b26b!important;color:#fff!important;border:none!important;box-shadow:0 12px 28px rgba(19,178,107,.24)!important;}
body.wb-view-page .course-cover-2{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important;max-width:1200px!important;margin:0 auto!important;}
body.wb-view-page .course-cover-fl,body.wb-view-page .course-cover-fr{width:auto!important;float:none!important;}
body.wb-view-page .aui-nav-content-box,body.wb-view-page .course-cover-fr{background:#fff!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important;border:1px solid rgba(15,23,42,.06)!important;overflow:hidden!important;}
body.wb-view-page .aui-nav-list-box{background:#fff!important;border-bottom:1px solid #e5e7eb!important;}
body.wb-view-page .aui-nav-list-box li{font-size:16px!important;font-weight:800!important;}
body.wb-view-page .aui-nav-list-box li.aui-current span{color:#13b26b!important;border-bottom-color:#13b26b!important;}
body.wb-view-page .yey-kc-jianjie{padding:28px!important;font-size:16px!important;line-height:1.9!important;color:#334155!important;}
body.wb-view-page .task-task-list{margin:14px 24px!important;border:1px solid #e5e7eb!important;border-radius:16px!important;overflow:hidden!important;}
body.wb-view-page .task-task-item{padding:16px 18px!important;background:#fff!important;}
body.wb-view-page .task-task-item:hover{background:#f8fafc!important;}
body.wb-view-page .course-cover-fr{padding:20px!important;max-height:620px!important;position:sticky!important;top:110px!important;}
body.wb-view-page .course-cover-fr h3{font-size:20px!important;font-weight:900!important;margin:0 0 16px!important;color:#111827!important;}
body.wb-view-page .course-cover-fr li{display:grid!important;grid-template-columns:96px 1fr!important;gap:12px!important;margin-bottom:14px!important;padding-bottom:14px!important;border-bottom:1px solid #eef2f7!important;}
body.wb-view-page .course-cover-fr li img{width:96px!important;height:62px!important;object-fit:cover!important;border-radius:12px!important;}
body.wb-view-page .course-cover-fr li p{margin:0!important;line-height:1.45!important;}
body.wb-view-page .course-cover-fr li p a{font-size:13px!important;font-weight:700!important;color:#111827!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.wb-view-page .course-cover-fr li span{display:none!important;}
.wb-auto-scroll-featured{max-height:520px!important;overflow:hidden!important;animation:wbFeatureScroll 18s linear infinite alternate;}
.wb-auto-scroll-featured:hover{animation-play-state:paused;overflow:auto!important;}
@keyframes wbFeatureScroll{from{transform:translateY(0)}to{transform:translateY(-120px)}}
.web_rightlb{overflow:hidden!important;border-radius:18px!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important;}
.web_rightlb li a{white-space:normal!important;height:auto!important;min-height:40px!important;line-height:1.35!important;padding:11px 10px!important;}
.web_rightlb li a span{line-height:1.35!important;}
.web_tout .wb-headline-card[data-wb-feed="ja"] span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif!important;}
body[data-wb-lang="ja"] .web_header .web_serch .text1{font-family:"Noto Sans JP","Yu Gothic",sans-serif!important;}
.register_index .wb-emailjs-row .input-group{display:flex!important;}
.register_index .wb-emailjs-row input[type="text"]{flex:1!important;}
.register_index .wb-emailjs-row button{min-width:118px!important;border:0!important;background:#13b26b!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;}
.register_index .wb-emailjs-hint{font-size:12px;color:#94a3b8;margin:-8px 0 12px;text-align:left;}
@media(max-width:1024px){body.wb-list-page .kc-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}body.wb-view-page .course-cover-2{grid-template-columns:1fr!important;}body.wb-view-page .course-cover-fr{position:static!important;}}
@media(max-width:640px){body.wb-list-page .kc-list{grid-template-columns:1fr!important;}body.wb-view-page .course-cover.container{border-radius:0!important;padding:20px!important;}body.wb-view-page .course-info h1{font-size:22px!important;}}

/* Waterbeartech V3: registration redesign, strict cleanup, backend-configurable asset display */
#ey_third_party_login,#loginmodal .popup-footer,.register_index .loginapi,.register_index .login_api,.register_index .third-party-login,.register_index .ey-third-party-login,.register_index [id*="third_party"],.login_index [id*="third_party"]{display:none!important;}
body.reg,body.login{min-height:100vh!important;background:linear-gradient(135deg,#eefbf5 0%,#eef6ff 42%,#ffffff 100%) fixed!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:32px 16px!important;box-sizing:border-box!important;}
.register_index.ey-member{width:100%!important;min-height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;}
.register_index.ey-member .container{width:430px!important;max-width:calc(100vw - 32px)!important;margin:0 auto!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-radius:30px!important;box-shadow:0 34px 90px rgba(15,23,42,.18)!important;border:1px solid rgba(255,255,255,.85)!important;overflow:hidden!important;position:relative!important;padding:0!important;}
.register_index.ey-member .container:before{content:"";display:block;height:88px;background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.82),transparent 26%),linear-gradient(135deg,#10b981,#0ea5e9)!important;}
.register_index .form-register{padding:38px 42px 34px!important;margin:0!important;width:auto!important;background:transparent!important;box-sizing:border-box!important;}
.register_index .mip-reg-logo{margin:-76px auto 18px!important;text-align:center!important;}
.register_index .mip-reg-logo a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:92px!important;height:92px!important;border-radius:30px!important;background:#fff!important;box-shadow:0 18px 42px rgba(15,23,42,.18)!important;border:6px solid rgba(255,255,255,.9)!important;overflow:hidden!important;}
.register_index .mip-reg-logo img{display:block!important;max-width:78px!important;max-height:78px!important;object-fit:contain!important;margin:0!important;}
.register_index .mip-reg-heading{font-size:25px!important;line-height:1.2!important;font-weight:900!important;color:#0f172a!important;text-align:center!important;margin:0 0 24px!important;letter-spacing:.04em!important;}
.register_index .form-group,.register_index .group_z{margin-bottom:14px!important;}
.register_index .input-group{width:100%!important;border:0!important;display:flex!important;align-items:stretch!important;background:#fff!important;border-radius:15px!important;box-shadow:0 0 0 1px #e2e8f0 inset!important;overflow:hidden!important;}
.register_index .input-group-addon{width:48px!important;min-width:48px!important;border:0!important;background:#f8fafc!important;color:#94a3b8!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.register_index input.form-control,.register_index .formText input,.register_index input[type="text"],.register_index input[type="password"]{height:50px!important;border:1px solid #e2e8f0!important;border-radius:15px!important;background:#fff!important;color:#0f172a!important;font-size:15px!important;padding:0 14px!important;box-sizing:border-box!important;box-shadow:none!important;outline:none!important;}
.register_index .input-group input.form-control,.register_index .input-group input[type="text"],.register_index .input-group input[type="password"]{border:0!important;border-radius:0!important;flex:1!important;min-width:0!important;}
.register_index input.form-control:focus,.register_index .formText input:focus{border-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.12)!important;}
.register_index .formText{display:flex!important;align-items:center!important;width:100%!important;border-radius:15px!important;background:#fff!important;box-shadow:0 0 0 1px #e2e8f0 inset!important;overflow:hidden!important;}
.register_index .formText input{flex:1!important;border:0!important;border-radius:0!important;}
.register_index .formText img.chicuele{width:110px!important;height:38px!important;object-fit:cover!important;border-radius:11px!important;margin-right:6px!important;}
.register_index .btn.btn-primary,.register_index input.btn.btn-primary{height:52px!important;border:0!important;border-radius:17px!important;background:linear-gradient(135deg,#10b981,#0ea5e9)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:.08em!important;box-shadow:0 18px 38px rgba(16,185,129,.26)!important;cursor:pointer!important;}
.register_index .btn.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 22px 46px rgba(14,165,233,.28)!important;}
.register_index .login-link{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:14px!important;margin-top:8px!important;}
.register_index .login-link a{color:#64748b!important;text-decoration:none!important;}
.register_index .login-link a:hover{color:#10b981!important;}
.register_index .wb-emailjs-row .input-group{box-shadow:0 0 0 1px #e2e8f0 inset!important;}
.register_index .wb-emailjs-row button{height:50px!important;padding:0 13px!important;border-radius:0!important;background:#10b981!important;color:#fff!important;font-weight:900!important;white-space:nowrap!important;}
.register_index .wb-emailjs-hint{margin:-5px 0 12px!important;color:#94a3b8!important;font-size:12px!important;line-height:1.5!important;}
/* hide phone and obsolete metric text */
.xuexicisu,.add-shop-cart,.webcourse,.learn-info,.difficulty,.click,.clicknum,.clicks,.views,.viewnum,.readnum,.arc-click{display:none!important;}
.sort a[onclick*="Click"],.sort a[href*="Click"]{display:none!important;}
.footer_web .friend-link,.footer_web .footer,.footer_web .web_company,.friend-link,.footer_last{display:none!important;}
.webnav [data-wb-role="ja-ai"],.webnav [data-wb-role="ja-tech"],.webnav [data-wb-role="tw-ai"],.webnav [data-wb-role="tw-tech"]{transition:none!important;}
body[data-wb-lang="zh-Hant"] .webnav [data-wb-role="ja-ai"],body[data-wb-lang="zh-Hant"] .webnav [data-wb-role="ja-tech"]{display:none!important;}
body[data-wb-lang="ja"] .webnav [data-wb-role="tw-ai"],body[data-wb-lang="ja"] .webnav [data-wb-role="tw-tech"]{display:none!important;}
.web_header .weblogo a{background-size:contain!important;background-position:center!important;}
@media(max-width:520px){.register_index .form-register{padding:36px 24px 28px!important}.register_index.ey-member .container{border-radius:24px!important}.register_index .mip-reg-logo a{width:82px!important;height:82px!important;border-radius:26px!important}.register_index .mip-reg-logo img{max-width:68px!important;max-height:68px!important}}

/* Waterbeartech V4 strict UI polish */
#ey_third_party_login,#loginmodal .popup-footer,.popup-footer{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;}
.web_header .headerlg{position:relative!important;min-height:72px!important;}
.web_header #ey_htmlid_1609665117{position:absolute!important;right:238px!important;top:26px!important;z-index:100010!important;}
.web_header .web-louser{right:0!important;top:0!important;position:relative!important;display:flex!important;gap:8px!important;}
.web_header .web_serch{right:0!important;width:205px!important;z-index:100001!important;}
.web_header .web_serch .text1{width:100%!important;box-sizing:border-box!important;padding-right:42px!important;}
.web_header .webnav{max-width:620px!important;overflow:visible!important;}
.web_header .webnav li[data-wb-role="ja-ai"],.web_header .webnav li[data-wb-role="ja-tech"],.web_header .webnav li[data-wb-role="tw-ai"],.web_header .webnav li[data-wb-role="tw-tech"]{transition:none!important;}
body[data-wb-lang="zh-Hant"] .web_header .webnav li[data-wb-role="ja-ai"],body[data-wb-lang="zh-Hant"] .web_header .webnav li[data-wb-role="ja-tech"],body[data-wb-lang="zh-Hant"] .ey-header-nav li[data-wb-role="ja-ai"],body[data-wb-lang="zh-Hant"] .ey-header-nav li[data-wb-role="ja-tech"]{display:none!important;}
body[data-wb-lang="ja"] .web_header .webnav li[data-wb-role="tw-ai"],body[data-wb-lang="ja"] .web_header .webnav li[data-wb-role="tw-tech"],body[data-wb-lang="ja"] .ey-header-nav li[data-wb-role="tw-ai"],body[data-wb-lang="ja"] .ey-header-nav li[data-wb-role="tw-tech"]{display:none!important;}
/* Move switcher away from user avatar in member center */
body.centre .wb-lang-switcher,body.reg .wb-lang-switcher,body.login .wb-lang-switcher,body.retrieve .wb-lang-switcher{top:auto!important;right:24px!important;bottom:24px!important;z-index:9999!important;}
body.wb-list-page{background:#f5f7fb!important;}
body.wb-list-page .splist{background:#f5f7fb!important;padding-top:22px!important;}
body.wb-list-page .top-list,body.wb-list-page .main .w1430{background:#fff!important;border-radius:26px!important;box-shadow:0 18px 50px rgba(15,23,42,.08)!important;margin-bottom:24px!important;overflow:hidden!important;}
body.wb-list-page .mbx{background:transparent!important;border:0!important;}
body.wb-list-page .kc-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;padding:24px!important;}
body.wb-list-page .kc-list:before,body.wb-list-page .kc-list:after{display:none!important;}
body.wb-list-page .kc-list li{width:auto!important;height:auto!important;margin:0!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 14px 34px rgba(15,23,42,.08)!important;border:1px solid #eef2f7!important;transition:transform .18s ease,box-shadow .18s ease!important;}
body.wb-list-page .kc-list li:hover{transform:translateY(-4px)!important;box-shadow:0 22px 52px rgba(15,23,42,.12)!important;}
body.wb-list-page .kc-list .img{height:168px!important;background-size:cover!important;background-position:center!important;}
body.wb-list-page .kc-list .title{height:auto!important;min-height:48px!important;line-height:1.55!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;padding:14px 16px 6px!important;font-size:15px!important;font-weight:800!important;color:#111827!important;}
body.wb-list-page .kc-list .one{padding:0 16px!important;color:#64748b!important;}
body.wb-list-page .kc-list .two{padding:10px 16px 18px!important;}
body.wb-list-page .kc-list .add-shop-cart,body.wb-list-page .kc-list .xuexicisu,body.wb-list-page .kc-list .webcourse{display:none!important;}
body.wb-view-page{background:#f5f7fb!important;}
body.wb-view-page .course-cover.container{display:grid!important;grid-template-columns:430px minmax(0,1fr)!important;gap:34px!important;align-items:center!important;background:linear-gradient(135deg,#0f172a,#123c69)!important;border-radius:32px!important;padding:34px!important;box-shadow:0 28px 80px rgba(15,23,42,.18)!important;color:#fff!important;}
body.wb-view-page .course-thum,body.wb-view-page .course-thum img{border-radius:24px!important;overflow:hidden!important;}
body.wb-view-page .course-info h1{font-size:30px!important;line-height:1.45!important;font-weight:900!important;color:#fff!important;margin:0 0 24px!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;word-break:break-word!important;max-height:none!important;}
body.wb-view-page .course-zj-djl,body.wb-view-page .xuexicisu,body.wb-view-page .add-shop-cart{display:none!important;}
body.wb-view-page .price,body.wb-view-page .price-mf{margin-top:14px!important;font-size:24px!important;font-weight:900!important;color:#fbbf24!important;}
body.wb-view-page .course-cover-2{display:grid!important;grid-template-columns:minmax(0,1fr)330px!important;gap:26px!important;width:1200px!important;max-width:calc(100% - 32px)!important;margin:28px auto!important;}
body.wb-view-page .course-cover-fl,body.wb-view-page .course-cover-fr{background:#fff!important;border-radius:28px!important;box-shadow:0 18px 55px rgba(15,23,42,.08)!important;border:1px solid #eef2f7!important;overflow:hidden!important;}
body.wb-view-page .aui-nav-list-box{border-bottom:1px solid #eef2f7!important;background:#fff!important;}
body.wb-view-page .aui-nav-list-box li span{font-weight:900!important;}
body.wb-view-page .yey-kc-jianjie{font-size:16px!important;line-height:1.95!important;color:#334155!important;padding:22px 24px!important;}
body.wb-view-page .course-cover-fr{padding:20px!important;position:sticky!important;top:110px!important;max-height:650px!important;}
body.wb-view-page .course-cover-fr h3{font-size:20px!important;font-weight:900!important;color:#111827!important;margin:0 0 16px!important;}
body.wb-view-page .course-cover-fr ul{list-style:none!important;padding:0!important;margin:0!important;}
body.wb-view-page .course-cover-fr li{display:grid!important;grid-template-columns:96px 1fr!important;gap:12px!important;padding:0 0 14px!important;margin:0 0 14px!important;border-bottom:1px solid #eef2f7!important;}
body.wb-view-page .course-cover-fr li img{width:96px!important;height:62px!important;object-fit:cover!important;border-radius:12px!important;background:#f1f5f9!important;}
body.wb-view-page .course-cover-fr li p,body.wb-view-page .course-cover-fr li span{margin:0!important;}
body.wb-view-page .course-cover-fr li p a{font-size:13px!important;line-height:1.55!important;font-weight:800!important;color:#111827!important;display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
body.wb-view-page .course-cover-fr li span{display:none!important;}
.friend-link,.footer_web .footer,.footer_web .web_company,.footer_last,.web_company,.course-zj-djl,.xuexicisu,.add-shop-cart,.webcourse,.learn-info,.difficulty,.click,.clicknum,.clicks,.views,.viewnum,.readnum,.arc-click{display:none!important;}
/* Member center balance / recharge restore */
.ey-container .user-box.wb-hide,.ey-container .user-box .wb-hide,.ey-container .user-box-r.wb-hide,.ey-container .data-info.wb-hide{display:block!important;}
.ey-container .user-box-r{width:100%!important;}
.ey-container .user-box-bottom{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important;}
.ey-container .user-box-bottom .data-info{display:block!important;background:#fff!important;border:1px solid #eef2f7!important;border-radius:20px!important;padding:18px!important;box-shadow:0 12px 34px rgba(15,23,42,.06)!important;}
.ey-container .user-box-bottom .data-info .num{font-size:28px!important;font-weight:900!important;color:#0f172a!important;}
.ey-container .user-box-bottom .data-info .title{display:block!important;margin-top:8px!important;color:#64748b!important;}
.ey-container .user-box-bottom .data-info .link a{display:inline-flex!important;margin-top:12px!important;border-radius:999px!important;background:#10b981!important;color:#fff!important;padding:7px 14px!important;text-decoration:none!important;font-weight:800!important;}
.ey-nav .sidebar-box ul:has(.title),.ey-nav .sidebar-box ul{ }
.register_index .form-group:has(input[name="mobile"]),.register_index .form-group:has(input#mobile),.register_index .form-group:has(input[name="phone"]){display:none!important;}
@media(max-width:1100px){.web_header .webnav{max-width:540px!important}.web_header #ey_htmlid_1609665117{right:220px!important}.web_header .web_serch{width:190px!important}body.wb-list-page .kc-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.wb-view-page .course-cover.container{grid-template-columns:1fr!important}body.wb-view-page .course-cover-2{grid-template-columns:1fr!important}body.wb-view-page .course-cover-fr{position:static!important}}
@media(max-width:768px){.web_header #ey_htmlid_1609665117{position:absolute!important;right:12px!important;top:12px!important}.web_header .web_serch{display:none!important}.web_header .webnav{max-width:100%!important}body.wb-list-page .kc-list{grid-template-columns:1fr!important;padding:14px!important}.ey-container .user-box-bottom{grid-template-columns:1fr!important}body.wb-view-page .course-cover.container{border-radius:0!important;padding:22px!important}body.wb-view-page .course-info h1{font-size:22px!important}.wb-lang-switcher{bottom:20px!important;right:12px!important}}


/* WB_HOME_HEADER_FIX_20260518
   Purpose: use one stable header layout for guest + logged-in states, and fix the search icon position. */
@media (min-width: 769px) {
  .web_header {
    height: 90px !important;
    overflow: visible !important;
  }
  .web_header .headerah {
    height: 90px !important;
    overflow: visible !important;
  }
  .web_header .headerlg {
    width: 1200px !important;
    height: 90px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    position: relative !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .web_header .weblogo {
    float: none !important;
    flex: 0 0 126px !important;
    width: 126px !important;
    height: 62px !important;
    margin: 0 !important;
  }
  .web_header .weblogo a {
    display: block !important;
    width: 126px !important;
    height: 62px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .web_header .webnav {
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 26px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }
  body[data-wb-lang="ja"] .web_header .webnav {
    gap: 24px !important;
  }
  .web_header .webnav > li {
    float: none !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .web_header .webnav .clear {
    display: none !important;
  }
  .web_header .webnav li .webnavag .webnavtit a {
    height: 36px !important;
    line-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }
  .web_header .webnav li .webnavag .webnavtit a h2 {
    float: none !important;
    line-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .web_header #ey_htmlid_1609665117 {
    position: static !important;
    right: auto !important;
    top: auto !important;
    order: 3 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    height: 44px !important;
    z-index: 100010 !important;
  }
  .web_header #ey_htmlid_1609665117 .web-louser,
  .web_header .wb-fallback-auth {
    position: static !important;
    right: auto !important;
    top: auto !important;
    float: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 38px !important;
    white-space: nowrap !important;
  }
  .web_header #ey_htmlid_1609665117 .web-louser li,
  .web_header .wb-fallback-auth li {
    float: none !important;
    display: block !important;
    width: auto !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .web_header #ey_htmlid_1609665117 .web-louser li span,
  .web_header .wb-fallback-auth li span {
    display: block !important;
    height: 38px !important;
    line-height: 38px !important;
  }
  .web_header #ey_htmlid_1609665117 .web-louser li a,
  .web_header .wb-fallback-auth li a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 52px !important;
    height: 38px !important;
    line-height: 38px !important;
    padding: 0 16px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    color: #111827 !important;
    background: #f3f4f6 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }
  .web_header #ey_htmlid_1609665117 .web-louser li#LoginAndReg a,
  .web_header #ey_htmlid_1609665117 .web-louser li:first-child a,
  .web_header .wb-fallback-auth li#LoginAndReg a,
  .web_header .wb-fallback-auth li:first-child a {
    color: #fff !important;
    background: #13b26b !important;
  }

  .web_header #ey_htmlid_1609665117 .topRight,
  .web_header #ey_htmlid_1609665117 #UsersInfo {
    float: none !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .web_header #ey_htmlid_1609665117 #mainmenu {
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  .web_header #ey_htmlid_1609665117 #mainmenu .link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
  }
  .web_header #ey_htmlid_1609665117 #mainmenu .hy-tx,
  .web_header #ey_htmlid_1609665117 .UsersImg {
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    object-fit: cover !important;
    display: block !important;
  }
  .web_header #ey_htmlid_1609665117 #mainmenu2 {
    position: absolute !important;
    top: 50px !important;
    right: 0 !important;
    z-index: 100020 !important;
  }
  .web_header #ey_htmlid_1609665117 .nav-login-bd {
    top: 0 !important;
    right: 0 !important;
  }

  .web_header .web_serch {
    float: none !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
    order: 4 !important;
    flex: 0 0 210px !important;
    width: 210px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 1px solid #d7e1ec !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    z-index: 100005 !important;
  }
  .web_header .web_serch form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    margin: 0 !important;
  }
  .web_header .web_serch input.text1 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 44px 0 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-sizing: border-box !important;
    color: #64748b !important;
    font-size: 13px !important;
    outline: none !important;
  }
  .web_header .web_serch input.submit1 {
    float: none !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    opacity: .72 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8 18.1a7.3 7.3 0 1 1 0-14.6 7.3 7.3 0 0 1 0 14.6Zm0-2a5.3 5.3 0 1 0 0-10.6 5.3 5.3 0 0 0 0 10.6Zm6.1.2 3.4 3.4-1.4 1.4-3.4-3.4 1.4-1.4Z' fill='%2364748b'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
  }
  .web_header .web_serch:hover input.submit1 {
    opacity: 1 !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8 18.1a7.3 7.3 0 1 1 0-14.6 7.3 7.3 0 0 1 0 14.6Zm0-2a5.3 5.3 0 1 0 0-10.6 5.3 5.3 0 0 0 0 10.6Zm6.1.2 3.4 3.4-1.4 1.4-3.4-3.4 1.4-1.4Z' fill='%2313b26b'/%3E%3C/svg%3E") !important;
  }
}

@media (max-width: 768px) {
  .web_header {
    height: auto !important;
  }
  .web_header .headerah {
    height: auto !important;
    min-height: 72px !important;
  }
  .web_header .headerlg {
    width: auto !important;
    min-height: 72px !important;
    height: auto !important;
    padding: 10px 14px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  .web_header .weblogo {
    float: none !important;
    margin: 0 !important;
    flex: 0 0 92px !important;
    width: 92px !important;
  }
  .web_header .weblogo a {
    width: 92px !important;
    height: 52px !important;
    background-size: contain !important;
    background-position: center !important;
  }
  .web_header #ey_htmlid_1609665117 {
    position: static !important;
    margin-left: auto !important;
  }
  .web_header .web_serch {
    display: none !important;
  }
  .web_header .webnav {
    order: 5 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
}


/* WB_LIST_PAGE_FIX_20260518
   Course list page: remove legacy three-dot nav and compact category filter. */
.web_header .webnav li:has(.webnavtit3),
.web_header .webnav .webnavtit3,
.web_header .webnav .webnavtit3 + .web_navcb,
.web_header .webnav a[href="javascript:;"] > b:only-child {
  display: none !important;
}
.web_header .weblogo a {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* LIST 课程列表页：压缩顶部留白与“栏目分类”区域 */
.splist,
body.wb-list-page .splist {
  background: #f5f8fc !important;
}
.splist .top-list,
body.wb-list-page .splist .top-list {
  padding-top: 0 !important;
  background: linear-gradient(180deg,#f3f8ff 0%,#f8fbff 100%) !important;
}
.splist .top-list .mbx,
body.wb-list-page .top-list .mbx {
  min-height: 0 !important;
  padding: 18px 0 12px !important;
  margin: 0 !important;
}
.splist .top-list .mianbao-min,
body.wb-list-page .top-list .mianbao-min {
  width: min(1180px, calc(100vw - 64px)) !important;
  margin: 0 auto !important;
  color: #7b8794 !important;
  font-size: 13px !important;
  line-height: 22px !important;
}
.splist .web_zslist,
body.wb-list-page .web_zslist {
  padding: 0 0 18px !important;
  margin: 0 !important;
  background: transparent !important;
}
.splist .web_zslist .zslist-web,
body.wb-list-page .web_zslist .zslist-web {
  width: min(1180px, calc(100vw - 64px)) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  position: relative !important;
}
.splist .web_zslist .zslist-web .warp,
body.wb-list-page .web_zslist .zslist-web .warp {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  overflow: visible !important;
  padding: 10px 14px !important;
  margin: 0 0 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.9) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.045) !important;
}
.splist .web_zslist .zslist-web .warp.one:empty,
.splist .web_zslist .zslist-web .warp.two:empty,
body.wb-list-page .web_zslist .zslist-web .warp.one:empty,
body.wb-list-page .web_zslist .zslist-web .warp.two:empty {
  display: none !important;
}
.splist .web_zslist .zslist-web .warp .lmfl,
.splist .web_zslist .zslist-web .warp .name,
body.wb-list-page .web_zslist .zslist-web .warp .lmfl,
body.wb-list-page .web_zslist .zslist-web .warp .name {
  flex: 0 0 auto !important;
  margin: 0 2px 0 0 !important;
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  white-space: nowrap !important;
}
.splist .web_zslist .zslist-web .warp .items,
body.wb-list-page .web_zslist .zslist-web .warp .items {
  width: auto !important;
  flex: 1 1 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.splist .web_zslist .zslist-web .warp .items li,
body.wb-list-page .web_zslist .zslist-web .warp .items li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.splist .web_zslist .zslist-web .warp .items li a,
body.wb-list-page .web_zslist .zslist-web .warp .items li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 28px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: background .18s ease, color .18s ease, box-shadow .18s ease !important;
}
.splist .web_zslist .zslist-web .warp .items li a:hover,
body.wb-list-page .web_zslist .zslist-web .warp .items li a:hover {
  color: #13b26b !important;
  background: rgba(19,178,107,.08) !important;
}
.splist .web_zslist .zslist-web .warp .items li.cur,
body.wb-list-page .web_zslist .zslist-web .warp .items li.cur {
  background: transparent !important;
}
.splist .web_zslist .zslist-web .warp .items li.cur a,
body.wb-list-page .web_zslist .zslist-web .warp .items li.cur a {
  color: #13b26b !important;
  background: rgba(19,178,107,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(19,178,107,.16) !important;
}
.splist .main,
body.wb-list-page .splist .main {
  padding-top: 24px !important;
  background: #fff !important;
  border-radius: 24px 24px 0 0 !important;
}
.splist .main .w1430,
body.wb-list-page .main .w1430 {
  width: min(1180px, calc(100vw - 64px)) !important;
}
.splist .main .filter,
body.wb-list-page .main .filter {
  margin: 0 0 22px !important;
  padding: 12px 14px !important;
  background: #fff !important;
  border: 1px solid rgba(226,232,240,.9) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.035) !important;
}
.splist .main .filter .sort a,
body.wb-list-page .main .filter .sort a {
  padding: 0 12px !important;
  height: 28px !important;
  line-height: 28px !important;
  border-radius: 999px !important;
  margin-right: 8px !important;
}
@media (max-width: 768px) {
  .splist .top-list .mianbao-min,
  .splist .web_zslist .zslist-web,
  .splist .main .w1430,
  body.wb-list-page .top-list .mianbao-min,
  body.wb-list-page .web_zslist .zslist-web,
  body.wb-list-page .main .w1430 {
    width: calc(100vw - 28px) !important;
  }
  .splist .web_zslist .zslist-web .warp,
  body.wb-list-page .web_zslist .zslist-web .warp {
    align-items: flex-start !important;
    padding: 10px 12px !important;
    border-radius: 14px !important;
  }
  .splist .web_zslist .zslist-web .warp .items,
  body.wb-list-page .web_zslist .zslist-web .warp .items {
    flex: 0 0 100% !important;
  }
  .splist .main,
  body.wb-list-page .splist .main {
    padding-top: 14px !important;
    border-radius: 18px 18px 0 0 !important;
  }
}

/* WB_NO_FLICKER_FIX_20260518_V3
   Hide old login/register before JS decides logged-in/logged-out state. */
.web_header #ey_htmlid_1609665117 .web-louser {
  visibility: hidden;
}
body.wb-auth-ready.wb-logged-out .web_header #ey_htmlid_1609665117 .web-louser,
body.wb-auth-ready .web_header #ey_htmlid_1609665117 .web-louser:not(.wb-auth-links) {
  visibility: visible;
}
body.wb-auth-ready.wb-logged-in .web_header #ey_htmlid_1609665117 .web-louser.wb-auth-links {
  display: none !important;
  visibility: hidden !important;
}
.web_header .weblogo,
.web_header .weblogo a {
  flex: 0 0 auto !important;
}
.web_header .weblogo a {
  display: block !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-width: 64px !important;
  min-height: 54px !important;
}
.web_header .webnav,
.web_header .webnav * ,
.splist .web_zslist,
.splist .web_zslist * ,
.splist .filter,
.splist .filter * {
  transition-property: background-color,color,box-shadow,transform !important;
}


/* WB_HOME_LOCALE_FEED_FIX_20260518
   Home page: make headline, today recommend and right floating navigation follow the selected language feed. */
.wb-headline-card.wb-feed-hidden,
.wb-today-feed.wb-feed-hidden,
.zsffont.wb-feed-hidden{display:none!important;}
.web-index .wb-today-feed{display:block;}
body[data-wb-lang="zh-Hant"] .web-index .wb-today-feed[data-wb-feed="ja"],
body[data-wb-lang="ja"] .web-index .wb-today-feed[data-wb-feed="tw"]{display:none!important;}
.web-index .web_right{right:20px!important;z-index:990!important;}
.web-index .web_rightlb{background:#fff!important;border-radius:18px!important;padding:10px 0!important;box-shadow:0 18px 42px rgba(15,23,42,.10)!important;border:1px solid rgba(15,23,42,.06)!important;}
.web-index .web_rightlb li{float:none!important;display:block!important;margin:0!important;border:0!important;}
.web-index .web_rightlb li a{display:flex!important;align-items:center!important;justify-content:center!important;width:94px!important;min-height:40px!important;padding:9px 8px!important;color:#6b7280!important;text-decoration:none!important;background:transparent!important;border-radius:0!important;font-size:14px!important;line-height:1.35!important;box-sizing:border-box!important;}
.web-index .web_rightlb li a:hover{color:#13b26b!important;background:#f0fdf4!important;}
.web-index .web_rightlb li a span{display:block!important;line-height:1.35!important;white-space:normal!important;}
body[data-wb-lang="ja"] .web-index .web_rightlb li a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif!important;font-size:13px!important;}
.web-index .web-xstop a{background:#fff!important;color:#64748b!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important;}
@media(max-width:1100px){.web-index .web_right{display:none!important;}}


/* V5: rebuild home Headline / Today cards from the actual course list pages for the selected language. */
.web-index .wb-today-feed.wb-dynamic-source-hidden{display:none!important;}
.web-index .wb-today-dynamic{display:block!important;}
.web-index .wb-today-dynamic .swiper-slide{display:flex!important;gap:28px!important;align-items:stretch!important;}
.web-index .wb-today-dynamic .zsffont{float:none!important;display:block!important;flex:1 1 0!important;min-width:0!important;}
body.web-index.wb-home-feed-loading:not(.wb-home-feed-ready) .wb-headline-grid .wb-headline-card[data-wb-feed],
body.web-index.wb-home-feed-loading:not(.wb-home-feed-ready) .wb-today-feed{visibility:hidden!important;}
body.web-index.wb-home-feed-ready .wb-headline-grid .wb-headline-card{visibility:visible!important;}
@media(max-width:1100px){.web-index .wb-today-dynamic .swiper-slide{gap:14px!important;}}

/* V6: four headline cards and smoother automatic Today carousel layout. */
.web-index .wb-headline-grid{gap:10px!important;}
.web-index .wb-headline-card{padding:7px!important;}
.web-index .wb-headline-card img{height:58px!important;}
.web-index .wb-today-dynamic .swiper-wrapper{align-items:stretch!important;}
.web-index .wb-today-dynamic .swiper-slide{height:auto!important;}

/* ===== Waterbeartech V7: HOME 首屏大輪播語種廣告 ===== */
.web-index .wb-hero-banners { width: 100%; height: 100%; }
.web-index .wb-hero-banners .wb-hero-banner { display: none; width: 100%; height: 100%; }
.web-index .wb-hero-banners .wb-hero-banner.is-active { display: block; }
.web-index .wb-hero-banners .wb-hero-banner .swiper-wrapper,
.web-index .wb-hero-banners .wb-hero-banner .swiper-slide { height: 100%; }
.web-index .wb-hero-banners .wb-hero-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* WB_DETAIL_PLAY_FIX_V17_START */
body.wb-detail-page-v17{background:#f4f7fb!important;color:#101828!important;}
body.wb-detail-page-v17 .mianbaoxiao{max-width:1200px!important;margin:28px auto 12px!important;padding:0 12px!important;background:transparent!important;}
body.wb-detail-page-v17 .mianbao-min{color:#8a94a6!important;font-size:13px!important;line-height:24px!important;}
body.wb-detail-page-v17 .course-head{background:transparent!important;margin:0!important;padding:0!important;}
body.wb-detail-page-v17 .course-cover.container{max-width:1200px!important;width:auto!important;margin:0 auto 22px!important;padding:20px!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:450px 1fr!important;gap:26px!important;align-items:center!important;min-height:0!important;}
body.wb-detail-page-v17 .course-thum{width:100%!important;height:auto!important;float:none!important;margin:0!important;overflow:hidden!important;border-radius:18px!important;background:#eef2f7!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;}
body.wb-detail-page-v17 .course-thum img{width:100%!important;height:254px!important;object-fit:cover!important;display:block!important;border-radius:18px!important;}
body.wb-detail-page-v17 .course-info{float:none!important;width:auto!important;margin:0!important;padding:0 8px!important;min-width:0!important;}
body.wb-detail-page-v17 .course-info h1{font-size:26px!important;line-height:1.45!important;font-weight:800!important;color:#0f172a!important;margin:0 0 18px!important;letter-spacing:.01em!important;}
body.wb-detail-page-v17 .course-zj-djl{margin:0 0 18px!important;color:#667085!important;font-size:14px!important;}
body.wb-detail-page-v17 .course-zj-djl span{display:inline-flex!important;align-items:center!important;margin-right:10px!important;color:#667085!important;}
body.wb-detail-page-v17 .price,body.wb-detail-page-v17 .price-mf{list-style:none!important;margin:0 0 20px!important;padding:0!important;color:#16b364!important;font-size:30px!important;line-height:1.2!important;font-weight:800!important;background:transparent!important;border:0!important;}
body.wb-detail-page-v17 .curr-price{color:#16b364!important;font-size:30px!important;font-weight:800!important;}
body.wb-detail-page-v17 .yey-list-jineuxuexi{display:flex!important;gap:12px!important;align-items:center!important;margin-top:8px!important;}
body.wb-detail-page-v17 .list-kc-goumai,body.wb-detail-page-v17 .vipxian,body.wb-detail-page-v17 .huiyuan-mf{min-width:180px!important;height:48px!important;line-height:48px!important;border-radius:14px!important;text-align:center!important;background:linear-gradient(135deg,#ff7a18,#ff4d1d)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(255,105,24,.28)!important;border:0!important;padding:0 22px!important;}
body.wb-detail-page-v17 .yey-kc-yxq{margin-top:14px!important;color:#8a94a6!important;font-size:13px!important;}
body.wb-detail-page-v17 .course-cover-2{max-width:1200px!important;width:auto!important;margin:0 auto 42px!important;padding:0!important;display:block!important;}
body.wb-detail-page-v17 .course-cover-fl{width:100%!important;float:none!important;margin:0!important;}
body.wb-detail-page-v17 .course-cover-fr{display:none!important;}
body.wb-detail-page-v17 .aui-nav-content-box{background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:20px!important;box-shadow:0 18px 45px rgba(15,23,42,.06)!important;overflow:hidden!important;}
body.wb-detail-page-v17 .aui-nav-list-box{height:auto!important;background:#fff!important;border-bottom:1px solid rgba(15,23,42,.08)!important;}
body.wb-detail-page-v17 .aui-nav-list-box ul{display:flex!important;margin:0!important;padding:0!important;}
body.wb-detail-page-v17 .aui-nav-list-box li{float:none!important;min-width:140px!important;height:58px!important;line-height:58px!important;text-align:center!important;border-right:1px solid rgba(15,23,42,.06)!important;color:#344054!important;font-weight:700!important;cursor:pointer!important;position:relative!important;}
body.wb-detail-page-v17 .aui-nav-list-box li.aui-current{color:#ff5a1f!important;background:linear-gradient(180deg,#fff,#fff7f3)!important;}
body.wb-detail-page-v17 .aui-nav-list-box li.aui-current:after{content:""!important;position:absolute!important;left:22px!important;right:22px!important;bottom:0!important;height:3px!important;background:#ff5a1f!important;border-radius:9px!important;}
body.wb-detail-page-v17 .aui-nav-list-tab{padding:0!important;}
body.wb-detail-page-v17 .aui-nav-list-item{padding:24px 26px 34px!important;min-height:160px!important;box-sizing:border-box!important;}
body.wb-detail-page-v17 .yey-kc-jianjie{font-size:16px!important;line-height:1.9!important;color:#334155!important;word-break:break-word!important;}
body.wb-detail-page-v17 .yey-kc-jianjie h1,body.wb-detail-page-v17 .yey-kc-jianjie h2,body.wb-detail-page-v17 .yey-kc-jianjie h3{color:#0f172a!important;font-weight:800!important;margin:0 0 12px!important;}
body.wb-detail-page-v17 .task-task-list{margin:0 0 14px!important;padding:0!important;}
body.wb-detail-page-v17 .task-task-item{display:block!important;background:#fff!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:16px!important;margin:0!important;padding:0!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important;text-decoration:none!important;overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
body.wb-detail-page-v17 .task-task-item:hover{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(15,23,42,.08)!important;border-color:rgba(19,178,107,.25)!important;}
body.wb-detail-page-v17 .task-tt{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 20px!important;min-height:58px!important;box-sizing:border-box!important;overflow:visible!important;}
body.wb-detail-page-v17 .task-tt-text,body.wb-detail-page-v17 .task-tt-text-fr{float:none!important;display:flex!important;align-items:center!important;min-width:0!important;color:#344054!important;font-size:14px!important;}
body.wb-detail-page-v17 .task-tt-text{font-weight:700!important;gap:10px!important;}
body.wb-detail-page-v17 .yey-ks{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:64px!important;height:28px!important;padding:0 12px!important;border-radius:999px!important;background:#eafaf2!important;color:#12a163!important;font-size:13px!important;font-weight:800!important;}
body.wb-detail-page-v17 .task-tt-text-fr{justify-content:flex-end!important;gap:14px!important;color:#667085!important;white-space:nowrap!important;}
body.wb-detail-page-v17 .ke-fufei,body.wb-detail-page-v17 .keshikan{font-style:normal!important;color:#ff3b1f!important;font-weight:800!important;}
body.wb-detail-page-v17 .ke-shijian{font-variant-numeric:tabular-nums!important;color:#64748b!important;font-weight:700!important;}
body.wb-play-page-v17 .content-list .info span:last-child{font-variant-numeric:tabular-nums!important;}
@media(max-width:900px){body.wb-detail-page-v17 .course-cover.container{grid-template-columns:1fr!important;margin-left:12px!important;margin-right:12px!important;}body.wb-detail-page-v17 .course-thum img{height:auto!important;}body.wb-detail-page-v17 .course-cover-2{margin-left:12px!important;margin-right:12px!important;}body.wb-detail-page-v17 .course-info h1{font-size:22px!important;}body.wb-detail-page-v17 .task-tt{align-items:flex-start!important;flex-direction:column!important;}body.wb-detail-page-v17 .task-tt-text-fr{width:100%!important;justify-content:space-between!important;}}
/* WB_DETAIL_PLAY_FIX_V17_END */


/* Waterbeartech REG_FIX_20260520: registration email code alignment + no tip */
.register_index .wb-emailjs-tip,
.register_index .wb-emailjs-hint{display:none!important;}
.register_index .wb-emailjs-row{margin-bottom:14px!important;}
.register_index .wb-emailjs-row .wb-emailjs-code-group{width:100%!important;display:flex!important;align-items:stretch!important;background:#fff!important;border-radius:15px!important;box-shadow:0 0 0 1px #e2e8f0 inset!important;overflow:hidden!important;}
.register_index .wb-emailjs-row .input-group-addon{height:50px!important;line-height:50px!important;align-self:stretch!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.register_index .wb-emailjs-row input#wb_email_code{height:50px!important;line-height:50px!important;flex:1 1 auto!important;min-width:0!important;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;}
.register_index .wb-emailjs-row .wb-emailjs-send{height:50px!important;min-height:50px!important;line-height:50px!important;flex:0 0 122px!important;min-width:122px!important;max-width:142px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#10b981!important;color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:0!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;cursor:pointer!important;}
.register_index .wb-emailjs-row .wb-emailjs-send:hover{transform:none!important;box-shadow:none!important;background:#0ea5e9!important;}
.register_index .wb-emailjs-row .wb-emailjs-send:disabled{opacity:.68!important;cursor:not-allowed!important;background:#94a3b8!important;}
body[data-wb-lang="ja"] .register_index .wb-emailjs-row .wb-emailjs-send{font-size:13px!important;}
@media(max-width:520px){.register_index .wb-emailjs-row .wb-emailjs-send{flex-basis:112px!important;min-width:112px!important;font-size:13px!important;padding:0 8px!important;}body[data-wb-lang="ja"] .register_index .wb-emailjs-row .wb-emailjs-send{font-size:12px!important;}}

/* Waterbeartech REG_FIX_20260520_V2: email registration backend + aligned email-code row + light layer messages */
.register_index .form-register .form-group,
.register_index .form-register .group_z,
.register_index .form-register .wb-emailjs-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.register_index .form-register .input-group,
.register_index .wb-emailjs-row .wb-emailjs-code-group{
  width:100%!important;
  max-width:100%!important;
  height:50px!important;
  min-height:50px!important;
  box-sizing:border-box!important;
}
.register_index .wb-emailjs-row .wb-emailjs-code-group{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 120px!important;
  align-items:stretch!important;
  background:#fff!important;
  border-radius:15px!important;
  box-shadow:0 0 0 1px #e2e8f0 inset!important;
  overflow:hidden!important;
}
.register_index .wb-emailjs-row .input-group-addon{
  width:48px!important;
  min-width:48px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
.register_index .wb-emailjs-row input#wb_email_code{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
.register_index .wb-emailjs-row .wb-emailjs-send{
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  padding:0 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-wb-lang="ja"] .register_index .wb-emailjs-row .wb-emailjs-send{font-size:12px!important;}
.register_index .wb-emailjs-tip,
.register_index .wb-emailjs-hint{display:none!important;}
body .layui-layer.layui-layer-hui,
body .layui-layer.layui-layer-hui.layui-layer-msg{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:16px!important;
  box-shadow:0 20px 52px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
}
body .layui-layer.layui-layer-hui .layui-layer-content{
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:700!important;
  padding:13px 20px!important;
  text-align:center!important;
  text-shadow:none!important;
}
body .layui-layer.wb-layer-light{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:16px!important;
  box-shadow:0 20px 52px rgba(15,23,42,.22)!important;
}
body .layui-layer.wb-layer-light .layui-layer-content{color:#0f172a!important;text-shadow:none!important;}


/* Waterbeartech RETRIEVE_FIX_20260520_V3: 找回密碼郵箱驗證碼行對齊 + 淺色提示 */
body.retrieve .register_index .form-register .form-group,
body.retrieve .register_index .form-register .group_z{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.retrieve .register_index .form-register .input-group{
  width:100%!important;
  max-width:100%!important;
  min-height:50px!important;
  height:50px!important;
  box-sizing:border-box!important;
}
body.retrieve .register_index .form-register .input-group.btn-direction{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 120px!important;
  align-items:stretch!important;
  background:#fff!important;
  border-radius:15px!important;
  box-shadow:0 0 0 1px #e2e8f0 inset!important;
  overflow:hidden!important;
  padding:0!important;
}
body.retrieve .register_index .form-register .input-group.btn-direction .input-group-addon{
  width:48px!important;
  min-width:48px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
body.retrieve .register_index .form-register .input-group.btn-direction input#email_code{
  width:100%!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  padding:0 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body.retrieve .register_index .form-register .input-group.btn-direction input#email_code_button{
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  padding:0 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-wb-lang="ja"].retrieve .register_index .form-register .input-group.btn-direction input#email_code_button{font-size:12px!important;}
@media(max-width:520px){
  body.retrieve .register_index .form-register .input-group.btn-direction{grid-template-columns:48px minmax(0,1fr) 112px!important;}
  body.retrieve .register_index .form-register .input-group.btn-direction input#email_code_button{width:112px!important;min-width:112px!important;max-width:112px!important;font-size:12px!important;}
}
body.retrieve .layui-layer.layui-layer-hui,
body.retrieve .layui-layer.layui-layer-hui.layui-layer-msg,
body.retrieve .layui-layer.wb-layer-light{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:16px!important;
  box-shadow:0 20px 52px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
}
body.retrieve .layui-layer.layui-layer-hui .layui-layer-content,
body.retrieve .layui-layer.wb-layer-light .layui-layer-content{
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:700!important;
  padding:13px 20px!important;
  text-align:center!important;
  text-shadow:none!important;
}

/* Waterbeartech RESET_FIX_20260520_V4: reset password page unified auth UI */
body.reset .register_index .form-register .form-group,
body.reset .register_index .form-register .group_z{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.reset .register_index .form-register .input-group{
  width:100%!important;
  max-width:100%!important;
  min-height:50px!important;
  height:50px!important;
  box-sizing:border-box!important;
}
body.reset .register_index input[disabled],
body.reset .register_index input[readonly]{
  color:#64748b!important;
  background:#f8fafc!important;
  -webkit-text-fill-color:#64748b!important;
  opacity:1!important;
}
body.reset .register_index .login-link{
  justify-content:flex-end!important;
  margin-top:10px!important;
}
body.reset .register_index .input-group-addon[style]{
  color:#94a3b8!important;
}
body.reset .layui-layer.layui-layer-hui,
body.reset .layui-layer.layui-layer-hui.layui-layer-msg,
body.reset .layui-layer.wb-layer-light{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.12)!important;
  border-radius:16px!important;
  box-shadow:0 20px 52px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
}
body.reset .layui-layer.layui-layer-hui .layui-layer-content,
body.reset .layui-layer.wb-layer-light .layui-layer-content{
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:700!important;
  padding:13px 20px!important;
  text-align:center!important;
  text-shadow:none!important;
}


/* Waterbeartech member center / favorite patch v5 */
.nav-login-bd .yey-vip-ico-0,
.nav-login-bd .yey-vip-ico-1,
.nav-login-bd .micro-card-vip{display:none!important;}
.nav-login-bd .userFunList li:has(.img-myhy){display:none!important;}
a[href*="Users/score_index"],
a[href*="score_index"]{display:none!important;}
.wb-hide{display:none!important;}
.wb-detail-collect-wrap{margin:16px 0 2px;display:flex;align-items:center;gap:10px;}
.wb-detail-collect-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:118px;height:40px;padding:0 18px;border:1px solid rgba(20,184,166,.38);border-radius:999px;background:#fff;color:#0f766e!important;font-size:15px;font-weight:700;line-height:40px;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,118,110,.12);transition:all .18s ease;}
.wb-detail-collect-btn:hover{background:linear-gradient(135deg,#18c59f,#14a9e6);border-color:transparent;color:#fff!important;box-shadow:0 12px 28px rgba(20,169,230,.22);transform:translateY(-1px);}
.wb-detail-collect-btn:active{transform:translateY(0);}
.wb-detail-collect-btn[title*="已收藏"],.wb-detail-collect-btn[title*="お気に入り済み"]{background:linear-gradient(135deg,#18c59f,#14a9e6);border-color:transparent;color:#fff!important;}
body[data-wb-lang="ja"] .ey-header-nav li[data-wb-role="tw-ai"],body[data-wb-lang="ja"] .ey-header-nav li[data-wb-role="tw-tech"],body[data-wb-lang="zh-Hant"] .ey-header-nav li[data-wb-role="ja-ai"],body[data-wb-lang="zh-Hant"] .ey-header-nav li[data-wb-role="ja-tech"]{display:none!important;}


/* Waterbeartech detail favorite dynamic patch v6 */
.course-info .wb-detail-collect-wrap{margin:22px 0 14px;display:flex;align-items:center;gap:10px;clear:both;position:relative;z-index:5;}
.course-info .wb-detail-collect-btn{appearance:none;-webkit-appearance:none;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:118px;height:42px;padding:0 20px;border:1px solid rgba(20,184,166,.42);border-radius:999px;background:#fff;color:#0f766e!important;font-size:15px;font-weight:700;line-height:42px;text-decoration:none!important;box-shadow:0 8px 22px rgba(15,118,110,.12);cursor:pointer;transition:all .18s ease;}
.course-info .wb-detail-collect-btn:hover{background:linear-gradient(135deg,#18c59f,#14a9e6);border-color:transparent;color:#fff!important;box-shadow:0 12px 28px rgba(20,169,230,.24);transform:translateY(-1px);}
.course-info .wb-detail-collect-btn:active{transform:translateY(0);}
.course-info .wb-detail-collect-btn.is-collected,.course-info .wb-detail-collect-btn[data-collected="1"]{background:linear-gradient(135deg,#18c59f,#14a9e6);border-color:transparent;color:#fff!important;}
.course-info .wb-detail-collect-btn[disabled]{opacity:.72;cursor:default;transform:none;}
.course-info .wb-detail-collect-star{font-size:19px;line-height:1;margin-top:-1px;}
@media (max-width:768px){.course-info .wb-detail-collect-wrap{margin:16px 0 12px}.course-info .wb-detail-collect-btn{width:100%;max-width:220px}}


/* Waterbeartech detail favorite layout patch v7: place favorite at the right of Start Learning */
.course-info .yey-list-jineuxuexi{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  overflow:visible!important;
  flex-wrap:nowrap!important;
}
.course-info .yey-list-jineuxuexi > a{
  flex:0 0 auto!important;
  margin-right:0!important;
}
.course-info .yey-list-jineuxuexi .wb-detail-collect-wrap{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  clear:none!important;
  position:relative!important;
  z-index:8!important;
  flex:0 0 auto!important;
}
.course-info .yey-list-jineuxuexi .wb-detail-collect-btn{
  width:auto!important;
  min-width:118px!important;
  max-width:160px!important;
  height:42px!important;
  line-height:42px!important;
  padding:0 18px!important;
  margin:0!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
}
@media (max-width:768px){
  .course-info .yey-list-jineuxuexi{position:relative!important;bottom:auto!important;margin-top:18px!important;flex-wrap:wrap!important;padding-top:0!important;}
  .course-info .yey-list-jineuxuexi .wb-detail-collect-btn{width:auto!important;max-width:none!important;}
}

/* WB_HOME_NOTICE_POPUP_V1_START */
.wb-notice-popup-mask{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:rgba(15,23,42,.52);backdrop-filter:blur(8px);}
.wb-notice-popup-mask.is-open{display:flex;}
.wb-notice-popup-dialog{width:min(760px,96vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 32px 90px rgba(15,23,42,.28);border:1px solid rgba(255,255,255,.75);transform:translateY(10px) scale(.98);opacity:0;transition:all .18s ease;}
.wb-notice-popup-mask.is-open .wb-notice-popup-dialog{transform:translateY(0) scale(1);opacity:1;}
.wb-notice-popup-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #edf2f7;background:linear-gradient(135deg,#f8fffb,#f7fafc);}
.wb-notice-popup-brand{font-weight:900;color:#13b26b;letter-spacing:.04em;font-size:16px;}
.wb-notice-popup-tools{display:flex;align-items:center;gap:8px;}
.wb-notice-popup-lang,.wb-notice-popup-x,.wb-notice-popup-close-text{border:0;cursor:pointer;font-family:inherit;}
.wb-notice-popup-lang{height:32px;padding:0 13px;border-radius:999px;background:#eef2f7;color:#475569;font-weight:800;font-size:13px;transition:all .18s ease;}
.wb-notice-popup-lang.is-active{background:#13b26b;color:#fff;box-shadow:0 8px 18px rgba(19,178,107,.22);}
.wb-notice-popup-x{width:34px;height:34px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:22px;line-height:32px;display:flex;align-items:center;justify-content:center;}
.wb-notice-popup-x:hover{background:#e2e8f0;color:#0f172a;}
.wb-notice-popup-main{padding:24px 28px 10px;min-height:0;display:flex;flex-direction:column;}
.wb-notice-popup-title{margin:0 0 16px;color:#0f172a;font-size:25px;line-height:1.35;font-weight:950;}
.wb-notice-popup-body{max-height:52vh;overflow-y:auto;white-space:pre-wrap;color:#334155;font-size:15px;line-height:1.9;padding:2px 10px 2px 0;}
.wb-notice-popup-body::-webkit-scrollbar{width:8px;}
.wb-notice-popup-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.wb-notice-popup-bottom{padding:16px 28px 22px;text-align:right;background:#fff;}
.wb-notice-popup-close-text{min-width:112px;height:38px;border-radius:999px;background:#13b26b;color:#fff;font-weight:900;font-size:14px;box-shadow:0 10px 24px rgba(19,178,107,.18);}
.wb-notice-popup-close-text:hover{background:#0f9d5c;}
body[data-wb-lang="ja"] .wb-notice-popup-dialog{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif;}
@media(max-width:640px){.wb-notice-popup-mask{padding:14px;align-items:flex-start;padding-top:64px;}.wb-notice-popup-dialog{max-height:82vh;border-radius:20px;}.wb-notice-popup-top{align-items:flex-start;flex-direction:column;}.wb-notice-popup-tools{width:100%;}.wb-notice-popup-lang{flex:1;padding:0 8px;}.wb-notice-popup-x{margin-left:auto;position:absolute;right:16px;top:14px;}.wb-notice-popup-main{padding:20px 18px 8px;}.wb-notice-popup-title{font-size:22px;}.wb-notice-popup-body{max-height:50vh;font-size:14px;}.wb-notice-popup-bottom{padding:12px 18px 18px;}}
/* WB_HOME_NOTICE_POPUP_V1_END */

/* WB_HOME_LAYOUT_FIX_V2_START
   2026-05-21: enlarge HOME right floating navigation and constrain Today recommendation cards/images. */
body.web-index .web_right{
  right:12px!important;
  z-index:990!important;
}
body.web-index .web_rightlb{
  min-width:118px!important;
  padding:12px 0!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
}
body.web-index .web_rightlb li{
  width:100%!important;
}
body.web-index .web_rightlb li a{
  width:118px!important;
  min-height:52px!important;
  padding:11px 12px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  line-height:1.55!important;
  font-size:14px!important;
  letter-spacing:.01em!important;
}
body.web-index .web_rightlb li a span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  line-height:1.55!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
body.web-index[data-wb-lang="ja"] .web_rightlb li a,
body[data-wb-lang="ja"] body.web-index .web_rightlb li a{
  font-size:14px!important;
  line-height:1.6!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif!important;
}
body.web-index[data-wb-lang="ja"] .web_rightlb li a span{
  line-height:1.6!important;
}

body.web-index .web_jrtj,
body.web-index .web_jrtj .webzsff,
body.web-index .web_jrtj .swiper-container,
body.web-index .web_jrtj .zsff_banner{
  overflow:hidden!important;
}
body.web-index .web_jrtj .zsff_banner .swiper-wrapper{
  align-items:stretch!important;
}
body.web-index .web_jrtj .zsff_banner .swiper-slide{
  display:flex!important;
  align-items:stretch!important;
  gap:28px!important;
  height:auto!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body.web-index .web_jrtj .zsffont{
  float:none!important;
  flex:0 0 calc((100% - 112px) / 5)!important;
  width:calc((100% - 112px) / 5)!important;
  max-width:calc((100% - 112px) / 5)!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #edf2f7!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}
body.web-index .web_jrtj .zsffont > a:first-child{
  display:block!important;
  width:100%!important;
  height:128px!important;
  flex:0 0 128px!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border-radius:16px 16px 0 0!important;
  background:#f1f5f9!important;
}
body.web-index .web_jrtj .zsffont > a:first-child img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  min-width:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
body.web-index .web_jrtj .zsffont dl{
  display:block!important;
  margin:0!important;
  padding:12px 12px 14px!important;
  min-height:92px!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
}
body.web-index .web_jrtj .zsffont dt{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  height:auto!important;
  line-height:1.45!important;
  overflow:hidden!important;
}
body.web-index .web_jrtj .zsffont dt a{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  line-height:1.45!important;
  max-height:42px!important;
  color:#111827!important;
  font-size:14px!important;
  font-weight:700!important;
}
body.web-index .web_jrtj .zsffont dd,
body.web-index .web_jrtj .zsffont dd.cont1,
body.web-index .web_jrtj .zsffont dd.collect{
  display:block!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  line-height:1.2!important;
  overflow:hidden!important;
}
body.web-index .web_jrtj .zsffont dd p{
  margin:0!important;
  padding:0!important;
  color:#ff5a00!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
@media(max-width:1100px){
  body.web-index .web_jrtj .zsff_banner .swiper-slide{gap:14px!important;}
  body.web-index .web_jrtj .zsffont{flex-basis:calc((100% - 56px) / 5)!important;width:calc((100% - 56px) / 5)!important;max-width:calc((100% - 56px) / 5)!important;}
}
/* WB_HOME_LAYOUT_FIX_V2_END */


/* WB_LIST_COURSE_FIX_V3_START
   2026-05-21: LIST course page dropdown/category/sort fixes.
   1) Make HEADER category dropdown wide enough for long Traditional Chinese / Japanese labels.
   2) Hide legacy "全部 / すべて" category entries on already-generated static LIST pages.
   3) Hide legacy click-count sorting on already-generated static LIST pages. */
.web_header .webnav li,
.web_header .webnav li .webnavag{
  overflow:visible!important;
}
.web_header .webnav li .webnavag .web_navcb{
  width:max-content!important;
  min-width:180px!important;
  max-width:320px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  top:32px!important;
  padding:8px 0!important;
  overflow:visible!important;
  border-radius:12px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.12)!important;
  border:1px solid rgba(226,232,240,.9)!important;
  z-index:100020!important;
}
.web_header .webnav li .webnavag .web_navcb a{
  width:auto!important;
  min-width:160px!important;
  max-width:300px!important;
  height:auto!important;
  min-height:38px!important;
  box-sizing:border-box!important;
  padding:9px 16px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  text-align:left!important;
}
.web_header .webnav li .webnavag .web_navcb a:hover{
  border-radius:8px!important;
}
body[data-wb-lang="ja"] .web_header .webnav li .webnavag .web_navcb a,
.web_header .webnav li .webnavag .web_navcb a[title*="AI短編"],
.web_header .webnav li .webnavag .web_navcb a[title*="オフィス"]{
  font-size:14px!important;
  line-height:1.45!important;
}
.splist .web_zslist .warp .items li:has(> a[href="/html/airengong/"]),
.splist .web_zslist .warp .items li:has(> a[href="/html/AIzineng/"]),
.splist .web_zslist .warp .items li:has(> a[href="/html/__chen____/"]),
.splist .web_zslist .warp .items li:has(> a[href="/html/__chen_/"]),
body.wb-list-page .web_zslist .warp .items li:has(> a[href="/html/airengong/"]),
body.wb-list-page .web_zslist .warp .items li:has(> a[href="/html/AIzineng/"]),
body.wb-list-page .web_zslist .warp .items li:has(> a[href="/html/__chen____/"]),
body.wb-list-page .web_zslist .warp .items li:has(> a[href="/html/__chen_/"]){
  display:none!important;
}
.splist .main .filter .sort a[onclick*="sort=click"],
.splist .main .filter .sort a[href*="sort=click"],
body.wb-list-page .main .filter .sort a[onclick*="sort=click"],
body.wb-list-page .main .filter .sort a[href*="sort=click"]{
  display:none!important;
}
/* WB_LIST_COURSE_FIX_V3_END */

/* =========================================================
   Waterbear V21 - 订单购买页余额不足弹窗尺寸修复
   直接覆盖 CSS 版本：无需执行写入工具，修复 layui confirm 关闭按钮被遮挡
========================================================= */
body.wb-order-pay-page .layui-layer.layui-layer-dialog{
    width:440px!important;
    max-width:calc(100vw - 40px)!important;
    border-radius:18px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    padding-top:10px!important;
    box-shadow:0 18px 50px rgba(15,23,42,.20)!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-content{
    min-height:84px!important;
    padding:34px 58px 22px 38px!important;
    line-height:1.8!important;
    font-size:14px!important;
    color:#1f2937!important;
    text-align:center!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    word-break:normal!important;
    white-space:normal!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin{
    top:14px!important;
    right:14px!important;
    width:32px!important;
    height:32px!important;
    z-index:19899999!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close1{
    position:relative!important;
    display:block!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    border-radius:50%!important;
    background:rgba(17,24,39,.10)!important;
    overflow:hidden!important;
    background-image:none!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:before,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:after,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close1:before,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close1:after{
    content:""!important;
    position:absolute!important;
    left:9px!important;
    top:15px!important;
    width:14px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#4b5563!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:before,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close1:before{transform:rotate(45deg)!important;}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close2:after,
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-setwin .layui-layer-close1:after{transform:rotate(-45deg)!important;}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-btn{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 24px 24px!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-btn a{
    min-width:118px!important;
    height:36px!important;
    line-height:36px!important;
    margin:0!important;
    padding:0 16px!important;
    border-radius:5px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
}
body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-resize{display:none!important;}
@media (max-width:768px){
    body.wb-order-pay-page .layui-layer.layui-layer-dialog{
        width:88vw!important;
        left:6vw!important;
        margin-left:0!important;
    }
    body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-content{
        padding:38px 26px 22px!important;
        min-height:96px!important;
    }
    body.wb-order-pay-page .layui-layer.layui-layer-dialog .layui-layer-btn{
        flex-wrap:wrap!important;
        padding-bottom:22px!important;
    }
}


/* WB_MOBILE_BLOCK_NOTICE_FIX_V22_START */
html.wb-mobile-blocked-root .wb-notice-popup-mask,
body.wb-mobile-blocked-body .wb-notice-popup-mask,
.wb-mobile-block-page ~ .wb-notice-popup-mask {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.wb-mobile-blocked-root,
body.wb-mobile-blocked-body {
  overflow: auto !important;
}
/* WB_MOBILE_BLOCK_NOTICE_FIX_V22_END */


/* WB_MOBILE_BLOCK_CUSTOM_ONLY_V23_START
   手机/平板禁止访问页：只显示后台自定义标题、内容和按钮；隐藏系统追加的固定提示。 */
.wb-mobile-block-page .wb-mobile-block-tips{display:none!important;}
.wb-mobile-block-page .wb-mobile-block-card p{white-space:normal!important;}
/* WB_MOBILE_BLOCK_CUSTOM_ONLY_V23_END */


/* =====================================================
   Waterbear V25 - LIST 课程列表页删除排序四项
   删除/隐藏：默认排序、最新、价格、收藏（兼容旧静态页）
===================================================== */
body .splist .main .filter,
body .splist .main .filter.clearfix,
body .splist .main .filter .sort,
body .splist .main .filter .sort.l {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body .splist .main .w1430 > .filter + .kc-list,
body .splist .main .w1430 > .kc-list {
  margin-top: 0 !important;
}

/* =====================================================
   V28 訂單支付頁 / 會員中心頁：隱藏左側大 LOGO
   目的：訂單頁與個人中心頁不顯示過大的 ey-logo 圖片，保留頂部導航與用戶入口
===================================================== */
body.wb-pay-detail-page .ey-header .ey-logo,
body.wb-pay-detail-page .ey-header .ey-logo a,
body.wb-pay-detail-page .ey-header .ey-logo img,
body.centre .ey-header .ey-logo,
body.centre .ey-header .ey-logo a,
body.centre .ey-header .ey-logo img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* LOGO 隱藏後，會員/訂單頁導航向左收齊 */
body.wb-pay-detail-page .ey-header .ey-header-nav,
body.centre .ey-header .ey-header-nav {
    margin-left: 0 !important;
    padding-left: 0 !important;
}