:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#64748b;--accent:#f59e0b;--bg-main:#ffffff;--bg-secondary:#f8fafc;--bg-card:#ffffff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:"Noto Serif TC", Georgia, serif;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-main);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:100;background:rgb(255 255 255 / .6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(255 255 255 / .3)}.header-inner{display:block;padding:0;height:60px;overflow:hidden}.header-inner::after{content:'';display:table;clear:both}.logo{display:inline-block;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:60px}.mobile-menu-btn{display:inline-block;float:right;background:none;border:none;padding:18px 0 18px 12px;cursor:pointer;color:var(--text-primary)}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo:hover{color:var(--primary)}.main-nav{display:inline-block;float:right;margin-right:20px}.main-nav .nav-link{display:inline-block;margin-left:24px}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;position:relative}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.mobile-menu-btn{background:none;border:none;cursor:pointer;color:var(--text-primary)}.mobile-menu-btn svg{width:24px;height:24px}.mobile-overlay{display:none;position:fixed;inset:0;background:rgb(0 0 0 / .5);z-index:200;opacity:0;transition:opacity 0.3s ease}.mobile-overlay.active{opacity:1}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:rgb(255 255 255 / .85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:201;transform:translateX(100%);transition:transform 0.3s ease;padding:24px;box-shadow:-4px 0 30px rgb(0 0 0 / .15)}.mobile-drawer.active{transform:translateX(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-top:16px;padding-right:8px}.mobile-drawer-close{background:none;border:none;padding:16px;cursor:pointer;color:var(--text-primary);margin-right:-16px;margin-top:-16px}.mobile-nav-link{display:block;padding:12px 0;color:var(--text-primary);font-size:1.1rem;font-weight:500;border-bottom:1px solid var(--border)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary)}@media (max-width:768px){.main-nav{display:none}.mobile-menu-btn{display:inline-block!important}.mobile-overlay{display:block;pointer-events:none}.mobile-overlay.active{pointer-events:auto}body.menu-open{overflow:hidden}}.hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgb(37 99 235 / .3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgb(139 92 246 / .2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(245 158 11 / .1) 0%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:720px}.hero-tag{display:inline-block;padding:6px 16px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);border-radius:100px;color:rgb(255 255 255 / .9);font-size:.85rem;font-weight:500;margin-bottom:20px;backdrop-filter:blur(8px)}.hero-title{font-family:var(--font-serif);font-size:clamp(2rem, 5vw, 3.5rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em}.hero-description{font-size:1.125rem;color:rgb(255 255 255 / .8);margin-bottom:28px;line-height:1.8}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:600;transition:var(--transition)}.hero-cta:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgb(37 99 235 / .4)}.filter-section{background:var(--bg-secondary);padding:24px 0;border-bottom:1px solid var(--border)}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.blog-section{padding:48px 0 80px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.section-count{color:var(--text-muted);font-size:.9rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.post-card:hover{border-color:#fff0;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.post-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,var(--bg-secondary) 0%,#e2e8f0 100%)}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);color:var(--text-muted)}.post-card-category{position:absolute;top:16px;left:16px;padding:6px 14px;background:rgb(255 255 255 / .95);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--primary);backdrop-filter:blur(8px)}.post-card-content{padding:24px;flex:1;display:flex;flex-direction:column}.post-card-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-title a{color:inherit}.post-card-title a:hover{color:var(--primary)}.post-card-excerpt{font-size:.95rem;color:var(--text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card-meta{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.post-card-date{display:flex;align-items:center;gap:6px}.post-card-tags{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:4px 10px;background:var(--bg-secondary);border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.post-header{padding:48px 0 40px;border-bottom:1px solid var(--border)}.post-header-inner{max-width:800px;margin:0 auto}.post-category{display:inline-block;padding:6px 16px;background:var(--primary);border-radius:100px;color:#fff;font-size:.85rem;font-weight:600;margin-bottom:20px}.post-title{font-family:var(--font-serif);font-size:clamp(1.75rem, 4vw, 2.75rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:20px;letter-spacing:-.02em}.post-meta{display:flex;align-items:center;gap:24px;color:var(--text-secondary);font-size:.95rem}.post-meta-item{display:flex;align-items:center;gap:8px}.post-featured-image{margin:40px 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.post-featured-image img{width:100%;height:auto}.post-content{max-width:800px;margin:0 auto;padding:40px 24px 80px}.post-content h2{font-size:1.5rem;font-weight:700;margin:48px 0 20px;color:var(--text-primary)}.post-content h3{font-size:1.25rem;font-weight:600;margin:32px 0 16px;color:var(--text-primary)}.post-content p{margin-bottom:20px;font-size:1.05rem;color:var(--text-secondary)}.post-content ul,.post-content ol{margin:20px 0;padding-left:24px}.post-content li{margin-bottom:8px;color:var(--text-secondary)}.post-content blockquote{margin:32px 0;padding:24px 28px;background:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.post-content pre{margin:24px 0;padding:20px;background:#1e1e1e;border-radius:var(--radius-md);overflow-x:auto}.post-content code{font-family:'Fira Code','Consolas',monospace;font-size:.9em}.post-content p code{padding:2px 8px;background:var(--bg-secondary);border-radius:4px;color:var(--primary-dark)}.post-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px}.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:var(--transition)}.pagination a:hover{border-color:var(--primary);color:var(--primary)}.pagination .current{background:var(--primary);border-color:var(--primary);color:#fff}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:48px 0 32px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:40px}.footer-brand{max-width:320px}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.footer-description{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.footer-links h4{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);font-size:.95rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text-muted)}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px}.error-code{font-size:8rem;font-weight:800;color:var(--border);line-height:1}.error-title{font-size:1.5rem;font-weight:600;margin:16px 0}.error-description{color:var(--text-secondary);margin-bottom:32px}@media (max-width:768px){.header-inner{flex-direction:column;gap:16px}.main-nav{gap:20px}.hero{min-height:400px;padding:60px 0}.post-grid{grid-template-columns:1fr;gap:20px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:12px;text-align:center}.post-meta{flex-wrap:wrap;gap:12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}