/*
Theme Name: TeaLiveTW
Theme URI: https://e-live.tw
Author: e-live
Description: 繁體中文（台灣／香港）成人直播平台評測・排行主題（茶綠 × 暖琥珀 × 墨黑）。e-live.tw 專用。結構獨立（tea-* 命名）。
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: tealivetw
*/

:root {
  --ink-900:#16201d; --ink-700:#2f3d39; --ink-500:#5d6c67; --ink-300:#93a09b;
  --paper:#f6faf8; --paper-2:#ffffff; --paper-3:#ebf2ee;
  --jade:#0f9d7a; --jade-soft:#6fccb1; --jade-bg:#e6f6f0;
  --amber:#d98b2b; --amber-soft:#e6b873; --gold:#b8924a;
  --line:#dfe9e4; --r:14px; --pill:999px;
  --zh-sans:"Noto Sans TC","Source Han Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;
  --shadow:0 10px 30px -16px rgba(15,40,32,.25);
  --shadow-hi:0 18px 44px -18px rgba(15,157,122,.35);
  --maxw:1080px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--zh-sans);font-size:16px;line-height:1.85;letter-spacing:.01em;color:var(--ink-900);background:var(--paper);
  background-image:radial-gradient(820px 360px at 88% -120px,rgba(15,157,122,.07),transparent 62%),radial-gradient(680px 480px at -160px 30%,rgba(217,139,43,.045),transparent 60%);
  -webkit-font-smoothing:antialiased;}
