.ktv-pro-site-header{
  width:100%;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
  position:relative;
  z-index:9999;
}

.ktv-pro-header-desktop{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 34px;
  background:linear-gradient(180deg,#080808,#13110d);
  border-bottom:1px solid rgba(232,190,108,.28);
}

.ktv-pro-logo{
  text-decoration:none;
  line-height:1.2;
}

.ktv-pro-logo span{
  display:block;
  color:#f5d89d;
  font-size:28px;
  font-weight:900;
  letter-spacing:3px;
}

.ktv-pro-logo small{
  display:block;
  margin-top:6px;
  color:#d8b76a;
  font-size:12px;
  letter-spacing:3px;
}

.ktv-pro-desktop-nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.ktv-pro-desktop-nav a{
  color:#f5d89d;
  text-decoration:none;
  font-size:16px;
  font-weight:800;
}

.ktv-pro-desktop-nav a:hover{
  color:#fff2c2;
}

.ktv-pro-line{
  padding:11px 18px;
  border-radius:999px;
  background:linear-gradient(180deg,#f6d58c,#b88738);
  color:#15100a !important;
}

.ktv-pro-header-mobile{
  display:none;
  height:72px;
  align-items:center;
  justify-content:center;
  position:relative;
  background:linear-gradient(180deg,#080808,#13110d);
  border-bottom:1px solid rgba(232,190,108,.28);
}

.ktv-pro-menu-toggle{
position:absolute !important;
left:16px !important;
top:50% !important;
transform:translateY(-50%) !important;

width:74px !important;
height:54px !important;
min-width:74px !important;
min-height:54px !important;

padding:0 !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

border:none !important;
border-radius:999px !important;

background:
linear-gradient(
180deg,
#8b8574 0%,
#746c5f 100%
) !important;

color:#f1cc82 !important;
font-size:28px !important;
line-height:1 !important;

cursor:pointer !important;

box-shadow:
inset 0 7px 12px rgba(0,0,0,.34),
inset 0 -3px 6px rgba(255,255,255,.12),
0 10px 18px rgba(0,0,0,.35) !important;
}

.ktv-pro-mobile-title{
  font-size:23px;
  font-weight:900;
  letter-spacing:3px;
  color:#f5d89d;
}

.ktv-pro-mobile-menu{
  display:none;
  padding:14px 22px 20px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,242,236,.98));
}

.ktv-pro-mobile-menu.open{
  display:block;
}

.ktv-pro-mobile-menu a{
  display:block;
  padding:15px 0;
  color:#b08847;
  text-decoration:none;
  font-size:17px;
  font-weight:800;
  line-height:1.5;
  border-bottom:1px solid rgba(0,0,0,.06);
}

@media(max-width:767px){

  .ktv-pro-header-desktop{
    display:none;
  }

  .ktv-pro-header-mobile{
    display:flex;
  }

}

@media(min-width:768px){

  .ktv-pro-mobile-menu{
    display:none !important;
  }

}

.ktv-pro-home-merged{
  width:100%;
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.ktv-pro-home-merged *,
.ktv-pro-home-merged *::before,
.ktv-pro-home-merged *::after{
  box-sizing:border-box;
}

.ktv-pro-main-content{
  width:100%;
  margin:0;
  padding:0;
}

.ktv-pro-hero-one,
.ktv-pro-hero-one *{
  box-sizing:border-box;
}

.ktv-pro-hero-one{
  width:100%;
  margin:0;
  overflow:hidden;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
  background:#080807;
  color:#f7e3b6;
}

.ktv-pro-hero-area{
  width:100%;
  padding:56px clamp(22px,5vw,90px) 60px;
  background:
    radial-gradient(circle at 78% 18%,rgba(245,204,127,.26),transparent 30%),
    linear-gradient(135deg,#080807 0%,#21170d 48%,#080807 100%);
}

.ktv-pro-hero-top{
  display:grid;
  grid-template-columns:46% 54%;
  align-items:center;
  gap:48px;
  min-height:640px;
}

.ktv-pro-hero-copy{
  width:100%;
}

.ktv-pro-hero-copy h1{
  margin:0 0 20px;
  font-size:clamp(64px,7vw,130px);
  line-height:.95;
  letter-spacing:4px;
  color:#f2d596;
  font-weight:900;
}

.ktv-pro-hero-copy h2{
  margin:0;
  font-size:clamp(24px,2vw,42px);
  line-height:1.35;
  color:#f5dfad;
  font-weight:900;
}

.ktv-pro-hero-girl{
  width:100%;
  max-width:none;
  height:auto;
  display:block;
  border-radius:34px;
  object-fit:cover;
  box-shadow:0 24px 54px rgba(0,0,0,.45);
}

.ktv-pro-info-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:36px;
}

.ktv-pro-info-card{
  min-height:120px;
  border-radius:28px;
  border:1px solid rgba(232,190,108,.42);
  background:rgba(20,17,13,.78);
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px;
}

.ktv-pro-icon{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  border:2px solid #f0d395;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f0d395;
  font-size:28px;
}

.ktv-pro-info-card strong{
  display:block;
  margin-bottom:4px;
  font-size:24px;
  color:#f5dfad;
}

.ktv-pro-info-card span{
  display:block;
  font-size:28px;
  color:#fff1c9;
  font-weight:900;
}

.ktv-pro-info-card small{
  display:block;
  margin-top:3px;
  font-size:15px;
  color:#d8c093;
}

.ktv-pro-contact-btns{
  margin-top:34px;
  width:100%;
  max-width:1400px;
  padding:58px 64px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  border-radius:58px;

  background:
    linear-gradient(
      180deg,
      #14110d 0%,
      #080807 100%
    );

  border:1px solid rgba(212,170,95,.35);

  box-shadow:
    inset 0 0 24px rgba(255,210,120,.04),
    0 0 20px rgba(216,171,91,.08);
}

.ktv-pro-contact-btns a{
  position:relative;
  width:100%;
  min-height:76px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:18px 28px;
  border-radius:999px;
  text-align:center;
  text-decoration:none !important;
  color:rgba(255,255,255,.72) !important;
  -webkit-text-fill-color:rgba(255,255,255,.72) !important;
  font-size:18px;
  font-weight:400;
  letter-spacing:1px;
  background:linear-gradient(180deg,#8b8574 0%,#746c5f 100%);
  box-shadow:
    inset 0 7px 12px rgba(0,0,0,.34),
    inset 0 -3px 6px rgba(255,255,255,.12),
    0 12px 22px rgba(0,0,0,.42);
  overflow:hidden;
}

.ktv-pro-contact-btns a:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  padding:3px;
  background:linear-gradient(
    180deg,
    #fff1bf 0%,
    #d59532 38%,
    #8b4d14 62%,
    #ffd36a 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  box-shadow:
    0 0 10px rgba(255,198,70,.9),
    0 0 22px rgba(255,170,40,.52);
  pointer-events:none;
}

.ktv-pro-contact-btns a:after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.04) 38%,
    rgba(0,0,0,.16) 100%
  );
  box-shadow:
    inset 0 5px 10px rgba(0,0,0,.30),
    inset 0 -3px 5px rgba(255,255,255,.12);
  pointer-events:none;
}

