:root{
  --bg:#f6f8fb;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;
  --primary:#0f3d5e;--primary2:#155e75;--accent:#12b3a8;--accent2:#7dd3fc;
  --shadow:0 18px 55px rgba(15,23,42,.10);--radius:24px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 0%,rgba(18,179,168,.13),transparent 30%),radial-gradient(circle at 82% 8%,rgba(125,211,252,.18),transparent 34%),linear-gradient(180deg,#f8fbff 0%,#f6f8fb 44%,#fff 100%);line-height:1.62}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}

/* Header 导航容器 - 支持多种类名 */
.header,.nav,.navbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(248,251,255,.82);border-bottom:1px solid rgba(226,232,240,.82)}
.header-inner,.nav-inner,.navbar-inner,.nav-container{display:flex;align-items:center;justify-content:space-between;height:64px}

/* Logo 样式 - 支持多种类名 */
.brand,.logo{display:flex;align-items:center;gap:12px;min-width:180px;text-decoration:none}
.logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1677ff,#0958d9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.logo-text{font-size:18px;font-weight:600;color:#1d2129}
.logo-text span{display:block;font-size:11px;color:#86909c}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#1677ff,#0958d9);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.brand strong{display:block;font-size:18px;letter-spacing:-.02em;line-height:1.1}
.brand span{display:block;color:var(--muted);font-size:12px;line-height:1.1}
.logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0f3d5e,#155e75);color:#fff;display:grid;place-items:center;font-weight:700;font-size:18px}

/* 导航菜单 - 支持多种类名 */
.nav-links,.nav-menu,.navbar .nav-links{display:flex;align-items:center;gap:18px;color:#334155;font-size:14px}
.nav-item{color:#334155;font-weight:500;transition:color .2s;padding:8px 0;display:inline-block}
.nav-item:hover,.nav-item.active{color:#1677ff}
.nav-actions,.nav-cta,.navbar .nav-actions{display:flex;align-items:center;gap:10px}

/* 按钮样式 */
.btn,.btn-ghost,.btn-primary{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;white-space:nowrap;cursor:pointer;text-decoration:none}
.btn-primary{color:#fff;background:linear-gradient(135deg,#0f3d5e,#155e75)}
.btn-ghost{background:rgba(255,255,255,.72);border-color:#e5e6eb;color:#0f172a}

/* Hero */
.hero{padding:72px 0 46px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ccfbf1;background:rgba(240,253,250,.86);color:#0f766e;border-radius:999px;font-size:13px;font-weight:850;margin-bottom:18px}
.dot{width:8px;height:8px;border-radius:999px;background:#12b3a8;box-shadow:0 0 0 5px rgba(18,179,168,.13)}
h1{margin:0;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.07em;color:#061623}h1 span{display:block;color:#0f3d5e}
.lead{margin:22px 0 0;max-width:800px;color:#475569;font-size:19px}.actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}

/* Grid */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid-2,.grid-3{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,1fr)}

/* Section */
.section{padding:56px 0}.kicker{color:#0f766e;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:13px;margin-bottom:8px}
h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.055em}.muted{color:var(--muted)}

/* Card */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:21px;letter-spacing:-.03em}.card p{margin:0;color:var(--muted);font-size:15px}
.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#ecfeff;color:#0f766e;font-size:12px;font-weight:900;margin-bottom:14px}

/* Table */
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.table th,.table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}.table th{background:#f8fafc;color:#334155;font-weight:900}.table tr:last-child td{border-bottom:0}

/* Breadcrumb */
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px;flex-wrap:wrap}

/* Form */
.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;color:#475569;font-weight:850}.field input,.field select,.field textarea{width:100%;min-height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;padding:0 12px;color:#0f172a;outline:none}.field textarea{padding:12px;min-height:96px}

/* Notice */
.notice{padding:14px 16px;border-radius:16px;background:#f0fdfa;border:1px solid #99f6e4;color:#0f766e;font-weight:750}

/* Footer */
.footer{padding:44px 0;border-top:1px solid var(--line);background:#fff;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:24px}.footer h4{margin:0 0 10px;font-size:14px}.footer a,.footer p{display:block;margin:8px 0;color:var(--muted);font-size:13px}

/* Responsive */
@media(max-width:980px){.nav-links,.nav-menu,.navbar .nav-links{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--max))}.grid,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}.nav-actions .btn-ghost{display:none}.hero{padding-top:44px}h1{letter-spacing:-.055em}}


/* ===== Round 6 logo and public navigation refinement ===== */
.brand-mark,
.gts-brand-mark,
.logo-mark,
.logo-icon,
.footer-brand .brand-mark,
.gts-footer-brand .gts-brand-mark {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: visible !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.brand-mark::before,
.gts-brand-mark::before,
.logo-mark::before,
.logo-icon::before,
.sidebar-brand .brand-logo::before {
  content: none !important;
  display: none !important;
}
.brand-logo-img,
.gts-brand-logo,
.brand-mark img,
.gts-brand-mark img,
.logo-mark img,
.logo-icon img {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.brand,
.gts-brand,
.footer-brand,
.gts-footer-brand,
.site-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.brand span:not(.brand-mark),
.gts-brand .brand-text,
.footer-brand strong,
.gts-footer-brand strong {
  color: inherit !important;
  line-height: 1.1 !important;
}
.nav-menu a[href$="app/index.html"],
.gts-public-menu a[href$="app/index.html"] {
  display: none !important;
}
.nav-actions .btn-primary[href$="app/index.html"],
.gts-public-actions .gts-btn-primary[href$="app/index.html"] {
  display: inline-flex !important;
}