/* 本周新上：沿用现有字体、玉绿色和卡片材质。 */
#featured{overflow:hidden;scroll-margin-top:160px}
#featured .featured-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:22px}
#featured .featured-head>.kicker{flex-basis:100%;margin:0}
#featured .section__title{margin:0}
#featured .featured-actions{display:flex;align-items:center;gap:10px}
#featured .more-link{margin:0 14px 0 0;font-size:13px;white-space:nowrap}
#featured .featured-control{display:grid;place-items:center;flex:none;min-width:44px;height:44px;padding:0 14px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);font:18px var(--sans);box-shadow:inset 0 1px 0 #ffffff80,0 4px 12px #153b3510;cursor:pointer;transition:transform .2s,box-shadow .2s}
#featured .featured-control:hover{transform:translateY(-2px);box-shadow:0 6px 16px #153b3520}
#featured [data-featured-action=toggle]{border-radius:999px;font-size:12px;min-width:82px}
#featured .feat{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scrollbar-width:none;padding:18px 2px 30px;margin:-18px -2px -12px;overscroll-behavior-x:contain;touch-action:pan-x pan-y;outline-offset:4px;grid-template-columns:none}
#featured .feat::-webkit-scrollbar{display:none}
#featured .featured-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 24px)*.4);min-width:0;min-height:0;padding:0;gap:0;grid-column:auto;grid-row:auto;overflow:hidden;border-radius:26px;background:var(--card);box-shadow:0 10px 24px #1d493514,inset 0 1px 0 #ffffffb0;transition:transform .3s,box-shadow .3s}
#featured .featured-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #1d493522}
#featured .feat__cover{margin:0;position:relative;overflow:hidden;aspect-ratio:16/10;flex:none;background:color-mix(in srgb,var(--paper) 88%,var(--teal))}
#featured .feat__cover img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
#featured .featured-card:hover img{transform:scale(1.025)}
#featured .badge{font-size:10px;letter-spacing:.06em;top:14px;left:14px;box-shadow:0 2px 12px #00000012}
#featured .featured-copy{position:relative;padding:23px 46px 24px 24px;flex:1;min-height:118px}
#featured .feat__meta{font-size:10px;letter-spacing:.045em;margin:0 0 10px}
#featured .feat__title{font:600 clamp(18px,1.9vw,25px)/1.45 var(--serif);letter-spacing:-.025em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#featured .featured-arrow{position:absolute;right:22px;bottom:25px;font-size:23px;color:var(--teal)}
#featured .featured-hint{margin:20px 0 0;color:var(--ink-2);font:11px/1.5 var(--mono);letter-spacing:.08em;min-height:17px}
#featured .featured-control:focus-visible,#featured .featured-card:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
#featured button,#featured a{-webkit-tap-highlight-color:transparent}
@media(min-width:701px) and (max-width:1040px){#featured .featured-card{flex-basis:52%}}
@media(max-width:700px){
 #featured .featured-head{gap:16px;align-items:center}
 #featured .featured-actions{gap:8px;flex-wrap:wrap;width:100%}
 #featured .more-link{margin-right:auto}
 #featured .featured-card{flex-basis:86%;border-radius:22px}
 #featured .feat{gap:16px}
 #featured .featured-copy{padding:20px 42px 22px 20px;min-height:110px}
 #featured .feat__title{font-size:21px}
 #featured .featured-control{min-width:40px;height:40px}
 #featured [data-featured-action=toggle]{min-width:76px}
}
@media(prefers-reduced-motion:reduce){#featured .feat{scroll-snap-type:x mandatory}#featured .featured-card{scroll-snap-align:start}#featured .featured-card,#featured .feat__cover img,#featured .featured-control{transition:none}#featured .featured-card:hover,#featured .featured-card:hover img{transform:none}}