.ktv-pro-contact-btns a:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}


/* 起源區塊：全裝置預設卡片，避免平板/桌機臨界寬度裸露 */
.ktv-pro-about-card{
  width:100%;
  max-width:1380px;
  margin:40px auto 0;
  background:linear-gradient(180deg,#1a120d 0%,#090909 100%);
  border:1px solid rgba(212,170,95,.45);
  border-radius:32px;
  overflow:hidden;
  position:relative;
  box-shadow:0 0 30px rgba(212,170,95,.08);
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}

.ktv-pro-about-image-wrap{
  padding:26px;
}

.ktv-pro-about-image-wrap img{
  width:100%;
  display:block;
  border-radius:26px;
  border:1px solid rgba(212,170,95,.45);
  box-shadow:0 14px 32px rgba(0,0,0,.42);
}

.ktv-pro-about-content{
  padding:42px 42px 34px;
}

.ktv-pro-mini-title{
  display:flex;
  align-items:center;
  gap:14px;
  color:#e8c98e;
  font-size:15px;
  letter-spacing:3px;
  margin-bottom:16px;
}

.ktv-pro-mini-title span{
  width:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,170,95,.8),transparent);
}

.ktv-pro-about-content h2{
  margin:0 0 24px;
  font-size:42px;
  line-height:1.2;
  font-weight:900;
  color:#f5d89d;
}

.ktv-pro-about-text-wrap{
  position:relative;
}

.ktv-pro-about-text{
  color:#f5e2bb;
  font-size:20px;
  line-height:2;
  font-weight:600;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(212,170,95,.18);
  border-radius:22px;
  padding:28px;
  text-align:left;
}

