:root{
  --profile-blue:#2f80ff;
  --profile-blue-deep:#185cc7;
  --profile-cyan:#33b9d7;
  --profile-violet:#7559e8;
  --profile-amber:#f2a33b;
  --profile-ink:#183153;
  --profile-ink-deep:#0f2850;
  --profile-muted:#718199;
  --profile-line:#dce9f8;
  --profile-soft:#f5f9ff;
  --profile-bg:#eef6ff;
  --profile-card:#ffffff;
  --profile-success:#1f9d67;
  --profile-danger:#d94a5c;
  --profile-shadow:0 18px 50px rgba(35,91,157,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body.profile-v539-page{
  margin:0;
  min-height:100vh;
  color:var(--profile-ink);
  background:
    radial-gradient(circle at 0 0,rgba(84,166,255,.16),transparent 30%),
    radial-gradient(circle at 100% 12%,rgba(103,194,255,.12),transparent 25%),
    linear-gradient(180deg,#f4f9ff 0,#eef6ff 42%,#f8fbff 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit}
.profile-app-v539{
  width:min(calc(100% - 36px),1460px);
  margin:0 auto;
  padding:24px 0 78px;
  display:grid;
  grid-template-columns:264px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.profile-sidebar{
  position:sticky;
  top:20px;
  min-height:calc(100vh - 40px);
  padding:18px;
  border:1px solid rgba(211,228,248,.94);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--profile-shadow);
  backdrop-filter:blur(16px);
  display:flex;
  flex-direction:column;
  gap:18px;
}
.sidebar-user-card{
  padding:18px 14px 16px;
  border-radius:22px;
  background:linear-gradient(145deg,#eef6ff,#f9fcff);
  border:1px solid #deebfb;
  text-align:center;
}
.avatar-button,.mobile-avatar-button,.account-avatar{
  border:0;
  padding:0;
  background:none;
  cursor:pointer;
}
.avatar-button{
  position:relative;
  width:82px;
  height:82px;
  margin:0 auto 12px;
  border-radius:26px;
  border:4px solid #fff;
  box-shadow:0 12px 28px rgba(47,128,255,.20);
  overflow:hidden;
}
.avatar-button img,.mobile-avatar-button img,.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-button span{
  position:absolute;
  inset:auto 0 0;
  padding:5px 0 6px;
  color:#fff;
  background:rgba(15,40,80,.70);
  font-size:11px;
  font-weight:800;
}
.sidebar-user-copy{display:grid;gap:5px}
.sidebar-user-copy strong{font-size:19px;color:var(--profile-ink-deep);overflow-wrap:anywhere}
.sidebar-user-copy span{font-size:13px;color:var(--profile-muted);font-weight:650}
.sidebar-member-badge{
  display:inline-flex;
  margin-top:12px;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:5px 12px;
  border-radius:999px;
  color:#2265c7;
  background:#e6f1ff;
  border:1px solid #d2e5ff;
  font-size:12px;
  font-weight:850;
}
.sidebar-member-badge.is-vip{color:#8a5b05;background:#fff6dc;border-color:#f6df9e}
.profile-nav{display:grid;gap:7px}
.profile-nav-item{
  width:100%;
  height:48px;
  border:0;
  border-radius:15px;
  padding:0 14px;
  background:transparent;
  display:flex;
  align-items:center;
  gap:12px;
  color:#5c6f88;
  font-weight:800;
  cursor:pointer;
  text-align:left;
  transition:.18s ease;
}
.profile-nav-item:hover{background:#f1f7ff;color:#245fbb}
.profile-nav-item.is-active{background:linear-gradient(135deg,#e7f2ff,#f2f8ff);color:#155bc0;box-shadow:inset 0 0 0 1px #d4e7ff}
.nav-icon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#edf4fd;
  color:#3975c8;
  font-size:15px;
  line-height:1;
}
.profile-nav-item.is-active .nav-icon{background:#2f80ff;color:#fff}
.sidebar-help-card{
  margin-top:auto;
  padding:16px;
  border-radius:18px;
  color:#eff7ff;
  background:linear-gradient(145deg,#173d73,#255f9f);
  display:grid;
  gap:7px;
}
.sidebar-help-card span{font-size:12px;opacity:.74;font-weight:750}
.sidebar-help-card strong{font-size:14px;line-height:1.55}
.sidebar-help-card a{margin-top:4px;font-size:13px;font-weight:850;text-decoration:none;color:#fff}
.profile-content{min-width:0}
.profile-mobile-hero,.profile-mobile-nav{display:none}
.profile-section{animation:profileFadeIn .22s ease}
.profile-section[hidden]{display:none}
@keyframes profileFadeIn{from{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}
.section-title-row{
  min-height:96px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin:4px 0 18px;
}
.section-title-row h1{margin:5px 0 7px;font-size:34px;line-height:1.18;letter-spacing:-.8px;color:var(--profile-ink-deep)}
.section-title-row p{margin:0;color:var(--profile-muted);font-size:15px;font-weight:650;line-height:1.7}
.section-eyebrow{font-size:11px;font-weight:900;letter-spacing:.17em;color:#4980c7}
.sync-chip{
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #dbe8f7;
  background:rgba(255,255,255,.82);
  color:#657890;
  font-size:12px;
  font-weight:750;
}
.sync-chip span{width:8px;height:8px;border-radius:50%;background:#e4a83f;box-shadow:0 0 0 4px rgba(228,168,63,.12)}
.sync-chip.is-ready span{background:#27a66c;box-shadow:0 0 0 4px rgba(39,166,108,.12)}
.overview-hero-card{
  min-height:254px;
  border-radius:28px;
  padding:30px 34px;
  color:#fff;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.15),transparent 28%),
    linear-gradient(130deg,#1d63bf 0,#2f80dd 53%,#55a7e7 100%);
  box-shadow:0 24px 55px rgba(29,99,191,.24);
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  gap:32px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.overview-hero-card:after{
  content:"";
  position:absolute;
  width:340px;height:340px;border-radius:50%;
  right:-145px;bottom:-210px;
  border:58px solid rgba(255,255,255,.08);
}
.overview-hero-copy,.overview-member-meter{position:relative;z-index:1}
.member-label-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.member-label,.member-valid-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
}
.overview-hero-card .member-label{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);color:#fff}
.overview-hero-card .member-valid-chip{background:rgba(13,49,91,.22);color:#eaf5ff}
.overview-hero-copy h2{margin:15px 0 10px;font-size:29px;line-height:1.25;letter-spacing:-.4px}
.overview-hero-copy p{max-width:720px;margin:0;color:rgba(255,255,255,.84);font-size:15px;line-height:1.75;font-weight:600}
.overview-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.text-link,.file-select-btn{
  border:0;
  text-decoration:none;
  cursor:pointer;
  transition:.18s ease;
  font-weight:850;
}
.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{
  min-height:44px;
  padding:0 18px;
  border-radius:13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.btn-primary{color:#fff;background:linear-gradient(135deg,#2f80ff,#2568d2);box-shadow:0 10px 24px rgba(47,128,255,.20)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(47,128,255,.25)}
.btn-secondary{color:#245fba;background:#f3f8ff;border:1px solid #d7e7fb}
.btn-secondary:hover{background:#eaf3ff}
.btn-danger{color:#fff;background:#d94a5c;box-shadow:0 10px 24px rgba(217,74,92,.17)}
.btn-ghost{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28)}
.btn-ghost:hover{background:rgba(255,255,255,.18)}
.overview-actions .btn-primary{color:#1c5fae;background:#fff;box-shadow:none}
.overview-member-meter{text-align:center;display:grid;justify-items:center;gap:10px}
.meter-ring{
  --meter-progress:72deg;
  width:142px;
  height:142px;
  padding:10px;
  border-radius:50%;
  background:conic-gradient(#fff var(--meter-progress),rgba(255,255,255,.20) 0);
  box-shadow:0 16px 34px rgba(7,54,106,.18);
}
.meter-ring>div{width:100%;height:100%;border-radius:50%;background:rgba(28,99,185,.93);display:flex;align-items:baseline;justify-content:center;padding-top:39px}
.meter-ring strong{font-size:39px;line-height:1;color:#fff}
.meter-ring span{font-size:13px;margin-left:4px;color:#dcecff;font-weight:800}
.overview-member-meter p{margin:0;color:rgba(255,255,255,.82);font-size:12px;font-weight:700}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.metric-card{
  min-height:112px;
  padding:18px;
  border:1px solid var(--profile-line);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(51,97,154,.07);
  display:flex;
  align-items:center;
  gap:14px;
}
.metric-icon{width:44px;height:44px;flex:none;border-radius:14px;display:grid;place-items:center;font-size:16px;font-weight:900}
.metric-icon.blue{color:#2369cf;background:#eaf3ff}.metric-icon.cyan{color:#1789a5;background:#e8f9fc}.metric-icon.violet{color:#6748cf;background:#f0ecff}.metric-icon.amber{color:#a8670e;background:#fff4de;font-size:12px}
.metric-card div:last-child{min-width:0;display:block}
.metric-card span{display:block;color:#77869a;font-size:12px;font-weight:750;margin-bottom:5px}
.metric-card strong{font-size:27px;color:#17385f;line-height:1}
.metric-card em{font-style:normal;color:#7a899d;font-size:12px;font-weight:750;margin-left:4px}
.panel-card{
  border:1px solid var(--profile-line);
  border-radius:23px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 38px rgba(38,89,151,.08);
  padding:22px;
  min-width:0;
}
.quick-panel{margin-top:18px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}
.panel-heading h2{margin:0 0 5px;font-size:20px;color:#15365d;letter-spacing:-.2px}
.panel-heading p{margin:0;color:#7b899c;font-size:13px;line-height:1.65;font-weight:620}
.text-link{padding:0;background:none;color:#2f72cd;font-size:13px;white-space:nowrap}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-card{
  min-width:0;
  border:1px solid #e0ecfa;
  border-radius:17px;
  padding:14px;
  background:#f9fcff;
  text-decoration:none;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  cursor:pointer;
  text-align:left;
}
.quick-card:hover{border-color:#bfdafa;background:#f2f8ff;transform:translateY(-1px)}
.quick-icon{width:42px;height:42px;border-radius:13px;background:#e8f2ff;color:#2365bd;display:grid;place-items:center;font-size:12px;font-weight:900}
.quick-card strong{display:block;font-size:14px;color:#17375e;margin-bottom:4px}
.quick-card small{display:block;color:#7b899a;font-size:11px;line-height:1.5;font-weight:650}
.quick-card b{color:#86a0bf;font-size:22px;font-weight:500}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);gap:18px;margin-top:18px}
.content-loading{min-height:132px;border:1px dashed #dce8f6;border-radius:16px;background:#f9fcff;display:grid;place-items:center;color:#8290a2;font-size:13px;font-weight:700}
.empty-state{min-height:156px;border:1px dashed #d8e5f4;border-radius:17px;background:#f9fcff;display:grid;place-content:center;text-align:center;padding:20px;color:#7a899b}
.empty-state span{font-size:24px;color:#a2b5cc}.empty-state strong{margin-top:7px;color:#536983;font-size:15px}.empty-state p{margin:5px 0 0;font-size:12px;line-height:1.6}
.empty-state.compact{min-height:136px}
.mini-record-list,.continue-list,.draft-list,.mindmap-list,.ai-record-list{display:grid;gap:10px}
.mini-record-item,.continue-item,.draft-item,.mindmap-item,.ai-record-item{
  display:grid;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid #e5eef9;
  border-radius:15px;
  background:#fbfdff;
}
.mini-record-item{grid-template-columns:minmax(0,1fr) auto auto}
.mini-record-item strong,.continue-item strong,.draft-item strong,.mindmap-item strong,.ai-record-item strong{display:block;color:#1c3c63;font-size:13px;line-height:1.5}
.mini-record-item span,.continue-item span,.draft-item span,.mindmap-item span,.ai-record-item span{display:block;color:#8290a2;font-size:11px;line-height:1.5;margin-top:2px}
.score-pill{min-width:50px;height:30px;border-radius:10px;background:#eaf4ff;color:#2366c1;display:grid;place-items:center;font-size:13px;font-weight:900}
.record-arrow{color:#9cafc5;font-size:19px}
.continue-item{grid-template-columns:38px minmax(0,1fr) auto;text-decoration:none}
.continue-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#2c69bd;background:#eaf3ff;font-size:12px;font-weight:900}
.continue-item em{font-style:normal;color:#2c70cc;font-size:12px;font-weight:800}
.learning-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.learning-summary-grid article{padding:18px 20px;border:1px solid var(--profile-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(44,93,151,.06)}
.learning-summary-grid span{display:block;color:#7a899c;font-size:12px;font-weight:750;margin-bottom:8px}
.learning-summary-grid strong{font-size:28px;color:#183a62}.learning-summary-grid small{margin-left:5px;color:#7d8b9d;font-weight:750}
.learning-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.learning-wide{grid-column:1/-1}
.trend-wrap{width:100%;min-height:230px;margin-bottom:15px;border-radius:17px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e5eef9;overflow:hidden}
.trend-wrap svg{display:block;width:100%;height:240px}
.record-table-wrap{overflow-x:auto;border:1px solid #e5eef9;border-radius:16px}
.profile-record-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff}
.profile-record-table th,.profile-record-table td{padding:13px 14px;text-align:left;border-bottom:1px solid #edf2f8;font-size:12px;white-space:nowrap}
.profile-record-table th{color:#718198;background:#f7faff;font-weight:850}.profile-record-table td{color:#53677f;font-weight:650}.profile-record-table tbody tr:last-child td{border-bottom:0}.profile-record-table .score-good{color:#188a59;font-weight:900}.profile-record-table .score-mid{color:#b57b13;font-weight:900}.profile-record-table .score-low{color:#d0505c;font-weight:900}
.draft-item,.mindmap-item,.ai-record-item{grid-template-columns:minmax(0,1fr) auto}
.item-link{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:10px;color:#266dc9;background:#edf5ff;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap}
.item-meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.item-meta-row i{font-style:normal;padding:3px 7px;border-radius:7px;background:#f0f5fb;color:#6c7e93;font-size:10px;font-weight:750}
.muted-feature-card{background:rgba(255,255,255,.72)}
.member-status-card{
  padding:28px;
  min-height:182px;
  border-radius:25px;
  color:#fff;
  background:linear-gradient(130deg,#183f77,#236bb5 58%,#4e9ad7);
  box-shadow:0 20px 48px rgba(25,78,135,.19);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,.8fr);
  align-items:center;
  gap:26px;
}
.member-status-card .member-label{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
.member-status-card h2{margin:13px 0 8px;font-size:27px}.member-status-card p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.7}
.member-status-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.member-status-meta>div{padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}
.member-status-meta span{display:block;font-size:11px;color:rgba(255,255,255,.68);margin-bottom:8px}.member-status-meta strong{font-size:16px;color:#fff;overflow-wrap:anywhere}
.member-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.member-wide{grid-column:1/-1}
.redeem-box>label,.invite-url-label,.settings-form>label{display:block;margin-bottom:8px;color:#566b84;font-size:12px;font-weight:800}
.redeem-box>div,.invite-url-row,.form-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.redeem-box input,.invite-url-row input,.settings-form input{
  width:100%;height:46px;border:1px solid #d6e5f6;border-radius:13px;padding:0 14px;background:#fbfdff;color:#193a60;outline:0;
}
.redeem-box input:focus,.invite-url-row input:focus,.settings-form input:focus{border-color:#7fb2ef;box-shadow:0 0 0 3px rgba(47,128,255,.10)}
.inline-message{min-height:19px;margin:9px 0 0;color:#718199;font-size:12px;line-height:1.55;font-weight:700}
.inline-message.is-success{color:#17885a}.inline-message.is-error{color:#c84453}
.invite-progress-card{padding:15px;border:1px solid #e1ecf8;border-radius:16px;background:#f8fbff;margin-bottom:15px}
.invite-progress-top{display:flex;justify-content:space-between;align-items:center;color:#65788f;font-size:12px;font-weight:750}.invite-progress-top strong{color:#1f5da9;font-size:16px}
.invite-progress-track{height:9px;border-radius:999px;background:#e3edf8;overflow:hidden;margin:12px 0}.invite-progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f80ff,#4fa6e5);transition:width .3s ease}
.invite-progress-card p{margin:0;color:#73849a;font-size:12px;line-height:1.55}.invite-url-label{margin-top:4px}.full-btn{width:100%;margin-top:12px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.benefits-grid article{padding:17px;border:1px solid #e2ecf8;border-radius:17px;background:#f9fcff}.benefits-grid article>span{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e8f3ff;color:#2769c0;font-size:10px;font-weight:900}.benefits-grid strong{display:block;margin:12px 0 7px;color:#183a61}.benefits-grid p{margin:0;color:#76869a;font-size:12px;line-height:1.7}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.profile-edit-card{grid-row:span 2}
.profile-edit-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;padding-bottom:19px;border-bottom:1px solid #e8eff7}
.account-avatar{position:relative;width:112px;height:112px;border-radius:28px;overflow:hidden;border:4px solid #fff;box-shadow:0 13px 32px rgba(41,91,151,.16)}
.account-avatar span{position:absolute;inset:auto 0 0;padding:7px;background:rgba(15,40,80,.73);color:#fff;font-size:11px;font-weight:850}
.account-basic-info{display:grid;gap:13px}.account-basic-info div{display:grid;gap:3px}.account-basic-info span{color:#8390a2;font-size:11px;font-weight:700}.account-basic-info strong{color:#2a4567;font-size:13px;overflow-wrap:anywhere}
.settings-form{margin-top:19px}.settings-form.stacked{display:grid;gap:9px}.settings-form.stacked label{margin:2px 0 0}.settings-form.stacked .btn-primary{margin-top:6px;width:100%}.form-hint{margin:8px 0 0;color:#8a97a7;font-size:11px;line-height:1.6}
.session-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.session-summary div{padding:13px;border-radius:14px;background:#f7faff;border:1px solid #e3edf8}.session-summary span{display:block;color:#7d8b9d;font-size:10px;margin-bottom:7px}.session-summary strong{font-size:13px;color:#254568;overflow-wrap:anywhere}
.danger-zone-card{border-color:#f1dfe3;background:#fffafb}.danger-zone-card h2{color:#993846}
.profile-modal[hidden]{display:none}.profile-modal{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(13,31,57,.52);backdrop-filter:blur(5px)}
.modal-dialog{position:relative;width:min(100%,440px);padding:28px;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(10,37,72,.28);z-index:1}.modal-dialog h2{margin:7px 0 8px;color:#17395f}.modal-dialog>p{color:#78879a;font-size:13px;line-height:1.65}.modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#f2f6fb;color:#62758c;font-size:22px;cursor:pointer}.avatar-preview{width:150px;height:150px;margin:20px auto;border-radius:35px;overflow:hidden;background:#eef5fd;border:1px dashed #bed4ec;display:grid;place-items:center;color:#7d91a8;font-size:12px}.avatar-preview img{width:100%;height:100%;object-fit:cover}.file-select-btn{width:100%;height:44px;border-radius:13px;background:#edf5ff;color:#2466bd;display:grid;place-items:center;border:1px solid #d6e7fb}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.profile-toast{position:fixed;left:50%;bottom:26px;z-index:11000;transform:translate(-50%,18px);opacity:0;pointer-events:none;min-width:220px;max-width:min(90vw,520px);padding:12px 17px;border-radius:13px;background:#173d69;color:#fff;box-shadow:0 14px 38px rgba(15,45,80,.26);font-size:13px;font-weight:750;text-align:center;transition:.2s ease}.profile-toast.show{opacity:1;transform:translate(-50%,0)}.profile-toast.error{background:#b84050}
.site-icp-footer{margin-top:0}
@media(max-width:1120px){
  .profile-app-v539{grid-template-columns:224px minmax(0,1fr);gap:18px}
  .profile-sidebar{padding:14px}.overview-hero-card{grid-template-columns:minmax(0,1fr) 190px;padding:27px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-status-card{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  body.profile-v539-page{background:linear-gradient(180deg,#eef7ff,#f7fbff 42%,#f4f8fc)}
  .profile-app-v539{width:min(calc(100% - 20px),680px);display:block;padding:12px 0 62px}
  .profile-sidebar{display:none}
  .profile-mobile-hero{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border-radius:21px;background:linear-gradient(135deg,#1c5fae,#3989cf);color:#fff;box-shadow:0 14px 34px rgba(26,93,161,.20);margin-bottom:10px}
  .mobile-avatar-button{width:58px;height:58px;border:3px solid rgba(255,255,255,.76);border-radius:19px;overflow:hidden;background:#fff}
  .mobile-hello{display:block;font-size:10px;opacity:.74;font-weight:700}.profile-mobile-hero h1{margin:2px 0 2px;font-size:19px;line-height:1.2}.profile-mobile-hero p{margin:0;font-size:11px;opacity:.82}
  .mobile-member-pill{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:850;white-space:nowrap}
  .profile-mobile-nav{position:sticky;top:6px;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 9px 24px rgba(34,82,139,.12);border:1px solid #dfeaf7;backdrop-filter:blur(12px);margin-bottom:16px}
  .profile-mobile-nav button{height:38px;border:0;border-radius:11px;background:transparent;color:#718198;font-size:12px;font-weight:800}.profile-mobile-nav button.is-active{background:#e7f2ff;color:#1d62b9}
  .section-title-row{min-height:0;margin:0 2px 13px}.section-title-row h1{font-size:25px;margin:4px 0 5px}.section-title-row p{font-size:12px;line-height:1.6}.section-eyebrow{font-size:9px}.sync-chip{display:none}
  .overview-hero-card{min-height:0;grid-template-columns:1fr;padding:21px;border-radius:22px;gap:20px}.overview-hero-copy h2{font-size:23px;margin:13px 0 8px}.overview-hero-copy p{font-size:12px;line-height:1.65}.overview-actions{margin-top:17px}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{min-height:42px;border-radius:12px;padding:0 14px;font-size:12px}.overview-member-meter{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left}.meter-ring{width:82px;height:82px;padding:6px;flex:none}.meter-ring>div{padding-top:23px}.meter-ring strong{font-size:23px}.meter-ring span{font-size:9px}.overview-member-meter p{font-size:11px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.metric-card{min-height:88px;padding:13px;gap:10px;border-radius:17px}.metric-icon{width:36px;height:36px;border-radius:11px;font-size:13px}.metric-card span{font-size:10px}.metric-card strong{font-size:21px}.metric-card em{font-size:10px}
  .panel-card{padding:16px;border-radius:19px}.quick-panel{margin-top:11px}.panel-heading{margin-bottom:13px}.panel-heading h2{font-size:17px}.panel-heading p{font-size:11px}.quick-grid{grid-template-columns:1fr;gap:8px}.quick-card{padding:11px;border-radius:14px}.quick-icon{width:38px;height:38px}.dashboard-grid,.learning-layout,.member-page-grid,.account-grid{grid-template-columns:1fr;gap:11px;margin-top:11px}.profile-edit-card{grid-row:auto}.learning-wide,.member-wide{grid-column:auto}
  .mini-record-item{grid-template-columns:minmax(0,1fr) auto}.mini-record-item .record-arrow{display:none}
  .learning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}.learning-summary-grid article{padding:14px;border-radius:16px}.learning-summary-grid strong{font-size:23px}
  .trend-wrap{min-height:190px}.trend-wrap svg{height:200px}.record-table-wrap{border-radius:13px}.profile-record-table th,.profile-record-table td{padding:11px;font-size:11px}
  .member-status-card{padding:20px;border-radius:21px;gap:18px}.member-status-card h2{font-size:22px}.member-status-card p{font-size:12px}.member-status-meta{grid-template-columns:1fr 1fr}.member-status-meta>div:last-child{grid-column:1/-1}.member-status-meta>div{padding:12px}.member-status-meta strong{font-size:14px}
  .redeem-box>div,.invite-url-row,.form-inline{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr 1fr;gap:8px}.benefits-grid article{padding:13px}.benefits-grid p{font-size:11px}
  .profile-edit-row{grid-template-columns:88px minmax(0,1fr);gap:15px}.account-avatar{width:84px;height:84px;border-radius:23px}.account-basic-info{gap:9px}.session-summary{grid-template-columns:1fr 1fr}.session-summary div:last-child{grid-column:1/-1}
  .profile-modal{padding:12px}.modal-dialog{padding:23px 18px;border-radius:21px}.avatar-preview{width:128px;height:128px;border-radius:30px}
  .empty-state{min-height:126px}.empty-state.compact{min-height:116px}
  .site-icp-footer{padding-left:12px;padding-right:12px}
}

/* V5.0.40：个人中心专业线性图标系统 */
.profile-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.profile-icon{
  width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke
}
.tone-blue{color:#2369cf;background:#eaf3ff}
.tone-cyan{color:#16869f;background:#e7f8fb}
.tone-violet{color:#694bd0;background:#f0ecff}
.tone-amber{color:#a66a12;background:#fff3dc}
.tone-muted{color:#758ba5;background:#edf3f9}
.tone-error{color:#c74d5f;background:#fff0f2}

.nav-icon{font-size:0}
.nav-icon .profile-icon{width:17px;height:17px}
.profile-nav-item.is-active .nav-icon{color:#fff;background:#2f80ff}
.sidebar-logout-button .logout-icon{display:grid;place-items:center;font-size:0}
.sidebar-logout-button .logout-icon .profile-icon{width:18px;height:18px}

.metric-icon{font-size:0}
.metric-icon .profile-icon{width:21px;height:21px}
.metric-icon.amber{font-size:0}

.continue-mark{font-size:0}
.continue-mark .profile-icon{width:19px;height:19px}
.continue-mark.tone-cyan{color:#16869f;background:#e7f8fb}
.continue-mark.tone-amber{color:#a66a12;background:#fff3dc}

.state-icon{
  width:44px;height:44px;margin:0 auto;display:grid!important;place-items:center;border-radius:14px;font-size:0!important
}
.state-icon .profile-icon{width:22px;height:22px}
.empty-state .state-icon,.coming-soon-state .state-icon,.load-error-state .state-icon{color:inherit}
.empty-state .state-icon.tone-muted,.coming-soon-state .state-icon.tone-muted{color:#758ba5;background:#edf3f9}
.coming-soon-state .state-icon.tone-blue{color:#2369cf;background:#eaf3ff}
.coming-soon-state .state-icon.tone-violet{color:#694bd0;background:#f0ecff}
.load-error-state .state-icon.tone-error{color:#c74d5f;background:#fff0f2}

.benefits-grid article>.benefit-icon{width:36px;height:36px;border-radius:11px;font-size:0}
.benefit-icon .profile-icon{width:19px;height:19px}
.benefits-grid article>.benefit-icon.tone-cyan{color:#16869f;background:#e7f8fb}
.benefits-grid article>.benefit-icon.tone-violet{color:#694bd0;background:#f0ecff}
.benefits-grid article>.benefit-icon.tone-amber{color:#a66a12;background:#fff3dc}

@media(max-width:820px){
  .profile-mobile-nav button>span{
    width:29px;height:25px;display:grid;place-items:center;border-radius:9px;font-size:0
  }
  .profile-mobile-nav button>span .profile-icon{width:17px;height:17px}
  .profile-mobile-nav button.is-active>span{color:#fff;background:#2f80ff}
  .metric-icon .profile-icon{width:18px;height:18px}
  .state-icon{width:40px;height:40px;border-radius:13px}
  .state-icon .profile-icon{width:20px;height:20px}
}
@media(max-width:420px){
  .profile-app-v539{width:calc(100% - 16px)}
  .profile-mobile-hero{grid-template-columns:54px minmax(0,1fr) auto;padding:13px;gap:10px}.mobile-avatar-button{width:52px;height:52px;border-radius:17px}.profile-mobile-hero h1{font-size:17px}.mobile-member-pill{padding:5px 7px;font-size:9px}
  .overview-actions{display:grid;grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:11px}.metric-card strong{font-size:19px}.benefits-grid{grid-template-columns:1fr}
}


/* V5.0.39：个人中心十项体验优化 */
.sidebar-logout-button{
  width:100%;min-height:44px;border:1px solid #f0cfd5;border-radius:14px;background:#fff7f8;color:#bd4050;
  display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:850;transition:.18s ease;
}
.sidebar-logout-button:hover{background:#fff0f2;border-color:#e9b8c0;transform:translateY(-1px)}
.sidebar-logout-button span{font-size:18px}.sidebar-logout-button strong{font-size:13px}
.sidebar-help-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.sidebar-help-actions a{margin-top:4px}
.mobile-hero-actions{display:grid;justify-items:end;gap:7px}
.mobile-logout-button{height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:10px;font-weight:850;cursor:pointer}
.sync-chip.is-warning{color:#9a6716;border-color:#f0dfbd;background:#fffaf0}.sync-chip.is-warning span{background:#e4a83f;box-shadow:0 0 0 4px rgba(228,168,63,.12)}
.load-error-state{min-height:132px;border:1px dashed #efc9cf;border-radius:16px;background:#fff9fa;display:grid;place-content:center;justify-items:center;text-align:center;padding:20px;color:#875966}
.load-error-state span{font-size:23px;color:#d36a78}.load-error-state strong{margin-top:7px;color:#9f3f4f;font-size:15px}.load-error-state p{max-width:420px;margin:6px 0 12px;font-size:12px;line-height:1.6}
.retry-load-button{min-height:34px;padding:0 13px;border:1px solid #e8bdc4;border-radius:10px;background:#fff;color:#b44353;font-size:11px;font-weight:850;cursor:pointer}
.coming-soon-card{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,249,253,.82))}
.coming-soon-badge{display:inline-flex;vertical-align:middle;min-height:23px;align-items:center;padding:3px 8px;margin-left:5px;border-radius:999px;background:#edf3fa;color:#74869b;font-size:10px;font-weight:850}
.coming-soon-state{min-height:136px;border:1px dashed #d8e3ef;border-radius:17px;background:#f8fafc;display:grid;place-content:center;text-align:center;padding:20px;color:#8290a1}
.coming-soon-state span{font-size:24px;color:#a5b4c5}.coming-soon-state strong{margin-top:7px;color:#62748a;font-size:15px}.coming-soon-state p{margin:5px 0 0;font-size:12px;line-height:1.6}
.support-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.support-actions .btn-secondary{min-width:150px}.support-actions .text-link{display:inline-flex;align-items:center;min-height:42px}
.overview-title-row{min-height:76px;margin-bottom:13px}.overview-dashboard-grid{margin-top:14px}.overview-hero-card{min-height:224px}.metric-grid{margin-top:14px}

@media(max-width:820px){
  .profile-app-v539{padding-bottom:112px}
  .profile-mobile-nav{position:fixed;left:50%;right:auto;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),656px);z-index:1000;margin:0;padding:6px;border-radius:20px;box-shadow:0 16px 42px rgba(28,70,122,.22)}
  .profile-mobile-nav button{height:52px;display:grid;place-content:center;justify-items:center;gap:3px;border-radius:14px}
  .profile-mobile-nav button span{display:block;font-size:15px;line-height:1}.profile-mobile-nav button strong{font-size:10px;line-height:1;font-weight:850}
  .overview-title-row{min-height:0;margin-bottom:10px}.overview-title-row h1{font-size:24px}
  .overview-dashboard-grid{margin-top:10px}
  .support-actions{display:grid;grid-template-columns:1fr}.support-actions .btn-secondary,.support-actions .text-link{width:100%;justify-content:center}
  .load-error-state{min-height:118px}
}

/* 保证新版 SVG 图标规则覆盖 V5.0.39 的字符图标兼容样式 */
.sidebar-logout-button .logout-icon{display:grid;place-items:center;font-size:0}
.load-error-state .state-icon.tone-error{color:#c74d5f;background:#fff0f2;font-size:0}
.coming-soon-state .state-icon.tone-blue{color:#2369cf;background:#eaf3ff;font-size:0}
.coming-soon-state .state-icon.tone-violet{color:#694bd0;background:#f0ecff;font-size:0}
@media(max-width:820px){
  .profile-mobile-nav button>span{width:29px;height:25px;display:grid;place-items:center;border-radius:9px;font-size:0;line-height:1}
  .profile-mobile-nav button.is-active>span{color:#fff;background:#2f80ff}
}