/* Existing administrator badge becomes the matching compact brand icon. */
.admin-brand>span{font-size:0;background:transparent url('./icon-dark.svg') center/contain no-repeat}

/* User console only. Keep menu, workspace and mobile geometry unchanged. */
@media (min-width: 761px) {
  .app-shell > .sidebar:not(.admin-sidebar) {
    padding-top: 0;
    border-right: 0;
    padding-right: 1px;
    background: linear-gradient(#101615 0 72px, #141a18 72px);
  }
  .app-shell > .sidebar:not(.admin-sidebar)::after {
    content: "";
    position: absolute;
    top: 72px;
    right: 0;
    bottom: 0;
    width: 1px;
    background: #343d39;
    pointer-events: none;
  }
  .app-shell > .sidebar:not(.admin-sidebar) > .sidebar-logo {
    height: 72px;
    margin-bottom: 40px;
  }
}

@media(min-width:761px){.app-shell>.sidebar:not(.admin-sidebar)::before{content:"";position:absolute;top:71px;left:0;right:0;height:1px;background:#343d39;pointer-events:none}}

.support-email-contact{position:relative;overflow:visible!important}
.support-email-contact:hover,.support-email-contact:focus-visible{color:#a5e4bf!important}
.support-email-tooltip{position:absolute;left:0;bottom:calc(100% + 8px);z-index:50;display:block;visibility:hidden;opacity:0;width:max-content;max-width:calc(100vw - 48px);padding:8px 12px;border:1px solid #59655f;border-radius:8px;background:#202725;color:#a5e4bf;font-size:13px;line-height:1.5;font-weight:400;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #0003}
.support-email-contact:hover .support-email-tooltip,.support-email-contact:focus-visible .support-email-tooltip{visibility:visible;opacity:1}

/* Keep the existing login label readable on the light action surface. */
.public-header nav a.public-login-link,
.public-header nav a.public-login-link:visited {
  color: #101615;
  background: #fafafa;
  border-color: #fafafa;
}
.public-header nav a.public-login-link:hover,
.public-header nav a.public-login-link:focus-visible {
  color: #101615;
  background: #dce9e2;
  border-color: #dce9e2;
}

#support.support-compact{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding-top:32px;padding-bottom:32px;border-top:1px solid #343d39;border-bottom:1px solid #343d39}
#support.support-compact .support-cards{display:none}
#support.support-compact .section-heading{margin:0;min-width:0}
#support.support-compact h2{font-size:24px;line-height:1.5;margin:0 0 10px}
#support.support-compact p{font-size:14px;line-height:1.8;margin:0;color:#a8adac}
.support-compact-actions{display:flex;align-items:center;gap:24px;flex-shrink:0;flex-wrap:wrap}
.support-compact-actions a{display:inline-flex;gap:6px;align-items:center;min-height:44px;font-size:14px;color:#a5e4bf;text-decoration:none}
.support-compact-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.support-compact-actions a:focus-visible{outline:2px solid #a5e4bf;outline-offset:4px;border-radius:3px}
@media(max-width:1100px){#support.support-compact{flex-direction:column;align-items:flex-start;gap:16px}.support-compact-actions{gap:24px}}
@media(max-width:767px){#support.support-compact h2{font-size:21px}}

.founder-note .founder-copy h2{font-size:24px;line-height:1.5;color:#f4f5f1;margin:0 0 20px;font-weight:500}
.founder-note .founder-copy h2 span{display:inline-block;white-space:nowrap}
.founder-note .note-button{margin-top:8px}
.founder-note .founder-copy h3{font-size:16px;line-height:1.6;color:#f4f5f1;margin:26px 0 8px;font-weight:500}
.founder-note .founder-copy p{line-height:1.85;margin:0}
.founder-note .founder-copy p+p{margin-top:20px}
.founder-note .founder-copy{margin-bottom:24px}
@media(max-width:767px){.founder-note .founder-copy h2{font-size:21px}}

/* Wide editorial statement; preserve the established type and palette. */
.landing-content .founder-note{position:relative;max-width:none;width:100%;padding:0;border:0;border-radius:0;background:transparent}
.founder-note .founder-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;margin:0}
.founder-note .founder-copy h2{grid-column:1/-1;font-size:28px;margin:0 0 16px}
.founder-note .founder-copy>p:nth-child(2){grid-column:1/-1;max-width:760px}
.founder-note .founder-copy>h3:nth-child(3){grid-column:1;grid-row:3}
.founder-note .founder-copy>h3:nth-child(5){grid-column:2;grid-row:3}
.founder-note .founder-copy>h3{margin:32px 0 10px;padding-top:24px;border-top:1px solid #343d39;font-size:18px}
.founder-note .founder-copy>p:nth-child(4){grid-column:1;grid-row:4}
.founder-note .founder-copy>p:nth-child(6){grid-column:2;grid-row:4}
.founder-note .founder-copy>p:nth-child(7){grid-column:1/-1;margin:32px 0 0;padding:24px 180px 0 0;border-top:1px solid #343d39;min-height:72px}
.founder-note .note-button{position:absolute;right:0;bottom:0;margin:0;min-height:44px}
@media(max-width:767px){
 .founder-note .founder-copy{display:block}
 .founder-note .founder-copy h2{font-size:23px}
 .founder-note .founder-copy>p:nth-child(7){padding:24px 0 0;min-height:0}
 .founder-note .note-button{position:static;margin-top:24px}
}

.app-shell .topbar>.nav-home-link{margin-right:auto;display:inline-flex;align-items:center;min-height:44px;color:#a8adac;text-decoration:none}
.app-shell .topbar>.nav-home-link:hover{color:#a5e4bf}
.nav-home-link:focus-visible{outline:2px solid #a5e4bf;outline-offset:4px}

.login-page[data-login-design="v2"] .signin-code{display:none}
.login-page[data-login-design="v2"] .signin-support{margin-bottom:0}
.client-config-help{padding:16px 24px 20px;border-top:1px solid #343d39;font-size:13px;line-height:1.8}
.client-config-help p{margin:0 0 8px;color:#a8adac}
.client-config-help a{display:inline-flex;align-items:center;min-height:36px;color:#a5d9b9;text-decoration:none}
.client-config-help a:hover{text-decoration:underline;text-underline-offset:4px}
.client-config-help a:focus-visible{outline:2px solid #a5d9b9;outline-offset:4px}
@media(max-width:767px){.client-config-help{padding:16px}}

/* Preserve the original introduction proportions and the authentication card. */
@media(min-width:801px){
  .login-page[data-login-design="v2"] .signin-story{
    transform:translateY(-49px) scale(1.15);
    transform-origin:left top;
  }
}

/* Horizontal adjustment only; preserve sizes, vertical offsets and mobile flow. */
@media(min-width:1101px){
  .login-page[data-login-design="v2"] .signin-story{position:relative;left:48px}
  .login-page[data-login-design="v2"] .signin-stage>.login-access{position:relative;left:-48px}
}
@media(min-width:801px) and (max-width:1100px){
  .login-page[data-login-design="v2"] .signin-story{position:relative;left:16px}
  .login-page[data-login-design="v2"] .signin-stage>.login-access{position:relative;left:-16px}
}

.site-header nav a.home-login-link,
.site-header nav a.home-login-link:visited{display:grid;place-items:center;min-height:44px;padding:0 18px;border:1px solid #fafafa;border-radius:7px;background:#fafafa;color:#101615;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
.site-header nav a.home-login-link:hover,
.site-header nav a.home-login-link:focus-visible{background:#dce9e2;border-color:#dce9e2;color:#101615}
.site-header nav a.home-login-link:focus-visible{outline:2px solid #a5e4bf;outline-offset:4px}
@media(max-width:767px){.site-header nav{width:100%;max-width:342px;flex-wrap:wrap;justify-content:center;gap:12px}}

/* FAQ now lives on its own page; keep all other homepage sections. */
.site-header nav a[href="#support"]{display:none}
body:has(.site-header) section.faq{display:none}

.hero-wrap:has(>.site-header){padding-top:0}
.hero-wrap>.site-header{box-sizing:border-box;width:100vw;max-width:none;height:72px;margin:0 0 76px calc(50% - 50vw);padding:0 max(36px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:24px;border-bottom:1px solid #343d39;background:#101615}
.hero-wrap>.site-header>a[aria-label="302API 首页"]{transform:none;display:flex;align-items:center;width:148px;height:64px;flex:none}
.hero-wrap>.site-header .logo{display:block;width:148px;height:32px;object-fit:contain}
.hero-wrap>.site-header nav{display:flex;align-items:center;gap:30px;width:auto;max-width:none;flex-wrap:nowrap}
.hero-wrap>.site-header nav a{display:grid;place-items:center;min-height:44px;font-size:14px;font-weight:700;line-height:1.5;color:#a8adac;white-space:nowrap}
.hero-wrap>.site-header nav a:hover{color:#fafafa}
.hero-wrap>.site-header nav a.home-login-link{color:#101615}
.hero-wrap>.site-header nav a.home-login-link:hover{color:#101615}
.hero-wrap>.site-header nav a[href="#support"]{display:none}
.hero-wrap>.site-header nav a:focus-visible{outline:2px solid #a5e4bf;outline-offset:4px}
@media(max-width:767px){
 .hero-wrap>.site-header{height:auto;min-height:88px;padding:20px 24px;flex-wrap:wrap;gap:20px;margin-bottom:48px}
 .hero-wrap>.site-header nav,.nav-consistent.public-header nav{position:static;display:flex;width:100%;max-width:none;flex-direction:row;flex-wrap:wrap;gap:14px;align-items:center;background:transparent;border:0;padding:0}
 .nav-consistent.public-header{height:auto;min-height:88px;padding:20px 24px;flex-wrap:wrap;gap:20px}
 .nav-consistent.public-header .public-menu-button{display:none}
 .nav-consistent.public-header nav a{width:auto;flex:none;padding-left:0;padding-right:0}
 .nav-consistent.public-header nav a.public-login-link{padding:0 18px}
}

/* Keep the homepage footer's email tooltip within its narrow-screen column. */
@media(max-width:767px){.footer .footer-grid .support-email-tooltip{left:auto;right:0}}

/* Avoid paint/size containment compatibility issues in nested scaled previews. */
.window-scale,.phone-front{container-type:normal}
.phone-canvas{transform:scale(.5820895522)}
@media(max-width:767px){
 .phone-canvas{transform:scale(.3830845771)}
 .center-phone .phone-canvas{transform:scale(.5323383085)}
}

.phone-header .phone-brand-logo{display:block;width:106px;height:24px;object-fit:contain;flex:none}

.footer a[href$="/credits.html"]{display:none}
