/* ===== L4 三栏瀑布 · 橙 ===== */
:root{
  --c-bg:#fffaf3; --c-bg-2:#ffeedd; --c-card:#fff; --c-line:#f7dfc4; --c-line-soft:#fdf3e7;
  --c-text:#2a1606; --c-text-2:#6b4520; --c-sub:#a4886a;
  --c-primary:#ea580c; --c-primary-2:#f59e0b;
  --c-brand-grad:linear-gradient(135deg,#ea580c,#f59e0b);
  --c-radius:14px; --c-radius-sm:10px;
}
.l4-bar{display:flex;align-items:center;gap:20px;margin:20px 0 22px;flex-wrap:wrap}
.l4-search{display:flex;flex:1;min-width:280px;background:#fff;border:1px solid var(--c-line);border-radius:10px;padding:3px}
.l4-search input{flex:1;border:0;outline:0;padding:10px 14px;font-size:14.5px;background:transparent}
.l4-search button{border:0;background:var(--c-brand-grad);color:#fff;border-radius:8px;padding:0 22px;font-weight:600;cursor:pointer}
.l4-bar p{margin:0;font-size:12.5px;color:var(--c-sub)}
.l4-three{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px}
.l4-panel{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-radius);padding:16px 17px}
.l4-panel--mid{background:linear-gradient(180deg,#fff,#fff8f0)}
.l4-panel h2{font-size:15px;margin:0 0 12px;padding-bottom:9px;border-bottom:1px solid var(--c-line-soft)}
.l4-ol{list-style:none;margin:0;padding:0}
.l4-ol li{display:flex;gap:9px;align-items:center;padding:8px 0;font-size:13.5px}
.l4-ol span{width:18px;height:18px;border-radius:5px;background:var(--c-bg-2);color:var(--c-primary);font-size:11px;display:flex;align-items:center;justify-content:center;flex:0 0 18px}
.l4-ol a{color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l4-ul{list-style:none;margin:0;padding:0}
.l4-ul li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--c-line-soft)}
.l4-ul li:last-child{border-bottom:0}
.l4-ul div{min-width:0;display:flex;flex-direction:column;gap:2px}
.l4-ul a{font-size:13.5px;font-weight:500;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l4-ul span{font-size:11.5px;color:var(--c-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l4-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}
.l4-group{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:14px 16px}
.l4-group h3{margin:0 0 10px;font-size:13.5px}
.l4-group h3 a{color:var(--c-primary)}
.l4-glinks{display:flex;flex-wrap:wrap;gap:7px}
.l4-glinks a{font-size:12.5px;color:var(--c-text-2);background:var(--c-bg);border:1px solid var(--c-line);border-radius:6px;padding:3px 9px}
.l4-arts{margin:20px 0}
.l4-arts h2{font-size:16px;margin:0 0 12px}
.l4-arts ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--c-line);border-radius:12px}
.l4-arts li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--c-line-soft);font-size:13.5px}
.l4-arts li:last-child{border-bottom:0}
.l4-arts em{font-style:normal;font-size:11.5px;color:var(--c-sub)}
@media(max-width:900px){.l4-three{grid-template-columns:1fr}.l4-groups{grid-template-columns:1fr}}

/* ==== L4 header/hero v2 ==== */

/* ===== L4 header：极简 52px，仅品牌 + 文字链 ===== */
.h4-head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--c-line);padding-top:env(safe-area-inset-top)}
.h4-in{display:flex;align-items:center;height:52px}
.h4-brand{font-size:16px;font-weight:800;letter-spacing:.6px}
.h4-links{margin-left:auto;display:flex;gap:18px;font-size:13px;color:var(--c-text-2)}
.h4-links a:hover{color:var(--c-primary)}
/* ===== L4 搜索条：左 68% 右统计 ===== */
.l4-bar{display:flex;align-items:center;gap:20px;padding:24px 0 20px;border-bottom:1px solid var(--c-line);text-align:left}
.l4-search{display:flex;flex:0 1 68%;max-width:780px;margin:0}
.l4-bar p{margin:0 0 0 auto;font-size:12.5px;color:var(--c-sub);white-space:nowrap}
@media(max-width:760px){.l4-bar{flex-direction:column;align-items:stretch;gap:10px;padding:18px 0}.l4-search{flex:1 1 auto;max-width:none}.l4-bar p{margin:0;text-align:right}}