:root{--brand:#ff7500;--ink:#29231f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f7;color:var(--ink);font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1280px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e1d9}.brand{display:flex;align-items:center;gap:12px;font-weight:750}.brand img{width:42px;height:42px;object-fit:contain}.breadcrumb,.note{font-size:13px;color:#71665b}.hero{padding:68px 0 74px;max-width:880px}.eyebrow{color:#a44600;letter-spacing:3px;font-size:13px}h1{font-size:clamp(32px,5vw,60px);line-height:1.2;margin:18px 0 24px;letter-spacing:-1px}h1 span{color:var(--brand)}.hero>p{font-size:18px}.hero .note{font-size:13px}.primary{display:inline-flex;align-items:center;min-height:48px;padding:10px 24px;background:var(--brand);border-radius:8px;font-weight:700;color:#241204}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 22px}.preview{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#efece7;border-radius:10px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:contain}.grid h3{font-size:15px;margin:12px 0 3px;overflow-wrap:anywhere}.edit{display:inline-flex;min-height:44px;align-items:center;color:#9c4000;font-weight:650}.guide{max-width:860px;padding:64px 0 30px}.guide h2{font-size:28px;margin-top:48px}.guide h3{margin-bottom:8px}blockquote{border-left:3px solid var(--brand);margin:24px 0;padding:12px 24px;background:#fff3e7}nav{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0}nav a{padding:10px 16px;background:#fff0e0;border-radius:6px;min-height:44px}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.categories>a{padding:24px;background:#fff0e0;border-radius:12px}footer{border-top:1px solid #e8e1d9;color:#71665b;font-size:13px}a:hover{filter:brightness(.92)}a:active{transform:translateY(1px)}a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){header,main,footer{padding:18px}header{gap:12px;font-size:13px}.brand img{width:32px;height:32px}.hero{padding:40px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.categories{grid-template-columns:1fr}.guide{padding-top:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}