body{
  margin:0;
  color:#16304a;
  font-family:"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif;
  background:
    radial-gradient(circle at top left,rgba(10,132,255,.14),transparent 26%),
    radial-gradient(circle at right top,rgba(154,115,255,.12),transparent 24%),
    linear-gradient(180deg,#fcfdff 0%,#f4f8fd 100%);
}
body::after{
  content:"";
  position:fixed;
  inset:auto -8% -16% auto;
  width:38vw;
  height:38vw;
  border-radius:50%;
  background:radial-gradient(circle,rgba(10,132,255,.07),transparent 64%);
  filter:blur(14px);
  pointer-events:none;
}
.member-shell{max-width:1280px;margin:26px auto;padding:0 20px}
.member-panel{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.84);
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,250,255,.8));
  box-shadow:0 24px 60px rgba(61,90,128,.14);
}
.member-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:28px 30px 24px;
  border-bottom:1px solid rgba(28,54,94,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.48));
}
.member-top h1{margin:0 0 8px;font-size:32px;letter-spacing:-.04em}
.sub{font-size:13px;line-height:1.65;color:#657c99}
.member-brand-note{
  width:100%;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(10,132,255,.12);
  background:rgba(255,255,255,.76);
  color:#4e6b8d;
  box-shadow:0 10px 28px rgba(61,90,128,.08);
}
.member-live{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(10,132,255,.12);
  background:rgba(255,255,255,.86);
  color:#527091;
  font-size:12px;
  backdrop-filter:blur(18px);
}
.member-live::before{
  content:'';
  width:8px;
  height:8px;
  border-radius:50%;
  background:#31c57b;
  box-shadow:0 0 12px rgba(49,197,123,.55);
}
.member-login{padding:22px 30px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.member-tabs{display:flex;gap:12px;flex-wrap:wrap;padding:22px 30px 0}
.member-tabs button,
input,textarea,button{
  border-radius:16px;
  border:1px solid rgba(28,54,94,.10);
  background:rgba(255,255,255,.92);
  color:#16304a;
  padding:12px 14px;
  font:inherit;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}
.member-tabs button{
  width:auto;
  font-weight:600;
  box-shadow:0 10px 24px rgba(61,90,128,.08);
}
.member-tabs button:hover,button:hover{transform:translateY(-1px)}
.member-tabs button.active{
  background:linear-gradient(135deg,rgba(10,132,255,.14),rgba(94,152,255,.12));
  color:#0d65d0;
  border-color:rgba(10,132,255,.22);
}
input:focus,textarea:focus{outline:none;border-color:rgba(10,132,255,.42);box-shadow:0 0 0 4px rgba(10,132,255,.12)}
textarea{min-height:110px}
.member-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:22px 30px 30px}
.member-card,.member-hero{
  border-radius:26px;
  padding:20px;
  border:1px solid rgba(255,255,255,.9);
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,251,255,.84));
  box-shadow:0 14px 34px rgba(61,90,128,.10);
  animation:liftIn .5s ease both;
}
.member-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  background:
    radial-gradient(circle at top left,rgba(10,132,255,.14),transparent 30%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(243,248,255,.9));
}
.member-hero h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.04em}
.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#5f8fd6}.span-3{grid-column:span 3}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-12{grid-column:span 12}
.primary{background:linear-gradient(135deg,#0a84ff,#67b0ff);color:#fff;border-color:transparent;font-weight:700}
.ok{background:linear-gradient(135deg,#22b573,#5bd89f);color:#08311f;border-color:transparent;font-weight:700}
.warn{background:linear-gradient(135deg,#f2b84b,#ffd47b);color:#4d3200;border-color:transparent;font-weight:700}
.metric{font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.04em}
.member-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.88);
  color:#16304a;
  padding:14px 16px;
  box-shadow:0 18px 40px rgba(61,90,128,.16);
}
.pulse{animation:pulseGlow 1.6s ease-in-out infinite}.hidden{display:none}.list{max-height:540px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid rgba(28,54,94,.08);text-align:left;font-size:13px;vertical-align:top}th{color:#5c7394}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(10,132,255,.12);background:rgba(255,255,255,.9);color:#527091;font-size:12px}.chip-hot{background:linear-gradient(135deg,rgba(10,132,255,.12),rgba(94,152,255,.10));color:#0d65d0}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.toolbar>*{width:auto}.short{max-width:180px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.section-head h3{margin:0 0 6px;font-size:20px}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-list div{padding:14px 16px;border:1px solid rgba(28,54,94,.08);border-radius:18px;background:linear-gradient(180deg,#fff,#f7faff)}.feature-list strong{display:block;margin-bottom:6px}.action-stack{display:flex;flex-direction:column;gap:8px;min-width:140px}.empty{text-align:center;color:#8fa4c6;padding:18px 0}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(10,132,255,0)}50%{box-shadow:0 0 24px rgba(10,132,255,.18)}}@keyframes liftIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.span-3,.span-5,.span-7,.span-12{grid-column:span 12}.member-top,.member-hero,.section-head{flex-direction:column;align-items:flex-start}.member-top h1{font-size:26px}.member-shell{padding:0 12px}.member-top,.member-login,.member-tabs,.member-grid{padding-left:16px;padding-right:16px}}