@media(min-width:1025px){
  .ktv-pro-about-card{
    display:grid;
    grid-template-columns:46% 54%;
    align-items:start;
  }
  .ktv-pro-about-image-wrap{
    display:flex;
    align-items:flex-start;
  }
  .ktv-pro-about-content{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
  .ktv-pro-about-toggle-link{
    display:none !important;
  }
}

@media(min-width:768px) and (max-width:1024px){
  .ktv-pro-about-card{
    max-width:760px;
    margin:34px auto 0;
    border-radius:28px;
  }
  .ktv-pro-about-content{
    padding:30px 30px 32px;
  }
  .ktv-pro-about-content h2{
    font-size:34px;
  }
  .ktv-pro-about-text{
    font-size:18px;
    line-height:1.95;
  }
}


@media(max-width:767px){

  .ktv-pro-hero-area{
    padding:28px 14px 32px;
  }

  .ktv-pro-hero-top{
    grid-template-columns:1fr;
    gap:18px;
    min-height:auto;
}

  .ktv-pro-hero-copy h1{
  font-size:42px;
  margin-bottom:16px;
  letter-spacing:2px;
  line-height:1.15;
}

  .ktv-pro-hero-copy h2{
  font-size:20px;
  line-height:1.45;
  margin-bottom:24px;
}
  
  .ktv-pro-hero-copy{
    text-align:center;
}

  .ktv-pro-hero-girl{
      width:70%;
      max-width:240px;
      margin:0 auto;
      display:block;
  }


  .ktv-pro-info-row{
  grid-template-columns:1fr;
  gap:16px;
  margin-top:24px;
}

  .ktv-pro-info-card{
    min-height:96px;
    padding:14px 22px;
    gap:18px;
    border-radius:24px;
    align-items:center;
  }

  .ktv-pro-icon{
    width:45px;
    height:45px;
    flex:0 0 45px;
    font-size:25px;
  }

  .ktv-pro-info-card > div:last-child{
    flex:1;
  }

  .ktv-pro-info-card strong{
    display:block;
    font-size:20px;
    line-height:1.15;
    margin-bottom:4px;
    font-weight:900;
}

.ktv-pro-info-card span{
    display:block;
    font-size:17px;
    line-height:1.2;
    font-weight:900;
    white-space:nowrap;
  }

  .ktv-pro-info-card small{
    display:block;
    margin-top:6px;
    font-size:15px;
    line-height:1.3;
  }


.ktv-pro-contact-btns{
  max-width:360px;
  grid-template-columns:1fr;
  padding:28px 22px;
  gap:20px;
  margin-top:22px;
  border-radius:34px;
}

.ktv-pro-contact-btns a{
  width:100%;
  min-height:58px;
  font-size:14px;
  letter-spacing:1px;
  padding:14px 18px;
}

.ktv-pro-contact-btns a:before{
  padding:2px;
}

.ktv-pro-contact-btns a:after{
  inset:5px;
}

  .ktv-pro-about-image-wrap{
    padding:14px 14px 0;
    display:block;
  }

  .ktv-pro-about-image-wrap img{
    border-radius:18px;
  }

  .ktv-pro-about-content{
    padding:18px 16px 22px;
    display:block;
  }

  .ktv-pro-mini-title{
    font-size:13px;
    gap:10px;
    margin-bottom:14px;
    padding-left:4px;
  }

  .ktv-pro-mini-title span{
    width:22px;
  }

  .ktv-pro-about-content h2{
    font-size:27px;
    margin-bottom:16px;
  }

  .ktv-pro-about-text{
    font-size:16px;
    line-height:1.95;
    padding:20px 18px;
    border-radius:18px;
    max-height:none !important;
    overflow:visible !important;
    position:relative;
    transition:max-height .4s ease;
  }

  .ktv-pro-about-text:after{display:none !important;content:none !important;}

  .ktv-pro-about-card.ktv-pro-open .ktv-pro-about-text{
    max-height:1800px;
  }

  .ktv-pro-about-card.ktv-pro-open .ktv-pro-about-text:after{display:none !important;content:none !important;}

  .ktv-pro-about-card .ktv-pro-about-toggle-link{
    display:block !important;
    width:84% !important;
    margin:-74px auto 0 !important;
    position:relative !important;
    z-index:20 !important;
    background:#050505 !important;
    color:#f2d49b !important;
    border:1px solid rgba(212,170,95,.65) !important;
    border-radius:14px !important;
    padding:13px 18px !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:2px !important;
    line-height:1 !important;
    text-decoration:none !important;
    text-align:center !important;
    box-shadow:
      0 10px 24px rgba(0,0,0,.45),
      0 0 18px rgba(212,170,95,.12) !important;
  }

  .ktv-pro-about-card.ktv-pro-open .ktv-pro-about-toggle-link{
    margin:16px auto 0 !important;
  }
}
.ktv-pro-master-wrap{
  width:100%;
  max-width:1180px;
  margin:54px auto 0;
  padding:46px 34px 56px;
  background:
    radial-gradient(circle at 50% 0%,rgba(210,158,76,.18),transparent 36%),
    linear-gradient(180deg,#1b130c 0%,#070707 100%);
  border:1px solid rgba(216,171,91,.35);
  border-radius:34px;
  overflow:hidden;
  box-sizing:border-box;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}

.ktv-pro-service-section{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:none;
  box-sizing:border-box;
}

.ktv-pro-service-top{
  max-width:760px;
  margin:0 auto 38px;
  padding:34px 28px 36px;
  border:1px solid rgba(216,171,91,.65);
  border-radius:28px;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(65,45,25,.72),rgba(20,14,9,.9));
  box-shadow:
    inset 0 0 28px rgba(255,210,120,.08),
    0 0 22px rgba(216,171,91,.12);
}

.ktv-pro-top-small{
  color:#f1d8a8;
  font-weight:700;
  letter-spacing:3px;
  margin-bottom:18px;
}

.ktv-pro-service-top h2{
  margin:0;
  font-size:42px;
  line-height:1.25;
  color:#f5d89d;
  font-weight:900;
}

.ktv-pro-top-line{
  width:170px;
  height:1px;
  margin:22px auto;
  background:linear-gradient(90deg,transparent,#d8ab5b,transparent);
  position:relative;
}

.ktv-pro-top-line:after{
  content:"◆";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#d8ab5b;
  background:#24180e;
  padding:0 8px;
}

.ktv-pro-service-top p{
  margin:0;
  color:#f3e3c4;
  line-height:1.6;
  font-size:18px;
}

.ktv-pro-step-card{
  display:grid;
  grid-template-columns:52% 48%;
  align-items:center;
  gap:34px;
  padding:42px 38px;
  border:1px solid rgba(216,171,91,.72);
  border-radius:28px;
  background:
    linear-gradient(180deg,#101112 0%,#070707 100%);
  box-shadow:
    inset 0 0 24px rgba(255,210,120,.04),
    0 0 20px rgba(216,171,91,.08);
  box-sizing:border-box;
}

.ktv-pro-step-copy{
  min-width:0;
}

.ktv-pro-step-label{
  color:#f1d8a8;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:20px;
}

.ktv-pro-step-card h3{
  margin:0 0 24px;
  font-size:34px;
  line-height:1.25;
  color:#f5d89d;
  font-weight:900;
}

.ktv-pro-step-text{
  margin:0 0 30px;
  color:#f4e4c3;
  line-height:1.9;
  text-align:left;
  font-size:18px;
  font-weight:600;
}

.ktv-pro-step-media{
  min-width:0;
}

.ktv-pro-step-img{
  width:100%;
  display:block;
  margin:0;
  border-radius:18px;
  border:1px solid rgba(216,171,91,.45);
  box-shadow:0 18px 34px rgba(0,0,0,.42);
}

.ktv-pro-step-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:62px;
  padding:18px 12px;
  text-align:center;
  color:#f3d49a !important;
  font-weight:900;
  letter-spacing:1px;
  text-decoration:none !important;
  background:#080808;
  border:1px solid rgba(238,218,184,.75);
  border-radius:14px;
  box-shadow:none;
  box-sizing:border-box;
  transition:.25s;
}

.ktv-pro-step-btn:hover{
  background:#111;
  border-color:#f3d49a;
}

.ktv-pro-flow-section-card{
  display:block;
}

.ktv-pro-flow-section-card .ktv-pro-step-copy{
  width:100%;
}

.ktv-pro-flow-widget{
  display:flex;
  flex-direction:column;
  gap:18px;
  width:100%;
}

.ktv-pro-flow-card{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:22px;
  align-items:start;
  width:100%;
  padding:24px 26px;
  border:1px solid rgba(216,171,91,.46);
  border-radius:22px;
  background:
    radial-gradient(circle at 0% 0%,rgba(216,171,91,.12),transparent 34%),
    linear-gradient(180deg,rgba(13,14,15,.96),rgba(5,5,5,.96));
  box-shadow:
    inset 0 0 18px rgba(255,210,120,.035),
    0 12px 26px rgba(0,0,0,.28);
}

.ktv-pro-flow-no{
  width:68px;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(216,171,91,.52);
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(216,171,91,.22),rgba(0,0,0,.18));
  color:#f5d89d;
  font-size:34px;
  line-height:1;
  font-weight:900;
  letter-spacing:1px;
}

.ktv-pro-flow-title{
  margin:0 0 10px;
  color:#f5d89d;
  font-size:26px;
  line-height:1.35;
  font-weight:900;
}

.ktv-pro-flow-text p{
  margin:0;
  color:#f4e4c3;
  font-size:17px;
  line-height:1.9;
  font-weight:600;
}

.ktv-pro-flow-text strong{
  color:#f5d89d;
  font-weight:900;
}

.ktv-pro-flow-btns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}

