.dl{--dl-bg: #f5f5f3;--dl-card: #fff;--dl-ink: #1d1d1f;--dl-muted: #6e6e73;--dl-line: #e3e3e0;--dl-accent: #2f5bea;min-height:100vh;background:var(--dl-bg);color:var(--dl-ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;padding-bottom:96px}.dl-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.dl-loading{min-height:100vh;background:#f5f5f3}.dl-head{padding:72px 0 40px}.dl-brand{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--dl-accent);margin-bottom:8px}.dl-head h1{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.25}.dl-sub{margin-top:10px;color:var(--dl-muted);font-size:16px}.dl-tools{margin-top:32px;display:flex;align-items:center;gap:16px}.dl-search{flex:0 1 360px;height:46px;padding:0 16px;font:inherit;font-size:15px;color:var(--dl-ink);border:1px solid var(--dl-line);border-radius:10px;background:#fff;outline:none}.dl-search:focus{border-color:var(--dl-accent)}.dl-count{font-size:14px;color:var(--dl-muted)}.dl-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.dl-card{display:flex;flex-direction:column;height:100%;background:var(--dl-card);border:1px solid var(--dl-line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.dl-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000014}.dl-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#ddd}.dl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.dl-card:hover .dl-thumb img{transform:scale(1.04)}.dl-go{position:absolute;right:12px;bottom:12px;padding:7px 12px;border-radius:30px;background:#000000a6;color:#fff;font-size:13px;font-weight:600;opacity:0;transform:translateY(4px);transition:all .2s}.dl-card:hover .dl-go{opacity:1;transform:none}.dl-body{padding:20px 22px 24px}.dl-meta{display:flex;white-space:nowrap;align-items:center;gap:10px;font-size:13px;color:var(--dl-muted)}.dl-meta time{margin-left:auto}.dl-tag{padding:3px 9px;border-radius:6px;background:#eef2fe;color:var(--dl-accent);font-weight:600}.dl-body h2{margin:12px 0 6px;font-size:20px;font-weight:700}.dl-body p{font-size:14.5px;color:var(--dl-muted);line-height:1.6}.dl-empty{padding:80px 0;text-align:center;color:var(--dl-muted)}@media (max-width: 600px){.dl-wrap{padding:0 16px}.dl-head{padding:48px 0 28px}.dl-grid{grid-template-columns:1fr;gap:16px}.dl-tools{flex-wrap:wrap}.dl-search{flex:1 1 100%}.dl-go{opacity:1;transform:none}}