html.av2 .v2-hwblog{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(24px,3vw,40px)}html.av2 .v2-hwblist{text-align:left;gap:16px;width:100%;margin:32px 0 24px;display:grid}html.av2 .v2-hwsoon .v2-dccard{border-style:dashed}html.av2 .v2-hwsoon .v2-dccover{opacity:.55}html.av2 .v2-dccard{border:1px solid var(--line);background:var(--panel);border-radius:24px;flex-direction:column;height:100%;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}html.av2 .v2-dccover{--c1:210;--c2:32;--c3:152;--x1:30%;--y1:40%;--x2:70%;--y2:60%;aspect-ratio:16/9;background:radial-gradient(38% 60% at var(--x1) var(--y1), hsl(var(--c1) 80% 62% / .75), transparent 70%), radial-gradient(42% 66% at var(--x2) var(--y2), hsl(var(--c2) 85% 60% / .7), transparent 72%), radial-gradient(30% 50% at 50% 100%, hsl(var(--c3) 70% 55% / .55), transparent 70%), var(--pic-b);display:block;position:relative;overflow:hidden}html.av2 .v2-dccover:after{content:"";opacity:.35;background-image:radial-gradient(circle,#ffffff59 1px,#0000 1.5px);background-size:18px 18px;position:absolute;inset:0}html.av2:not(.dark) .v2-dccover:after{background-image:radial-gradient(circle,#0000002e 1px,#0000 1.5px)}html.av2 .v2-dcsec{z-index:1;background:var(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border-radius:10px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}html.av2 .v2-dcbody{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}html.av2 .v2-dctitle{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;font-size:18px;font-weight:700;line-height:1.3}html.av2 .v2-dcex{color:var(--mut);font-size:14.5px;line-height:1.5}html.av2 .v2-dcdate{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:6px;font-size:12.5px}html.av2 .v2-dcgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (hover:hover){html.av2 a.v2-dccard:hover{border-color:var(--line-hover);transform:translateY(-2px)}}@media (max-width:980px){html.av2 .v2-dcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){html.av2 .v2-dcgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html.av2 .v2-dccard{transition:none}}