* { margin: 0; padding: 0; box-sizing: border-box; }
:root{
  --bg:#f6f1e7;
  --bg-2:#efe7d6;
  --surface:#fffdf8;
  --surface-2:#fbf5ea;
  --ink:#241c14;
  --ink-2:#4a3f31;
  --muted:#8a7d6a;
  --line:#e3d8c4;
  --line-2:#d4c5a8;
  --tea:#4a6b3a;
  --tea-2:#5d7a4a;
  --tea-deep:#314a26;
  --amber:#9c6b3f;
  --amber-2:#b08552;
  --seal:#a23b2e;
  --gold:#b08d57;
  --radius:14px;
  --radius-sm:10px;
  --shadow:0 2px 10px rgba(60,40,15,.06), 0 8px 30px rgba(60,40,15,.05);
  --shadow-hover:0 6px 18px rgba(60,40,15,.1), 0 14px 40px rgba(60,40,15,.08);
}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:hidden; }
.ty-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body { font: 15px/1.7 "Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,Helvetica,sans-serif; color:var(--ink); background:var(--bg); overflow-x:hidden; max-width:100vw; }
img { border: 0; display: block; max-width:100%; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; transition:color .2s; }
a:hover { color: var(--amber); }
.ty-clear { clear: both; width: 100%; overflow: hidden; }
.ty-shell { width:1240px; max-width:96%; margin:0 auto; }

.ty-sec { padding:30px 0 18px; }
.ty-sec-head { display:flex; align-items:flex-end; gap:16px; margin-bottom:16px; }
.ty-sec-no { font:700 34px/1 "Cormorant Garamond","Noto Serif SC",serif; color:var(--amber); letter-spacing:-1px; opacity:.85; }
.ty-sec-titles { flex:1; min-width:0; }
.ty-sec-kick { font:600 11px/1 "Noto Serif SC",serif; letter-spacing:3px; color:var(--tea-2); margin-bottom:6px; }
.ty-sec-title { font:700 26px/1.2 "Noto Serif SC","Songti SC",serif; color:var(--ink); letter-spacing:1px; display:inline-block; }
a.ty-sec-title:hover { color:var(--amber); }
.ty-sec-more { font-size:13px; color:var(--muted); white-space:nowrap; display:inline-flex; align-items:center; gap:4px; }
.ty-sec-more:hover { color:var(--amber); }
.ty-arrow { display:inline-block; width:14px; height:1px; background:currentColor; position:relative; transition:width .2s; }
.ty-arrow::after { content:""; position:absolute; right:0; top:-3px; width:7px; height:7px; border-right:1px solid currentColor; border-top:1px solid currentColor; transform:rotate(45deg); }
.ty-sec-more:hover .ty-arrow { width:20px; }

.ty-head { position:sticky; top:0; z-index:900; background:var(--surface); border-bottom:1px solid var(--line); }
.ty-topbar { background:var(--tea-deep); color:#e8e0cf; font-size:12px; }
.ty-topbar .ty-shell { display:flex; align-items:center; justify-content:space-between; height:34px; }
.ty-welcome { opacity:.9; }
.ty-top-cta { display:flex; gap:18px; }
.ty-top-cta a { display:inline-flex; align-items:center; gap:5px; color:#e8e0cf; }
.ty-top-cta a:hover { color:#fff; }
.ty-tt-ic { width:13px; height:13px; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:center; }
.ty-tt-tel { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e0cf' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.ty-tt-book { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8e0cf' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.ty-nav { background:var(--surface); }
.ty-nav-box { display:flex; align-items:center; height:64px; gap:28px; }
.ty-brand img { height:40px; width:auto; }
.ty-brand .wapwap { display:none; }
.ty-menu { display:flex; align-items:center; gap:4px; flex:1; }
.ty-menu li { position:relative; }
.ty-menu li a { display:block; padding:8px 14px; font-size:15px; font-weight:500; color:var(--ink-2); border-radius:8px; }
.ty-menu li a:hover, .ty-menu li.selected a { color:var(--tea-deep); background:var(--surface-2); }
.ty-nav-extra { display:flex; align-items:center; }
.ty-nav-book { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; background:var(--tea); color:#fff!important; border-radius:24px; font-size:13px; font-weight:600; transition:background .2s; }
.ty-nav-book:hover { background:var(--tea-deep); }
.ty-burger { display:none; }

.ty-main { padding-top:8px; }

.ty-master-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.ty-master { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .25s; }
.ty-master:hover { box-shadow:var(--shadow-hover); transform:translateY(-3px); border-color:var(--line-2); }
.ty-master-media { position:relative; width:100%; aspect-ratio:3/4; overflow:hidden; background:linear-gradient(160deg,var(--bg-2),var(--surface-2)); display:flex; align-items:center; justify-content:center; }
.ty-master-media img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .4s; }
.ty-master:hover .ty-master-media img { transform:scale(1.05); }
.ty-master-ph { font:700 56px/1 "Noto Serif SC",serif; color:rgba(156,107,63,.25); }
.ty-master-badge { position:absolute; top:10px; right:10px; padding:3px 9px; background:rgba(49,74,38,.92); color:#e8d9b8; font:600 10px/1 "Cormorant Garamond",serif; letter-spacing:1px; border-radius:10px; }
.ty-master-body { padding:13px 14px 15px; flex:1; display:flex; flex-direction:column; }
.ty-master-body h3 { font:600 17px/1.3 "Noto Serif SC",serif; color:var(--ink); margin-bottom:8px; }
.ty-master-tags { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.ty-master-tags span { font-size:11px; color:var(--tea-2); background:rgba(74,107,58,.1); padding:3px 8px; border-radius:10px; }
.ty-master-skill, .ty-master-line, .ty-master-honor, .ty-master-city { font-size:12.5px; color:var(--muted); line-height:1.7; }
.ty-master-skill { color:var(--ink-2); }

.ty-exp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ty-exp-card { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); transition:all .25s; overflow:hidden; }
.ty-exp-card:hover { box-shadow:var(--shadow-hover); transform:translateY(-4px); }
.ty-exp-card { padding:22px; }
.ty-exp-media { position:relative; width:100%; aspect-ratio:3/2; margin:-22px -22px 16px; overflow:hidden; background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-exp-media img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .4s; }
.ty-exp-card:hover .ty-exp-media img { transform:scale(1.05); }
.ty-exp-ph { font:700 54px/1 "Noto Serif SC",serif; color:rgba(74,107,58,.2); }
.ty-exp-lv { position:absolute; top:10px; left:10px; padding:4px 10px; background:rgba(255,255,255,.92); color:var(--gold); font:600 10px/1 "Noto Serif SC",serif; letter-spacing:1px; border:1px solid var(--gold); border-radius:12px; }
.ty-exp-top { margin-bottom:14px; }
.ty-exp-top h3 { font:700 20px/1.3 "Noto Serif SC",serif; color:var(--ink); margin-bottom:8px; }
.ty-exp-top p { font-size:13px; color:var(--muted); line-height:1.6; }
.ty-exp-facts { list-style:none; flex:1; margin-bottom:14px; }
.ty-exp-facts li { display:flex; align-items:baseline; gap:8px; padding:7px 0; border-bottom:1px solid var(--line); font-size:13px; }
.ty-exp-facts li:last-child { border-bottom:none; }
.ty-exp-facts span { color:var(--muted); font-size:12px; min-width:36px; }
.ty-exp-facts b { color:var(--ink); font-weight:600; }
.ty-exp-foot { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid var(--line); }
.ty-exp-price { font:700 24px/1 "Cormorant Garamond",serif; color:var(--seal); }
.ty-exp-price small { font-size:12px; font-weight:500; color:var(--muted); }
.ty-exp-btn { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; color:var(--tea-deep); }

.ty-gal-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:160px; gap:10px; }
.ty-gal-cell { position:relative; overflow:hidden; border-radius:var(--radius-sm); background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-gal-cell img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .4s; }
.ty-gal-cell:hover img { transform:scale(1.08); }
.ty-gal-ph { font:700 40px/1 "Noto Serif SC",serif; color:rgba(74,107,58,.2); }
.ty-gal-cap { position:absolute; left:0; right:0; bottom:0; padding:8px 12px; font-size:12px; color:#fff; background:linear-gradient(180deg,transparent,rgba(20,14,8,.85)); opacity:1; }
.ty-gal-cell-1 { grid-column:span 2; grid-row:span 2; }
.ty-gal-cell-1 .ty-gal-ph { font-size:70px; }
.ty-gal-cell-4 { grid-column:span 2; }
.ty-gal-cell-4 .ty-gal-ph { font-size:50px; }

.ty-studios { margin-top:18px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }
.ty-studios-head { display:flex; align-items:baseline; gap:14px; margin-bottom:14px; }
.ty-studios-title { font:600 17px/1 "Noto Serif SC",serif; color:var(--ink); }
.ty-studios-tags { display:flex; flex-wrap:wrap; gap:8px; }
.ty-studio-tag { display:inline-flex; align-items:center; gap:5px; padding:7px 13px; background:var(--bg-2); border:1px solid var(--line); border-radius:18px; font-size:13px; color:var(--ink-2); transition:all .2s; }
.ty-studio-tag:hover { background:var(--tea-deep); border-color:var(--tea-deep); color:#fff; }
.ty-loc-ic { width:12px; height:12px; display:inline-block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat; }

.ty-tea-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ty-tea { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .25s; }
.ty-tea:hover { box-shadow:var(--shadow-hover); transform:translateY(-4px); border-color:var(--line-2); }
.ty-tea-media { position:relative; width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-tea-media img { width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .4s; }
.ty-tea:hover .ty-tea-media img { transform:scale(1.06); }
.ty-tea-ph { font:700 60px/1 "Noto Serif SC",serif; color:rgba(74,107,58,.18); }
.ty-tea-flag { position:absolute; top:10px; left:10px; padding:3px 9px; border-radius:4px; font-size:11px; font-weight:600; color:#fff; }
.ty-tea-flag-hot { background:var(--seal); }
.ty-tea-flag-new { background:var(--tea); }
.ty-tea-body { padding:14px 16px 16px; flex:1; display:flex; flex-direction:column; }
.ty-tea-body h3 { font:600 17px/1.4 "Noto Serif SC",serif; color:var(--ink); margin-bottom:6px; }
.ty-tea-desc { font-size:12.5px; color:var(--muted); line-height:1.6; margin-bottom:10px; min-height:40px; }
.ty-tea-meta { display:flex; flex-wrap:wrap; gap:6px 10px; margin-bottom:12px; }
.ty-tm { font-size:12px; color:var(--ink-2); display:inline-flex; align-items:center; gap:4px; }
.ty-tm i { font-style:normal; font-size:10px; color:#fff; background:var(--amber); width:16px; height:16px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; }
.ty-tea-foot { display:flex; align-items:center; justify-content:space-between; padding-top:10px; border-top:1px dashed var(--line); margin-top:auto; }
.ty-tea-price { font:700 19px/1 "Cormorant Garamond","Noto Serif SC",serif; color:var(--seal); }
.ty-tea-price small { font-size:11px; font-weight:500; color:var(--muted); margin:0 1px; }
.ty-tea-price-tba { font-size:14px; color:var(--muted); }
.ty-tea-eff { font-size:11px; color:var(--tea-2); padding:3px 8px; background:rgba(74,107,58,.08); border-radius:10px; }

.ty-family-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
.ty-family { display:flex; flex-direction:column; align-items:center; gap:6px; padding:22px 10px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); transition:all .2s; }
.ty-family:hover { background:var(--tea-deep); border-color:var(--tea-deep); transform:translateY(-3px); box-shadow:var(--shadow); }
.ty-family-seal { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--bg-2); color:var(--seal); font:700 16px/1 "Noto Serif SC",serif; transition:all .2s; }
.ty-family:hover .ty-family-seal { background:rgba(255,255,255,.12); color:#fff; }
.ty-family-en { font:500 10px/1 "Cormorant Garamond",serif; letter-spacing:2px; text-transform:uppercase; color:var(--muted); }
.ty-family:hover .ty-family-en { color:rgba(255,255,255,.7); }

.ty-feed-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.ty-sec-head-sm { margin-bottom:14px; }
.ty-sec-head-sm .ty-sec-title { font-size:22px; }
.ty-read-list li { border-bottom:1px solid var(--line); display:flex; align-items:center; gap:16px; padding:13px 4px; }
.ty-rl-date { flex-shrink:0; width:54px; text-align:center; font:700 20px/1.1 "Cormorant Garamond",serif; color:var(--amber); border-right:1px solid var(--line); padding-right:14px; }
.ty-rl-date small { display:block; font-size:11px; color:var(--muted); font-weight:400; margin-top:2px; }
.ty-rl-body { flex:1; min-width:0; }
.ty-rl-body h3 { font:600 15px/1.4 "Noto Serif SC",serif; color:var(--ink); margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-rl-body p { font-size:12.5px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-rl-eye { flex-shrink:0; font-size:11px; color:var(--muted); display:inline-flex; align-items:center; gap:3px; }
.ty-rl-eye i { width:13px; height:13px; display:inline-block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7d6a' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat; }
.ty-read-list li:hover h3 a { color:var(--amber); }
.ty-master-body h3 a, .ty-tea-body h3 a, .ty-exp-top h3 a, .ty-faq-q a, .ty-rv-foot b a, .ty-rl-body h3 a { color:inherit; }
.ty-master-body h3 a:hover, .ty-tea-body h3 a:hover, .ty-exp-top h3 a:hover, .ty-faq-q a:hover, .ty-rv-foot b a:hover, .ty-rl-body h3 a:hover { color:var(--amber); }

.ty-review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.ty-review { display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; transition:all .2s; }
.ty-review:hover { box-shadow:var(--shadow); border-color:var(--line-2); transform:translateY(-2px); }
.ty-rv-stars { color:var(--gold); font-size:14px; letter-spacing:2px; margin-bottom:10px; }
.ty-rv-text { font-size:13.5px; line-height:1.7; color:var(--ink-2); margin-bottom:14px; flex:1; }
.ty-rv-foot { display:flex; align-items:baseline; justify-content:space-between; padding-top:12px; border-top:1px solid var(--line); }
.ty-rv-foot b { font:600 14px/1 "Noto Serif SC",serif; color:var(--ink); }
.ty-rv-foot span { font-size:11px; color:var(--muted); }

.ty-faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.ty-faq-item { display:flex; flex-direction:column; gap:6px; padding:16px 18px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); transition:all .2s; }
.ty-faq-item:hover { border-color:var(--amber); box-shadow:var(--shadow); transform:translateY(-2px); }
.ty-faq-q { font:600 14.5px/1.5 "Noto Serif SC",serif; color:var(--ink); margin:0; }
.ty-faq-a { font-size:12.5px; color:var(--muted); line-height:1.6; margin:0; }

.ty-list-main, .ty-tags-main { padding:18px 0 30px; }
.ty-crumb { font-size:12px; color:var(--muted); padding:10px 0; }
.ty-crumb a:hover { color:var(--amber); }
.ty-list-layout { display:grid; grid-template-columns:1fr 300px; gap:24px; align-items:flex-start; }
.ty-list-lbox { min-width:0; }
.ty-list-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:2px solid var(--tea-deep); margin-bottom:14px; }
.ty-list-title { font:700 26px/1.2 "Noto Serif SC",serif; color:var(--ink); }
.ty-list-count { font-size:12px; color:var(--muted); white-space:nowrap; }
.ty-list-count b { color:var(--amber); font-weight:600; }
.ty-list-filter { display:flex; gap:8px; margin-bottom:16px; }
.ty-filter-item { padding:6px 16px; background:var(--surface); border:1px solid var(--line); border-radius:16px; font-size:13px; color:var(--ink-2); }
.ty-filter-item:hover, .ty-filter-item.active { background:var(--tea-deep); color:#fff; border-color:var(--tea-deep); }
.ty-list-cards li { margin-bottom:14px; }
.ty-list-card { display:flex; gap:16px; padding:14px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .2s; }
.ty-list-card:hover { box-shadow:var(--shadow); border-color:var(--line-2); }
.ty-list-card-media { flex-shrink:0; width:180px; height:130px; border-radius:var(--radius-sm); overflow:hidden; background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-list-card-media img { width:100%; height:100%; object-fit:cover; }
.ty-list-card-ph { font:700 44px/1 "Noto Serif SC",serif; color:rgba(74,107,58,.2); }
.ty-list-card-body { flex:1; min-width:0; display:flex; flex-direction:column; }
.ty-list-card-meta { display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--muted); margin-bottom:8px; flex-wrap:wrap; }
.ty-list-card-meta i { font-style:normal; opacity:.5; }
.ty-list-card-body h2 { font:600 18px/1.4 "Noto Serif SC",serif; color:var(--ink); margin-bottom:8px; }
.ty-list-card-body h2 a { color:inherit; }
.ty-list-card-body h2 a:hover { color:var(--amber); }
.ty-list-card-body p { font-size:13px; color:var(--muted); line-height:1.65; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ty-list-card:hover h2 a { color:var(--amber); }
.ty-pagination { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:24px; }
.ty-page-btn { min-width:38px; height:38px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; background:var(--surface); border:1px solid var(--line); border-radius:8px; font-size:13px; color:var(--ink-2); }
.ty-page-btn:hover { background:var(--tea-deep); color:#fff; border-color:var(--tea-deep); }
.ty-page-numbar { display:inline-flex; gap:4px; }
.ty-page-numbar a { min-width:38px; height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; background:var(--surface); border:1px solid var(--line); border-radius:8px; font-size:13px; color:var(--ink-2); }
.ty-page-numbar a:hover, .ty-page-numbar a.active { background:var(--tea-deep); color:#fff; border-color:var(--tea-deep); }
.ty-arrow-first { display:inline-block; width:14px; height:1px; background:currentColor; position:relative; }
.ty-arrow-first::before, .ty-arrow-first::after { content:""; position:absolute; width:7px; height:7px; border-left:1px solid currentColor; }
.ty-arrow-first::before { left:0; top:-3px; border-bottom:1px solid currentColor; transform:rotate(45deg); }
.ty-arrow-first::after { left:0; top:-3px; border-top:1px solid currentColor; transform:rotate(-45deg); }
.ty-arrow-r { transform:rotate(180deg); }
.ty-arrow-first.ty-arrow-r { transform:rotate(180deg); }
.ty-empty { padding:60px 20px; text-align:center; color:var(--muted); font-size:14px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); }

.ty-tags-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:2px solid var(--tea-deep); margin-bottom:14px; }
.ty-tags-title { font:700 26px/1.2 "Noto Serif SC",serif; color:var(--ink); }
.ty-tags-cloud { padding:16px 18px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); margin-bottom:20px; }
.ty-tags-cloud-label { font:600 13px/1 "Noto Serif SC",serif; color:var(--ink); margin-bottom:12px; }
.ty-tags-cloud-list { display:flex; flex-wrap:wrap; gap:8px; }
.ty-tag-chip { display:inline-flex; align-items:center; gap:5px; padding:7px 14px; background:var(--bg-2); border:1px solid var(--line); border-radius:18px; font-size:13px; color:var(--ink-2); transition:all .2s; }
.ty-tag-chip:hover, .ty-tag-chip.active { background:var(--tea-deep); color:#fff; border-color:var(--tea-deep); }
.ty-tag-hash { width:11px; height:11px; display:inline-block; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cline x1='4' y1='9' x2='20' y2='9'/%3E%3Cline x1='4' y1='15' x2='20' y2='15'/%3E%3Cline x1='10' y1='3' x2='8' y2='21'/%3E%3Cline x1='16' y1='3' x2='14' y2='21'/%3E%3C/svg%3E") center/contain no-repeat; }

.ty-news-main { padding:18px 0 30px; }
.ty-news-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px; align-items:start; }
.ty-news-lbox { min-width:0; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px 34px; }
.ty-news-head { padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:22px; }
.ty-news-title { font:700 28px/1.3 "Noto Serif SC",serif; color:var(--ink); letter-spacing:1px; margin-bottom:14px; }
.ty-news-meta { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:12.5px; color:var(--muted); }
.ty-news-meta span { display:inline-flex; align-items:center; gap:5px; }
.ty-meta-ic { width:13px; height:13px; display:inline-block; background-size:contain; background-repeat:no-repeat; }
.ty-meta-user { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7d6a' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.ty-meta-time { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7d6a' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.ty-meta-eye { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7d6a' stroke-width='2'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.ty-meta-src { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7d6a' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E"); }
.ty-news-lead { padding:16px 18px; background:var(--surface-2); border-left:3px solid var(--amber); border-radius:0 8px 8px 0; font-size:14.5px; line-height:1.8; color:var(--ink-2); margin-bottom:24px; }
.ty-news-fields { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:24px; padding:16px; background:var(--bg); border-radius:var(--radius-sm); }
.ty-field { display:flex; align-items:center; gap:6px; padding:6px 12px; background:var(--surface); border:1px solid var(--line); border-radius:8px; font-size:13px; }
.ty-field span { color:var(--muted); font-size:11px; }
.ty-field b { color:var(--ink); font-weight:600; }
.ty-news-content { font-size:15px; line-height:1.95; color:var(--ink-2); }
.ty-news-content p { margin-bottom:18px; }
.ty-news-content h2, .ty-news-content h3, .ty-news-content h4 { font-family:"Noto Serif SC",serif; color:var(--ink); margin:28px 0 14px; font-weight:700; }
.ty-news-content h2 { font-size:22px; } .ty-news-content h3 { font-size:19px; } .ty-news-content h4 { font-size:16px; }
.ty-news-content img { max-width:100%; height:auto; border-radius:var(--radius-sm); margin:18px 0; }
.ty-news-content ul, .ty-news-content ol { padding-left:22px; margin-bottom:18px; }
.ty-news-content li { margin-bottom:8px; list-style:disc; }
.ty-news-content ol li { list-style:decimal; }
.ty-news-content blockquote { padding:12px 18px; border-left:3px solid var(--amber); background:var(--surface-2); margin:18px 0; color:var(--muted); font-style:italic; border-radius:0 8px 8px 0; }
.ty-news-tags { display:flex; align-items:flex-start; gap:12px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:26px 0; }
.ty-news-tags-label { flex-shrink:0; font:600 13px/1.8 "Noto Serif SC",serif; color:var(--ink); }
.ty-news-tags-list { display:flex; flex-wrap:wrap; gap:8px; }
.ty-news-tags-list a { padding:4px 12px; background:var(--bg-2); border-radius:12px; font-size:12px; color:var(--ink-2); }
.ty-news-tags-list a:hover { background:var(--tea-deep); color:#fff; }
.ty-news-actions { display:flex; flex-wrap:wrap; gap:10px; padding:20px 0; border-bottom:1px solid var(--line); }
.ty-action-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:var(--surface); border:1px solid var(--line); border-radius:20px; font-size:13px; color:var(--ink-2); cursor:pointer; font-family:inherit; }
.ty-action-btn:hover { border-color:var(--amber); color:var(--amber); }
.ty-action-btn.active { background:var(--amber); color:#fff; border-color:var(--amber); }
.ty-action-btn em { font-style:normal; font-size:12px; opacity:.8; }
.ty-action-book { background:var(--tea-deep); color:#fff; border-color:var(--tea-deep); }
.ty-action-ic { width:14px; height:14px; display:inline-block; background-size:contain; background-repeat:no-repeat; }
.ty-like-ic { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E"); }
.ty-share-ic { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E"); }
.ty-fav-ic { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); }
.ty-book-ic { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E"); }
.ty-news-pn { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:20px 0; }
.ty-pn-prev, .ty-pn-next { display:flex; flex-direction:column; gap:6px; padding:14px 16px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-sm); }
.ty-pn-next { text-align:right; }
.ty-pn-label { font-size:11px; color:var(--muted); letter-spacing:1px; }
.ty-pn-title { font-size:13px; color:var(--ink); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-pn-prev:hover .ty-pn-title, .ty-pn-next:hover .ty-pn-title { color:var(--amber); }
.ty-news-related { padding-top:8px; }
.ty-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.ty-related-card { display:flex; flex-direction:column; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; transition:all .2s; }
.ty-related-card:hover { box-shadow:var(--shadow); border-color:var(--line-2); }
.ty-related-media { height:110px; overflow:hidden; background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-related-media img { width:100%; height:100%; object-fit:cover; }
.ty-related-ph { font:700 36px/1 "Noto Serif SC",serif; color:rgba(74,107,58,.2); }
.ty-related-body { padding:10px 12px; }
.ty-related-body b { display:block; font:500 13px/1.4 "Noto Serif SC",serif; color:var(--ink); margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-related-body em { font-style:normal; font-size:11px; color:var(--muted); }

.ty-doc-main { padding:18px 0 40px; }
.ty-doc-layout { display:grid; grid-template-columns:240px 1fr; gap:28px; align-items:flex-start; }
.ty-doc-toc { position:sticky; top:90px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:18px 16px; max-height:calc(100vh - 110px); overflow-y:auto; }
.ty-doc-toc-title { font:600 14px/1 "Noto Serif SC",serif; color:var(--ink); margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid var(--line); }
.ty-doc-toc-group { margin-bottom:16px; }
.ty-doc-toc-cat { font:600 12px/1 "Noto Serif SC",serif; color:var(--tea-deep); margin-bottom:8px; }
.ty-doc-toc a { display:block; padding:6px 10px; font-size:13px; color:var(--ink-2); border-radius:6px; line-height:1.5; }
.ty-doc-toc a:hover, .ty-doc-toc a.active { background:var(--surface-2); color:var(--amber); }
.ty-doc-body { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:34px 40px; min-width:0; }
.ty-doc-head { padding-bottom:20px; border-bottom:1px solid var(--line); margin-bottom:26px; }
.ty-doc-title { font:700 30px/1.3 "Noto Serif SC",serif; color:var(--ink); letter-spacing:1px; margin:8px 0 8px; }
.ty-doc-sub { font-size:13px; color:var(--muted); }
.ty-doc-sec { padding:24px 0; border-bottom:1px dashed var(--line); scroll-margin-top:90px; }
.ty-doc-sec:last-child { border-bottom:none; }
.ty-doc-sec h2 { font:700 22px/1.3 "Noto Serif SC",serif; color:var(--tea-deep); margin-bottom:14px; padding-left:12px; border-left:4px solid var(--amber); }
.ty-doc-sec h3 { font:600 17px/1.4 "Noto Serif SC",serif; color:var(--ink); margin:16px 0 10px; }
.ty-doc-sec p { font-size:14.5px; line-height:1.95; color:var(--ink-2); margin-bottom:12px; }
.ty-doc-list { padding-left:0; margin:12px 0; }
.ty-doc-list li { padding:6px 0 6px 22px; font-size:14px; line-height:1.8; color:var(--ink-2); position:relative; list-style:none; }
.ty-doc-list li::before { content:""; position:absolute; left:4px; top:14px; width:6px; height:6px; border-radius:50%; background:var(--amber); }
.ty-doc-ol { padding-left:0; margin:12px 0; counter-reset:doc; }
.ty-doc-ol li { padding:8px 0 8px 32px; font-size:14px; line-height:1.8; color:var(--ink-2); position:relative; list-style:none; counter-increment:doc; }
.ty-doc-ol li::before { content:counter(doc); position:absolute; left:0; top:8px; width:22px; height:22px; border-radius:50%; background:var(--tea-deep); color:#fff; font:600 12px/22px "Cormorant Garamond",serif; text-align:center; }
.ty-doc-content { font-size:15px; line-height:1.95; color:var(--ink-2); }
.ty-doc-content p { margin-bottom:16px; }
.ty-doc-content h2 { font:700 22px/1.3 "Noto Serif SC",serif; color:var(--tea-deep); margin:30px 0 14px; padding-left:12px; border-left:4px solid var(--amber); }
.ty-doc-content h3 { font:600 17px/1.4 "Noto Serif SC",serif; color:var(--ink); margin:22px 0 10px; }
.ty-doc-content h4 { font:600 15px/1.4 "Noto Serif SC",serif; color:var(--ink-2); margin:18px 0 8px; }
.ty-doc-content img { max-width:100%; height:auto; border-radius:var(--radius-sm); margin:18px 0; }
.ty-doc-content ul, .ty-doc-content ol { padding-left:22px; margin-bottom:16px; }
.ty-doc-content li { margin-bottom:8px; list-style:disc; }
.ty-doc-content ol li { list-style:decimal; }
.ty-doc-content li p { margin-bottom:4px; }
.ty-doc-content blockquote { padding:14px 18px; border-left:3px solid var(--amber); background:var(--surface-2); margin:18px 0; color:var(--muted); border-radius:0 8px 8px 0; }
.ty-doc-content strong { color:var(--ink); font-weight:600; }
.ty-doc-content code { background:var(--bg-2); padding:2px 6px; border-radius:4px; font-size:13px; color:var(--seal); }
.ty-doc-content table { width:100%; border-collapse:collapse; margin:18px 0; font-size:13.5px; }
.ty-doc-content th, .ty-doc-content td { padding:10px 12px; border:1px solid var(--line); text-align:left; }
.ty-doc-content th { background:var(--bg-2); font-weight:600; color:var(--ink); }
.ty-doc-toc-cta { margin-top:20px; padding:14px; background:linear-gradient(135deg,var(--tea-deep),var(--tea)); border-radius:var(--radius-sm); text-align:center; }
.ty-doc-toc-cta p { font-size:12px; color:#e8d9b8; margin-bottom:8px; }
.ty-doc-toc-cta a { display:inline-block; padding:7px 16px; background:var(--amber); color:#fff!important; border-radius:16px; font-size:12px; font-weight:600; }
.ty-doc-toc-cta a:hover { background:var(--seal); }
.ty-doc-share { display:flex; align-items:center; gap:10px; padding:24px 0; margin-top:10px; border-top:1px solid var(--line); flex-wrap:wrap; }
.ty-doc-share > span { font-size:13px; color:var(--muted); margin-right:auto; }
.ty-doc-pn { display:grid; grid-template-columns:1fr 1fr; gap:14px; padding:20px 0 8px; border-top:1px solid var(--line); margin-top:10px; }
.ty-pn-disable { opacity:.5; pointer-events:none; }

.ty-rbox { display:flex; flex-direction:column; gap:16px; position:sticky; top:90px; width:300px; }
.ty-side-block { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; }
.ty-side-title { font:600 15px/1 "Noto Serif SC",serif; color:var(--ink); margin-bottom:14px; padding-bottom:10px; border-bottom:2px solid var(--tea-deep); display:inline-block; }
.ty-side-nav { display:flex; flex-wrap:wrap; gap:8px; }
.ty-side-nav a { padding:5px 12px; background:var(--bg-2); border-radius:14px; font-size:13px; color:var(--ink-2); }
.ty-side-nav a:hover { background:var(--tea-deep); color:#fff; }
.ty-side-rank li { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px dashed var(--line); }
.ty-side-rank li:last-child { border-bottom:none; }
.ty-side-rank i { flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--bg-2); color:var(--muted); font:600 12px/22px "Cormorant Garamond",serif; text-align:center; font-style:normal; }
.ty-side-rank li:nth-child(1) i, .ty-side-rank li:nth-child(2) i, .ty-side-rank li:nth-child(3) i { background:var(--amber); color:#fff; }
.ty-side-rank a { font-size:13px; color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-side-rank a:hover { color:var(--amber); }
.ty-side-hot li { margin-bottom:12px; }
.ty-side-hot li:last-child { margin-bottom:0; }
.ty-side-hot a { display:flex; gap:10px; }
.ty-side-img { flex-shrink:0; width:80px; height:56px; border-radius:6px; overflow:hidden; background:var(--bg-2); display:flex; align-items:center; justify-content:center; }
.ty-side-img img { width:100%; height:100%; object-fit:cover; }
.ty-side-info { flex:1; min-width:0; display:flex; flex-direction:column; justify-content:center; }
.ty-side-info b { font:500 13px/1.4 "Noto Serif SC",serif; color:var(--ink); margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ty-side-info em { font-style:normal; font-size:11px; color:var(--muted); }
.ty-side-tags { display:flex; flex-wrap:wrap; gap:6px; }
.ty-side-tags a { padding:4px 10px; background:var(--bg-2); border-radius:12px; font-size:12px; color:var(--ink-2); }
.ty-side-tags a:hover { background:var(--tea-deep); color:#fff; }
.ty-side-cta { background:linear-gradient(135deg,var(--tea-deep),var(--tea)); color:#fff; text-align:center; }
.ty-side-cta-kick { font:600 10px/1 "Cormorant Garamond",serif; letter-spacing:2px; text-transform:uppercase; color:#e8d9b8; margin-bottom:8px; }
.ty-side-cta h3 { font:700 20px/1 "Noto Serif SC",serif; color:#fff; margin-bottom:6px; }
.ty-side-cta p { font-size:12px; opacity:.85; margin-bottom:14px; }
.ty-side-cta-btn { display:inline-flex; align-items:center; gap:6px; padding:9px 22px; background:var(--amber); color:#fff!important; border-radius:22px; font-size:13px; font-weight:600; }
.ty-side-cta-btn:hover { background:var(--seal); }
.ty-side-cta-btn .ty-arrow { background:#fff; }
.ty-side-cta-btn .ty-arrow::after { border-color:#fff; }

.ty-foot { background:var(--tea-deep); color:#d8ccb4; padding:24px 0 0; margin-top:30px; }
.ty-foot-top { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.1); }
.ty-foot-cols { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ty-foot-name { font:700 20px/1.2 "Noto Serif SC",serif; color:#fff; margin-bottom:6px; }
.ty-foot-slogan { font-size:12.5px; line-height:1.6; color:#b8a98a; margin-bottom:10px; max-width:340px; }
.ty-foot-contact-mini { display:flex; flex-direction:column; gap:4px; }
.ty-foot-contact-mini span, .ty-foot-contact-mini a { display:inline-flex; align-items:center; gap:8px; font-size:12.5px; color:#c9bb9e; }
.ty-foot-contact-mini a:hover { color:#fff; }
.ty-fc-ic { width:14px; height:14px; display:inline-block; background-size:contain; background-repeat:no-repeat; opacity:.8; }
.ty-fc-time { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9bb9e' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); }
.ty-fc-addr { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9bb9e' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E"); }
.ty-fc-tel { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9bb9e' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.ty-fc-mail { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9bb9e' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E"); }
.ty-foot-cols { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ty-foot-title { font:600 13px/1 "Noto Serif SC",serif; color:#fff; margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.12); }
.ty-foot-col ul li { font-size:12.5px; line-height:1.9; color:#b8a98a; }
.ty-foot-col ul li a:hover { color:#fff; }

.ty-trust { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ty-trust-item { display:flex; align-items:center; gap:10px; }
.ty-trust-ic { flex-shrink:0; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.08); background-size:16px; background-repeat:no-repeat; background-position:center; }
.ty-tr-privacy { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9b8' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E"); }
.ty-tr-secure { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9b8' stroke-width='2'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E"); }
.ty-tr-deal { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9b8' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='9' y1='15' x2='15' y2='15'/%3E%3C/svg%3E"); }
.ty-tr-law { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8d9b8' stroke-width='2'%3E%3Cpath d='M12 3v18M5 7l7-4 7 4M3 21h18M6 7v8M18 7v8'/%3E%3C/svg%3E"); }
.ty-trust-item b { display:block; font-size:12.5px; color:#fff; font-weight:600; }
.ty-trust-item span { display:block; font-size:11px; color:#a89878; margin-top:1px; }
.ty-trust-item > a { flex-shrink:0; font-size:10.5px; color:#e8d9b8; padding:3px 8px; border:1px solid rgba(232,217,184,.3); border-radius:10px; white-space:nowrap; }
.ty-trust-item > a:hover { background:rgba(232,217,184,.1); color:#fff; }
.ty-trust-item > div { flex:1; min-width:0; }

.ty-filing { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ty-filing-row { display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center; }
.ty-filing-row-2 { margin-top:6px; }
.ty-filing-item { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#a89878; }
.ty-filing-item a:hover { color:#fff; }
.ty-filing-ic { width:14px; height:14px; display:inline-block; background-size:contain; background-repeat:no-repeat; opacity:.7; }
.ty-fl-icp { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89878' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/%3E%3C/svg%3E"); }
.ty-fl-ga { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89878' stroke-width='2'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E"); }
.ty-fl-license { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89878' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 8h10M7 12h10M7 16h6'/%3E%3C/svg%3E"); }
.ty-fl-food { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89878' stroke-width='2'%3E%3Cpath d='M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8zM6 1v3M10 1v3M14 1v3'/%3E%3C/svg%3E"); }
.ty-filing-row-2 > span { font-size:11.5px; opacity:.8; }

.ty-copy { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0 14px; font-size:11.5px; color:#a89878; flex-wrap:wrap; }
.ty-copy-left p { line-height:1.6; }
.ty-copy-right { display:flex; align-items:center; gap:8px; }
.ty-copy-right a:hover { color:#fff; }
.ty-copy-sep { opacity:.4; }

.ty-dock { display:none; }
.ty-pop { display:none; position:fixed; left:50%; bottom:90px; transform:translateX(-50%); z-index:9999; }
.ty-pop.show { display:block; }
.ty-pop-card { position:relative; background:var(--surface); border:1px solid var(--line-2); border-radius:var(--radius); box-shadow:var(--shadow-hover); padding:20px 24px; min-width:220px; text-align:center; }
.ty-pop-close { position:absolute; top:6px; right:8px; background:none; border:none; font-size:22px; color:var(--muted); cursor:pointer; line-height:1; }
.ty-pop-body { font:600 18px/1.6 "Noto Serif SC",serif; color:var(--ink); }
.ty-pop-body small { display:block; font-size:12px; font-weight:400; color:var(--muted); margin-top:6px; }
.ty-pop-body a { color:var(--seal); }
