/* 首页：基于灵鲸平台参考稿的轻盈蓝色文档布局 */
.wi-landing { --home-blue: #1769e8; --home-blue-dark: #1258c8; --home-text: #102a56; --home-muted: #73829f; --home-border: #e3eaf4; }
.wi-landing .headerlink { display: none; }

body:has(.wi-landing) .md-sidebar--secondary { display: none; }
body:has(.wi-landing) .md-content { max-width: none; }
body:has(.wi-landing) .md-main__inner { margin-top: 0.75rem; }
body:has(.wi-landing) .md-content__inner { padding-top: 0; }
.wi-hero { align-items: center; display: grid; gap: clamp(1.5rem, 4vw, 2.5rem); grid-template-columns: minmax(0, 1.2fr) minmax(17rem, 0.68fr); margin-bottom: 1.7rem; padding: 0.3rem 0 0.5rem; }
.wi-hero__copy { align-self: center; padding: 0.2rem 0 0.5rem; }
.md-typeset .wi-hero h1 { color: var(--home-text); font-size: clamp(1.85rem, 4vw, 2.15rem); font-weight: 750; letter-spacing: -0.04em; line-height: 1.15; margin: 0; max-width: none; white-space: nowrap; }
.md-typeset .wi-hero h1::before { display: none; }
.wi-hero__tagline { color: #244675; font-size: 0.98rem; font-weight: 650; margin: 0.75rem 0 0.8rem; }
.wi-hero__lede { color: #607493; font-size: 0.7rem; line-height: 1.9; margin: 0; max-width: 42rem; }

.wi-features { display: grid; gap: 0.8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1.25rem; }
.wi-feature { align-items: center; color: inherit !important; display: flex; gap: 0.55rem; min-width: 0; text-decoration: none !important; }
.wi-feature__icon { align-items: center; background: #edf5ff; border-radius: 50%; color: var(--home-blue); display: flex; flex: 0 0 44px; font-size: 1rem; height: 44px; justify-content: center; }
.wi-feature strong, .wi-feature small { display: block; }
.wi-feature strong { color: #18365f; font-size: 0.65rem; font-weight: 650; }
.wi-feature small { color: #8190a8; font-size: 0.5rem; line-height: 1.35; margin-top: 0.12rem; }

.wi-quick { align-self: start; background: linear-gradient(145deg, #f7fbff, #edf6ff); border: 1px solid #dce8f8; border-radius: 13px; box-shadow: 0 12px 32px rgb(57 94 150 / 8%); padding: 0.75rem; }
[data-md-color-scheme="slate"] .wi-quick { background: #162535; border-color: #2c4155; }
.wi-quick__head { margin-bottom: 0.55rem; }
.wi-quick__head strong, .wi-quick__head span { display: block; }
.wi-quick__head strong { color: var(--home-text); font-size: 0.8rem; }
.wi-quick__head span { color: #8693a9; font-size: 0.56rem; margin-top: 0.1rem; }
.wi-quick .tabbed-set { background: #fff; border: 1px solid #e3eaf5; border-radius: 9px; margin: 0; overflow: hidden; }
[data-md-color-scheme="slate"] .wi-quick .tabbed-set { background: #101820; border-color: #2d3d4c; }
.wi-quick .tabbed-labels { background: #f8fafc; border-bottom: 1px solid #e8eef6; padding-inline: 0.25rem; }
[data-md-color-scheme="slate"] .wi-quick .tabbed-labels { background: #17212b; border-color: #2d3d4c; }
.wi-quick .tabbed-labels > label { color: #7888a1; font-size: 0.55rem; padding: 0.55rem 0.7rem; }
.wi-quick .tabbed-labels > label:has(input:checked) { color: var(--home-blue); }
.wi-quick .tabbed-content .highlight { border: 0; border-radius: 0; box-shadow: none; margin: 0; }
.wi-quick .tabbed-content { height: 138px; overflow: hidden; }
.wi-quick .highlighttable .linenos { display: none; }
.wi-quick .highlighttable td.code { display: block; width: 100%; }
.wi-quick pre > code { font-size: 0.54rem; line-height: 1.58; }
.wi-primary-btn { background: linear-gradient(90deg, #1769e8, #1877ef); border-radius: 7px; color: #fff !important; display: block; font-size: 0.61rem; font-weight: 650; margin-top: 0.6rem; padding: 0.5rem; text-align: center; text-decoration: none !important; transition: box-shadow 180ms ease, transform 180ms ease; }
.wi-primary-btn:hover { box-shadow: 0 6px 18px rgb(23 105 232 / 24%); transform: translateY(-1px); }

.wi-section { margin-top: 1.15rem; }
.md-typeset .wi-section > h2, .md-typeset .wi-panel > h2 { border: 0; color: #18335e; font-size: 0.94rem; font-weight: 700; margin: 0 0 0.25rem; padding: 0; }
.wi-section__desc { color: var(--home-muted); font-size: 0.6rem; margin: 0 0 0.8rem; }

.wi-categories { display: grid; gap: 0.65rem; grid-template-columns: repeat(6, 1fr); }
.wi-categories > a { align-items: center; background: #fff; border: 1px solid var(--home-border); border-radius: 9px; color: inherit !important; display: flex; gap: 0.55rem; min-height: 80px; padding: 0.6rem; position: relative; text-decoration: none !important; transition: box-shadow 180ms ease, transform 180ms ease; }
[data-md-color-scheme="slate"] .wi-categories > a { background: #192129; border-color: #303e4b; }
.wi-categories > a:hover { box-shadow: 0 8px 22px rgb(45 92 155 / 9%); transform: translateY(-2px); }
.wi-categories > a:nth-child(1) { background: #f4f9ff; border-color: #d6e7fc; }
.wi-categories > a:nth-child(2) { background: #f0fbf8; border-color: #d4f0e8; }
.wi-categories > a:nth-child(3) { background: #f8f5ff; border-color: #e6ddfa; }
.wi-categories > a:nth-child(4) { background: #fffaf0; border-color: #f6e8c3; }
.wi-categories > a:nth-child(5) { background: #f0f9fb; border-color: #d3ecf2; }
.wi-categories > a:nth-child(6) { background: #fff5f6; border-color: #f9dcdf; }
[data-md-color-scheme="slate"] .wi-categories > a { background: #192129; border-color: #303e4b; }
.wi-cat-icon { align-items: center; border-radius: 50%; display: flex; flex: 0 0 42px; font-size: 0.5rem; font-style: normal; font-weight: 750; height: 42px; justify-content: center; }
.wi-cat-icon--blue { background: #e5f0ff; color: #1769e8; }.wi-cat-icon--green { background: #ddf6ed; color: #008e67; }.wi-cat-icon--purple { background: #ede5ff; color: #7040c5; }.wi-cat-icon--amber { background: #fff0ca; color: #be7f00; }.wi-cat-icon--cyan { background: #d9f2f8; color: #0b7f96; }.wi-cat-icon--rose { background: #ffe2e6; color: #d94050; }
.wi-categories strong, .wi-categories small { display: block; }.wi-categories strong { color: #233b61; font-size: 0.63rem; }.wi-categories small { color: #8b98aa; font-size: 0.49rem; margin-top: 0.12rem; white-space: nowrap; }.wi-categories b { color: var(--home-blue); font-size: 0.7rem; font-weight: 500; position: absolute; right: 0.5rem; top: 0.55rem; }

.wi-bottom-grid { display: grid; gap: 0.9rem; grid-template-columns: 1.65fr 1fr; margin-top: 0.9rem; }
.wi-panel { background: #fff; border: 1px solid var(--home-border); border-radius: 10px; overflow: hidden; padding-top: 0.75rem; position: relative; }
[data-md-color-scheme="slate"] .wi-panel { background: #192129; border-color: #303e4b; }
.md-typeset .wi-panel > h2 { border-bottom: 1px solid var(--home-border); margin: 0; padding: 0 0.8rem 0.65rem; }
.wi-panel__more { font-size: 0.54rem; position: absolute; right: 0.8rem; top: 0.75rem; }
.wi-doc-list a { align-items: center; border-bottom: 1px solid #edf1f6; color: inherit !important; display: grid; gap: 0.6rem; grid-template-columns: 1.1rem 5.5rem 1fr 0.7rem; min-height: 42px; padding: 0.35rem 0.8rem; text-decoration: none !important; }
[data-md-color-scheme="slate"] .wi-doc-list a, [data-md-color-scheme="slate"] .wi-api-list a { border-color: #283642; }
.wi-doc-list a:hover, .wi-api-list a:hover { background: #f7faff; }
[data-md-color-scheme="slate"] .wi-doc-list a:hover, [data-md-color-scheme="slate"] .wi-api-list a:hover { background: #1c2a36; }
.wi-doc-list span { color: #9aa7b9; font-family: var(--md-code-font-family); font-size: 0.48rem; }.wi-doc-list strong { color: var(--home-blue); font-size: 0.58rem; }.wi-doc-list small { color: #8391a6; font-size: 0.52rem; }.wi-doc-list b { color: var(--home-blue); font-weight: 500; }
.wi-api-list a { align-items: center; border-bottom: 1px solid #edf1f6; color: inherit !important; display: flex; min-height: 48px; padding: 0.35rem 0.8rem; text-decoration: none !important; }.wi-api-list code { background: transparent; color: var(--home-blue); font-size: 0.51rem; padding: 0; width: 5rem; }.wi-api-list span { color: #445674; font-size: 0.55rem; }

.wi-cta { align-items: center; background: linear-gradient(90deg, #edf5ff, #f4f8ff); border-radius: 10px; display: flex; justify-content: space-between; margin-top: 0.8rem; min-height: 70px; padding: 0.7rem 1rem; }
[data-md-color-scheme="slate"] .wi-cta { background: #17283a; }
.wi-cta strong, .wi-cta small { display: block; }.wi-cta strong { color: #193d70; font-size: 0.65rem; }.wi-cta small { color: #8191a8; font-size: 0.5rem; margin-top: 0.12rem; }.wi-cta a { background: #fff; border-radius: 999px; box-shadow: 0 2px 10px rgb(70 112 173 / 8%); color: var(--home-blue) !important; font-size: 0.55rem; font-weight: 650; padding: 0.45rem 0.9rem; text-decoration: none !important; }

@media screen and (max-width: 88em) { .wi-categories { grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 60em) { .wi-hero { grid-template-columns: 1fr; }.wi-bottom-grid { grid-template-columns: 1fr; } }
@media screen and (max-width: 44.9844em) { .md-typeset .wi-hero h1 { white-space: normal; }.wi-features { grid-template-columns: 1fr; }.wi-categories { grid-template-columns: 1fr; }.wi-doc-list a { gap: 0.35rem 0.6rem; grid-template-columns: 1rem 1fr auto; }.wi-doc-list small { grid-column: 2 / -1; }.wi-cta { align-items: flex-start; flex-direction: column; gap: 0.65rem; } }
