@import url('https://fonts.googleapis.com/css2?family=Kodchasan:wght@400;500;600&family=Mitr:wght@300;400;500;600&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body.inner-page{margin:0;color:#315e77;background:linear-gradient(180deg,#eaf8ff,#fff 45%,#eef9fd);font-family:"Prompt",Arial,sans-serif}.inner-page a{color:inherit;text-decoration:none}.inner-page img{max-width:100%}
.inner-hero{position:relative;height:430px;overflow:hidden;color:#fff;background:#248fcf}.inner-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.inner-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,57,86,.28),rgba(16,45,64,.72))}.inner-nav{position:relative;z-index:2;width:min(1180px,calc(100% - 30px));height:82px;margin:18px auto 0;padding:0 18px;display:flex;align-items:center;gap:35px;border:1px solid rgba(255,255,255,.72);border-radius:17px;background:rgba(245,252,255,.92);box-shadow:0 14px 34px rgba(8,45,70,.18)}.inner-brand{width:112px;height:72px;display:grid;place-items:center;flex:0 0 112px}.inner-brand img{display:block!important;width:112px!important;height:70px!important;object-fit:contain!important}.inner-nav>div{margin:auto;display:flex;gap:38px}.inner-nav>div a{color:#3e657b;font-size:13px}.inner-login{padding:12px 18px;color:#fff!important;border-radius:9px;background:#e5a32b}.inner-hero-copy{position:relative;z-index:2;width:min(1000px,calc(100% - 30px));margin:82px auto 0;text-align:center;text-shadow:0 3px 18px rgba(6,31,48,.5)}.inner-hero-copy small{font-weight:700;font-size:10px;letter-spacing:3px}.inner-hero-copy h1{margin:8px 0;font-size:44px;line-height:1.25}.inner-hero-copy p{margin:0;font-size:14px}
.inner-content{position:relative;z-index:3;width:min(1180px,calc(100% - 30px));min-height:280px;margin:-38px auto 65px;padding:34px;border:1px solid #d6eaf3;border-radius:22px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(38,112,148,.16)}.public-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 25px}.public-filter a{padding:9px 15px;color:#4c829e;border:1px solid #cce4ef;border-radius:20px;background:#f7fcff}.public-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.public-card-grid>a{overflow:hidden;color:#456d83;border:1px solid #d7eaf3;border-radius:14px;background:#fbfeff;box-shadow:0 8px 20px rgba(52,126,160,.08)}.public-card-grid img{display:block;width:100%;height:180px;object-fit:cover}.public-card-grid>a>div{padding:16px}.public-card-grid h2{margin:4px 0;color:#315e77;font-size:18px}.public-card-grid p{margin:0;color:#7992a0;font-size:12px}.public-card-grid time{display:block;margin:10px 0;color:#91a6b0;font-size:10px}.public-card-grid span{color:#4596be;font-size:11px;font-weight:600}
.download-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.download-platform-card{padding:20px;border:1px solid #d5e9f2;border-radius:16px;background:linear-gradient(145deg,#fff,#f1faff)}.download-platform-heading{display:flex;align-items:center;gap:13px}.download-platform-heading>b{width:48px;height:48px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(135deg,#72c0e2,#3e93bf);font-size:22px}.download-platform-heading h2,.download-platform-heading p{margin:0}.download-platform-heading h2{font-size:18px}.download-platform-heading p{color:#7d97a4;font-size:11px}.download-links{margin-top:15px;display:grid;gap:9px}.download-links>a{padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #d7eaf3;border-radius:10px;background:#fff}.download-links>a>div{min-width:0;flex:1}.download-links strong,.download-links span{display:block}.download-links span{color:#8199a6;font-size:10px}.download-links small{color:#d89321;font-size:8px}.download-links i{color:#4a9fc8;font-size:20px;font-style:normal}.download-empty,.member-empty{color:#92a5af;font-size:11px}
.general-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.general-sidebar{padding:22px;border-radius:15px;background:linear-gradient(160deg,#eaf8ff,#fdfefe)}.general-sidebar>small,.general-main>small{color:#4b9fc9;font-size:9px;font-weight:700;letter-spacing:2px}.general-sidebar h2{margin:4px 0 18px}.general-sidebar>a{padding:11px 8px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #dbeaf1}.general-sidebar>a>b{width:37px;height:37px;display:grid;place-items:center;color:#fff;border-radius:9px;background:#55a8cf}.general-sidebar strong,.general-sidebar span small{display:block}.general-sidebar span small{color:#849ba7;font-size:9px}.general-main>h1{max-width:700px;font-size:30px}.general-main>p{color:#718b99;line-height:1.8}.general-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:25px}.general-guide-grid>a{padding:19px;border:1px solid #d7eaf3;border-radius:13px;background:#fafeff}.general-guide-grid i{color:#4b9fc9;font-size:25px;font-style:normal}.general-guide-grid h3{margin:7px 0}.general-guide-grid p{color:#7d95a2;font-size:11px}.general-guide-grid span{color:#4697be;font-size:10px}
.guide-page-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px}.member-sidebar{display:grid;align-content:start;gap:7px}.member-sidebar h2{font-size:14px}.member-sidebar a{padding:11px 13px;border-radius:9px}.member-sidebar a.active{color:#fff;background:#51a5ce}.member-heading{padding-bottom:14px;border-bottom:1px solid #dbeaf1}.member-heading h1{margin:3px 0}.member-heading small{color:#4b9fc9;letter-spacing:2px}.guide-cover,.public-article-cover{display:block;width:100%;max-height:460px;margin:20px 0;object-fit:cover;border-radius:14px}.guide-article,.public-article-body{color:#4f7183;line-height:1.85}.guide-article img,.public-article-body img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:10px}
.site-footer{color:#dcebf2;background:linear-gradient(135deg,#0b2d40,#071d2a);border-top:2px solid #e4a32a}.footer-main{width:min(1180px,calc(100% - 30px));margin:auto;padding:45px 0 38px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-brand img{display:block;width:145px!important;height:90px!important;object-fit:contain}.footer-brand p{color:#9fb8c5;font-size:11px;line-height:1.7}.footer-brand small{color:#708e9d;font-size:9px}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column h2{margin:0 0 8px;color:#fff;font-size:11px;letter-spacing:1px}.footer-column a{color:#a9c0cb;font-size:11px}.footer-bottom{min-height:55px;padding:10px max(15px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;color:#7795a3;background:rgba(2,16,23,.35);font-size:9px}.footer-bottom span{color:#e5a32b;letter-spacing:2px}.footer-bottom p{margin:0}
@media(max-width:850px){.inner-hero{height:350px}.inner-nav{height:70px}.inner-brand,.inner-brand img{width:90px!important;height:58px!important}.inner-nav>div{display:none}.inner-hero-copy{margin-top:75px}.inner-hero-copy h1{font-size:34px}.inner-content{padding:20px}.public-card-grid{grid-template-columns:1fr}.general-layout,.guide-page-shell{grid-template-columns:1fr}.general-guide-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:560px){.inner-hero{height:320px}.inner-nav{margin-top:10px;padding:0 10px}.inner-login{margin-left:auto}.inner-hero-copy{margin-top:66px}.inner-hero-copy h1{font-size:28px}.inner-content{width:calc(100% - 20px);margin-top:-25px;padding:16px}.download-platform-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* Full-screen hero for every public inner page. Content begins below it. */
.inner-hero {
  height: 100vh;
  min-height: 720px;
}
.inner-hero-shade {
  background: linear-gradient(180deg, rgba(16,57,86,.16), rgba(16,45,64,.55));
}
.inner-hero-copy {
  position: absolute;
  top: 52%;
  left: 50%;
  width: min(1000px, calc(100% - 30px));
  margin: 0;
  transform: translate(-50%, -50%);
}
.inner-content {
  z-index: auto;
  margin: 60px auto 65px;
  background: #fff;
}
.inner-page-intro {
  position: relative;
  width: min(1100px, calc(100% - 30px));
  min-height: 190px;
  margin: 52px auto 22px;
  padding: 38px 120px 38px 40px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid #cfe6f1;
  border-radius: 20px;
  background: linear-gradient(120deg, #ffffff 0%, #eef9ff 70%, #dff3fd 100%);
  box-shadow: 0 16px 38px rgba(38, 112, 148, .12);
}
.inner-page-intro::before,
.inner-page-intro::after {
  content: "";
  position: absolute;
  right: -45px;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(80, 166, 207, .22);
  border-radius: 50%;
}
.inner-page-intro::before { top: -95px; }
.inner-page-intro::after { bottom: -125px; right: 75px; }
.inner-page-intro-copy { position: relative; z-index: 1; }
.inner-page-intro small {
  color: #459ac4;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}
.inner-page-intro h1 {
  margin: 7px 0 5px;
  color: #315e77;
  font-size: 38px;
  line-height: 1.25;
}
.inner-page-intro p { margin: 0; color: #7893a1; font-size: 13px; }
.inner-page-intro-icon {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 38px;
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 18px;
  background: linear-gradient(135deg, #76c7e7, #4199c4);
  box-shadow: 0 12px 26px rgba(52, 144, 188, .24);
  font-size: 28px;
  transform: translateY(-50%);
}
.inner-page-intro + .inner-content { margin-top: 0; }
@media (max-width: 850px) {
  .inner-hero {
    height: 100svh;
    min-height: 620px;
  }
  .inner-hero-copy {
    top: 54%;
    margin: 0;
  }
  .inner-content {
    margin-top: 35px;
  }
  .inner-page-intro { margin-top: 35px; }
  .inner-page-intro + .inner-content { margin-top: 0; }
}
@media (max-width: 560px) {
  .inner-hero {
    height: 100svh;
    min-height: 560px;
  }
  .inner-hero-copy {
    top: 54%;
    margin: 0;
  }
  .inner-content {
    margin-top: 25px;
  }
  .inner-page-intro {
    min-height: 160px;
    margin-top: 25px;
    padding: 28px 72px 28px 22px;
  }
  .inner-page-intro h1 { font-size: 28px; }
  .inner-page-intro p { font-size: 11px; }
  .inner-page-intro-icon { right: 18px; width: 48px; height: 48px; border-radius: 12px; font-size: 20px; }
  .inner-page-intro + .inner-content { margin-top: 0; }
}
.server-info-content{width:min(1100px,calc(100% - 30px));margin:0 auto 70px}.server-status-summary{margin-bottom:22px;padding:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid #cfe6f1;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(38,112,148,.1)}.server-status-summary>div{padding:14px;border-radius:12px;background:#f1faff}.server-status-summary small,.server-status-summary strong{display:block}.server-status-summary small{color:#7693a2;font-size:9px;letter-spacing:1px}.server-status-summary strong{margin-top:5px;color:#315e77;font-size:16px}.server-status-summary .state-online{color:#35a66c}.server-status-summary .state-offline{color:#d75555}.server-status-summary .state-under-construction,.server-status-summary .state-under-maintenance{color:#c58a1b}.server-detail-block{margin-top:18px;overflow:hidden;border:1px solid #d4e8f2;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(38,112,148,.08)}.server-detail-block>header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfedf4;background:linear-gradient(120deg,#f8fdff,#eaf8ff)}.server-detail-block>header>span{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:11px;background:#54a8cf}.server-detail-block h2,.server-detail-block p{margin:0}.server-detail-block h2{font-size:20px}.server-detail-block header p{color:#8098a5;font-size:11px}.server-detail-block article{padding:25px;color:#537486;line-height:1.85}.server-detail-block article img{display:block;max-width:100%;height:auto;margin:18px auto;border-radius:10px}.server-info-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #d3e7f0;border-radius:12px}.server-info-table-wrap table{width:100%;border-collapse:collapse}.server-info-table-wrap th,.server-info-table-wrap td{padding:12px 14px;border-bottom:1px solid #e0edf3;text-align:left}.server-info-table-wrap th{color:#fff;background:#53a5cc}.server-info-table-wrap tr:nth-child(even) td{background:#f4fbfe}.server-info-empty{color:#95a8b1;text-align:center}.server-editor-block{margin:20px 0;padding:15px;border:1px solid #d7eaf3;border-radius:14px;background:#f9fdff}.server-editor-block .cms-toolbar{margin-top:0}.server-cms-editor{width:100%;min-height:240px;margin-top:10px;padding:15px;color:#315d73;border:1px solid #cbe2ed;border-radius:10px;background:#fff;font:13px/1.7 monospace;resize:vertical}.server-editor-note{padding:12px;color:#4d7c95;border-radius:9px;background:#edf9fe}@media(max-width:760px){.server-status-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.server-detail-block article{padding:18px}.server-editor-block .cms-toolbar{align-items:flex-start;flex-wrap:wrap}.server-editor-block .cms-toolbar span{width:100%;margin-left:0}}@media(max-width:480px){.server-status-summary{grid-template-columns:1fr}}
.cms-paragraph-gap{height:16px}.cms-text-line{min-height:1.6em}.public-article-body a,.guide-article a,.server-detail-block article a{color:#3298c8;text-decoration:underline}.cms-table-wrap{overflow-x:auto;margin:16px 0;border:1px solid #d3e7f0;border-radius:12px}.cms-table-wrap table{width:100%;border-collapse:collapse}.cms-table-wrap th,.cms-table-wrap td{padding:12px 14px;border-bottom:1px solid #e0edf3;text-align:left}.cms-table-wrap th{color:#fff;background:#53a5cc}.cms-table-wrap tr:nth-child(even) td{background:#f4fbfe}
.server-status-summary.server-status-only{grid-template-columns:1fr}.server-status-only>div{text-align:center}
.cms-align-left{display:block;text-align:left}.cms-align-center{display:block;text-align:center}.cms-table-wrap th,.cms-table-wrap td{text-align:center}.cms-table-wrap th:first-child,.cms-table-wrap td:first-child{text-align:left;font-weight:700}.cms-table-wrap th{color:#39718d;background:#dff3fc}.cms-table-wrap tbody tr:hover td{background:#edf9fe}
.cms-text-line img,.cms-align-left img,.cms-align-center img{display:inline-block!important;width:auto;max-width:100%;height:auto;margin:0 5px!important;vertical-align:middle}.cms-align-left img{margin-left:0!important}.cms-align-center{text-align:center}
.download-link{width:100%;padding:12px;display:flex;align-items:center;gap:10px;color:inherit;border:1px solid #d7eaf3;border-radius:10px;background:#fff;text-align:left;font:inherit;cursor:pointer}.download-link>div{min-width:0;flex:1}.download-link:hover{border-color:#76bfdf;box-shadow:0 8px 20px rgba(49,139,181,.12)}.download-qr-open{overflow:hidden}.download-qr-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px}.download-qr-modal.is-open{display:flex}.download-qr-backdrop{position:absolute;inset:0;background:rgba(20,55,73,.72);backdrop-filter:blur(5px)}.download-qr-dialog{position:relative;z-index:1;width:min(460px,100%);padding:32px;text-align:center;border:1px solid #bfe2f2;border-radius:22px;background:linear-gradient(145deg,#fff,#ebf9ff);box-shadow:0 28px 80px rgba(14,70,98,.35)}.download-qr-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;color:#39718d;background:#e6f6fd;font-size:25px;cursor:pointer}.download-qr-icon{width:58px;height:58px;margin:0 auto 10px;display:grid;place-items:center;color:#fff;border-radius:16px;background:linear-gradient(135deg,#74c7e7,#3e99c5);font-size:25px}.download-qr-dialog small{color:#4199c4;font-size:10px;letter-spacing:1.5px}.download-qr-dialog h2{margin:6px 0;color:#315e77;font-size:28px}.download-qr-dialog p{margin:0 0 18px;color:#7893a1;font-size:12px}.download-qr-image{width:min(320px,100%);aspect-ratio:1;margin:0 auto 18px;padding:12px;border:1px solid #cde6f1;border-radius:18px;background:#fff}.download-qr-image img{display:block;width:100%;height:100%;object-fit:contain}.download-qr-direct{display:inline-flex;padding:12px 22px;color:#fff;border-radius:10px;background:#4ca6cf;font-weight:700}.download-qr-direct:hover{background:#368db7}@media(max-width:520px){.download-qr-dialog{padding:28px 18px 24px}.download-qr-image{width:min(280px,82vw)}.download-qr-dialog h2{font-size:24px}}
.download-qr-modal:target{display:flex}.download-qr-close{display:grid;place-items:center;text-decoration:none}
.download-spec-card{background:linear-gradient(145deg,#fff,#edf9fe)}.download-spec-list{margin:16px 0 0;display:grid;gap:0;border:1px solid #d9ebf3;border-radius:11px;overflow:hidden}.download-spec-list>div{padding:10px 12px;display:grid;grid-template-columns:105px 1fr;gap:12px;background:#fff;border-bottom:1px solid #e1eef4}.download-spec-list>div:last-child{border-bottom:0}.download-spec-list dt{color:#4a9fc8;font-size:10px;font-weight:700;text-transform:uppercase}.download-spec-list dd{margin:0;color:#5f7e8e;font-size:11px}
.download-fix-card{grid-column:1/-1;padding:24px;border:1px solid #cfe6f1;border-radius:18px;background:linear-gradient(145deg,#fff,#edf9fe);box-shadow:0 12px 30px rgba(38,112,148,.08)}.download-fix-card>header{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #d9ebf3}.download-fix-card>header>b{width:52px;height:52px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(135deg,#72c0e2,#3e93bf);font-size:25px}.download-fix-card header small{color:#4a9fc8;font-size:9px;font-weight:700;letter-spacing:1.5px}.download-fix-card h2,.download-fix-card p{margin:0}.download-fix-card h2{color:#315e77;font-size:22px}.download-fix-card header p{color:#7d97a4;font-size:11px}.download-fix-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.download-fix-grid details{overflow:hidden;border:1px solid #d7eaf3;border-radius:11px;background:#fff}.download-fix-grid summary{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#416f87;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.download-fix-grid summary::-webkit-details-marker{display:none}.download-fix-grid summary i{width:24px;height:24px;display:grid;place-items:center;color:#fff;border-radius:7px;background:#55a8cf;font-size:16px;font-style:normal;transition:transform .2s}.download-fix-grid details[open] summary i{transform:rotate(45deg)}.download-fix-grid details p{padding:0 16px 15px;color:#708d9c;font-size:11px;line-height:1.75}@media(max-width:700px){.download-fix-grid{grid-template-columns:1fr}.download-fix-card{padding:18px}.download-fix-card>header{align-items:flex-start}.download-spec-list>div{grid-template-columns:90px 1fr}}


/* =========================================================
   Rabbit Hi Class public theme override
   ========================================================= */
500;600&family=Mitr:wght@300;400;500;600&display=swap');

html,body{overflow-x:hidden}
body.inner-page{
  margin:0;
  color:#314b62;
  background:#f4f9fd;
  font-family:'Mitr',sans-serif;
}
body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page button{
  font-family:'Kodchasan',sans-serif;
}
.rabbit-public-header{
  height:74px;
  position:relative;
  z-index:50;
  background:#fff;
  border-bottom:1px solid #dfe9f1;
  box-shadow:none;
}
.rabbit-public-nav{
  width:min(1180px,calc(100% - 32px));
  height:100%;
  min-height:0;
  margin:auto;
  display:flex;
  align-items:center;
}
.rabbit-public-brand{display:none!important}
.rabbit-public-links{
  height:100%;
  flex:1;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
}
.rabbit-public-links>a{
  width:104px;
  min-width:104px;
  padding:0;
  text-decoration:none;
  color:#20344b!important;
  text-align:center;
  border-left:1px solid #edf1f5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1px;
  position:relative;
  font-family:'Mitr',sans-serif;
}
.rabbit-public-links>a:last-child{border-right:1px solid #edf1f5}
.rabbit-public-links>a b{font-size:12px;font-weight:600}
.rabbit-public-links small{
  margin:0;
  font-size:8px;
  line-height:1.2;
  font-family:'Mitr',sans-serif;
  color:#718197;
}
.rabbit-public-links>a:after{
  content:"";
  height:3px;
  background:#ff4b7d;
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  border-radius:3px;
  opacity:0;
  transition:left .22s ease,right .22s ease,opacity .22s ease;
}
.rabbit-public-links>a:hover:after,
.rabbit-public-links>a:focus-visible:after{left:14px;right:14px;opacity:1}
.rabbit-public-links>a:hover,
.rabbit-public-links>a:focus-visible{
  background:linear-gradient(to bottom,#fff 0%,#fff8fb 100%);
  color:#ef3f72!important;
}
.rabbit-public-account{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:18px;
}
.rabbit-public-account a{
  width:105px;
  padding:9px 12px;
  border-radius:9px;
  color:#fff!important;
  text-decoration:none;
  text-align:center;
  font-weight:700;
  font-size:13px;
  line-height:1.2;
  box-shadow:inset 0 1px rgba(255,255,255,.25);
}
.rabbit-public-account a small{display:block;font-size:8px;color:#fff}
.rabbit-public-account .login{background:linear-gradient(#28a8f2,#077bd5)}
.rabbit-public-account .register{background:linear-gradient(#ff5c8a,#ed2c67)}
.rabbit-inner-hero{
  position:relative;
  height:310px;
  overflow:hidden;
}
.rabbit-inner-bg{
  position:absolute;
  inset:0;
  background:url('rabbit_assets/images/hero-bg.jpg') center 48% / cover no-repeat;
}
.rabbit-inner-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.12),rgba(255,255,255,.04));
}
.rabbit-inner-logo{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:min(510px,42vw)!important;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 12px 18px rgba(67,58,56,.18));
}
.rabbit-inner-sign-left,
.rabbit-inner-sign-right{
  position:absolute;
  z-index:2;
  top:52%;
  width:180px!important;
  transform:translateY(-50%);
}
.rabbit-inner-sign-left{left:max(25px,calc(50% - 540px))}
.rabbit-inner-sign-right{right:max(25px,calc(50% - 540px));width:190px!important}

.inner-page-intro{
  width:min(1100px,calc(100% - 30px));
  min-height:148px;
  margin:32px auto 22px;
  padding:30px 115px 30px 34px;
  border:1px solid #d8e8f3;
  border-radius:18px;
  background:linear-gradient(125deg,#fff,#eef8ff);
  box-shadow:0 12px 30px rgba(42,86,119,.08);
}
.inner-page-intro small{color:#2a9ade}
.inner-page-intro h1{color:#29465e;font-size:32px}
.inner-page-intro p{color:#7890a2}
.inner-page-intro-icon{background:linear-gradient(135deg,#2ca8ef,#197fc7)}

.inner-content,
.server-info-content{
  position:relative;
  z-index:2;
}
.inner-content{
  margin:0 auto 55px;
  border:1px solid #dbe9f2;
  box-shadow:0 14px 35px rgba(52,89,116,.08);
}
.public-filter a{
  color:#3d82ae;
  border-color:#d4e7f2;
  background:#f7fbfe;
}
.public-filter a:hover{color:#e8497e;border-color:#f0b9cd}
.public-card-grid>a,
.download-platform-card,
.general-guide-grid>a,
.server-detail-block,
.server-status-summary{
  border-color:#dbe9f2;
  box-shadow:0 8px 24px rgba(51,88,116,.06);
}
.public-card-grid>a:hover,
.general-guide-grid>a:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(51,88,116,.10);
}
.member-sidebar a.active{background:linear-gradient(135deg,#2ba9ef,#1d83cb)}
.server-detail-block>header{background:linear-gradient(120deg,#f8fcff,#edf8ff)}
.server-detail-block>header>span{background:linear-gradient(135deg,#2aa9ef,#2388cd)}

.rabbit-public-footer{
  position:relative;
  margin-top:50px;
  color:#dbe8f1;
  background:#172d43;
}
.rabbit-footer-grass{
  position:absolute;
  top:-38px;
  right:30px;
  width:310px!important;
  max-width:40vw!important;
}
.rabbit-footer-inner{
  width:min(1180px,calc(100% - 30px));
  min-height:105px;
  margin:auto;
  padding:22px 0;
  display:grid;
  grid-template-columns:1.2fr 1.5fr .65fr;
  gap:30px;
  align-items:center;
}
.rabbit-footer-brand{display:flex;align-items:center;gap:12px}
.rabbit-footer-brand img{width:100px!important;height:65px!important;object-fit:contain!important}
.rabbit-footer-brand b,.rabbit-footer-brand small{display:block}
.rabbit-footer-brand b{font-size:11px;color:#fff}
.rabbit-footer-brand small{font-size:9px;color:#a9bdcc}
.rabbit-public-footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.rabbit-public-footer nav a{color:#d3e0e8;font-size:10px}
.rabbit-public-footer nav a:hover{color:#fff}
.rabbit-footer-see{
  text-align:right;
  color:#fff;
  font:500 16px 'Kodchasan',sans-serif;
  line-height:1.2;
  transform:rotate(-4deg);
}

@media(max-width:1050px){
  .rabbit-public-brand{display:none}
  .rabbit-public-links>a{min-width:78px;padding-left:8px;padding-right:8px}
  .rabbit-public-account>a{width:96px}
}
@media(max-width:850px){
  .rabbit-public-nav{min-height:64px;align-items:center}
  .rabbit-public-links{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  .rabbit-public-links::-webkit-scrollbar{display:none}
  .rabbit-public-links>a{min-width:80px;padding:12px 8px 10px}
  .rabbit-public-account{padding-left:8px}
  .rabbit-public-account>a{width:82px;min-height:40px;font-size:11px}
  .rabbit-inner-hero{height:245px}
  .rabbit-inner-logo{width:min(400px,52vw)!important}
  .rabbit-inner-sign-left,.rabbit-inner-sign-right{width:135px!important}
  .rabbit-inner-sign-left{left:18px}.rabbit-inner-sign-right{right:18px}
  .rabbit-footer-inner{grid-template-columns:1fr 1fr}
  .rabbit-footer-see{display:none}
}
@media(max-width:620px){
  .rabbit-public-nav{width:100%}
  .rabbit-public-account{display:none}
  .rabbit-public-links>a{min-width:74px;font-size:10px}
  .rabbit-inner-hero{height:210px}
  .rabbit-inner-logo{width:72vw!important}
  .rabbit-inner-sign-left,.rabbit-inner-sign-right{display:none}
  .inner-page-intro{min-height:132px;margin:20px 10px 16px;width:auto;padding:24px 72px 24px 22px}
  .inner-page-intro h1{font-size:25px}
  .rabbit-footer-inner{grid-template-columns:1fr;gap:14px}
  .rabbit-public-footer nav{justify-content:flex-start}
  .rabbit-footer-grass{display:none}
}


/* =========================================================
   FORCE SAME FONT SYSTEM AS HOMEPAGE
   Homepage:
   - Mitr = body/content
   - Kodchasan = navigation/headings/buttons
   ========================================================= */

html,
body.inner-page,
body.inner-page p,
body.inner-page span,
body.inner-page li,
body.inner-page td,
body.inner-page th,
body.inner-page label,
body.inner-page input,
body.inner-page textarea,
body.inner-page select,
body.inner-page time,
body.inner-page small,
body.inner-page .news-card,
body.inner-page .news-card p,
body.inner-page .news-card time,
body.inner-page .news-detail,
body.inner-page .news-detail p,
body.inner-page .download-description,
body.inner-page .guide-description,
body.inner-page .server-info-content,
body.inner-page .server-info-content p,
body.inner-page .server-info-content li,
body.inner-page .public-card-grid p,
body.inner-page .public-card-grid small {
  font-family:'Mitr',sans-serif !important;
}

body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page h4,
body.inner-page h5,
body.inner-page h6,
body.inner-page button,
body.inner-page .rabbit-public-links a,
body.inner-page .rabbit-public-links b,
body.inner-page .rabbit-public-account a,
body.inner-page .inner-page-intro h1,
body.inner-page .inner-page-intro h2,
body.inner-page .section-title,
body.inner-page .public-filter a,
body.inner-page .news-card h2,
body.inner-page .news-card h3,
body.inner-page .news-detail h1,
body.inner-page .news-detail h2,
body.inner-page .download-platform-card h2,
body.inner-page .download-platform-card h3,
body.inner-page .general-guide-grid h3,
body.inner-page .server-detail-block h2,
body.inner-page .server-detail-block h3 {
  font-family:'Kodchasan',sans-serif !important;
}

body.inner-page {
  font-weight:400;
}

body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page .rabbit-public-links b {
  font-weight:600;
}

/* Match homepage navigation text sizing/feel */
.rabbit-public-links > a {
  font-family:'Kodchasan',sans-serif !important;
  font-weight:500;
}

.rabbit-public-links > a small {
  font-family:'Mitr',sans-serif !important;
  font-weight:400;
}

/* Prevent old page CSS from restoring legacy fonts */
.inner-content *,
.server-info-content *,
.public-card-grid *,
.news-detail *,
.download-page *,
.general-page * {
  font-family:inherit;
}


/* v22 — final public font lock */
body.inner-page,
body.inner-page * {
  font-family:'Mitr', Tahoma, sans-serif !important;
}
body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page h4,
body.inner-page h5,
body.inner-page h6,
body.inner-page button,
body.inner-page .rabbit-public-links > a,
body.inner-page .rabbit-public-links > a b,
body.inner-page .rabbit-public-account > a,
body.inner-page .inner-page-intro h1,
body.inner-page .public-filter a {
  font-family:'Kodchasan','Mitr',Tahoma,sans-serif !important;
}
body.inner-page .rabbit-public-links small,
body.inner-page .rabbit-public-account small {
  font-family:'Mitr',Tahoma,sans-serif !important;
}

/* =========================================================
   v23 - Public header font = Homepage header exactly
   Homepage .mainnav inherits Kodchasan from nav selector.
   Keep both Thai label and English subtitle on same family.
   ========================================================= */
body.inner-page .rabbit-public-links,
body.inner-page .rabbit-public-links > a,
body.inner-page .rabbit-public-links > a b,
body.inner-page .rabbit-public-links > a small,
body.inner-page .rabbit-public-account,
body.inner-page .rabbit-public-account > a,
body.inner-page .rabbit-public-account > a small {
  font-family:'Kodchasan',sans-serif !important;
}
body.inner-page .rabbit-public-links > a b {
  font-size:12px !important;
  line-height:normal !important;
  font-weight:600 !important;
}
body.inner-page .rabbit-public-links > a small {
  font-size:8px !important;
  line-height:normal !important;
  font-weight:400 !important;
  color:#718197 !important;
}
body.inner-page .rabbit-public-account > a {
  font-size:13px !important;
  font-weight:700 !important;
}
body.inner-page .rabbit-public-account > a small {
  font-size:8px !important;
  font-weight:400 !important;
}