:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101311;color:#eff4ef}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:48px 24px}nav{display:flex;justify-content:space-between;font-size:14px;color:#adb9ae}a{color:inherit}header{padding:90px 0 70px}.badge{display:inline-block;border:1px solid #405044;border-radius:30px;padding:8px 14px;color:#b9d5bf;font-size:13px}h1{font-size:clamp(44px,8vw,82px);letter-spacing:-.055em;line-height:1.05;max-width:850px;margin:24px 0}h1 span{color:#65e58a}p{color:#b8c4ba;line-height:1.7;max-width:680px}.button{display:inline-block;background:#65e58a;color:#102516;font-weight:700;text-decoration:none;padding:16px 24px;border-radius:12px;margin-top:18px}.meta{font-size:13px;margin-top:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,section{border:1px solid #2b352e;border-radius:18px;padding:24px;background:#171d19}.card h2{font-size:20px;margin-top:0}.card p{font-size:15px;margin-bottom:0}section{margin-top:24px}section h2{margin-top:0}li{margin:12px 0;line-height:1.65;color:#b8c4ba}code{overflow-wrap:anywhere;font-size:12px;color:#c6d6c9}footer{font-size:12px;padding:30px 0;color:#8c9b90}@media(max-width:650px){header{padding:60px 0 40px}.grid{grid-template-columns:1fr}main{padding:28px 20px}}

nav{gap:16px;align-items:center;flex-wrap:wrap}.language-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.language-switch a{border:1px solid #405044;border-radius:24px;text-decoration:none;padding:8px 12px;font-size:14px}.language-switch a[aria-current=page]{background:#65e58a;color:#102516;border-color:#65e58a}a:focus-visible{outline:3px solid #eff4ef;outline-offset:4px}code{display:block;direction:ltr;text-align:start;unicode-bidi:isolate}html[dir=rtl] h1{letter-spacing:0;line-height:1.3}html[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}html[lang=zh-Hans] h1{letter-spacing:0;line-height:1.2}ol{padding-inline-start:24px}
.shots{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.shots figure{margin:0}.shots figure:first-child,.shots figure:last-child:nth-child(even){grid-column:1/-1}.shots img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #2b352e}.shots figcaption{font-size:13px;color:#8c9b90;margin-top:8px}@media(max-width:650px){.shots{grid-template-columns:1fr}}