/* ===== tycent520 版面B 分割交錯編輯風 v1 =====
   參考稿:site06_版面B_分割交錯編輯風.html;回滾:mu-plugins/wpm-design.php 改名 .off */
body{background:#0f0d0b;color:#f2ede6;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.5;}
a{text-decoration:none;}

/* ---------- 頂欄 = GP header 重塑 ---------- */
.site-header{background:#0f0d0b;border-bottom:2px solid #ff5722;}
.site-header .inside-header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;max-width:none;}
.site-branding .main-title{margin:0;line-height:1.2;}
.site-branding .main-title a{font-size:0;display:block;}
.site-branding .main-title a::before{content:"享樂天堂";font-size:22px;font-weight:900;color:#f2ede6;}
.site-branding .main-title a::after{content:"·桃園夜生活指南";font-size:22px;font-weight:900;color:#ff5722;}
.site-description{display:none;}
.site-header .mobile-menu-control-wrapper{display:none;}
.main-navigation{background:none;}
.main-navigation .inside-navigation{padding:0;}
.main-navigation ul{display:flex;gap:24px;}
.main-navigation li{float:none;}
.main-navigation .menu-item a{padding:6px 2px;font-size:15px;font-weight:600;color:#f2ede6;transition:.2s;background:none;}
.main-navigation .menu-item a:hover,
.main-navigation .current-menu-item > a{color:#ff5722;background:none;}
/* ---------- 版面框架 ---------- */
#page{margin:0;}
.site.grid-container{max-width:none;margin:0;}
.site-content{background:#0f0d0b;display:block;padding:0;}
.content-area{width:100%;float:none;background:transparent;}
.site-main article,.inside-article,.separate-containers .inside-article{background:transparent;}
.widget-area,.is-right-sidebar{display:none;}
.site-footer{background:#0f0d0b;border-top:1px solid rgba(255,255,255,.1);color:#8f8880;}
.site-info{padding:22px 5%;}
.site-info a{color:#ff5722;text-decoration:underline;text-underline-offset:3px;}

/* ---------- 內頁閱讀版型 ---------- */
.site-main{max-width:940px;margin:0;padding:48px 5% 64px;}
.inside-article{padding:0;}
.entry-title{color:#f2ede6;font-size:34px;font-weight:900;line-height:1.25;margin:0 0 20px;}
.entry-content{color:#c3bbb0;font-size:16px;line-height:1.85;}
.entry-content a{color:#ff5722;text-decoration:underline;text-underline-offset:3px;}
.entry-content a:hover{color:#ff8a65;}
.entry-content h2{color:#f2ede6;font-size:24px;font-weight:800;margin:40px 0 16px;}
.entry-content h3{color:#f2ede6;font-size:19px;font-weight:700;margin:28px 0 10px;}
.entry-content img{border-radius:6px;max-width:100%;height:auto;}
.entry-content hr,.wp-block-separator{border-color:rgba(255,255,255,.1);}
.tldr-box{background:linear-gradient(120deg,#1c1512,#241310);border-left:3px solid #ff5722;border-radius:6px;padding:18px 22px;margin:0 0 26px;}
.tldr-box p{margin:0;color:#d8d0c6;}
.tldr-box strong{color:#ff5722;}
.entry-content > p.has-small-font-size:first-child{color:#8f8880;font-size:13px;margin-bottom:22px;}
.entry-content > p.has-small-font-size:first-child a{color:#8f8880;text-decoration:underline;text-underline-offset:3px;}
.entry-content > p.has-small-font-size:first-child a:hover{color:#ff5722;}
.entry-content .wp-block-columns{gap:14px;}
.entry-content .wp-block-column{background:#1c1512;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:18px;}

/* ---------- 首頁:分割 Hero ---------- */
body.home .site-main{max-width:none;padding:0;margin:0;}
body.home .entry-content{color:#f2ede6;}
.tyb-hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:70vh;margin:0;}
.tyb-hero .hl{padding:80px 5% 80px 6%;display:flex;flex-direction:column;justify-content:center;}
.tyb-hero .tag{font-size:14px;letter-spacing:4px;color:#ff5722;font-weight:700;margin:0 0 20px;}
.tyb-hero h1{font-size:66px;font-weight:900;line-height:1.08;margin:0 0 24px;color:#f2ede6;}
.tyb-hero h1 span{display:block;color:#ff5722;}
.tyb-hero .lead{font-size:18px;color:#c3bbb0;max-width:460px;margin:0 0 30px;}
.tyb-hero .cta{align-self:flex-start;padding:15px 40px;background:#ff5722;color:#0f0d0b !important;font-weight:800;font-size:16px;transition:.25s;text-decoration:none !important;}
.tyb-hero .cta:hover{background:#fff;}
.tyb-hero .hr{background:linear-gradient(135deg,#ff5722 0%,#b71c1c 55%,#2a0f0a 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.tyb-hero .big{font-size:200px;font-weight:900;color:rgba(0,0,0,.18);letter-spacing:-8px;transform:rotate(-8deg);}
.tyb-hero .float{position:absolute;bottom:40px;left:40px;right:40px;color:#fff;}
.tyb-hero .float .q{font-size:28px;font-weight:800;line-height:1.3;}

/* ---------- 首頁:6區 zigzag ---------- */
.tyb-zones{padding:20px 0 60px;}
.tyb-zhead{text-align:center;padding:56px 5% 40px;}
.tyb-zhead h2{font-size:40px;font-weight:900;color:#f2ede6;margin:0;}
.tyb-zhead h2 .o{color:#ff5722;}
.tyb-zhead p{color:#8f8880;margin:8px 0 0;}
.tyb-zrow{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-top:1px solid rgba(255,255,255,.1);min-height:130px;transition:.25s;color:inherit;text-decoration:none !important;}
.tyb-zrow:hover{background:rgba(255,87,34,.07);}
.tyb-zrow .cell{display:flex;flex-direction:column;justify-content:center;padding:26px 6%;}
.tyb-zrow .cell.color{background:rgba(255,87,34,.1);align-items:center;text-align:center;}
.tyb-zrow:nth-child(even) .cell.color{order:2;}
.tyb-zrow .num{font-size:48px;font-weight:900;color:#ff5722;line-height:1;}
.tyb-zrow .z{font-size:30px;font-weight:900;margin:0 0 4px;color:#f2ede6;}
.tyb-zrow .d{font-size:15px;color:#b3aca2;}
.tyb-zrow .go{color:#ff5722;font-weight:700;margin-top:8px;font-size:14px;}
.tyb-zrow .cell.color .z{font-size:24px;}

/* ---------- 18+ 年齡牆(版面B配色) ---------- */
#wpm-agegate{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;
  background:rgba(10,7,5,.93);backdrop-filter:blur(8px);padding:20px;}
html.wpm-agegate-on #wpm-agegate{display:flex;}
html.wpm-agegate-on{overflow:hidden;}
#wpm-agegate .ag-box{max-width:440px;width:100%;border-radius:6px;padding:44px 38px;text-align:center;
  background:linear-gradient(160deg,#1c1512,#0f0d0b);border:1px solid rgba(255,87,34,.5);
  box-shadow:0 24px 80px rgba(0,0,0,.6);}
#wpm-agegate .ag-badge{width:74px;height:74px;border-radius:50%;margin:0 auto 20px;
  display:flex;align-items:center;justify-content:center;border:2.5px solid #ff5722;color:#ff5722;
  font-size:26px;font-weight:900;background:rgba(255,87,34,.08);letter-spacing:1px;}
#wpm-agegate .ag-brand{font-size:14px;letter-spacing:3px;color:#a29b93;margin-bottom:10px;}
#wpm-agegate h2{font-size:26px;font-weight:900;color:#f2ede6;margin:0 0 14px;}
#wpm-agegate h2 .g{color:#ff5722;}
#wpm-agegate .ag-txt{font-size:14.5px;color:#c3bbb0;line-height:1.8;margin:0 0 28px;}
#wpm-agegate .ag-txt b{color:#ff5722;}
#wpm-agegate .ag-btns{display:flex;flex-direction:column;gap:12px;}
#wpm-agegate .ag-enter{padding:15px;border-radius:4px;border:none;cursor:pointer;font-size:16px;font-weight:800;font-family:inherit;background:#ff5722;color:#0f0d0b;transition:.25s;}
#wpm-agegate .ag-enter:hover{background:#fff;}
#wpm-agegate .ag-leave{padding:13px;border-radius:4px;cursor:pointer;font-size:14.5px;font-weight:600;font-family:inherit;background:transparent;border:1px solid rgba(255,255,255,.2);color:#a29b93;transition:.25s;}
#wpm-agegate .ag-leave:hover{border-color:#a29b93;color:#c3bbb0;}
#wpm-agegate .ag-fine{margin-top:20px;font-size:12px;color:#9a938b;line-height:1.7;}

/* ---------- 手機 ≤820px ---------- */
@media(max-width:820px){
  .site-header .inside-header{flex-direction:column;gap:10px;padding:16px 5%;}
  .main-navigation ul{flex-wrap:wrap;gap:14px;justify-content:center;}
  .tyb-hero{grid-template-columns:1fr;}
  .tyb-hero .hr{min-height:220px;}
  .tyb-hero h1{font-size:44px;}
  .tyb-hero .hl{padding:48px 6%;}
  .tyb-zrow{grid-template-columns:1fr;}
  .tyb-zrow .cell.color{display:none;}
  .site-main{padding:32px 5% 48px;}
  #wpm-agegate .ag-box{padding:32px 24px;}
  #wpm-agegate h2{font-size:22px;}
}

/* tea 頁元件(橙紅版) */
.wpm-placeholder{border:2px dashed #ff5722;border-radius:6px;padding:16px 20px;margin:14px 0;background:rgba(255,87,34,.06);}
.wpm-placeholder.is-draft .ph-tag{background:#ff8a65;}
.wpm-placeholder .ph-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;color:#0f0d0b;background:#ff5722;border-radius:4px;padding:2px 10px;margin-bottom:8px;}
.wpm-placeholder .ph-body{text-align:left;}
.wpm-placeholder .ph-body p,.wpm-placeholder .ph-body li{color:#c3bbb0;font-size:15px;line-height:1.85;}
.wpm-placeholder .ph-body strong{color:#f2ede6;}
.wpm-placeholder .ph-body h3{color:#f2ede6;font-size:17px;margin:18px 0 8px;}
.wpm-placeholder .ph-body ul,.wpm-placeholder .ph-body ol{margin:6px 0 12px 20px;}
.wpm-steps{border-top:1px solid rgba(255,255,255,.1);margin-top:8px;}
.wpm-step{display:flex;gap:18px;align-items:flex-start;padding:18px 4px;border-bottom:1px solid rgba(255,255,255,.1);counter-increment:step;}
.wpm-steps{counter-reset:step;}
.wpm-step .sn{font-size:15px;color:#ff5722;font-weight:700;min-width:28px;}
.wpm-step .sn::before{content:counter(step,decimal-leading-zero);}
.wpm-step .st b{display:block;color:#f2ede6;font-size:16px;margin-bottom:2px;}
.wpm-step .st span{color:#c3bbb0;font-size:14px;}
.wpm-cta-box{background:linear-gradient(120deg,#1c1512,#241310);border:1px solid rgba(255,87,34,.3);border-radius:8px;padding:26px 28px;margin:36px 0 8px;text-align:center;}
.wpm-cta-box .big{font-size:22px;font-weight:800;color:#f2ede6;margin:0 0 6px;}
.wpm-cta-box .tel{font-size:26px;font-weight:900;color:#ff5722;letter-spacing:1px;}
.wpm-cta-box .line-row{margin-top:10px;font-size:15px;color:#c3bbb0;}
.wpm-cta-box .line-row .ph-inline{display:inline-block;border:1.5px dashed #ff5722;border-radius:6px;padding:2px 10px;color:#ff8a65;font-size:13px;margin-left:6px;}
.wpm-cta-box .sub{font-size:13px;color:#a29b93;margin-top:8px;}
.wpm-imgrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;}
.wpm-imgrow img{border-radius:6px;width:100%;height:auto;}
@media(max-width:820px){.wpm-imgrow{grid-template-columns:1fr;}}
