:root{--color-bg: #0c0c0c;--color-bg-gradient: radial-gradient(ellipse at top, #1a1a2e 0%, #0c0c0c 50%, #0a0a0a 100%);--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-text: #fafafa;--color-text-secondary: #a1a1a1;--color-muted: #666666;--color-gold: #cba321;--color-gold-hover: #e0b82a;--color-silver: #b8b8b8;--color-accent: #4a9eff;--font-sans: "Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--max-width: 680px;--header-height: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);background-image:var(--color-bg-gradient);background-attachment:fixed;color:var(--color-text);line-height:1.7;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text);letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.main{padding:var(--space-2xl) 0 var(--space-3xl)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.card--hero{text-align:center;padding:var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,rgba(203,163,33,.05) 0%,var(--color-surface) 100%)}.hero__title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text)}.hero__subtitle{font-size:1rem;color:var(--color-text-secondary);margin-bottom:0}.hero__location{font-size:.875rem;color:var(--color-muted);margin-top:var(--space-sm)}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:8px;height:8px;background:var(--color-gold);border-radius:50%;opacity:.8}.about-list{list-style:none}.about-list li{padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:.9375rem;display:flex;align-items:center;gap:var(--space-sm)}.about-list li:before{content:"→";color:var(--color-gold);font-size:.875rem}.post-card{display:block;padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);margin-bottom:var(--space-sm);text-decoration:none}.post-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.post-card__title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);line-height:1.5;transition:color var(--transition-fast)}.post-card:hover .post-card__title{color:var(--color-gold)}.post-card__footer{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.post-card__date{font-size:.8125rem;color:var(--color-gold)}.post-card__tags{display:flex;gap:var(--space-xs);flex-wrap:wrap}.post-card__tag{display:inline-block!important;font-size:.75rem!important;padding:.15rem .5rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:var(--radius-sm)!important;color:var(--color-muted)!important;text-decoration:none!important;transition:all var(--transition-fast);min-height:auto!important;flex-direction:row!important}.post-card__tag:hover{background:#ffffff1a!important;border-color:#ffffff40!important;color:var(--color-text-secondary)!important}.read-more-link{display:block;text-align:center;padding:var(--space-md);margin-top:var(--space-sm);color:var(--color-gold);font-size:.9rem;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.read-more-link:hover{background:#cba3211a;border-color:var(--color-gold)}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);list-style:none}.social-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--color-border-hover);color:var(--color-text);background:var(--color-surface-hover)}.social-link__icon{font-size:1.125rem}.contact-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:.9375rem}.contact-item a{color:var(--color-text);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}.contact-item a:hover{color:var(--color-gold);border-color:var(--color-gold)}.footer{padding:var(--space-xl) 0;text-align:center}.footer__text{font-size:.8125rem;color:var(--color-muted)}.article{padding:var(--space-2xl) 0}.article__header{margin-bottom:var(--space-2xl)}.article__title{font-size:1.75rem;margin-bottom:var(--space-md)}.article__meta{color:var(--color-muted);font-size:.875rem}.article__content{color:var(--color-text-secondary)}.article__content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.article__content h3{margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.article__content p{margin-bottom:var(--space-lg)}.article__content ul,.article__content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article__content li{margin-bottom:var(--space-sm)}.article__content code{font-family:var(--font-mono);font-size:.875em;padding:.2em .4em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.article__content pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);overflow-x:auto;margin-bottom:var(--space-lg)}.article__content pre code{padding:0;background:none;border:none}.article__content blockquote{border-left:3px solid var(--color-muted);padding-left:var(--space-lg);margin:var(--space-lg) 0;color:var(--color-muted);font-style:normal}.article__content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-lg) 0}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:.875rem;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-gold)}.article__footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.no-posts{color:var(--color-muted);font-style:italic;text-align:center;padding:var(--space-xl)}@media(max-width:640px){:root{--space-2xl: 2rem;--space-3xl: 2.5rem}h1,.hero__title{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:0 var(--space-md)}.social-grid{grid-template-columns:1fr}.card{padding:var(--space-lg)}}