*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--primary-dark:#4f46e5;--bg:#f8fafc;--card-bg:#ffffff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:960px;margin:0 auto;padding:0 20px}.container.header-inner{display:flex;justify-content:space-between;align-items:center;height:64px}.header{background:var(--card-bg);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{font-size:1.4rem;font-weight:700;color:var(--primary);text-decoration:none}.nav{display:flex;gap:24px}.nav a{color:var(--text);text-decoration:none;font-weight:500}.nav a:hover{color:var(--primary)}.hero{text-align:center;padding:80px 0 60px}.hero h1{font-size:3rem;margin-bottom:8px}.tagline{font-size:1.2rem;color:var(--primary);font-weight:600;margin-bottom:16px}.desc{color:var(--text-muted);font-size:1.1rem;margin-bottom:32px}.hero-links{display:flex;gap:16px;justify-content:center}.btn-primary{background:var(--primary);color:white;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:white;color:var(--primary);padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid var(--primary)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;padding:40px 0 80px}.feature-card{background:var(--card-bg);padding:28px;border-radius:12px;border:1px solid var(--border)}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--text-muted);font-size:.95rem}.footer{background:var(--card-bg);border-top:1px solid var(--border);padding:24px 0;text-align:center;color:var(--text-muted);font-size:.9rem}.blog-list{padding-bottom:80px}.blog-item{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px 24px;margin-bottom:16px}.blog-date{font-size:.85rem;color:var(--text-muted)}.blog-title{display:block;font-size:1.15rem;font-weight:600;color:var(--text);text-decoration:none;margin:6px 0}.blog-title:hover{color:var(--primary)}.blog-excerpt{color:var(--text-muted);font-size:.9rem}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:24px 0 12px}.markdown-body p{margin-bottom:16px}.markdown-body ol,.markdown-body ul{margin:16px 0;padding-left:24px}.markdown-body li{margin-bottom:8px}.markdown-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.9em}.markdown-body pre{background:#1e293b;color:#e2e8f0;padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.markdown-body pre code{background:none;padding:0}.admin-grid,.blog-post{padding-bottom:80px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px}.admin-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:24px}.admin-card h3{margin-bottom:8px}.admin-card p{color:var(--text-muted);font-size:.9rem}.admin-card code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.85em}.page-title{padding:48px 0 32px}.page-title h1{font-size:2rem;margin-bottom:8px}.page-title p{color:var(--text-muted)}.app-grid{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px;padding-bottom:80px;max-width:700px;margin:0 auto}.app-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;gap:28px;align-items:flex-start}.app-icon-wrapper{flex-shrink:0}.app-icon-img{width:120px;height:120px;border-radius:24px;object-fit:cover;box-shadow:0 4px 20px rgba(0,0,0,.1)}.app-info{flex:1 1}.app-info h3{font-size:1.5rem;margin-bottom:4px}.app-tagline{color:var(--primary);font-weight:600;margin-bottom:12px}.app-desc{font-size:.95rem;line-height:1.6;margin-bottom:16px}.app-desc,.app-meta{color:var(--text-muted)}.app-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;margin-bottom:20px}.app-meta span{background:var(--bg);padding:4px 10px;border-radius:6px}.app-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.app-link{font-size:.85rem;color:var(--primary);text-decoration:none;padding:6px 0}.app-link:hover{text-decoration:underline}@media (max-width:600px){.app-card{flex-direction:column;align-items:center;text-align:center;padding:24px}.app-links,.app-meta{justify-content:center}}