html {
  font-size: 14px;
}

/* ===============================
⭐ 顶部导航（玻璃）
=============================== */
.top-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    box-sizing: border-box;
}


.logo-img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
}

.logo-title {
    font-size: 17px;
    font-weight: 700;
    white-space: nowrap;
}

.nav-left {
    display: flex;
    align-items: center;
    gap: 10px;
}
/* ===============================
⭐ PC菜单
=============================== */
.nav-menu {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: nowrap;
    background-color: rgba(25, 25, 25, 0.06);
   
}

    .nav-menu .nav-link,
    .nav-menu a {
        font-size: 1.5em;
        font-weight: 800;
        color: white !important;
        text-decoration: none;
        white-space: nowrap;
    }

.nav-link {
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}





.nav-menu form {
    display: inline;
}

.nav-menu button {
    background: none;
    border: none;
    color: white;
    padding: 0;
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0;
}

.legal-link-panel { max-width:1320px; margin:32px auto 0; padding:42px 20px; border-top:1px solid rgba(147,197,253,.35); border-radius:0 0 18px 18px; background:linear-gradient(135deg,#061a3a,#080d2d); color:#fff; text-align:center; }
.legal-copyright { margin-bottom:22px; font-size:clamp(30px,5vw,54px); font-weight:300; }
.legal-link-panel nav { display:flex; flex-direction:column; align-items:center; gap:16px; }
.legal-link-panel a { color:#fff176; font-size:clamp(20px,3vw,32px); font-weight:800; text-decoration:none; }
.legal-link-panel a:hover { color:#fff9c4; text-decoration:underline; }
.footer { position:static!important; width:100%; padding:18px 0; text-align:center; background:#080d2d; color:#cbd5e1!important; }
.footer a { color:#bfdbfe; }
.policy-page { max-width:900px; margin:20px auto 42px; padding:28px; border:1px solid #475569; border-radius:18px; background:#172033; color:#e2e8f0; line-height:1.75; }
.policy-page h1,.policy-page h2 { color:#fff; }
.policy-page a { color:#93c5fd; }
.policy-date { color:#94a3b8; }
.policy-warning { margin:16px 0; padding:13px; border:1px solid #f59e0b; border-radius:10px; background:rgba(180,83,9,.2); color:#fde68a; }
.manage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.manage-grid article { padding:18px; border:1px solid #64748b; border-radius:14px; background:#0f172a; }
.manage-grid a,.manage-grid button { display:inline-block; padding:10px 14px; border:0; border-radius:9px; background:#2563eb; color:#fff; font-weight:700; text-decoration:none; cursor:pointer; }
.support-email { font-size:1.4rem; font-weight:800; }
@media(max-width:700px){.manage-grid{grid-template-columns:1fr}.policy-page{padding:20px 16px}.legal-link-panel{margin-top:18px;padding:32px 14px}}

.account-nav { margin-left:auto; display:flex; align-items:center; gap:.75rem; color:#fff; }
.account-nav form { margin:0; }
.account-link { color:#fff; background:transparent; border:1px solid #8da5d5; border-radius:.5rem; padding:.45rem .8rem; text-decoration:none; }
.account-name { max-width:240px; overflow:hidden; text-overflow:ellipsis; }
.account-card { max-width:480px; margin:3rem auto; padding:2rem; border:1px solid #65769b; border-radius:1rem; background:rgba(20,34,63,.85); color:#fff; }
.account-card form { display:grid; gap:.65rem; }
.account-card input:not([type=checkbox]) { width:100%; padding:.75rem; border-radius:.5rem; border:1px solid #7485a9; }
.account-card button { padding:.75rem; border:0; border-radius:.5rem; background:#2864e8; color:#fff; font-weight:700; }
.account-start-actions { display:flex; justify-content:center; gap:.75rem; margin-top:1rem; }
