.wp-topbar,
.wp-topbar *,
.wp-topbar *::before,
.wp-topbar *::after{
  box-sizing:border-box;
}

.wp-topbar{
  width:100%;
  position:relative;
  z-index:9999;
  background:linear-gradient(180deg,#080808,#13110d);
  border-bottom:1px solid rgba(232,190,108,.28);
  font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
}

.wp-topbar__inner{
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px clamp(14px,4vw,34px);
}

.wp-topbar__brand{
  display:flex;
  flex-direction:column;
  line-height:1.2;
  text-decoration:none;
}

.wp-topbar__brand span{
  display:block;
  color:#f5d89d;
  font-size:clamp(20px,2.3vw,28px);
  font-weight:900;
  letter-spacing:3px;
}

.wp-topbar__brand small{
  display:block;
  margin-top:6px;
  color:#d8b76a;
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
}

.wp-topbar__btn{
  width:74px;
  height:54px;
  min-width:74px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:999px;
  background:linear-gradient(180deg,#8b8574,#746c5f);
  color:#f1cc82;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  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);
}

.wp-topbar__panel{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:clamp(12px,4vw,34px);
  right:clamp(12px,4vw,34px);
  z-index:10000;
  padding:14px 22px 20px;
  border:1px solid rgba(232,190,108,.28);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,242,236,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.5);
}

.wp-topbar__panel.is-open{
  display:block;
}

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

.wp-topbar__panel a:last-child{
  border-bottom:0;
}

@media (min-width:768px){
  .wp-topbar__inner{
    min-height:86px;
  }

  .wp-topbar__panel{
    left:auto;
    right:34px;
    width:min(420px,86vw);
  }
}

@media (max-width:767px){
  .wp-topbar__inner{
    justify-content:center;
  }

  .wp-topbar__btn{
    position:absolute;
    top:50%;
    left:16px;
    transform:translateY(-50%);
  }

  .wp-topbar__brand{
    text-align:center;
  }

  .wp-topbar__brand span{
    font-size:23px;
  }

  .wp-topbar__brand small{
    font-size:12px;
  }
}

.wp-eight-widget,.wp-eight-widget *{box-sizing:border-box}
.wp-eight-widget{width:100%;max-width:100%;margin:0 auto;padding:70px 0 112px;overflow:hidden;position:relative;background:radial-gradient(circle at 10% 0%,rgba(218,181,104,.24),transparent 34%),radial-gradient(circle at 88% 10%,rgba(255,255,255,.08),transparent 30%),linear-gradient(180deg,#090604 0%,#050505 48%,#020202 100%);color:#f5e6c8;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif}
.wp-eight-widget:before{content:"";position:absolute;inset:86px 0 auto;height:760px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent)}
.wp-main{width:80%;max-width:none;margin:0 auto;position:relative;z-index:1;overflow:hidden}
.wp-eight-widget a{color:#ffd98b!important;text-decoration:none!important;font-weight:900}
.wp-eight-widget img{max-width:100%;height:auto;display:block}
.wp-title{width:100%;margin:0 auto 26px!important;padding:60px 42px 46px;border:1px solid rgba(218,181,104,.46);border-radius:42px;background:radial-gradient(circle at 18% 0%,rgba(255,230,173,.18),transparent 34%),linear-gradient(135deg,rgba(32,22,12,.98),rgba(5,5,5,.96));color:#ffe6ad!important;font-size:clamp(38px,5vw,70px)!important;line-height:1.16!important;font-weight:950!important;letter-spacing:.035em;text-align:center;text-shadow:0 3px 22px rgba(218,181,104,.34);box-shadow:0 24px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,238,190,.14)}
.wp-title:after{content:"KTV PRO INDUSTRY GUIDE";display:block;margin:20px auto 0;color:#c49b52;font-size:13px;letter-spacing:.28em;font-weight:950}
.wp-article{width:100%;max-width:100%;margin:0;padding:0;color:#fff;line-height:1.9;font-size:17px}
.wp-article h2{margin:42px auto 18px!important;padding:24px 28px;border:1px solid rgba(218,181,104,.42);border-radius:28px;background:linear-gradient(135deg,rgba(34,23,12,.95),rgba(10,10,10,.95));color:#f8d894!important;font-size:clamp(26px,3.1vw,42px)!important;line-height:1.35!important;font-weight:950!important;letter-spacing:.02em;box-shadow:0 16px 46px rgba(0,0,0,.3)}
.wp-article h3{margin:28px auto 14px!important;padding:13px 18px;display:inline-flex;border-radius:999px;border:1px solid rgba(218,181,104,.42);background:rgba(218,181,104,.1);color:#ffd98b!important;font-size:22px!important;line-height:1.45!important;font-weight:950!important}
.wp-article p{margin:0 0 18px;padding:22px 26px;border:1px solid rgba(218,181,104,.18);border-radius:24px;background:linear-gradient(180deg,rgba(20,16,12,.78),rgba(8,8,8,.82));color:#f0dfbf!important;font-size:18px;line-height:2.05;font-weight:650;letter-spacing:.015em;box-shadow:0 14px 38px rgba(0,0,0,.22)}
.wp-figure{width:100%!important;max-width:720px!important;margin:18px auto 24px!important;padding:12px;border-radius:28px;border:1px solid rgba(218,181,104,.32);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 18px 52px rgba(0,0,0,.36)}
.wp-figure .wp-content-image{padding:0;margin:0 auto 10px!important;border-radius:20px}
.wp-article>.wp-content-image{margin:18px auto 24px!important;padding:12px;border-radius:28px;border:1px solid rgba(218,181,104,.32);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:0 18px 52px rgba(0,0,0,.36)}
.wp-figcaption{color:#d8bd82!important;text-align:center;font-size:14px;line-height:1.7;font-weight:800}
@media(max-width:767px){
.wp-eight-widget{padding:34px 0 94px}
.wp-main{width:calc(100% - 22px)}
.wp-title{padding:38px 18px 28px;border-radius:28px;font-size:31px!important;text-align:left}
.wp-title:after{margin-left:0;text-align:left;font-size:11px;letter-spacing:.18em}
.wp-article h2{padding:18px 16px;border-radius:22px;font-size:24px!important}
.wp-article h3{display:block;border-radius:20px;font-size:19px!important}
.wp-article p{padding:20px 16px;border-radius:22px;font-size:17px;line-height:1.95}
.wp-figure,.wp-article>.wp-content-image{border-radius:22px;padding:10px}
}