:root{--color-bg-primary:#0d0d0d;--color-bg-secondary:#1a1a2e;--color-bg-card:#16213e;--color-bg-sidebar:#0f1923;--color-accent-gold:#c9a84c;--color-accent-gold-lt:#e8c97e;--color-accent-red:#9b2335;--color-accent-purple:#6b4fa0;--color-text-primary:#f0e6d3;--color-text-secondary:#a89b8c;--color-text-muted:#6b5f52;--color-text-link:#c9a84c;--color-text-link-hover:#e8c97e;--color-border:#2a2a4a;--color-border-gold:#c9a84c40;--font-primary:'Noto Serif TC', 'Georgia', serif;--font-heading:'Noto Serif TC', serif;--font-mono:'JetBrains Mono', monospace;--font-ui:'Noto Sans TC', sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-card:0 4px 20px rgba(0,0,0,0.4);--shadow-gold:0 0 20px rgba(201,168,76,0.15);--transition:all 0.2s ease}@import 'https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Noto+Sans+TC:wght@400;500&display=swap';*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.8}a{color:var(--color-text-link);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-text-link-hover)}img{max-width:100%;height:auto}.site-wrapper{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.content-wrapper{display:grid;grid-template-columns:250px 1fr;max-width:1200px;margin:0 auto;padding:var(--space-6)var(--space-4);gap:var(--space-6);width:100%}.main-content{max-width:860px;width:100%}.site-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-gold);padding:var(--space-4)var(--space-6);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(0,0,0,.5)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.site-logo{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-accent-gold);font-weight:700;letter-spacing:.05em}.site-logo span{color:var(--color-text-primary)}.main-nav{display:flex;gap:var(--space-6)}.main-nav a{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1)0;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--color-accent-gold);border-bottom-color:var(--color-accent-gold)}.menu-toggle{display:none;cursor:pointer;color:var(--color-text-primary);font-size:1.5rem}.sidebar{background:var(--color-bg-sidebar);border-radius:var(--radius-lg);padding:var(--space-4);height:fit-content;position:sticky;top:80px;border:1px solid var(--color-border)}.sidebar-title{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-accent-gold);letter-spacing:.1em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-gold)}.tree-nav ul{list-style:none}.tree-nav li{margin:2px 0}.tree-nav a{display:block;padding:var(--space-1)var(--space-2);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);border-radius:var(--radius-sm)}.tree-nav a:hover{background:var(--color-bg-card);color:var(--color-accent-gold)}.tree-nav .tree-section{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.tree-nav details summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-primary)}.tree-nav details summary:hover{background:var(--color-bg-card);color:var(--color-accent-gold-lt)}.tree-nav details summary::before{content:"▶";font-size:.6em;transition:var(--transition)}.tree-nav details[open] summary::before{content:"▼"}.tree-nav details ul{padding-left:var(--space-4)}.articles-grid{display:grid;gap:var(--space-4)}.card-article{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition);box-shadow:var(--shadow-card)}.card-article:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.card-article .card-meta{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-muted)}.card-article h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:1.4}.card-article h2 a{color:inherit}.card-article h2 a:hover{color:var(--color-accent-gold)}.card-article .card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border)}.card-celebrity{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:var(--transition)}.card-celebrity:hover{border-color:var(--color-border-gold);box-shadow:var(--shadow-gold)}.ziwei-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-gold);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4)0;font-family:var(--font-ui);font-size:var(--text-sm)}.ziwei-box-title{color:var(--color-accent-gold);font-weight:600;margin-bottom:var(--space-3);font-size:var(--text-base)}.ziwei-row{display:flex;gap:var(--space-3);margin:var(--space-2)0;color:var(--color-text-secondary)}.ziwei-label{color:var(--color-text-muted);min-width:80px}.ziwei-value{color:var(--color-text-primary)}.article-header{margin-bottom:var(--space-8)}.article-header h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-text-primary);line-height:1.4;margin-bottom:var(--space-4)}.article-meta{display:flex;gap:var(--space-4);align-items:center;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap}.article-body{font-size:var(--text-base);line-height:1.9;color:var(--color-text-primary)}.article-body h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-accent-gold);margin:var(--space-8)0 var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-gold)}.article-body h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-accent-gold-lt);margin:var(--space-6)0 var(--space-3)}.article-body p{margin-bottom:var(--space-4)}.article-body ul,.article-body ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}.article-body li{margin:var(--space-2)0}.filter-celebrity{background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.filter-celebrity h3{color:var(--color-accent-gold);margin-bottom:var(--space-4);font-size:var(--text-base)}.filter-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-group label{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-ui)}.filter-select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);cursor:pointer}.filter-select:focus{border-color:var(--color-accent-gold);outline:none}.contact-widget{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:200}.contact-btn{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-accent-gold);color:var(--color-bg-primary);border:none;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);transition:var(--transition)}.contact-btn:hover{background:var(--color-accent-gold-lt);transform:scale(1.05)}.contact-form-popup{position:absolute;bottom:70px;right:0;width:300px;background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:var(--space-6);display:none;box-shadow:var(--shadow-card)}.contact-form-popup.open{display:block}.contact-form-popup h4{color:var(--color-accent-gold);margin-bottom:var(--space-4)}.contact-form-popup input,.contact-form-popup textarea{width:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--text-sm);margin-bottom:var(--space-3)}.contact-form-popup textarea{height:100px;resize:vertical}.contact-submit{width:100%;background:var(--color-accent-gold);color:var(--color-bg-primary);border:none;padding:var(--space-3);border-radius:var(--radius-md);font-family:var(--font-ui);font-weight:600;cursor:pointer;transition:var(--transition)}.contact-submit:hover{background:var(--color-accent-gold-lt)}.site-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-8)var(--space-6);text-align:center;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-muted)}.footer-social{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.footer-social a{color:var(--color-text-secondary)}.footer-social a:hover{color:var(--color-accent-gold)}.page-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:var(--color-accent-gold);margin-bottom:var(--space-8);text-align:center;position:relative}.page-title::after{content:'';display:block;width:80px;height:2px;background:var(--color-accent-gold);margin:var(--space-4)auto 0;opacity:.5}.section-heading{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-accent-gold);margin-bottom:var(--space-6);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-gold)}.featured-video-section{margin-bottom:var(--space-12)}.video-main-wrap{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);margin-bottom:var(--space-4)}.video-main-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.video-main-wrap:hover .video-poster{filter:brightness(.7)}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-play-btn{background:0 0;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease;opacity:.9;pointer-events:all}.video-main-wrap:hover .video-play-btn{transform:scale(1.1);opacity:1}.video-title-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-6)var(--space-4)var(--space-3);pointer-events:none}.video-playlist{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.video-thumb{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;cursor:pointer;text-align:left;transition:var(--transition);overflow:hidden}.video-thumb:hover,.video-thumb.active{border-color:var(--color-accent-gold);box-shadow:var(--shadow-gold)}.video-thumb-img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}.video-thumb:hover .video-thumb-img-wrap img{filter:brightness(.75)}.video-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;opacity:0;transition:opacity .2s}.video-thumb:hover .video-thumb-play,.video-thumb.active .video-thumb-play{opacity:1}.video-thumb-title{display:block;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-2);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-thumb.active .video-thumb-title{color:var(--color-accent-gold)}.sidebar-videos{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.sidebar-video-item{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);text-decoration:none;border-radius:var(--radius-md);overflow:hidden;border:1px solid transparent;transition:var(--transition)}.sidebar-video-item:hover{border-color:var(--color-border-gold)}.sidebar-video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md)}.sidebar-video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .2s}.sidebar-video-item:hover .sidebar-video-thumb img{filter:brightness(.7)}.sidebar-video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;opacity:0;transition:opacity .2s;text-shadow:0 0 8px rgba(0,0,0,.8)}.sidebar-video-item:hover .sidebar-video-play{opacity:1}.sidebar-video-title{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;padding:0 var(--space-1);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sidebar-video-item:hover .sidebar-video-title{color:var(--color-accent-gold-lt)}.sidebar-yt-link{display:block;text-align:center;font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-accent-gold);padding:var(--space-2);border:1px solid var(--color-border-gold);border-radius:var(--radius-md);transition:var(--transition);text-decoration:none}.sidebar-yt-link:hover{background:var(--color-border-gold)}@media(max-width:768px){.content-wrapper{grid-template-columns:1fr}.sidebar{display:none;position:fixed;top:0;left:0;height:100vh;width:280px;z-index:300;border-radius:0;overflow-y:auto}.sidebar.open{display:block}.menu-toggle{display:block}.main-nav{display:none}.article-header h1{font-size:var(--text-2xl)}.page-title{font-size:var(--text-3xl)}.filter-row{flex-direction:column}.video-playlist{grid-template-columns:repeat(2,1fr)}}