.ktv-pro-flow-btns a{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  text-align:center;
  text-decoration:none !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  font-size:16px;
  line-height:1.3;
  font-weight:900;
  background:linear-gradient(135deg,#f6d891 0%,#be8a39 52%,#f7dfaa 100%);
  border:1px solid rgba(255,236,177,.75);
}

.ktv-pro-flow-btns a:nth-child(2){
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(135deg,#0fad43 0%,#078b32 55%,#0fd653 100%);
  border:1px solid rgba(160,255,190,.45);
}

@media(max-width:767px){
  .ktv-pro-flow-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:20px 18px;
    border-radius:20px;
  }

  .ktv-pro-flow-no{
    width:64px;
    min-height:64px;
    font-size:30px;
  }

  .ktv-pro-flow-title{
    font-size:22px;
  }

  .ktv-pro-flow-text p{
    font-size:16px;
    line-height:1.85;
  }

  .ktv-pro-flow-btns{
    grid-template-columns:1fr;
    gap:12px;
  }

  .ktv-pro-flow-btns a{
    min-height:52px;
    font-size:16px;
  }
}


.ktv-pro-box{
  width:100%;
  margin:54px 0 0;
  background:none;
  border:none;
  border-radius:0;
  padding:0;
  box-sizing:border-box;
}

.ktv-pro-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:22px;
}

.ktv-pro-info{
  border:1px solid rgba(199,146,82,.6);
  border-radius:22px;
  padding:22px;
  background:#080808;
}

.ktv-pro-info p{
  margin:0 0 16px;
  line-height:1.8;
  color:#eee;
}

.ktv-pro-info b{
  color:#f6d39a;
}

.ktv-pro-img{
  border:1px solid rgba(199,146,82,.7);
  border-radius:22px;
  overflow:hidden;
}

.ktv-pro-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.ktv-pro-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.ktv-pro-card{
  position:relative;
  overflow:hidden;
  background:#080808;
  border:1.5px solid #c79252;
  border-radius:24px;
}

.ktv-pro-ribbon{
  position:absolute;
  top:12px;
  right:-34px;
  transform:rotate(45deg);
  background:#0b0b0b;
  border:1px solid #c79252;
  color:#f6d39a;
  font-size:13px;
  font-weight:900;
  padding:5px 36px;
}

.ktv-pro-head{
  text-align:center;
  padding:30px 12px 18px;
  background:linear-gradient(180deg,#1b1b1b,#101010);
}

.ktv-pro-head h3{
  margin:0;
}

.ktv-pro-head span{
  display:block;
  margin-top:8px;
  color:#ddd;
}

.ktv-pro-price{
  text-align:center;
  padding:28px 10px 20px;
}

.ktv-pro-price strong{
  display:block;
  line-height:1;
  color:#fff;
  font-weight:900;
  font-size:clamp(36px,5vw,56px);
}

.ktv-pro-price span{
  display:block;
  margin-top:8px;
  color:#ddd;
  font-size:clamp(16px,2vw,20px);
}

.ktv-pro-list{
  padding:16px 18px 20px;
}

.ktv-pro-list div{
  padding:12px 0;
  border-bottom:1px solid rgba(199,146,82,.25);
  color:#eee;
  line-height:1.5;
}

.ktv-pro-list div:before{
  content:"✓";
  color:#f6d39a;
  border:1px solid #f6d39a;
  border-radius:50%;
  padding:0 5px;
  margin-right:8px;
  font-weight:900;
}

.ktv-pro-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:78% !important;
  margin:18px auto 10px !important;
  padding:15px 10px !important;
  border-radius:999px !important;
  background:#080808 !important;
  border:1px solid rgba(214,170,88,.68) !important;
  color:#f3d08d !important;
  -webkit-text-fill-color:#f3d08d !important;
  text-decoration:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  transition:.25s;
}

