/* ===== L10 杂志风 · 玫红 ===== */

.l10-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px 0 20px;border-bottom:3px double var(--c-line);flex-wrap:wrap}
.l10-brand h1{margin:0 0 6px;font-size:34px;letter-spacing:-1px;color:var(--c-text)}
.l10-brand h1:after{content:"";display:block;width:56px;height:4px;margin-top:10px;background:var(--c-brand-grad);border-radius:2px}
.l10-brand p{margin:10px 0 0;font-size:13px;color:var(--c-sub)}
.l10-search{display:flex;background:#fff;border:1px solid var(--c-line);border-radius:9px;padding:3px;min-width:300px}
.l10-search input{flex:1;border:0;outline:0;padding:9px 13px;font-size:14px;background:transparent}
.l10-search button{border:0;background:var(--c-brand-grad);color:#fff;border-radius:7px;padding:0 18px;font-weight:600;cursor:pointer}
.l10-catnav{display:flex;flex-wrap:wrap;gap:20px;padding:14px 0;border-bottom:1px solid var(--c-line);font-size:13.5px}
.l10-catnav a{color:var(--c-text-2);font-weight:500}
.l10-catnav a:hover{color:var(--c-primary)}
.l10-lead{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin:24px 0}
.l10-lead-card{display:flex;flex-direction:column;justify-content:flex-end;gap:9px;min-height:230px;padding:24px;border-radius:16px;background:linear-gradient(150deg,#db2777,#a855f7 70%,#7c3aed);color:#fff;position:relative;overflow:hidden}
.l10-lead-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);right:-80px;top:-90px}
.l10-lead-tag{font-size:11px;background:rgba(255,255,255,.24);padding:3px 10px;border-radius:999px;align-self:flex-start}
.l10-lead-card b{font-size:26px;line-height:1.25}
.l10-lead-card p{margin:0;font-size:13px;opacity:.9;line-height:1.6}
.l10-lead-card em{font-style:normal;font-size:12.5px;opacity:.85}
.l10-lead-side{display:flex;flex-direction:column;gap:10px}
.l10-lead-side a{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--c-line);border-radius:11px}
.l10-lead-side b{font-size:14px;color:var(--c-text)}
.l10-lead-side span{font-size:11.5px;color:var(--c-sub)}
.l10-cols{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;margin:26px 0;padding-top:22px;border-top:1px solid var(--c-line)}
.l10-cols h2{font-size:15px;margin:0 0 12px;color:var(--c-primary);letter-spacing:.5px}
.l10-ol{list-style:none;margin:0;padding:0}
.l10-ol li{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px dotted var(--c-line);font-size:13.5px}
.l10-ol span{width:20px;height:20px;border-radius:50%;background:var(--c-bg-2);color:var(--c-primary);font-size:11px;display:flex;align-items:center;justify-content:center;flex:0 0 20px}
.l10-ol a{flex:1;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l10-ol em{font-style:normal;font-size:11px;color:var(--c-sub)}
.l10-new{list-style:none;margin:0;padding:0}
.l10-new li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;border-bottom:1px dotted var(--c-line)}
.l10-new a{color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l10-new span{font-size:11px;color:var(--c-sub);flex:0 0 auto}
.l10-picks{display:flex;flex-wrap:wrap;gap:7px}
.l10-picks a{font-size:12.5px;padding:5px 12px;background:var(--c-bg-2);border-radius:999px;color:var(--c-text-2)}
.l10-picks a:hover{background:var(--c-primary);color:#fff}
.l10-arts{margin:26px 0;padding-top:22px;border-top:1px solid var(--c-line)}
.l10-arts h2{font-size:15px;margin:0 0 12px;color:var(--c-primary)}
.l10-arts div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.l10-arts a{display:flex;flex-direction:column;gap:5px;padding:13px 15px;background:#fff;border:1px solid var(--c-line);border-radius:10px}
.l10-arts b{font-size:13.5px;color:var(--c-text)}
.l10-arts span{font-size:11.5px;color:var(--c-sub)}
@media(max-width:900px){.l10-lead{grid-template-columns:1fr}.l10-cols{grid-template-columns:1fr}.l10-arts div{grid-template-columns:1fr}}
@media(max-width:520px){.l10-brand h1{font-size:24px}.l10-search{min-width:100%}}

/* ==== L10 header/hero v2 ==== */

/* ===== L10 header：杂志三栏刊头 ===== */
.h10-head{position:sticky;top:0;z-index:60;background:#fff;padding-top:env(safe-area-inset-top)}
.h10-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 0 14px;border-bottom:3px solid var(--c-text)}
.h10-side{font-size:11.5px;color:var(--c-sub);line-height:1.65;letter-spacing:.5px}
.h10-side--r{justify-self:end;display:flex;gap:15px;font-size:12.5px}
.h10-side--r a{color:var(--c-text-2)}
.h10-side--r a:hover{color:var(--c-primary)}
.h10-logo{font-size:30px;font-weight:900;letter-spacing:7px;color:var(--c-text);white-space:nowrap;text-align:center}
.h10-nav{border-bottom:1px solid var(--c-line)}
.h10-nav .container{display:flex;align-items:center;height:42px;overflow-x:auto;scrollbar-width:none}
.h10-nav::-webkit-scrollbar{display:none}
.h10-nav a{flex:1 0 auto;text-align:center;padding:0 12px;font-size:13px;color:var(--c-text-2);white-space:nowrap}
.h10-nav a.on{color:var(--c-primary);font-weight:700}
.h10-nav a:hover{color:var(--c-primary)}
@media(max-width:800px){.h10-logo{font-size:21px;letter-spacing:3px}.h10-side{font-size:10px}.h10-side--r{gap:10px}}
/* ===== L10 hero：刊头（标题+日期） 与 搜索条分离 ===== */
.l10-masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 20px}
.l10-brand h1{font-size:30px;margin:0 0 8px;letter-spacing:-.5px}
.l10-brand p{margin:0;color:var(--c-sub);font-size:13.5px}
.l10-mast-side{flex:0 0 auto;text-align:right}
.l10-mast-side b{display:block;font-size:20px;color:var(--c-primary);line-height:1.3}
.l10-mast-side span{font-size:11.5px;color:var(--c-sub)}
.l10-searchbar{padding:0 0 24px}
.l10-search{display:flex;max-width:none;background:var(--c-bg-2);border-radius:12px;padding:6px}
.l10-search input{flex:1;min-width:0;height:42px;border:0;background:#fff;border-radius:8px;padding:0 16px;outline:none;font-size:14px;color:var(--c-text)}
.l10-search button{height:42px;padding:0 28px;border:0;border-radius:8px;background:var(--c-brand-grad);color:#fff;font-weight:600;cursor:pointer;margin-left:8px}
@media(max-width:700px){.l10-masthead{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0 16px}.l10-mast-side{text-align:left}.l10-brand h1{font-size:23px}}