:root{--ink:#20201e;--muted:#68655f;--gold:#94703a;--pale:#f6f2ea;--line:#e7dfd2;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.85 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:500;letter-spacing:.04em;line-height:1.5}h1{font-size:clamp(34px,3.6vw,58px);margin-bottom:22px}h2{font-size:clamp(26px,2.6vw,38px);margin-bottom:20px}h3{font-size:23px;font-weight:500;line-height:1.6}em{color:var(--gold);font-style:normal}header{height:108px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:22px;position:sticky;top:0;background:#fffffffa;border-bottom:1px solid var(--line);z-index:30}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}.brand img{width:94px;height:94px;object-fit:contain}.brand-motto{font-size:12px;letter-spacing:.12em;color:var(--gold)}nav{display:flex;align-items:center;gap:25px;font-size:14px}nav a{padding:10px 0;white-space:nowrap}nav a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}nav .nav-shop{background:var(--ink);color:white;padding:10px 19px}.menu{display:none}.wrap{width:min(1200px,88%);margin-left:auto;margin-right:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.19em;color:var(--gold);margin-bottom:20px}.intro-copy{font-size:17px;line-height:2;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;background:linear-gradient(110deg,#fff 20%,#faf7f0);padding:35px 4% 35px 6%;gap:24px}.hero-copy{padding:20px 0}.hero-label{font-size:14px;letter-spacing:.12em;margin-bottom:15px}.hero h1{font-size:clamp(33px,3.4vw,54px)}.hero-visual{border:1px solid #f0e6d6;background:white;box-shadow:0 16px 45px #9a7b4320}.hero-visual img{width:100%;height:auto;object-fit:contain}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);border:1px solid var(--ink);color:white;padding:13px 22px;min-height:50px;font-size:14px;letter-spacing:.04em}.btn.secondary{background:transparent;color:var(--ink);border-color:#c6b797}.btn:hover,.nav-shop:hover{background:#685031;color:white}.hero-foot{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px 22px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:20px}.brand-strip{display:flex;align-items:center;justify-content:center;gap:48px;padding:20px 6%;background:var(--pale);font-size:14px;letter-spacing:.14em}.brand-strip i{font-style:normal;font-size:12px;color:var(--gold)}.brand-strip a{font-size:12px;border-left:1px solid #cabda6;padding-left:38px}.section{padding-top:76px;padding-bottom:76px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-head h2{margin-bottom:0}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #b89d70;padding-bottom:5px;color:#795c30}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.category{padding:34px;border-right:1px solid var(--line);background:linear-gradient(135deg,#fff,#fbf8f1);display:block}.category:last-child{border-right:0}.category>span{font:11px/1.5 Georgia,serif;letter-spacing:.13em;color:var(--gold)}.category h3{margin:24px 0 14px}.category p{font-size:14px;color:var(--muted);margin-bottom:26px}.category b{font-size:12px;font-weight:400;color:var(--gold)}a.category:hover{background:var(--pale)}.small-note{font-size:12px;color:var(--muted);line-height:1.9;margin-top:18px}.live-banner{display:grid;grid-template-columns:1fr 1fr;background:var(--pale);border:1px solid var(--line);align-items:center;gap:30px}.live-banner>div{padding:40px}.live-banner img{width:100%;object-fit:contain}.live-banner p:not(.eyebrow){font-size:13px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.article-card{border:1px solid var(--line);display:block;background:white}.article-card:hover h3{color:var(--gold)}.article-art{height:185px;position:relative;display:flex;align-items:center;padding:30px;overflow:hidden;background:#f0e8da;color:#795d36}.article-art:after{content:'';width:230px;height:230px;border:1px solid #bba273;border-radius:50%;position:absolute;right:-65px;top:-100px}.article-art span{font-family:serif;letter-spacing:.18em;line-height:2}.article-art b{position:absolute;right:25px;bottom:12px;font:64px Georgia,serif;font-weight:400;color:#ad956b}.art-1{background:#f4f2ed}.art-2{background:#ece4d5}.article-copy{padding:24px}.tag{display:inline-block;font-size:11px;color:var(--gold);letter-spacing:.14em}.article-copy h3{font-size:20px;margin:12px 0}.article-copy p{font-size:13px;color:var(--muted)}.read{font-size:12px;color:var(--gold)}.page-intro{padding-top:65px;padding-bottom:45px;border-bottom:1px solid var(--line)}.page-intro h1{margin-bottom:20px}.page-intro .intro-copy{max-width:660px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:55px}.story p{color:var(--muted);font-size:15px;margin-bottom:24px}.journal-list{padding-top:32px;padding-bottom:70px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.filters button{background:#fff;border:1px solid var(--line);padding:9px 20px;font-size:14px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}[hidden]{display:none!important}.reading{max-width:800px;padding-top:42px;padding-bottom:75px}.back{display:block;font-size:13px;color:var(--muted);margin-bottom:40px}.reading h1{font-size:clamp(30px,4vw,44px);margin:18px 0}.article-meta{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px}.article-lead{font-size:20px;color:var(--gold);margin:30px 0 45px}.reading section{margin-bottom:35px}.reading section h2{font-size:25px}.reading section p{line-height:2.15;color:#55524b}.article-end{background:var(--pale);padding:30px;margin:45px 0}.article-end h2{font-size:23px}.article-end .text-link{margin-left:20px}.related a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.live-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:55px 0 75px}.schedule h2{font-size:30px}.time{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.time strong{font:26px/1.6 Georgia,serif;white-space:nowrap}.schedule>.text-link{display:table;margin-top:20px}.schedule>p:not(.eyebrow):not(.small-note){font-size:14px;margin-top:25px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding-top:50px;padding-bottom:80px}.contact-card{background:var(--pale);padding:38px;align-self:start}.contact-card h2{margin-top:18px}.contact-card p{color:var(--muted);font-size:14px}.faq h2{font-size:26px}.faq details{padding:21px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:17px}.faq p{font-size:14px;color:var(--muted);margin:16px 0 0}.faq>.text-link{margin-top:28px}footer{padding:45px 6% 105px;background:#f5f2ec;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-title{font-size:20px;letter-spacing:.1em;color:#71582f}.footer-top p:last-child{font-size:12px;color:var(--muted)}.footer-nav{display:flex;gap:24px;font-size:13px;align-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #ded5c5;padding-top:20px;margin-top:30px;font-size:11px;color:var(--muted)}.line-float{position:fixed;z-index:40;right:24px;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:9px;padding:12px 20px;min-height:50px;border-radius:30px;background:#087c43;color:white;box-shadow:0 4px 20px #0002;font-size:14px;font-weight:600}.chat-icon{border:1px solid currentColor;border-radius:7px;font-size:19px;line-height:16px;height:22px;padding:0 4px}.line-float:hover{background:#066236}.toast{display:none;position:fixed;left:50%;bottom:95px;transform:translateX(-50%);z-index:50;max-width:90vw;padding:13px 22px;background:var(--ink);color:white;font-size:13px}.skip{position:fixed;left:10px;top:-100px;z-index:60;background:white;padding:10px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a27632;outline-offset:5px}@media(max-width:1150px){.brand-motto{display:none}nav{gap:20px}.hero{padding-left:5%}.hero h1{font-size:38px}.intro-copy{font-size:15px}}@media(max-width:900px){header{height:90px;padding:0 6%}.brand img{width:80px;height:80px}.brand-motto{display:block;font-size:10px}.menu{display:block;border:1px solid var(--line);background:white;padding:8px 13px;font-size:13px}nav{display:none;position:absolute;left:0;right:0;top:90px;background:white;border-bottom:1px solid var(--line);padding:20px 6%;flex-direction:column;align-items:stretch;gap:5px}nav.open{display:flex}nav a{padding:11px}.hero{grid-template-columns:1fr;padding:30px 6% 40px;gap:25px}.hero-copy{padding:10px 0}.hero h1{font-size:43px}.hero-visual{max-width:680px;width:100%;justify-self:center}.hero-foot{margin-top:25px}.brand-strip{gap:20px;font-size:12px}.brand-strip a{padding-left:20px}.category{padding:25px}.category h3{font-size:20px}.live-banner>div{padding:28px}.live-banner{gap:0}.article-grid{gap:18px}.article-copy{padding:18px}.article-art{height:155px;padding:18px}.article-art b{font-size:45px;right:15px}.article-copy h3{font-size:18px}.story-layout,.live-layout,.contact-layout{gap:32px}.footer-nav{flex-wrap:wrap;gap:15px}.contact-card{padding:25px}}@media(max-width:620px){.wrap{width:88%}.hero h1{font-size:35px;line-height:1.6}.hero-label{font-size:12px}.hero .eyebrow{font-size:9px}.intro-copy{font-size:15px}.actions{gap:10px}.btn{font-size:13px;padding:12px 16px;gap:12px}.hero-foot{font-size:10px}.brand-strip{gap:12px;letter-spacing:.06em;flex-wrap:wrap}.brand-strip a{border:0;width:100%;text-align:center;padding-left:0}.section{padding-top:48px;padding-bottom:48px}.section-head{display:block;margin-bottom:25px}.section-head>.text-link{margin-top:17px}.category-grid,.article-grid{grid-template-columns:1fr}.category{border-right:0;border-bottom:1px solid var(--line);padding:26px}.category:last-child{border-bottom:0}.category h3{margin:15px 0 10px}.category p{margin-bottom:15px}.live-banner,.story-layout,.live-layout,.contact-layout{grid-template-columns:1fr}.live-banner>div{padding:28px}.live-banner h2{font-size:30px}.article-grid{gap:24px}.article-art{height:175px;padding:28px}.article-copy{padding:24px}.article-copy h3{font-size:21px}.page-intro{padding-top:40px;padding-bottom:28px}.story-layout{padding-top:30px;gap:30px}.live-layout{padding:30px 0 50px}.contact-layout{padding:30px 0 50px}.time strong{font-size:24px}.footer-top,.footer-bottom{display:block}.footer-nav{margin-top:24px}.footer-bottom span{display:block;margin-top:6px}.line-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:11px 16px;font-size:13px}.article-end{padding:23px}.article-end .text-link{margin:20px 0 0;display:table}.reading{padding-top:30px}.article-lead{font-size:18px}.reading section h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.tang-home{padding-top:45px}.tang-feature{display:grid;grid-template-columns:300px 1fr;align-items:center;gap:55px;background:#faf7f0;border:1px solid var(--line)}.tang-feature>img{width:100%;height:340px;object-fit:cover;object-position:center 42%}.tang-feature>div{padding:30px 35px 30px 0}.tang-feature p:not(.eyebrow){font-size:15px;color:var(--muted)}.column-status{padding-top:50px;padding-bottom:70px;max-width:900px}.column-status h2{margin-top:20px}.column-status p{color:var(--muted)}@media(max-width:620px){.tang-feature{grid-template-columns:1fr;gap:0}.tang-feature>img{height:350px;object-position:center 40%}.tang-feature>div{padding:28px}.tang-feature p:not(.eyebrow){font-size:14px}.tang-home{padding-top:30px}}

.tang-feature{grid-template-columns:minmax(300px,42%) 1fr}.tang-feature>img{height:340px;object-fit:contain;object-position:center bottom;background:#f3eee4}@media(max-width:620px){.tang-feature{grid-template-columns:1fr}.tang-feature>img{height:auto;max-height:420px;object-fit:contain}}

.tang-facebook{margin-left:24px}.reading .tang-facebook{margin-left:0}@media(max-width:620px){.tang-facebook{display:table;margin:18px 0 0}}

.journal-entrances{padding-top:45px;padding-bottom:75px}.column-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.column-entry{display:flex;flex-direction:column;align-items:flex-start;padding:34px 28px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#faf7f0)}.column-entry svg{width:38px;height:38px;color:var(--gold);margin-bottom:26px}.column-entry h3{margin-bottom:15px}.column-entry p{font-size:14px;color:var(--muted);margin-bottom:27px}.column-entry .text-link{margin-top:auto;font-size:13px}a.column-entry:hover{background:var(--pale);border-color:#b89d70}.tang-topics{padding-top:55px;padding-bottom:75px}.page-intro .back{margin-bottom:23px}@media(max-width:720px){.column-entries{grid-template-columns:1fr;gap:18px}.column-entry{padding:28px}.column-entry svg{margin-bottom:18px}.journal-entrances{padding-top:32px;padding-bottom:50px}.tang-topics{padding-top:40px;padding-bottom:50px}}
.cms-cover{display:block;width:100%;height:auto;object-fit:contain}.cms-article-cover{width:100%;max-height:560px;object-fit:contain;margin:20px 0 35px}.reading figure{margin:28px 0}.reading figure img{max-width:100%;height:auto;border-radius:6px}

/* Phone headings scale with the reading column instead of leaving single-character lines. */
@media (max-width:620px){
  h1,h2,h3{line-break:strict;word-break:normal;overflow-wrap:anywhere;text-wrap:balance;}
  h1{font-size:clamp(28px,7.5vw,36px);line-height:1.5;letter-spacing:.025em;}
  h2{font-size:clamp(24px,6.4vw,30px);line-height:1.55;letter-spacing:.025em;}
  .hero h1{font-size:clamp(26px,7.2vw,35px);line-height:1.65;letter-spacing:.025em;}
  .live-banner h2{font-size:clamp(25px,7vw,30px);}
  .article-copy h3{font-size:clamp(20px,5.5vw,23px);line-height:1.6;letter-spacing:0;}
  .hero-copy,.section-head>div,.live-banner>div,.tang-feature>div,.article-copy{min-width:0;}
  .brand{min-width:0;flex-shrink:1;gap:10px;}
  .brand-motto{letter-spacing:.04em;}
  .menu{flex-shrink:0;}
}
.tang-reading-topic{margin-top:52px;scroll-margin-top:128px}.tang-reading-topic h2{margin-bottom:25px}@media(max-width:620px){.tang-reading-topic{margin-top:38px;scroll-margin-top:108px}}

.footer-social{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.social-group{min-width:0}.social-group h2{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.05em;margin:0 0 16px;color:#71582f}
.social-links{display:flex;flex-wrap:wrap;gap:14px 20px}.social-link{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;line-height:1.4;color:var(--muted);min-width:46px}
.social-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #c6b797;border-radius:50%;background:#fff9;transition:background .15s,border-color .15s}
.social-icon img{width:22px;height:22px;object-fit:contain;opacity:.76}.social-link:hover{color:#71582f}.social-link:hover .social-icon{background:#e9dfcc;border-color:#94703a}
@media(max-width:620px){.footer-social{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-top:24px}.social-links{gap:14px}.social-group h2{font-size:15px}.social-link{font-size:10px}}

.brand-introduction{max-width:980px}.brand-introduction p:not(.eyebrow){line-height:1.95;color:#615d56}.brand-introduction a{color:#8d6c34;text-underline-offset:4px}

.article-card .cms-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#faf7f1}.cms-article-cover{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:20px 0 35px}