.ktv-pro-btn:hover{
  background:#111 !important;
  border-color:#f3d08d !important;
}

.ktv-pro-note{
  text-align:center;
  color:#ddd;
  margin-bottom:18px;
}

.ktv-pro-warning{
  margin-top:22px;
  border:1px solid rgba(199,146,82,.65);
  border-radius:20px;
  padding:18px;
  text-align:center;
  color:#f5e0bd;
  line-height:1.8;
  background:#090909;
}

.ktv-pro-faq-widget{
  max-width:none;
  margin:54px 0 0;
  padding:0;
  background:none;
}

.ktv-pro-faq-head{
  text-align:center;
  margin-bottom:28px;
}

.ktv-pro-faq-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:#e9c87c;
  letter-spacing:4px;
}

.ktv-pro-faq-cover-card{
  margin:26px auto 0;
  border:1px solid rgba(230,188,94,.58);
  border-radius:22px;
  overflow:hidden;
  background:#0b0b0b;
}

.ktv-pro-faq-cover-card img{
  width:100%;
  display:block;
}

.ktv-pro-faq-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.ktv-pro-faq-item{
  border:1px solid rgba(230,188,94,.65);
  border-radius:16px;
  background:linear-gradient(180deg,#111,#070707);
  overflow:hidden;
}

.ktv-pro-faq-item summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:58px 1fr 24px;
  gap:16px;
  align-items:center;
  padding:18px;
}

.ktv-pro-faq-item summary::-webkit-details-marker{
  display:none;
}

.ktv-pro-faq-item summary span{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(239,203,125,.85);
  border-radius:12px;
  background:#090909;
  font-weight:700;
  transform:rotate(45deg);
  flex-shrink:0;
  position:relative;
  color:transparent;
}

.ktv-pro-faq-item:nth-child(1) summary span::after{content:"1";}
.ktv-pro-faq-item:nth-child(2) summary span::after{content:"2";}
.ktv-pro-faq-item:nth-child(3) summary span::after{content:"3";}
.ktv-pro-faq-item:nth-child(4) summary span::after{content:"4";}
.ktv-pro-faq-item:nth-child(5) summary span::after{content:"5";}
.ktv-pro-faq-item:nth-child(6) summary span::after{content:"6";}
.ktv-pro-faq-item:nth-child(7) summary span::after{content:"7";}
.ktv-pro-faq-item:nth-child(8) summary span::after{content:"8";}
.ktv-pro-faq-item:nth-child(9) summary span::after{content:"9";}
.ktv-pro-faq-item:nth-child(10) summary span::after{content:"10";}
.ktv-pro-faq-item:nth-child(11) summary span::after{content:"11";}
.ktv-pro-faq-item:nth-child(12) summary span::after{content:"12";}

.ktv-pro-faq-item summary span::after{
  position:absolute;
  transform:rotate(-45deg);
  color:#f2cd82;
  font-weight:800;
}

.ktv-pro-faq-item summary h3{
  margin:0;
}

.ktv-pro-faq-item summary b{
  color:#f2cd82;
  transition:.25s;
}

.ktv-pro-faq-item[open] summary b{
  transform:rotate(180deg);
}

.ktv-pro-faq-item p{
  margin:0;
  padding:0 22px 22px 92px;
  color:#f3ead8;
  line-height:1.9;
}

.ktv-pro-faq-item a{
  color:#f3c86c;
  text-decoration:none;
  border-bottom:1px solid rgba(243,200,108,.45);
  transition:.25s;
}

.ktv-pro-faq-item a:hover{
  color:#ffe2a8;
  border-color:#ffe2a8;
}

.ktv-pro-faq-answer{
  padding-bottom:6px;
}

.ktv-pro-faq-answer p + p{
  margin-top:18px;
}

@media(max-width:767px){

  .ktv-pro-master-wrap{
    max-width:430px;
    margin:36px auto 0;
    padding:28px 16px 36px;
    border-radius:26px;
  }

  .ktv-pro-service-top{
    padding:30px 18px 32px;
    margin-bottom:30px;
    border-radius:26px;
  }

  .ktv-pro-service-top h2{
    font-size:32px;
  }

  .ktv-pro-service-top p{
    font-size:16px;
  }

  .ktv-pro-step-card{
    display:block;
    padding:36px 32px 30px;
    border-radius:26px;
  }

  .ktv-pro-step-label{
    margin-bottom:22px;
  }

  .ktv-pro-step-card h3{
    margin-bottom:22px;
    font-size:27px;
  }

  .ktv-pro-step-text{
    margin-bottom:30px;
    font-size:16px;
    line-height:1.85;
  }

  .ktv-pro-step-img{
    border-radius:10px;
    margin-bottom:32px;
  }

  .ktv-pro-step-media{
    margin-bottom:32px;
  }

  .ktv-pro-step-btn{
    padding:20px 10px;
    min-height:60px;
  }

  .ktv-pro-box{
    margin-top:42px;
  }

  .ktv-pro-top{
    grid-template-columns:1fr;
  }

  .ktv-pro-info{
    padding:18px;
  }

  .ktv-pro-cards{
    grid-template-columns:1fr;
  }

  .ktv-pro-faq-widget{
    margin-top:42px;
  }

  .ktv-pro-faq-item summary{
    grid-template-columns:50px 1fr 22px;
    gap:12px;
    padding:15px;
  }

  .ktv-pro-faq-item summary span{
    width:38px;
    height:38px;
  }

  .ktv-pro-faq-item p{
    padding:0 16px 18px 72px;
  }

}

