.ahn-wrap-front {
--ahn-ink:#0a1628;
--ahn-navy:#0a2342;
--ahn-body:#1a2332;
--ahn-muted:#64748b;
--ahn-faint:#94a3b8;
--ahn-divider:#e2e5ea;
--ahn-amber:#d97706;
--ahn-accent:#0a2342;
--ahn-chip-bg:#eef2ff;
--ahn-chip-txt:#3730a3;
--ahn-break:#dc2626;
--ahn-ease:cubic-bezier(.25,.46,.45,.94);
--ahn-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
font-family:var(--ahn-font);
color:var(--ahn-body);
background:var(--ahn-page,transparent);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.ahn-wrap-front *,
.ahn-wrap-front *::before,
.ahn-wrap-front *::after {
box-sizing:border-box;
}
.ahn-breakout {
width:100vw;
margin-left:calc(50% - 50vw);
overflow-x:hidden;
}
.ahn-inner {
max-width:1200px;
margin:0 auto;
padding:20px 16px 52px;
}
@media (min-width:768px) {
.ahn-inner { padding:24px 20px 60px; }
}
@media (min-width:1025px) {
.ahn-inner { padding:28px 24px 68px; }
}
@keyframes ahn-up {
from { opacity:0; transform:translateY(12px); }
to   { opacity:1; transform:translateY(0); }
}
@keyframes ahn-pulse {
0%, 100% { opacity:1; transform:scale(1); }
50%      { opacity:.45; transform:scale(1.35); }
} .ahn-card {
background:transparent;
border:0;
box-shadow:none;
}
.ahn-pad { padding:14px 0 4px; }
.ahn-img {
display:block;
color:inherit;
text-decoration:none;
overflow:hidden;
}
.ahn-img img {
display:block;
width:100%;
height:100%;
transition:transform .5s var(--ahn-ease);
}
.ahn-16x9 {
aspect-ratio:16/9;
background:#dde3ea;
overflow:hidden;
width:100%;
border-radius:var(--ahn-radius,16px);
}
.ahn-16x9 img {
object-fit:cover;
width:100%;
height:100%;
display:block;
}
.ahn-img:hover .ahn-16x9 img { transform:scale(1.04); }
.ahn-thumb-16x9 {
display:block;
aspect-ratio:16/9;
background:#dde3ea;
overflow:hidden;
width:100%;
border-radius:var(--ahn-rl,16px);
}
.ahn-thumb-16x9 img,
.ahn-thumb-16x9 svg {
display:block;
width:100%;
height:100%;
object-fit:cover;
} .ahn-title {
margin:0;
line-height:1.25;
}
.ahn-title a {
color:inherit;
text-decoration:none;
transition:opacity .15s;
}
.ahn-title a:hover { opacity:.8; }
.ahn-excerpt {
margin:8px 0 0;
color:var(--ahn-muted);
line-height:1.55;
font-size:.93rem;
}
.ahn-meta {
display:flex;
align-items:center;
gap:6px;
color:var(--ahn-faint);
font-size:11.5px;
font-weight:600;
letter-spacing:.02em;
margin-top:8px;
}
.ahn-meta::before {
content:'';
width:12px;
height:1px;
background:var(--ahn-divider);
flex:0 0 12px;
}
.ahn-empty {
color:#6b7280;
padding:20px;
text-align:center;
font-size:.9rem;
} .ahn-pill {
display:inline-flex;
align-items:center;
gap:6px;
padding:4px 10px 4px 9px;
border-radius:999px;
background:var(--ahn-chip-bg);
color:var(--ahn-chip-txt);
font-size:10.5px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
line-height:1;
margin:0 0 10px;
vertical-align:middle;
}
.ahn-pill::before {
content:'';
width:5px;
height:5px;
border-radius:50%;
background:currentColor;
opacity:.7;
flex:0 0 5px;
}
.ahn-pill--color {
background:var(--ahn-pill,#0a2342);
color:#fff;
}
.ahn-pill--color::before {
background:#fff;
opacity:.9;
}
.ahn-pill--sm {
font-size:9.5px;
padding:3px 8px 3px 7px;
margin:0 0 5px;
gap:5px;
}
.ahn-pill--sm::before {
width:4px;
height:4px;
flex:0 0 4px;
}
.ahn-pill--breaking {
background:var(--ahn-break) !important;
color:#fff !important;
}
.ahn-pill--breaking::before {
background:#fff;
opacity:1;
animation:ahn-pulse 1.3s ease-in-out infinite;
}
.ahn-pill-sep {
display:inline-block;
width:1px;
height:9px;
background:rgba(255,255,255,.55);
margin:0 4px;
flex:0 0 1px;
} .ahn-side-item.ahn-is-breaking .ahn-title,
.ahn-sec-item.ahn-is-breaking .ahn-title,
.ahn-latest-item.ahn-is-breaking .ahn-latest-title {
display:flex;
align-items:center;
gap:7px;
}
.ahn-side-item.ahn-is-breaking .ahn-title::before,
.ahn-sec-item.ahn-is-breaking .ahn-title::before,
.ahn-latest-item.ahn-is-breaking .ahn-latest-title::before {
content:'';
width:7px;
height:7px;
border-radius:50%;
background:var(--ahn-break);
flex:0 0 7px;
animation:ahn-pulse 1.3s ease-in-out infinite;
margin-top:2px;
}