body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a}:root{--line:rgba(0,0,0,.12);--muted:#64748b;--card:#fff}.container{width:min(1100px,92%);margin:0 auto}.page-head{padding:18px 0;border-bottom:1px solid var(--line)}.title{margin:0}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:16px;height:56px}.brand{font-weight:800;text-decoration:none;color:#0f172a;font-size:18px}.menu{display:flex;gap:14px;margin-left:auto}.menu a{text-decoration:none;color:#0f172a;font-weight:600;font-size:16px;padding:6px 8px;border-radius:8px}.menu a:hover{background:#f1f5f9}.tools{display:flex;align-items:center;gap:8px}.lang{padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;cursor:pointer}.lang.active{background:#111827;color:#fff;border-color:rgba(0,0,0,.2)}.lang[disabled]{opacity:.6;cursor:default}.lang-switch .sep{padding:0 4px;color:var(--muted);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.p-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.p-thumb{background:linear-gradient(135deg,#eef2ff,#e0f2fe);aspect-ratio:4/3;border-bottom:1px solid var(--line)}.p-body{padding:12px}.p-title{font-weight:700;margin-bottom:4px}.p-sub{color:var(--muted);margin-bottom:6px}.p-meta{color:#0f172a;font-weight:600}.p-actions{margin-top:10px}.p-cta{display:inline-block;padding:8px 12px;border-radius:10px;background:#111827;color:#fff;font-weight:600;border:1px solid rgba(0,0,0,.15)}.p-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn{display:inline-block;padding:8px 10px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:#0f172a}:root{--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}body,html{font-size:16px;line-height:1.45;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,header nav a,html{font-family:var(--font-sans)}header nav a{font-weight:600;font-size:16px;text-decoration:none;color:inherit}@media (min-width:768px){header nav a{font-size:17px}}:root{--fast:120ms;--ease:cubic-bezier(.2,.8,.2,1)}a,button{transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background var(--fast) var(--ease)}a.button:hover,button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.08)}.fade-in{animation:fadeIn .28s var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}