@media(max-width:430px){

  .ktv-pro-step-card{
    padding:36px 32px 30px;
  }

}

.ktv-pro-job-wrap{
    background:#050505;
    border:1.5px solid #b8894f;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 0 30px rgba(190,140,60,.10);
    
    margin-top:54px;
}

.ktv-pro-job-wrap *,
.ktv-pro-job-wrap *::before,
.ktv-pro-job-wrap *::after{
    box-sizing:border-box;
}

.ktv-pro-job-cover-card{
    margin:22px;
    border:1px solid rgba(214,170,88,.58);
    border-radius:26px;
    overflow:hidden;
    background:#0a0a0a;
    box-shadow:
    0 0 24px rgba(214,170,88,.10),
    inset 0 0 18px rgba(255,220,150,.04);
}

.ktv-pro-job-cover-card img{
    width:100%;
    display:block;
}

.ktv-pro-job-section{
    padding:0 22px 22px;
}

.ktv-pro-job-box{
    border:1px solid rgba(201,152,84,.35);
    border-radius:24px;
    background:#090909;
    overflow:hidden;
}

.ktv-pro-job-box-top{
    padding:26px;
    text-align:center;
}

.ktv-pro-job-mini{
    color:#d4b17d;
    margin-bottom:12px;
    letter-spacing:2px;
}

.ktv-pro-job-box h3{
    color:#fff;
    font-size:28px;
    margin:0 0 14px;
}

.ktv-pro-job-read-card{
    margin-top:22px;
    border:1px solid rgba(214,170,88,.25);
    border-radius:22px;
    overflow:hidden;
    background:#0b0b0b;
    text-align:left;
    padding:22px;
}

.ktv-pro-job-read-title{
    color:#f3d08d;
    font-weight:800;
    font-size:16px;
    letter-spacing:1px;
    margin-bottom:14px;
}

.ktv-pro-job-read-content{
    max-height:none !important;
    overflow:visible !important;
    position:relative;
    transition:max-height .4s ease;
}

.ktv-pro-job-read-content:after{
    display:none !important;
    content:none !important;
}

.ktv-pro-job-read-card.ktv-pro-open .ktv-pro-job-read-content{
    max-height:1200px;
}

.ktv-pro-job-read-card.ktv-pro-open .ktv-pro-job-read-content:after{
    display:none;
}

.ktv-pro-job-read-content p{
    color:#ddd;
    line-height:2;
    margin:0 0 16px;
    font-size:15px;
}

.ktv-pro-job-toggle-link{
    display:block !important;
    width:fit-content !important;

    margin:-32px auto 0 !important;

    position:relative !important;
    z-index:10 !important;

    background:#050505 !important;

    color:#f3d08d !important;
    -webkit-text-fill-color:#f3d08d !important;

    border:1px solid rgba(214,170,88,.65) !important;

    border-radius:16px !important;

    padding:13px 26px !important;

    text-decoration:none !important;
    text-align:center !important;

    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:2px !important;

    box-shadow:
    0 10px 24px rgba(0,0,0,.45),
    0 0 18px rgba(214,170,88,.12);
}

.ktv-pro-job-toggle-link:hover{
    background:#111 !important;
    border-color:#f3d08d !important;
}

.ktv-pro-job-read-card.ktv-pro-open .ktv-pro-job-toggle-link{
    margin:18px auto 0 !important;
}



.ktv-pro-combo-widget{
      width:100%;
      background:#050505;
      padding:46px 14px;
      overflow:hidden;
      box-sizing:border-box;
      color:#fff;
    }

.ktv-pro-combo-widget *,
.ktv-pro-combo-widget *::before,
.ktv-pro-combo-widget *::after{
      box-sizing:border-box;
    }

.ktv-pro-combo-inner{
      max-width:1080px;
      margin:auto;
    }

.ktv-pro-combo-head,
.ktv-pro-real-head{
      text-align:center;
      margin-bottom:28px;
    }

.ktv-pro-combo-head small{
      display:block;
      color:#caa45b;
      letter-spacing:6px;
      margin-bottom:10px;
    }

.ktv-pro-combo-head h2,
.ktv-pro-real-head h3{
      margin:0 0 12px;
      color:#fff;
    }

.ktv-pro-combo-head p,
.ktv-pro-real-head p{
      margin:0;
      color:#d8d0c0;
      line-height:1.8;
    }

.ktv-pro-article-list{
      display:grid;
      gap:18px;
      margin-bottom:52px;
    }

.ktv-pro-article-card{
      display:grid;
      grid-template-columns:40% 1fr;
      border:1px solid rgba(247,223,157,.32);
      border-radius:18px;
      overflow:hidden;
      background:#101010;
      text-decoration:none;
      color:inherit;
      transition:.25s;
    }

.ktv-pro-article-card:hover{
      border-color:rgba(247,223,157,.62);
      transform:translateY(-2px);
    }

.ktv-pro-article-img{
      position:relative;
      min-height:210px;
      overflow:hidden;
    }

.ktv-pro-article-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:.35s ease;
    }

.ktv-pro-article-card:hover img{
      transform:scale(1.03);
    }

