@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap");:root{--color-primary:#5e6ad2;--color-ink:#e2e2e9;--color-ink-mute:#7a7a8e;--color-canvas:#0a0a0f;--color-canvas-soft:#14141f;--color-hairline:hsla(0,0%,100%,.08);--font-display-family:"Inter","Noto Sans TC",system-ui,sans-serif;--font-heading-family:"Inter","Noto Sans TC",system-ui,sans-serif;--font-body-family:"Inter","Noto Sans TC",system-ui,sans-serif;--radius-lg:12px;--radius-pill:9999px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-xxl:32px;--spacing-huge:64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body-family);font-weight:500;font-size:16px;line-height:1.5;color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding:0 var(--spacing-xl)}.site-nav{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-hairline)}.site-nav .container{display:flex;justify-content:space-between;align-items:center}.site-nav .logo{font-size:18px;font-weight:600;color:var(--color-ink)}.site-nav .nav-links{display:flex;gap:var(--spacing-xl)}.site-nav .nav-links a{color:var(--color-ink-mute);font-size:14px}@media (max-width:768px){.site-nav .nav-links{display:none}}.section{padding:var(--spacing-huge) 0}.section-title{font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl)}.stats-bar{display:flex;justify-content:center;gap:var(--spacing-xxl);padding:var(--spacing-xl);background:var(--color-canvas-soft);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.stat-item{text-align:center}.stat-value{font-size:28px;font-weight:700;color:var(--color-primary)}.stat-label{font-size:13px;color:var(--color-ink-mute);margin-top:4px}.article-card{background:#14141f;border-radius:var(--radius-lg);overflow:hidden;border:1px solid hsla(0,0%,100%,.1);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.article-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.article-card-body{padding:var(--spacing-xl)}.article-card-title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-xs)}.article-card-title a{color:var(--color-ink)}.article-card-summary{font-size:14px;color:var(--color-ink-mute);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-date{font-size:12px;color:var(--color-ink-mute);margin-top:var(--spacing-xs)}.article-featured{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-canvas-soft)}.article-featured img{width:100%;height:100%;object-fit:cover}.article-featured-body{padding:var(--spacing-xxl);display:flex;flex-direction:column;justify-content:center}.grid-2,.grid-3,.grid-4{display:grid;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.article-featured,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:549px) and (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.pagination{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-huge) 0}.pagination a,.pagination span{padding:6px 14px;border-radius:var(--radius-pill);font-size:14px}.pagination a{color:var(--color-primary);border:1px solid hsla(0,0%,100%,.1)}.pagination a:hover{background:var(--color-canvas-soft);text-decoration:none}.pagination .active{border:1px solid var(--color-primary)}.pagination .active,.shop-banner{background:var(--color-primary);color:#000}.shop-banner{text-align:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.shop-banner a{color:#000;font-weight:600}.article-detail{max-width:720px;margin:0 auto;padding:var(--spacing-huge) var(--spacing-xl)}.article-detail h1{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.article-detail .meta{font-size:14px;color:var(--color-ink-mute);margin-bottom:var(--spacing-xl)}.article-detail .content{line-height:1.8;font-size:17px}.article-detail .content p{margin-bottom:var(--spacing-lg)}.article-detail .content img{border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.breadcrumb{font-size:13px;padding:var(--spacing-md) 0}.breadcrumb,.breadcrumb a{color:var(--color-ink-mute)}.breadcrumb span{margin:0 6px}.site-footer{background:#0a0a0f;color:hsla(0,0%,100%,.6);padding:var(--spacing-huge) 0 var(--spacing-xl);margin-top:var(--spacing-huge)}.site-footer a{color:hsla(0,0%,100%,.8);font-size:13px}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-bottom:var(--spacing-xl)}.footer-copy{text-align:center;font-size:13px}.static-page{max-width:720px;margin:0 auto;padding:var(--spacing-huge) var(--spacing-xl)}.static-page h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-xl)}.static-page h2{font-size:22px;font-weight:700;margin-top:var(--spacing-xl)}.static-page h2,.static-page p{margin-bottom:var(--spacing-md)}.static-page p{line-height:1.8}.static-page ul{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.static-page li{line-height:1.8;margin-bottom:var(--spacing-xs)}@media (max-width:768px){.stats-bar{flex-direction:column;gap:var(--spacing-lg)}.article-detail h1{font-size:24px}.section-title{font-size:20px}}