body,html{margin:0;padding:0}:root{--navy:#0b1f3a;--navy2:#0e2748;--blue:#2f6bff;--cyan:#29a3ff;--green:#22c07a;--purple:#6b4ef0;--ink:#131a2b;--muted:#5a6577;--line:#e6e9f0;--bg:#fff;--soft:#f5f7fb;--radius:16px;--maxw:1120px;--grad:linear-gradient(120deg,#6b4ef0,#2f6bff 45%,#22c07a);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.site-shell{font-family:var(--font);color:var(--ink);background:var(--bg);min-height:100vh}.site-nav{gap:18px;height:66px;max-width:var(--maxw);margin:0 auto;padding:0 20px}.site-nav,.site-nav .brand{display:flex;align-items:center}.site-nav .brand{gap:9px;font-weight:800;font-size:17px;color:var(--ink);text-decoration:none}.site-nav .brand img{width:30px;height:30px;border-radius:8px}.site-nav .links{display:flex;gap:20px;margin-left:8px}.site-nav .links a{color:var(--muted);font-weight:600;font-size:14.5px;text-decoration:none}.site-nav .links a:hover{color:var(--ink)}.site-nav .spacer{flex:1 1}.lang-switch{display:flex;gap:2px;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:2px}.lang-switch a{font-size:12px;font-weight:700;color:var(--muted);text-decoration:none;padding:4px 9px;border-radius:6px}.lang-switch a.on{background:var(--navy);color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:9px 16px;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;border:0}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(47,107,255,.28)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink);border-color:#cfd6e4}.blog-wrap{max-width:820px;margin:0 auto;padding:40px 20px 80px}.blog-hero{max-width:var(--maxw);margin:0 auto;padding:44px 20px 8px}.blog-hero h1{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:0 0 8px;letter-spacing:-.02em}.blog-hero p{color:var(--muted);font-size:16px;margin:0}.blog-list{max-width:var(--maxw);margin:0 auto;padding:24px 20px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px}.blog-card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s}.blog-card:hover{box-shadow:0 12px 30px rgba(19,26,43,.08);transform:translateY(-2px);border-color:#d7deec}.blog-card .tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--purple);background:#efeaff;border-radius:999px;padding:3px 10px;margin-bottom:12px}.blog-card h2{font-size:19px;margin:0 0 8px;line-height:1.25}.blog-card p{color:var(--muted);font-size:14.5px;margin:0;line-height:1.55}.blog-card .date{display:block;margin-top:14px;font-size:12.5px;color:#9aa3b2}.blog-article{font-size:17px;line-height:1.7;color:#26304a}.blog-article .tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--purple);background:#efeaff;border-radius:999px;padding:3px 10px}.blog-article h1{font-size:clamp(28px,4vw,38px);line-height:1.14;letter-spacing:-.02em;margin:14px 0 6px;color:var(--ink)}.blog-article .date{color:#9aa3b2;font-size:13.5px;margin-bottom:26px}.blog-article h2{font-size:23px;margin:34px 0 10px;color:var(--ink);letter-spacing:-.01em}.blog-article p{margin:0 0 16px}.blog-article ul{margin:0 0 16px;padding-left:22px}.blog-article li{margin-bottom:8px}.blog-article a{color:var(--blue)}.blog-cta{margin-top:40px;padding:26px;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line);text-align:center}.blog-cta h3{margin:0 0 6px;font-size:20px}.blog-cta p{margin:0 0 16px;color:var(--muted)}.blog-back{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.blog-back:hover{color:var(--ink)}.site-foot{border-top:1px solid var(--line);padding:22px 20px;text-align:center;color:#9aa3b2;font-size:13px}