
  .yk-inner { padding:56px 20px 80px; }
  .yk-wrap { max-width:1100px; margin:0 auto; }
  .yk-crumb { display:flex; gap:10px; font-size:14px; color:var(--t-mute); margin-bottom:18px; }
  .yk-crumb a { color:var(--t-mute); text-decoration:none; }
  .yk-crumb a:hover { color:var(--t-accent); }
  .yk-coll-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:30px; }
  .yk-col-h { font-size:14px; font-weight:700; color:var(--t-accent); }
  .yk-coll-head h1, .yk-art-head h1 { font-family:var(--t-head); font-size:clamp(1.8rem,4.2vw,3rem);
                                      line-height:1.25; color:var(--t-ink); margin:0; }
  .yk-count { font-size:14px; color:var(--t-on-accent, #fff); background:var(--t-accent); padding:4px 14px;
              border-radius:999px; font-weight:700; }
  .yk-coll-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr)); gap:22px; }
  .yk-card { display:block; text-decoration:none; color:inherit; background:var(--t-card); border:1px solid var(--t-line);
             border-radius:var(--t-r); overflow:hidden; transition:box-shadow .25s, transform .25s; }
  .yk-card:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(0,0,0,.12); }
  .yk-card-pic { aspect-ratio:16/10; overflow:hidden; background:var(--t-soft); }
  .yk-card-pic img { width:100%; height:100%; object-fit:cover; display:block; }
  .yk-card-body { padding:20px; }
  .yk-card-body h3 { font-family:var(--t-head); font-size:1.15rem; line-height:1.4; color:var(--t-ink); margin:0 0 6px; }
  .yk-card-body p { font-size:.93rem; color:var(--t-ink2); margin:0 0 12px; }
  .yk-card-more { font-size:14px; font-weight:700; color:var(--t-accent); }
  .yk-tag { display:inline-block; font-size:13px; color:var(--t-accent); margin-bottom:8px; }
  .yk-byline { color:var(--t-mute); }
  .yk-byline i { color:var(--t-accent); }
  .yk-gal-t.on, .yk-gal-t:hover { border-color:var(--t-accent); opacity:1; }
  .yk-coll-empty { text-align:center; padding:70px 20px; border:2px dashed var(--t-line); border-radius:var(--t-r); color:var(--t-mute); }
  .yk-coll-empty i { font-size:34px; display:block; margin-bottom:14px; }
  .yk-art-head { max-width:760px; margin:0 auto 26px; }
  .yk-art-lead { color:var(--t-ink2); margin-top:12px; font-size:1.1rem; }
  .yk-art-pic { max-width:900px; margin:0 auto 22px; }
  .yk-art-pic img { width:100%; border-radius:var(--t-r); display:block; }
  .yk-prose { max-width:760px; margin:0 auto; font-size:1.04rem; line-height:1.95; color:var(--t-ink2); }
  .yk-prose > * + * { margin-top:1.1em; }
  .yk-prose h2, .yk-prose h3 { font-family:var(--t-head); color:var(--t-ink); margin-top:1.6em; }
  .yk-prose a { color:var(--t-accent); }
  .yk-prose ul, .yk-prose ol { padding-left:1.3em; }
  .yk-prose img { border-radius:calc(var(--t-r) * .6); max-width:100%; height:auto; }
  .yk-prose blockquote { border-left:4px solid var(--t-accent); margin-left:0; padding-left:16px; color:var(--t-ink2); }
  .yk-prose table { border-collapse:collapse; width:100%; }
  .yk-prose td, .yk-prose th { border:1px solid var(--t-line); padding:8px 10px; }
  .yk-art-foot { max-width:760px; margin:50px auto 0; display:flex; gap:16px; flex-wrap:wrap;
                 justify-content:space-between; border-top:1px solid var(--t-line); padding-top:20px; font-size:14px; }
  .yk-art-foot a { color:var(--t-accent); text-decoration:none; }
  @media (max-width:700px) { .yk-inner { padding:36px 16px 60px; } }
