/* ===== L6 色带分块 · 青 ===== */

.l6-banner{background:linear-gradient(120deg,#0e7490,#0891b2 45%,#3b82f6);border-radius:0 0 26px 26px;padding:40px 26px 34px;margin:-16px 0 26px;color:#fff;text-align:center}
.l6-banner h1{margin:0 0 18px;font-size:30px}
.l6-search{display:flex;max-width:560px;margin:0 auto;background:#fff;border-radius:12px;padding:4px}
.l6-search input{flex:1;border:0;outline:0;padding:11px 16px;font-size:15px;background:transparent}
.l6-search button{border:0;background:#0b2430;color:#fff;border-radius:9px;padding:0 24px;font-weight:600;cursor:pointer}
.l6-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.l6-block{border-radius:14px;padding:16px;color:#fff}
.l6-block--0{background:linear-gradient(150deg,#0891b2,#06b6d4)}
.l6-block--1{background:linear-gradient(150deg,#3b82f6,#6366f1)}
.l6-block--2{background:linear-gradient(150deg,#0e7490,#14b8a6)}
.l6-block--3{background:linear-gradient(150deg,#1d4ed8,#0891b2)}
.l6-block h2{margin:0 0 12px;font-size:14.5px}
.l6-block h2 a{color:#fff;display:flex;justify-content:space-between;align-items:center}
.l6-block h2 span{font-size:11.5px;background:rgba(255,255,255,.22);padding:1px 8px;border-radius:999px}
.l6-links{display:flex;flex-direction:column;gap:6px}
.l6-links a{font-size:12.8px;color:rgba(255,255,255,.92);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.l6-links a:last-child{border-bottom:0}
.l6-sec{margin:26px 0}
.l6-sec h2{font-size:16px;margin:0 0 14px}
.l6-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.l6-card{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--c-line);border-radius:11px;padding:13px}
.l6-card div{min-width:0;display:flex;flex-direction:column;gap:3px}
.l6-card b{font-size:13.5px;color:var(--c-text)}
.l6-card span{font-size:11.5px;color:var(--c-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l6-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}
.l6-duo section{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:16px}
.l6-duo h2{margin:0 0 11px;font-size:14.5px}
.l6-ol{list-style:none;margin:0;padding:0}
.l6-ol li{display:flex;gap:9px;align-items:center;padding:7px 0;font-size:13px}
.l6-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}
.l6-ol a{color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.l6-blocks{grid-template-columns:1fr 1fr}.l6-grid{grid-template-columns:1fr 1fr}.l6-duo{grid-template-columns:1fr}}
@media(max-width:520px){.l6-blocks{grid-template-columns:1fr}.l6-grid{grid-template-columns:1fr}.l6-banner h1{font-size:22px}}

/* ==== L6 header/hero v2 ==== */

/* ===== L6 header：品牌+导航紧凑，右侧分类快捷 ===== */
.h6-head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--c-line);padding-top:env(safe-area-inset-top)}
.h6-in{display:flex;align-items:center;gap:15px;height:60px}
.h6-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;flex:0 0 auto;white-space:nowrap}
.h6-sq{width:9px;height:9px;background:var(--c-primary);transform:rotate(45deg);flex:0 0 9px}
.h6-nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}
.h6-nav::-webkit-scrollbar{display:none}
.h6-nav a{padding:5px 10px;font-size:13px;color:var(--c-text-2);white-space:nowrap;border-radius:4px}
.h6-nav a.on{color:var(--c-primary);background:var(--c-bg-2);font-weight:600}
.h6-nav a:hover{color:var(--c-primary);background:var(--c-bg-2)}
.h6-quick{display:flex;gap:6px;flex:0 0 auto}
.h6-quick a{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--c-bg-2);color:var(--c-primary);white-space:nowrap}
@media(max-width:960px){.h6-quick{display:none}}
/* ===== L6 hero：色块横幅 + 右下角搜索框 ===== */
.l6-banner{position:relative;padding:44px 380px 40px 30px;border-radius:20px;background:linear-gradient(135deg,#ecfeff,#dbeafe);margin-top:20px;text-align:left}
.l6-banner-txt h1{font-size:32px;margin:0 0 10px;letter-spacing:-.5px}
.l6-banner-txt p{margin:0;color:var(--c-text-2);font-size:13.5px}
.l6-search{position:absolute;right:22px;bottom:22px;display:flex;width:330px;background:#fff;border-radius:12px;padding:5px;box-shadow:0 10px 26px rgba(8,145,178,.15)}
.l6-search input{flex:1;min-width:0;border:0;outline:none;padding:0 12px;font-size:14px;background:none;color:var(--c-text)}
.l6-search button{border:0;border-radius:9px;background:var(--c-brand-grad);color:#fff;padding:9px 18px;font-weight:600;cursor:pointer}
@media(max-width:900px){.l6-banner{padding:30px 22px 96px}.l6-search{left:22px;right:22px;bottom:18px;width:auto;position:absolute}}