:root{color-scheme:light;--bg: #ffffff;--fg: #111111;--muted: #666666;--line: #e8e8e8;--lineSoft: #ededed;--soft: #f6f6f6;--radius: 14px;--shadow: 0 1px 0 rgba(0, 0, 0, .06);--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans", sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.page{min-height:100%;display:flex;flex-direction:column}.container{width:min(1080px,calc(100vw - 40px));margin:0 auto}.header{position:sticky;top:0;z-index:10;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.headerRow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 0}.brandLink{font-weight:700;letter-spacing:.2px}.brandSub{margin-top:4px;color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:12px}.navLink{font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff}.navHint{font-size:12px;color:var(--muted);font-family:var(--mono)}.main{flex:1;padding:28px 0 56px}.footer{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}.footerRow{display:flex;justify-content:space-between;gap:12px}.footerHint{font-family:var(--mono)}.h1{margin:0;font-size:34px;letter-spacing:-.4px}.lead{margin:10px 0 0;color:var(--muted);max-width:70ch}.sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid var(--lineSoft)}.h2{margin:0;font-size:16px;letter-spacing:.2px}.muted{color:var(--muted);font-size:13px}.grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.h1{font-size:28px}}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-2px);border-color:#d6d6d6}.cardMedia{aspect-ratio:16 / 9;background:var(--soft)}.cardImg{width:100%;height:100%;object-fit:cover;display:block}.cardImgPlaceholder{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);font-family:var(--mono);font-size:12px}.cardBody{padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px}.cardTitle{font-weight:650}.cardDesc{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardMeta{margin-top:4px;font-size:12px;color:var(--muted);font-family:var(--mono)}.metaSep{margin:0 6px}.empty{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:18px}.emptyTitle{font-weight:650}.emptyBody{margin-top:8px;color:var(--muted);font-size:13px}.link{text-decoration:underline;text-underline-offset:2px}.toolHead{display:flex;flex-direction:column;gap:12px}.toolTitleRow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolActions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px}.button:hover{border-color:#d6d6d6}.buttonPrimary{border-color:#111;background:#111;color:#fff}.buttonPrimary:hover{border-color:#000;background:#000}.cover{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--soft)}.coverImg{width:100%;max-height:420px;object-fit:cover;display:block}.prose{max-width:78ch}.prose p{margin:0 0 10px}.gallery{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.masonry{margin-top:18px;column-count:3;column-gap:12px}@media (max-width: 980px){.masonry{column-count:2}}@media (max-width: 640px){.masonry{column-count:1}}.masonryItem{display:block;break-inside:avoid;margin:0 0 12px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--soft)}.masonryImg{width:100%;height:auto;display:block}@media (max-width: 980px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.gallery{grid-template-columns:1fr}}.shot{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--soft)}.shotImg{width:100%;height:auto;display:block;object-fit:contain}.usageFlow{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.usageBlock{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.usageStep{display:grid;grid-template-columns:48px 1fr;gap:12px}.usageNo{font-family:var(--mono);color:var(--muted)}.usageText{font-size:14px}.usageShot{display:block;width:100%;max-width:560px;margin:0 auto;border:1px solid var(--lineSoft);border-radius:var(--radius);overflow:hidden;background:var(--soft)}.usageImg{width:100%;height:auto;display:block}.homeTop{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:0 0 16px;border-bottom:1px solid var(--line)}.homeTitle{margin:0;font-size:16px;letter-spacing:.2px;color:var(--muted);text-transform:uppercase}.homeCount{color:var(--muted);font-size:12px;font-family:var(--mono)}.steps{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.stepItem{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:12px;border:1px solid var(--lineSoft);border-radius:0;background:#ffffff59}.stepNo{font-family:var(--mono);color:var(--muted)}.stepBody{font-size:14px}