.topic-hub{--bg:#17100d;--panel:#241711;--line:#ffecd621;--cream:#fff4e8;--muted:#c7b4a7;--gold:#f4bf6a;--orange:#ef7647;background:radial-gradient(circle at 75% 0,#a73a1f47,transparent 30%),var(--bg);min-height:100vh;color:var(--cream);font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}.topic-hub *{box-sizing:border-box}.topic-hub a{color:inherit;text-decoration:none}.topic-hub img{width:100%;display:block}.topic-hub h1,.topic-hub h2,.topic-hub h3,.topic-hub p{margin:0}.topic-header{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1220px,100% - 48px);min-height:84px;margin:auto;display:flex;position:relative}.topic-header>a:last-child{color:var(--gold);font-size:.78rem;font-weight:850}.topic-breadcrumb{color:#a99689;gap:10px;width:min(1220px,100% - 48px);margin:22px auto;font-size:.72rem;display:flex}.topic-breadcrumb a{color:var(--gold)}.topic-hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:54px;width:min(1220px,100% - 48px);margin:0 auto 80px;display:grid}.topic-hero-copy>span,.topic-main>section>span,.topic-articles>div>span,.topic-faq>div>span{color:var(--orange);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:900}.topic-hero h1{letter-spacing:-.05em;max-width:620px;margin:14px 0 22px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.04}.topic-hero-copy>p{max-width:580px;color:var(--muted);font-size:1rem;line-height:1.9}.topic-hero-copy>div{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.topic-hero-copy b{color:#e9d7c9;border:1px solid #f4bf6a47;border-radius:999px;padding:8px 11px;font-size:.68rem}.topic-hero figure{background:#2e1d16;border-radius:28px;margin:0;position:relative;overflow:hidden}.topic-hero figure img{object-fit:cover;height:560px}.topic-hero figure:after{content:"";background:linear-gradient(#0000 54%,#140c099e);position:absolute;inset:0}.topic-hero figcaption{z-index:2;color:#f8e9dc;letter-spacing:.08em;font-size:.72rem;font-weight:850;position:absolute;bottom:22px;left:24px}.topic-layout{grid-template-columns:minmax(0,1fr) 330px;gap:48px;width:min(1220px,100% - 48px);margin:0 auto 100px;display:grid}.topic-main{gap:70px;display:grid}.topic-main>section{grid-template-columns:56px 1fr;gap:20px;display:grid}.topic-main>section>span{padding-top:8px}.topic-main h2,.topic-articles h2,.topic-faq h2{margin-bottom:22px;font-family:Georgia,Noto Serif TC,serif;font-size:clamp(1.7rem,3vw,2.7rem)}.topic-main>section>div>p{color:var(--muted);margin-bottom:16px;font-size:.94rem;line-height:1.95}.topic-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.topic-steps article{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px}.topic-steps b{color:var(--gold);font-size:.68rem}.topic-steps h3{margin:12px 0 8px;font-size:1rem}.topic-steps p{color:var(--muted);font-size:.8rem;line-height:1.75}.topic-layout aside{flex-direction:column;gap:20px;display:flex}.topic-layout aside>div{color:#32170f;background:var(--gold);border-radius:20px;padding:26px}.topic-layout aside>div span{font-family:Georgia,serif;font-size:2.3rem;font-weight:900}.topic-layout aside>div p{margin-top:10px;font-size:.76rem;font-weight:750;line-height:1.7}.topic-layout aside nav{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:24px}.topic-layout aside h2{margin-bottom:12px;font-size:1rem}.topic-layout aside nav a{border-top:1px solid var(--line);color:#decec2;justify-content:space-between;gap:15px;padding:13px 0;font-size:.78rem;font-weight:750;display:flex}.topic-layout aside nav a span{color:var(--gold)}.topic-articles,.topic-faq{border-top:1px solid var(--line);width:min(1220px,100% - 48px);margin:0 auto 100px;padding-top:60px}.topic-articles>div:first-child,.topic-faq>div:first-child{margin-bottom:26px}.topic-articles>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.topic-articles article{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.topic-articles article>img{object-fit:cover;height:190px}.topic-articles article>div{padding:22px}.topic-articles h3{font-size:1.02rem;line-height:1.45}.topic-articles p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:10px 0 18px;font-size:.8rem;line-height:1.7;display:-webkit-box;overflow:hidden}.topic-articles a{color:var(--gold);font-size:.74rem;font-weight:850}.topic-faq{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.topic-faq details{border-bottom:1px solid var(--line)}.topic-faq summary{cursor:pointer;justify-content:space-between;gap:20px;padding:20px 0;font-size:.9rem;font-weight:800;list-style:none;display:flex}.topic-faq summary::-webkit-details-marker{display:none}.topic-faq summary b{color:var(--gold)}.topic-faq details p{color:var(--muted);padding:0 38px 20px 0;font-size:.84rem;line-height:1.8}.topic-footer{border-top:1px solid var(--line);background:#100b09;grid-template-columns:240px 1fr auto;align-items:center;gap:35px;width:100%;padding:46px max(24px,50% - 610px);display:grid}.topic-footer p{color:#9f8e83;font-size:.72rem;line-height:1.7}.topic-footer>a{color:var(--gold);font-size:.75rem;font-weight:850}@media (max-width:900px){.topic-hero{grid-template-columns:1fr}.topic-hero figure img{height:460px}.topic-layout,.topic-steps{grid-template-columns:1fr}.topic-articles>div:last-child{grid-template-columns:1fr 1fr}.topic-faq{grid-template-columns:1fr;gap:20px}.topic-footer{grid-template-columns:1fr}}@media (max-width:560px){.topic-header,.topic-breadcrumb,.topic-hero,.topic-layout,.topic-articles,.topic-faq{width:calc(100% - 24px)}.topic-header{min-height:70px}.topic-header .site-logo{transform-origin:0;transform:scale(.84)}.topic-hero{gap:28px;margin-bottom:60px}.topic-hero h1{font-size:2.65rem}.topic-hero figure img{height:340px}.topic-layout{gap:32px;margin-bottom:70px}.topic-main{gap:48px}.topic-main>section{grid-template-columns:1fr;gap:10px}.topic-articles,.topic-faq{margin-bottom:70px;padding-top:45px}.topic-articles>div:last-child{grid-template-columns:1fr}.topic-footer{padding:34px 18px}}
.topic-articles .topic-article-card{border:1px solid var(--line);background:var(--panel);color:inherit;border-radius:20px;text-decoration:none;display:block;overflow:hidden}.topic-articles .topic-article-card>img{object-fit:cover;height:190px}.topic-articles .topic-article-card>div{padding:22px}.topic-articles .topic-article-card span{color:var(--gold);font-size:.74rem;font-weight:850}.topic-articles .topic-article-card:hover h3{text-underline-offset:4px;text-decoration:underline}