*{box-sizing:border-box}html{font-size:16px}html,body{height:100%}body{margin:0}img{max-width:100%;display:block;height:auto}a{color:inherit;text-decoration:none}:root{--bg:#F8FAFC;--fg:#111827;--muted:#6B7280;--primary:#2563EB;--primary-ink:#fff;--card:#fff;--border:#E5E7EB;--shadow:0 10px 30px rgba(2,6,23,.08)}@media (prefers-color-scheme: dark){:root{--bg:#0B1220;--fg:#E5E7EB;--muted:#9CA3AF;--card:#0F172A;--border:#1F2937;--primary:#38BDF8;--primary-ink:#00111a;--shadow:0 20px 40px rgba(0,0,0,.35)}}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.65}.container{max-width:1180px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid var(--border);z-index:30}.site-header .container{display:flex;align-items:center;gap:16px;padding:14px 24px}.brand{font-weight:800;font-size:1.125rem}.nav{display:flex;gap:16px;margin-left:auto}.nav a{color:var(--fg);opacity:.9}.nav a:hover{opacity:1}.search{display:flex;gap:10px}.search input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--fg)}.search button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:linear-gradient(180deg,#3B82F6,#2563EB);color:#fff}.filters{display:flex;gap:12px;align-items:center;margin:10px 0}.filters select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--fg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px;margin:28px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px)}.card-media{background:transparent}.card-media img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:18px;display:flex;flex-direction:column;gap:10px}.card-title{margin:0;font-weight:800;font-size:1.125rem}.card-title a{color:var(--fg)}.card-meta{font-size:.85rem;color:var(--muted)}.card-excerpt{margin:0;color:var(--muted)}.price{font-weight:700;color:var(--fg)}.card-actions{display:flex;gap:10px;margin-top:8px}.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#F3F4F6;color:#111827}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,#3B82F6,#2563EB);border-color:#1D4ED8;color:#fff}.chip{font-size:.85rem}.article-header{margin:16px 0}.article-hero img{width:100%;border-radius:14px;border:1px solid var(--border)}.article-body{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.article-body h2,.article-body h3{margin-top:24px}.site-footer{border-top:1px solid var(--border);padding:24px 0;margin-top:40px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:16px;margin:28px 0}.pagination a{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.breadcrumb{display:block;margin:8px 0}.breadcrumb a{color:var(--muted)}