/* 首页入口沿用米黄与暖墨；导航文字常驻，登录使用统一账号。 */
.nav-actions { display: flex; align-items: center; gap: clamp(18px, 3vw, 36px); }
.nav-account { flex: none; }
.home-login-trigger, .home-account { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 40px; padding: 8px 17px; border: 1px solid var(--ink); border-radius: 8px; background: var(--ink); color: var(--panel); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .18s; }
.home-login-trigger:hover, .home-account:hover { background: #484236; }
.home-account[hidden], .home-login-trigger[hidden] { display: none; }
.home-login-trigger:focus-visible, .home-account:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.dots { gap: 4px; right: clamp(14px, 2vw, 26px); }
.dots button { display: flex; align-items: center; justify-content: flex-end; gap: 13px; width: 128px; min-height: 45px; height: auto; padding: 6px 8px; border: 0; border-radius: 8px; font: inherit; color: var(--muted); background: transparent; transition: color .2s, background .2s; }
.dots button:hover, .dots button.on { transform: none; color: var(--ink); background: #fffdf8b8; }
.dots button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.dot-copy { display: grid; gap: 3px; text-align: right; line-height: 1.3; }
.dot-copy > span { font-size: 11px; letter-spacing: .5px; }
.dot-copy small { font-size: 9px; letter-spacing: .7px; }
.dot-mark { flex: none; width: 8px; height: 8px; border: 1px solid currentColor; border-radius: 50%; transition: background .2s, transform .2s; }
.dots button.on .dot-mark { background: var(--accent-deep); border-color: var(--accent-deep); transform: scale(1.2); }
.dots button.on .dot-copy > span { font-weight: 700; }
.home-login { margin: auto; width: min(440px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; overscroll-behavior: contain; padding: 36px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); color: var(--text); box-shadow: 0 28px 100px #211d1840; }
.home-login::backdrop { background: #24201970; backdrop-filter: blur(7px); }
.home-login-close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: transparent; color: var(--muted); font-size: 26px; cursor: pointer; }
.home-login-close:hover { background: var(--panel-soft); color: var(--ink); }
.home-login-kicker { margin: 0 0 20px; color: var(--muted); font-size: 9px; letter-spacing: 1.8px; }
.home-login h2 { margin: 0 0 12px; font-size: 27px; letter-spacing: -.5px; }
#home-login-hint { margin: 0 0 26px; color: var(--muted); font-size: 13px; line-height: 1.8; }
.home-login form { display: grid; gap: 9px; }
.home-login label { font-size: 12px; font-weight: 600; }
.home-login input { width: 100%; min-height: 46px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: #fff; font: inherit; font-size: 16px; }
.home-login input + label { margin-top: 9px; }
.home-login input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.home-login-error { margin-top: 8px; color: #9d3c2e; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.home-password-link { color: var(--accent-text); font-size: 12px; text-decoration: underline; }
.home-login-submit { width: 100%; margin-top: 14px; min-height: 46px; }
.home-login-submit:disabled { opacity: .6; cursor: wait; }
.home-login-foot { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.8; }
.home-login-foot a { margin-left: 6px; color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
.home-login-close:focus-visible, .home-login a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.home-auth-status { position: fixed; z-index: 120; top: 94px; right: 24px; max-width: min(380px, calc(100vw - 40px)); padding: 13px 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--text); box-shadow: var(--shadow); font-size: 12px; line-height: 1.7; }
body[data-home-modal] { overflow: hidden; }
@media (min-width: 961px) { .fp { padding-right: 174px; } .s-deploy { padding-right: max(174px, calc((100vw - 1232px) / 2 + 130px)); } }
@media (min-width: 961px) and (max-width: 1200px) { .mcp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mcp-server:nth-child(3) { border-left: 0; } .mcp-server:nth-child(n+3) { border-top: 1px solid var(--line); } }
@media (max-width: 960px) { .nav-actions { gap: 16px; } .nav-links { gap: 14px; } .home-auth-status { top: 80px; right: 20px; } }
@media (max-width: 760px) { .nav-links { display: none; } }
@media (max-width: 480px) { .home-login { padding: 32px 24px 26px; } .home-login-trigger, .home-account { min-height: 40px; padding-inline: 14px; gap: 12px; } }
@media (prefers-reduced-motion: reduce) { .dots button, .dot-mark, .home-login-trigger, .home-account { transition: none; } }