a{color:var(--jade);text-decoration:none;transition:color .16s ease;}
a:hover{color:var(--amber);}
img{max-width:100%;height:auto;display:block;}
::selection{background:var(--jade-soft);color:#fff;}
h1,h2,h3,h4{font-family:var(--zh-sans);font-weight:700;line-height:1.4;color:var(--ink-900);letter-spacing:.01em;}
h2{font-size:1.5rem;margin:2.2rem 0 .9rem;}
h3{font-size:1.2rem;margin:1.8rem 0 .7rem;}

/* container */
.tea-bound{max-width:var(--maxw);margin:0 auto;padding:0 1.1rem;}
main.tea-bound{padding-top:.5rem;padding-bottom:2.5rem;}

/* header */
.tea-bar{padding:.85rem 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40;}
.tea-bar-row{max-width:var(--maxw);margin:0 auto;padding:0 1.1rem;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;}
.tea-logo{display:inline-flex;align-items:baseline;gap:.4rem;color:var(--ink-900);font-weight:800;}
.tea-logo:hover{color:var(--ink-900);}
.tea-seal{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:9px;background:var(--jade);color:#fff;font-size:1.05rem;align-self:center;}
.tea-logo-name{font-size:1.45rem;letter-spacing:.02em;}
.tea-logo-sub{font-style:normal;font-size:.82rem;font-weight:600;color:var(--ink-500);}
.tea-links{display:flex;gap:1rem;font-size:.9rem;font-weight:600;flex-wrap:wrap;}
.tea-links a{color:var(--ink-700);}
.tea-links a:hover{color:var(--jade);}
.tea-find{margin-left:auto;display:flex;}
.tea-find input[type="search"]{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--pill) 0 0 var(--pill);color:var(--ink-900);padding:.42rem .7rem .42rem 1rem;width:10rem;font-size:.86rem;font-family:var(--zh-sans);}
.tea-find input[type="search"]:focus{outline:2px solid var(--jade-soft);}
.tea-find button{background:var(--jade);color:#fff;border:0;cursor:pointer;border-radius:0 var(--pill) var(--pill) 0;padding:.42rem 1rem;font-weight:700;}
.tea-find button:hover{background:var(--amber);}

/* lede / crown */
.tea-lede{padding:3rem 0 1.4rem;}
.tea-lede h1{font-size:clamp(1.8rem,4.6vw,2.8rem);margin:0 0 .7rem;max-width:22ch;}
.tea-lede h1::before{content:"🍵 ";font-size:.85em;}
.tea-lede h1 em{font-style:normal;color:var(--jade);}
.tea-lede p{color:var(--ink-500);max-width:56ch;margin:0;font-size:1.02rem;}
.tea-crown{padding:2.2rem 0 1.2rem;border-bottom:1px solid var(--line);margin-bottom:1.2rem;}
.tea-crown h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:0;}
.tea-crown h1 em{font-style:normal;color:var(--jade);}
.tea-crown-sub{color:var(--ink-500);margin-top:.7rem;max-width:60ch;}

/* feed of cards */
.tea-feed{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));padding:1.4rem 0 2.2rem;}
.tea-item{position:relative;overflow:hidden;border-radius:var(--r);background:var(--paper-2);border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;}
.tea-item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--jade-soft);}
.tea-shot{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--paper-3);}
.tea-shot img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.tea-item:hover .tea-shot img{transform:scale(1.05);}
.tea-shot .tea-tag{position:absolute;left:.6rem;bottom:.6rem;background:rgba(22,32,29,.82);color:#fff;border:0;backdrop-filter:blur(3px);}
.tea-meta{padding:.8rem 1rem 1.05rem;display:flex;flex-direction:column;gap:.35rem;flex:1;}
.tea-name{font-size:1rem;margin:0;line-height:1.5;font-weight:700;}
.tea-name a{color:var(--ink-900);}
.tea-name a:hover{color:var(--jade);}
.tea-when{font-size:.76rem;color:var(--ink-300);}

/* tag pill (inline + base for overlay) */
.tea-tag{display:inline-block;font-size:.72rem;letter-spacing:.04em;background:var(--jade-bg);color:var(--jade);border:1px solid var(--jade-soft);border-radius:var(--pill);padding:.16rem .66rem;font-weight:600;}
.tea-tag:hover{color:#fff;background:var(--jade);}
.tea-tag--ink{background:var(--paper-3);color:var(--ink-700);border-color:var(--line);}
.tea-tag--ink:hover{background:var(--jade);color:#fff;border-color:var(--jade);}

/* promo card */
.tea-item.is-promo{background:linear-gradient(160deg,#fff,var(--jade-bg));border-color:var(--jade-soft);text-align:center;}
.tea-item.is-promo>a{display:flex;flex-direction:column;gap:.45rem;padding:1.5rem 1.1rem;height:100%;justify-content:center;color:var(--ink-900);}
.tea-item.is-promo strong{font-size:1.05rem;line-height:1.5;}
.tea-item.is-promo span:not(.tea-go):not(.tea-dot){font-size:.82rem;color:var(--ink-500);}
.tea-item.is-promo .tea-go{margin-top:.5rem;}
.tea-dot{font-size:1.4rem;}
.tea-item.is-amber{background:linear-gradient(160deg,#fff,#f9f0e2);border-color:var(--amber-soft);}
.tea-item.is-gold{background:linear-gradient(160deg,#fff,#f6f0e0);border-color:var(--gold);}

/* pager */
.tea-pager{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem 0 1.5rem;}
.tea-pager .page-numbers{padding:.4rem .8rem;border-radius:var(--pill);border:1px solid var(--line);background:var(--paper-2);color:var(--ink-700);font-size:.9rem;}
.tea-pager .page-numbers.current{background:var(--jade);color:#fff;border-color:var(--jade);}
.tea-pager a.page-numbers:hover{border-color:var(--jade);color:var(--jade);}

/* article (single/page) */
.tea-read{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.2rem,4vw,2.4rem);margin:1.4rem 0;box-shadow:var(--shadow);}
.tea-read-head{margin-bottom:1.2rem;}
.tea-read-head h1{font-size:clamp(1.5rem,4.2vw,2.2rem);margin:.6rem 0 .4rem;line-height:1.45;}
.tea-read-meta{display:block;color:var(--ink-300);font-size:.82rem;}
.tea-read-body{font-size:1.04rem;}
.tea-read-body p{margin:1rem 0;}
.tea-read-body img{border-radius:10px;margin:.8rem auto;}
.tea-read-body figure{margin:1rem 0;}
.tea-read-body h2{border-left:4px solid var(--jade);padding-left:.7rem;}
.tea-read-body ul,.tea-read-body ol{padding-left:1.4rem;}
.tea-read-body a{text-decoration:underline;text-decoration-color:var(--jade-soft);text-underline-offset:3px;}
.tea-read-body table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.94rem;}
.tea-read-body th,.tea-read-body td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;}
.tea-read-body thead th{background:var(--jade-bg);color:var(--ink-900);}
.tea-read-body tbody tr:nth-child(even){background:var(--paper);}
.tea-taglist{margin:1.4rem 0 .4rem;display:flex;gap:.4rem;flex-wrap:wrap;}
.tea-taglist a{font-size:.76rem;color:var(--ink-500);background:var(--paper-3);border-radius:var(--pill);padding:.16rem .65rem;}
.tea-taglist a:hover{color:var(--jade);}
.tea-related{margin:2rem 0 1rem;padding-top:1.4rem;border-top:1px solid var(--line);}
.tea-tagrow{display:flex;gap:.45rem;flex-wrap:wrap;margin:0;padding:0;}
.tea-flip{display:flex;justify-content:space-between;gap:1rem;margin-top:1.6rem;font-size:.9rem;flex-wrap:wrap;}
.tea-flip a{color:var(--amber);}

/* CTA + button */
.tea-call{margin:2rem 0 .5rem;padding:1.4rem 1.5rem;border-radius:var(--r);background:linear-gradient(150deg,var(--jade-bg),#fff);border:1px solid var(--jade-soft);text-align:center;}
.tea-call strong{font-size:1.15rem;display:block;margin-bottom:.3rem;color:var(--ink-900);}
.tea-call p{color:var(--ink-500);margin:0 0 .9rem;font-size:.95rem;}
.tea-go{display:inline-block;background:var(--jade);color:#fff !important;font-weight:700;padding:.7rem 1.6rem;border-radius:var(--pill);font-size:1rem;box-shadow:var(--shadow-hi);transition:transform .15s ease,background .15s ease;text-decoration:none !important;}
.tea-go:hover{background:var(--amber);transform:translateY(-2px);color:#fff !important;}

/* sticky dock */
.tea-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:.8rem;justify-content:center;flex-wrap:wrap;background:rgba(22,32,29,.94);color:#fff;padding:.6rem 1rem;backdrop-filter:blur(6px);box-shadow:0 -8px 24px -12px rgba(0,0,0,.4);}
.tea-dock-msg{font-size:.92rem;font-weight:600;}
.tea-dock .tea-go{padding:.42rem 1.1rem;font-size:.9rem;box-shadow:none;}
.tea-dock-close{background:transparent;border:0;color:#fff;font-size:1.4rem;cursor:pointer;line-height:1;padding:0 .3rem;}

/* essay + hubs */
.tea-essay{margin:1.5rem 0 1rem;padding:1.8rem 0 0;border-top:1px solid var(--line);}
.tea-essay h2{font-size:1.4rem;}
.tea-essay p,.tea-essay ul{color:var(--ink-700);}
.tea-essay-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 0;padding:0;}
.tea-hubs{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.4rem 0;}
.tea-hub{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;transition:border-color .18s,box-shadow .18s,transform .18s;}
.tea-hub:hover{border-color:var(--jade-soft);box-shadow:var(--shadow);transform:translateY(-3px);}
.tea-hub h3{margin:0 0 .4rem;font-size:1.08rem;}
.tea-hub h3 a{color:var(--ink-900);}
.tea-hub h3 a:hover{color:var(--jade);}
.tea-hub p{margin:0;font-size:.9rem;color:var(--ink-500);}

/* footer + misc */
.tea-foot{border-top:1px solid var(--line);background:var(--paper-3);padding:2rem 0;margin-top:2rem;}
.tea-foot .tea-bound{display:flex;flex-direction:column;gap:.6rem;}
.tea-rta{display:inline-block;background:var(--ink-900);color:#fff;font-weight:700;font-size:.72rem;padding:.12rem .5rem;border-radius:5px;}
.tea-foot p{margin:0;font-size:.82rem;color:var(--ink-500);}
.tea-foot a{color:var(--amber);}
.tea-blank{text-align:center;padding:4rem 1rem;}
.tea-blank h1{font-size:1.6rem;}
.tea-blank p{color:var(--ink-500);}

@media (max-width:640px){
  .tea-find{width:100%;margin-left:0;}
  .tea-find input[type="search"]{flex:1;width:auto;}
  .tea-links{width:100%;}
  body{font-size:15.5px;}
}