.ktv-pro-article-num{
      position:absolute;
      top:12px;
      left:12px;
      width:64px;
      height:76px;
      border:1px solid rgba(247,223,157,.55);
      border-radius:0 0 18px 18px;
      background:rgba(0,0,0,.72);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      color:#f9dda0;
      font-weight:900;
    }

.ktv-pro-article-num b{
      font-size:30px;
      line-height:1;
    }

.ktv-pro-article-num span{
      font-size:10px;
      letter-spacing:1px;
      margin-top:5px;
    }

.ktv-pro-article-body{
      padding:26px 28px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

.ktv-pro-article-body h3{
      margin:0 0 14px;
      color:#fff;
    }

.ktv-pro-article-body p{
      margin:0;
      line-height:1.9;
      color:#f3ead8;
    }

.ktv-pro-more{
      margin-top:18px;
      color:#ffd98a;
      font-weight:800;
      letter-spacing:1px;
      text-align:right;
    }

.ktv-pro-slider-wrap{
      position:relative;
      display:flex;
      align-items:center;
      width:100%;
      overflow:hidden;
    }

.ktv-pro-slider-track{
      display:flex;
      gap:20px;
      overflow-x:auto;
      scroll-behavior:smooth;
      scrollbar-width:none;
      -ms-overflow-style:none;
      width:100%;
      padding:8px 6px;
    }

.ktv-pro-slider-track::-webkit-scrollbar{
      display:none;
    }

.ktv-pro-slide-card{
      flex:0 0 82%;
      max-width:540px;
      background:#111;
      border-radius:20px;
      overflow:hidden;
      border:1px solid rgba(243,213,150,.2);
      box-shadow:0 10px 28px rgba(0,0,0,.42);
    }

.ktv-pro-slide-card img{
      width:100%;
      aspect-ratio:4/5;
      object-fit:cover;
      display:block;
    }

.ktv-pro-slide-text{
      padding:18px;
      color:#e8e0d0;
      line-height:1.9;
    }

.ktv-pro-slider-arrow{
      position:absolute;
      z-index:5;
      width:42px;
      height:42px;
      border-radius:50%;
      background:#080808;
      border:1px solid rgba(214,170,88,.65);
      color:#f3d08d;
      cursor:pointer;
    }

.ktv-pro-prev{left:4px;}
.ktv-pro-next{right:4px;}

@media(min-width:769px){
      .ktv-pro-slide-card{
        flex:0 0 300px;
      }
    }

@media(max-width:768px){

    .ktv-pro-job-cover-card{
        margin:16px;
        border-radius:22px;
    }

    .ktv-pro-job-section{
        padding:0 16px 16px;
    }

    .ktv-pro-job-box-top{
        padding:20px;
    }

    .ktv-pro-job-cta{
        padding:0 16px 20px;
    }

    .ktv-pro-job-main-btn{
        padding:18px;
    }

    .ktv-pro-job-bottom{
        grid-template-columns:1fr;
    }

    .ktv-pro-job-read-card{
        padding:18px;
    }

    .ktv-pro-job-read-content{
        max-height:none !important;
    }

    .ktv-pro-job-toggle-link{
        width:88% !important;
        margin:-28px auto 0 !important;
    }

    .ktv-pro-job-read-card.ktv-pro-open .ktv-pro-job-toggle-link{
        margin:16px auto 0 !important;
    }

}

@media(max-width:680px){
      .ktv-pro-combo-widget{
        padding:38px 12px;
      }

      .ktv-pro-article-card{
        grid-template-columns:1fr;
      }

      .ktv-pro-article-img{
        min-height:260px;
      }

      .ktv-pro-article-body{
        padding:22px 18px;
      }

      .ktv-pro-slide-card{
        flex:0 0 84%;
      }

      .ktv-pro-slider-arrow{
        width:36px;
        height:36px;
      }
    }

.ktv-pro-footer-lite{
  background:
  linear-gradient(
    180deg,
    rgba(0,0,0,.58),
    rgba(0,0,0,.78)
  ),
  url("https://ktv.pro/wp-content/uploads/2026/03/Ktv-proWebsite-logo-design-background-image.webp");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;

  color:#f6deb0;

  padding:40px 18px;

  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;

  line-height:1.9;
}

.ktv-pro-footer-logo{
  text-align:center;
  margin-bottom:26px;
}

.ktv-pro-footer-logo img{
  width:108px;
  max-width:42%;
  height:auto;

  filter:
  drop-shadow(
    0 0 16px rgba(255,215,120,.28)
  );
}

.ktv-pro-footer-lite h2,
.ktv-pro-footer-lite h3,
.ktv-pro-footer-lite h4{
  color:#ffd98b;
  line-height:1.5;
}

.ktv-pro-footer-lite h2{
  font-size:30px;
  margin:0 0 22px;
}

.ktv-pro-footer-lite h3,
.ktv-pro-footer-lite h4{
  font-size:21px;
  margin:34px 0 16px;
}

.ktv-pro-acc{
  margin-bottom:16px;

  background:rgba(8,8,8,.72);

  border:1px solid rgba(255,215,130,.22);

  border-radius:22px;

  overflow:hidden;
}

.ktv-pro-acc summary{
  cursor:pointer;

  list-style:none;

  padding:18px 56px 18px 20px;

  color:#ffd98b;

  font-size:19px;
  font-weight:800;
  line-height:1.7;

  position:relative;
}

.ktv-pro-acc summary::-webkit-details-marker{
  display:none;
}

.ktv-pro-acc summary::after{
  content:"+";

  position:absolute;

  right:20px;
  top:50%;

  transform:translateY(-50%);

  color:#f7d48a;

  font-size:28px;
  font-weight:700;
}

.ktv-pro-acc[open] summary::after{
  content:"－";
}

.ktv-pro-acc-body{
  padding:0 20px 22px;

  border-top:1px solid rgba(255,255,255,.08);
}

.ktv-pro-acc-body p{
  color:#f2ede1;

  font-size:16px;

  margin:18px 0 0;

  line-height:2;
}

.ktv-pro-fast-arrive{
  margin:14px 0 26px;

  padding:14px 18px;

  border-radius:18px;

  background:rgba(255,215,130,.06);

  border:1px solid rgba(255,215,130,.12);

  color:#ffe1a0;

  font-size:15px;
  line-height:1.9;
  font-weight:700;

  text-align:center;

  backdrop-filter:blur(10px);
}

.ktv-pro-footer-lite ul{
  list-style:none;
  padding:0;
  margin:0;
}

.ktv-pro-footer-lite li{
  color:#fff;

  padding:13px 0;

  border-bottom:1px solid rgba(255,255,255,.1);

  font-size:16px;
}

.ktv-pro-footer-lite a{
  color:#f7d48a;
  text-decoration:none;
}

.ktv-pro-footer-lite a:hover{
  color:#ffe6a8;
}

.ktv-pro-i{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-width:28px;

  margin-right:8px;

  color:#f7d48a;

  font-weight:900;
}

.ktv-pro-copy{
  margin-top:38px;

  padding-top:22px;

  border-top:1px solid rgba(255,255,255,.12);

  color:#d0d0d0;

  font-size:14px;
}

.ktv-pro-copy a{
  margin-left:10px;

  color:#ffe2a8 !important;
  -webkit-text-fill-color:#ffe2a8 !important;

  text-decoration:underline !important;
  text-underline-offset:4px;

  font-weight:700;
}

.ktv-pro-floating-bar{
  position:fixed;

  left:50%;
  bottom:10px;

  transform:translateX(-50%);

  z-index:99999;

  width:calc(100% - 14px);
  max-width:920px;

  display:grid;
  grid-template-columns:repeat(4,1fr);

  background:rgba(8,8,8,.96);

  border:1px solid rgba(255,215,130,.62);

  border-radius:18px;

  overflow:hidden;

  box-shadow:
  0 0 0 1px rgba(255,215,130,.08) inset,
  0 0 12px rgba(255,198,82,.14);

  backdrop-filter:blur(12px);
}

.ktv-pro-float-item{
  text-decoration:none;

  color:#f8d98b;

  text-align:center;

  padding:9px 2px 8px;

  border-right:1px solid rgba(255,215,130,.22);

  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;

  transition:.22s ease;
}

.ktv-pro-float-item:last-child{
  border-right:none;
}

.ktv-pro-float-item:hover{
  background:rgba(255,215,130,.05);
}

.ktv-pro-float-icon{
  display:block;

  font-size:18px;
  font-weight:900;

  line-height:1;

  margin-bottom:5px;

  color:#ffd36f;
}

.ktv-pro-float-item strong{
  display:block;

  font-size:12px;
  line-height:1.25;

  font-weight:800;

  color:#ffe2a0;
}

.ktv-pro-float-item small{
  display:block;

  margin-top:3px;

  font-size:10px;
  line-height:1.2;

  color:#c9aa63;
}

body{
  padding-bottom:78px;
}

@media(max-width:768px){

  .ktv-pro-footer-lite{
    padding:34px 16px;
    background-position:center top;
  }

  .ktv-pro-footer-logo img{
    width:92px;
  }

  .ktv-pro-footer-lite h2{
    font-size:27px;
  }

  .ktv-pro-footer-lite h3,
  .ktv-pro-footer-lite h4{
    font-size:19px;
  }

  .ktv-pro-acc summary{
    font-size:17px;
    padding:16px 48px 16px 18px;
  }

  .ktv-pro-acc-body{
    padding:0 18px 20px;
  }

  .ktv-pro-acc-body p,
  .ktv-pro-footer-lite li{
    font-size:15px;
  }

  .ktv-pro-fast-arrive{
    font-size:14px;
    padding:13px 16px;
    line-height:1.85;
  }

  .ktv-pro-i{
    min-width:24px;
    margin-right:7px;
  }

  .ktv-pro-floating-bar{
    bottom:8px;
    width:calc(100% - 10px);
    border-radius:16px;
  }

  .ktv-pro-float-item{
    padding:8px 2px 7px;
  }

}

/* 平板與桌機：起源與應徵內容全展開，不顯示收合按鈕 */
@media(min-width:768px){
  .ktv-pro-about-text,
  .ktv-pro-job-read-content{
    max-height:none !important;
    overflow:visible !important;
  }

  .ktv-pro-about-text:after,
  .ktv-pro-job-read-content:after{
    display:none !important;
  }

  .ktv-pro-about-toggle-link,
  .ktv-pro-job-toggle-link{
    display:none !important;
  }
}


/* 起源區塊：全展開，移除尾端陰影遮罩 */
.ktv-pro-about-text{
  max-height:none !important;
  overflow:visible !important;
}
.ktv-pro-about-text:after{
  display:none !important;
  content:none !important;
}
.ktv-pro-about-toggle-link{
  display:none !important;
}


.ktv-pro-service-desc{
  max-width:980px;
  margin:0 auto 24px;
  text-align:center;
  color:#efe2c4;
  font-size:15px;
  line-height:2;
  font-weight:500;
}

@media(max-width:767px){
  .ktv-pro-service-desc{
    font-size:14px;
    line-height:1.95;
    max-width:100%;
  }
}