:root{--primary:#2563eb;--accent:#f59e0b;--bg:#ffffff;--bg-soft:#f8fafc;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--radius:8px;--font-sans:'Inter', system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--container:1100px;--narrow:720px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}img,video{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.container-narrow{max-width:var(--narrow);margin:0 auto;padding:0 20px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:999}.skip-link:focus{left:0}.site-header{background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.header-inner{display:flex;justify-content:space-between;align-items:center;height:60px}.site-brand{font-weight:700;font-size:18px;color:var(--text)}.site-nav a{margin-left:20px;color:var(--muted);font-size:15px}.site-nav a:hover{color:var(--primary);text-decoration:none}.hero{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--bg)) 0%,var(--bg) 100%);padding:80px 0;text-align:center}.hero-title{font-size:clamp(28px,5vw,48px);font-weight:700;margin-bottom:16px;line-height:1.2}.hero-sub{font-size:18px;color:var(--muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius);font-weight:600;transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 30%,transparent);text-decoration:none}.btn-lg{padding:16px 36px;font-size:17px}.section{padding:60px 0}.section-title{font-size:28px;margin-bottom:32px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--bg);transition:transform .15s,box-shadow .15s}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,8%)}.post-card h3{font-size:18px;margin-bottom:12px;line-height:1.4;color:var(--text)}.post-card h3 a{color:inherit}.post-excerpt{color:var(--muted);font-size:14px;margin-bottom:12px}.post-card time{font-size:13px;color:var(--muted)}.article{padding:40px 0 80px}.article-header{margin-bottom:32px}.article-header h1{font-size:clamp(26px,4vw,36px);line-height:1.3;margin-bottom:12px}.article-meta{color:var(--muted);font-size:14px}.article-meta .sep{margin:0 8px}.article-content{font-size:17px;line-height:1.85}.article-content h2{font-size:24px;margin:36px 0 16px}.article-content h3{font-size:20px;margin:28px 0 12px}.article-content p{margin-bottom:18px}.article-content ul,.article-content ol{margin:0 0 18px 24px}.article-content li{margin-bottom:6px}.article-content img{border-radius:var(--radius);margin:24px 0}.article-content blockquote{border-left:4px solid var(--primary);padding:12px 20px;background:var(--bg-soft);margin:24px 0;border-radius:0 var(--radius)var(--radius)0}.article-content table{width:100%;border-collapse:collapse;margin:24px 0}.article-content th,.article-content td{padding:10px 14px;border:1px solid var(--border);text-align:left}.article-content th{background:var(--bg-soft)}.article-cta{margin:48px 0;padding:32px;background:color-mix(in srgb,var(--primary) 6%,var(--bg));border-radius:var(--radius);text-align:center}.article-tags{margin-top:32px}.tag{display:inline-block;padding:4px 12px;background:var(--bg-soft);border-radius:999px;font-size:13px;color:var(--muted);margin-right:8px}.site-footer{background:var(--bg-soft);border-top:1px solid var(--border);padding:40px 0;margin-top:60px;text-align:center;color:var(--muted);font-size:14px}.footer-brand{font-weight:600;color:var(--text);margin-bottom:8px}.footer-trust{margin-bottom:8px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}.pagination .page-link{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:50px 0}}@media(max-width:600px){.post-grid{grid-template-columns:1fr}.header-inner{height:56px}.site-nav a{margin-left:14px;font-size:14px}.hero-title{font-size:26px}.hero-sub{font-size:16px}.section{padding:40px 0}.article-content{font-size:16px}}