@import url('/legal.css');
@font-face{font-family:Barlow;src:url('/fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/Barlow-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/fonts/BarlowCondensed-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
body{background:#161515;font-family:Barlow,'PingFang SC','Microsoft YaHei',sans-serif;color:#e8e5da}.site-bar nav{gap:18px;align-items:center}.site-bar nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.site-bar a[aria-current=true]{color:#f3f1e2}.site-bar a[aria-current=false]{color:#8e8b7d}
main:has(article){max-width:820px;padding-top:52px}.article-header{display:block;border:0;padding:0;margin:0;max-width:none}.article-header h1{font:500 clamp(34px,4.4vw,56px)/1.1 'Barlow Condensed',Barlow,sans-serif;letter-spacing:-.02em;margin:16px 0 20px}.article-header .intro{font-size:19px;line-height:1.7;margin:0 0 28px}.article-contents{display:flex;flex-wrap:wrap;gap:0 22px;padding:16px 0;margin:24px 0 40px;border-block:1px solid #ffffff20}.article-contents a{display:flex;align-items:center;min-height:44px;text-decoration:none;color:#c4baa3;font-size:14px}article section{scroll-margin-top:24px}article p,article li{font-size:17px;line-height:1.85;color:#c4c1b4}article h2{font-size:27px;line-height:1.35;margin:42px 0 20px;color:#e8e5da}article h3{font-size:20px;font-weight:500;line-height:1.5;margin:28px 0 12px}article p{margin:14px 0}article ul,article ol{padding-left:24px}article li{margin:10px 0;padding-left:3px}.article-images{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 10px}.article-images figure{margin:0;min-width:0}.article-images img{display:block;width:100%;height:auto;border:1px solid #ffffff20;border-radius:3px}.article-images figcaption,article .figure-note{font-size:13px;line-height:1.6;color:#a9a396;margin-top:10px}article .article-placeholder{font-size:14px;border-left:2px solid #5d5749;padding:10px 16px;margin:24px 0;color:#a9a396}.related-tools{gap:10px;margin-top:24px}.related-tools a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;border:1px solid #ffffff26;border-radius:2px;text-decoration:none;font-size:14px}.related-tools a:hover,.tutorial-list>a:hover{border-color:#8b816b;background:#211f1b}.tutorial-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tutorial-list>a{border:1px solid #ffffff26;border-radius:3px;padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:16px}.tutorial-list h2{margin:0;font-size:25px}.tutorial-list p{margin:0;font-size:16px;line-height:1.7}.tutorial-list>a>span{margin-top:auto;font-size:13px;color:#c4baa3}html[lang|=zh] .article-header h1{font-family:Barlow,'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(30px,3.8vw,45px);line-height:1.35}
@media(max-width:650px){main:has(article){padding-top:30px}.site-bar{gap:12px}.site-bar nav{gap:20px}.article-header h1{font-size:35px}.article-header .intro{font-size:17px}.article-contents{margin-bottom:28px}.article-images,.tutorial-list{grid-template-columns:1fr}.article-images{gap:22px}article h2{font-size:24px}article h3{font-size:19px}article p,article li{font-size:16px;line-height:1.9}.tutorial-list>a{padding:22px}.related-tools{display:grid;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.crop-comparison{align-items:start}.article-images.crop-comparison img{height:clamp(280px,45vw,440px);width:100%;object-fit:contain;background:#1c1b18}