:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#293e34;background:#f8f3e9;--green:#284d3e;--muted:#766f60;--line:#e3dac8;--paper:#fffdf7;--gold:#9b784c;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #a7814f;outline-offset:4px}a{color:inherit}h1,h2,p{margin:0}h2{font:600 20px/1.5 "SimSun",serif}button{color:inherit}[hidden]{display:none!important}
.topbar{min-height:84px;padding:calc(18px * var(--care-spacing-scale, .5)) max(calc(24px * var(--care-spacing-scale, .5)),calc((calc(100vw * var(--care-spacing-scale, .5)) - calc(1120px * var(--care-spacing-scale, .5)))/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:calc(16px * var(--care-spacing-scale, .5))}.topbar>a{font-size:13px;text-decoration:none;white-space:nowrap;padding:calc(8px * var(--care-spacing-scale, .5)) 0}.topbar .brand{font:600 22px "SimSun",serif;letter-spacing:3px}.brand span{display:block;font:11px/1.8 "Microsoft YaHei",sans-serif;color:var(--muted);letter-spacing:1px;margin-top:calc(4px * var(--care-spacing-scale, .5))}
.layout{max-width:1120px;margin:0 auto;padding:calc(54px * var(--care-spacing-scale, .5)) calc(24px * var(--care-spacing-scale, .5)) calc(72px * var(--care-spacing-scale, .5));display:grid;grid-template-columns:280px minmax(0,1fr);gap:calc(60px * var(--care-spacing-scale, .5))}.intro{padding-top:calc(10px * var(--care-spacing-scale, .5))}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:calc(12px * var(--care-spacing-scale, .5))}h1{position:relative;font:500 46px/1.5 "SimSun",serif;letter-spacing:4px;color:var(--green)}.seal{display:inline-block;font-size:18px;line-height:1;border:1px solid #ac7965;color:#946553;letter-spacing:0;border-radius:3px;padding:calc(5px * var(--care-spacing-scale, .5));margin-left:calc(10px * var(--care-spacing-scale, .5));vertical-align:middle;transform:rotate(-7deg)}.intro-copy{font-size:14px;line-height:2.1;margin:calc(22px * var(--care-spacing-scale, .5)) 0;color:var(--muted)}.intro-note{border-top:1px solid var(--line);padding-top:calc(22px * var(--care-spacing-scale, .5));display:flex;gap:calc(12px * var(--care-spacing-scale, .5));font-size:12px;line-height:2;color:var(--muted)}.intro-note>span{font-size:24px;color:var(--gold)}.back{display:inline-block;margin-top:calc(28px * var(--care-spacing-scale, .5));font-size:13px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:calc(6px * var(--care-spacing-scale, .5))}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--care-spacing-scale, .5))}.section-heading .eyebrow{margin-bottom:calc(4px * var(--care-spacing-scale, .5))}.section-heading h2{font-size:26px}.status{font-size:13px;line-height:1.7;color:#725b3c;min-height:24px;margin:calc(12px * var(--care-spacing-scale, .5)) 0;overflow-wrap:anywhere}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16px * var(--care-spacing-scale, .5))}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:calc(22px * var(--care-spacing-scale, .5));min-width:0}.card-heading{display:flex;align-items:center;gap:calc(10px * var(--care-spacing-scale, .5));margin-bottom:calc(16px * var(--care-spacing-scale, .5))}.card-symbol{width:30px;height:30px;border:1px solid var(--line);color:var(--gold);border-radius:50%;display:grid;place-items:center;font:16px "SimSun",serif}.card-heading h2{font-size:18px}.field-button{width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #eee8da;padding:calc(13px * var(--care-spacing-scale, .5)) 0;min-height:48px;display:flex;align-items:baseline;justify-content:space-between;gap:calc(12px * var(--care-spacing-scale, .5))}.field-label{font-size:12px;color:var(--muted);flex:0 0 auto}.field-value{font-size:13px;line-height:1.7;text-align:right;overflow-wrap:anywhere}.field-button:hover .field-value{color:var(--gold)}.field-button .empty{color:#8c8474;font-size:12px}.hint{font-size:12px;line-height:1.8;color:var(--muted)}.other{margin-top:calc(16px * var(--care-spacing-scale, .5))}.other .hint{margin:calc(6px * var(--care-spacing-scale, .5)) 0 calc(12px * var(--care-spacing-scale, .5))}.other p.memory{font-size:13px;line-height:1.8;margin:calc(8px * var(--care-spacing-scale, .5)) 0;white-space:pre-wrap;overflow-wrap:anywhere}.settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(10px * var(--care-spacing-scale, .5));margin-top:calc(24px * var(--care-spacing-scale, .5));font-size:11px;color:var(--muted)}.settings .quiet{font-size:11px}.quiet{border:1px solid var(--line);border-radius:999px;padding:calc(11px * var(--care-spacing-scale, .5)) calc(16px * var(--care-spacing-scale, .5));background:transparent;text-decoration:none;font-size:13px;display:inline-block;min-height:44px}.primary{border:1px solid var(--green);border-radius:999px;background:var(--green);color:#fffdf7;padding:calc(12px * var(--care-spacing-scale, .5)) calc(24px * var(--care-spacing-scale, .5));font-size:14px;min-height:44px}.primary:hover{background:#365f4d}.actions{display:flex;gap:calc(12px * var(--care-spacing-scale, .5));flex-wrap:wrap;align-items:center;margin-top:calc(22px * var(--care-spacing-scale, .5))}.consent{padding:calc(30px * var(--care-spacing-scale, .5))}.consent>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:calc(14px * var(--care-spacing-scale, .5))}.danger{color:#975d4c}
dialog{color:inherit;border:1px solid var(--line);border-radius:22px;padding:calc(28px * var(--care-spacing-scale, .5));background:var(--paper);width:min(480px,calc(100% - 24px));max-height:90dvh;overflow:auto;box-shadow:0 24px 80px #29231526}dialog::backdrop{background:#282e265c}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--care-spacing-scale, .5));margin-bottom:calc(12px * var(--care-spacing-scale, .5))}.dialog-header .eyebrow{margin-bottom:calc(4px * var(--care-spacing-scale, .5))}.icon-button{border:0;background:transparent;font-size:28px;min-width:44px;min-height:44px}.choices{display:flex;flex-wrap:wrap;gap:calc(10px * var(--care-spacing-scale, .5));margin-top:calc(20px * var(--care-spacing-scale, .5))}.choice{position:relative;display:flex;align-items:center;cursor:pointer;min-height:46px}.choice input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.choice span{border:1px solid var(--line);border-radius:13px;padding:calc(12px * var(--care-spacing-scale, .5)) calc(16px * var(--care-spacing-scale, .5));font-size:14px;display:block;pointer-events:none}.choice input:checked+span{background:#e6eddf;border-color:#70836b;color:var(--green)}.choice input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}textarea{width:100%;resize:vertical;margin:calc(16px * var(--care-spacing-scale, .5)) 0 calc(6px * var(--care-spacing-scale, .5));border:1px solid var(--line);border-radius:12px;padding:calc(14px * var(--care-spacing-scale, .5));background:#fbf8f0;color:inherit;line-height:1.8}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:calc(12px * var(--care-spacing-scale, .5));margin-top:calc(18px * var(--care-spacing-scale, .5))}.dialog-actions .primary{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#revoke-dialog>p:not(.status){font-size:14px;line-height:1.9;color:var(--muted);margin-top:calc(14px * var(--care-spacing-scale, .5))}
@media(max-width:820px){.layout{grid-template-columns:1fr;gap:calc(28px * var(--care-spacing-scale, .5));max-width:650px;padding-top:calc(28px * var(--care-spacing-scale, .5))}.intro{padding-top:0}h1{font-size:32px;line-height:1.5}h1 br{display:none}.intro-copy{font-size:13px;margin:calc(10px * var(--care-spacing-scale, .5)) 0}.intro-copy br{display:none}.intro-note{padding-top:calc(12px * var(--care-spacing-scale, .5));font-size:11px}.intro-note br{display:none}.back{margin-top:calc(14px * var(--care-spacing-scale, .5))}.topbar{padding:calc(14px * var(--care-spacing-scale, .5)) calc(22px * var(--care-spacing-scale, .5));min-height:76px}.section-heading h2{font-size:23px}}
@media(max-width:480px){.layout{padding:calc(24px * var(--care-spacing-scale, .5)) calc(18px * var(--care-spacing-scale, .5)) calc(40px * var(--care-spacing-scale, .5));gap:calc(28px * var(--care-spacing-scale, .5))}.cards{grid-template-columns:1fr;gap:calc(12px * var(--care-spacing-scale, .5))}.card{padding:calc(20px * var(--care-spacing-scale, .5))}.topbar{padding:calc(12px * var(--care-spacing-scale, .5)) calc(18px * var(--care-spacing-scale, .5))}.topbar .brand{font-size:20px}.brand span{font-size:10px}.intro h1{font-size:29px;letter-spacing:2px}.dialog-actions .quiet{font-size:12px;padding:calc(11px * var(--care-spacing-scale, .5)) calc(12px * var(--care-spacing-scale, .5))}dialog{padding:calc(22px * var(--care-spacing-scale, .5)) calc(18px * var(--care-spacing-scale, .5))}.consent{padding:calc(22px * var(--care-spacing-scale, .5))}.settings{display:block}.settings .quiet{margin-top:calc(12px * var(--care-spacing-scale, .5))}}

.legacy-memory{border-top:1px solid #eee8da;padding:calc(10px * var(--care-spacing-scale, .5)) 0}.legacy-memory:first-child{border-top:0}.legacy-actions{display:flex;flex-wrap:wrap;gap:calc(8px * var(--care-spacing-scale, .5))}.legacy-actions .quiet{min-height:40px;font-size:12px;padding:calc(8px * var(--care-spacing-scale, .5)) calc(13px * var(--care-spacing-scale, .5))}
.legacy-memory-highlight{outline:2px solid #a7814f;outline-offset:5px;border-radius:8px;background:#f7f5ec;padding:calc(12px * var(--care-spacing-scale, .5));margin:calc(8px * var(--care-spacing-scale, .5)) 0}
.empty-value{display:flex;align-items:center;gap:calc(10px * var(--care-spacing-scale, .5));padding:calc(12px * var(--care-spacing-scale, .5)) calc(14px * var(--care-spacing-scale, .5));margin-top:calc(16px * var(--care-spacing-scale, .5));border:1px solid var(--line);border-radius:12px;background:#f7f5ec;cursor:pointer}.empty-value input{width:20px;height:20px;accent-color:var(--green)}.empty-value span{font-size:13px}
.object-list{display:grid;gap:calc(12px * var(--care-spacing-scale, .5));margin-top:calc(14px * var(--care-spacing-scale, .5))}.object-row{min-width:0;border:1px solid var(--line);border-radius:14px;padding:calc(14px * var(--care-spacing-scale, .5));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12px * var(--care-spacing-scale, .5))}.object-row legend{padding:0 calc(6px * var(--care-spacing-scale, .5));font-size:12px;color:var(--muted)}.object-property{display:grid;gap:calc(6px * var(--care-spacing-scale, .5));font-size:12px;color:var(--muted)}.object-property input,.object-property select,.legacy-target select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;padding:calc(9px * var(--care-spacing-scale, .5)) calc(10px * var(--care-spacing-scale, .5));background:#fbf8f0;color:inherit;font:inherit}.object-add{justify-self:start}.object-remove{justify-self:start;min-height:40px;font-size:12px;padding:calc(8px * var(--care-spacing-scale, .5)) calc(13px * var(--care-spacing-scale, .5))}.legacy-target{display:grid;gap:calc(8px * var(--care-spacing-scale, .5));margin-top:calc(14px * var(--care-spacing-scale, .5));font-size:13px}
@media(max-width:480px){.object-row{grid-template-columns:1fr;padding:calc(12px * var(--care-spacing-scale, .5))}.legacy-actions .quiet{flex:1}}

/* UI归一：active 下弹窗/表单/触控沿用公共 token；非 active 旧页面保持原值（account/support 不受影响）。*/
html[data-care-ui=active] dialog{width:var(--care-dialog-width,min(480px,calc(100% - 24px)));border-radius:var(--care-dialog-radius,22px);max-height:var(--care-dialog-max-h,90dvh)}
html[data-care-ui=active] .object-property input,html[data-care-ui=active] .object-property select,html[data-care-ui=active] .legacy-target select{min-height:var(--care-input-min-h,44px)}
html[data-care-ui=active] .quiet{min-height:var(--care-touch-min,44px)}

/* “我的”一级页（2026-09）：头像六选一 + 健康档案二级入口。
   profile.css 同时被 cabinet/care/care-plans/herb 引用，因此这里只做追加，不改动既有规则。*/
.avatar-current{display:grid;justify-items:start;gap:calc(10px * var(--care-spacing-scale, .5));margin:calc(18px * var(--care-spacing-scale, .5)) 0 calc(22px * var(--care-spacing-scale, .5))}
.avatar-preview{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--paper);box-shadow:0 10px 28px #2923151f;background:#e9e1d1}
.avatar-caption{font-size:13px;color:var(--muted)}
.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12px * var(--care-spacing-scale, .5));margin:0 0 calc(8px * var(--care-spacing-scale, .5))}
.avatar-option{display:grid;justify-items:center;gap:calc(8px * var(--care-spacing-scale, .5));padding:calc(12px * var(--care-spacing-scale, .5)) calc(6px * var(--care-spacing-scale, .5));background:var(--paper);border:1px solid var(--line);border-radius:18px;min-height:44px}
.avatar-option img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#e9e1d1}
.avatar-option-label{font-size:12px;color:var(--muted)}
.avatar-option[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 2px #284d3e2e}
.avatar-option[aria-pressed=true] .avatar-option-label{color:var(--green);font-weight:600}
.entry-card{margin-top:calc(22px * var(--care-spacing-scale, .5));background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.health-entry{display:flex;align-items:center;gap:calc(14px * var(--care-spacing-scale, .5));padding:calc(18px * var(--care-spacing-scale, .5)) calc(20px * var(--care-spacing-scale, .5));min-height:44px;text-decoration:none;color:inherit}
.entry-icon{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef2e6;color:var(--green)}
.entry-icon svg{width:22px;height:22px}
.entry-copy{display:grid;gap:calc(4px * var(--care-spacing-scale, .5));min-width:0}
.entry-title{font:600 17px/1.4 "SimSun",serif;color:var(--green)}
.entry-arrow{margin-left:auto;font-size:24px;line-height:1;color:var(--gold)}
.health-entry:hover .entry-title{color:var(--gold)}
@media(max-width:480px){.avatar-preview{width:112px;height:112px}.avatar-option img{width:56px;height:56px}}

/* 我的头像一级窄行；六张备选只在二级视图呈现。 */
.profile-avatar-row{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--care-spacing-scale, .5));min-height:72px;padding:calc(12px * var(--care-spacing-scale, .5)) 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--care-card-border,var(--line))}
.profile-avatar-row>img{width:48px;height:48px;flex:none;object-fit:cover;border-radius:50%}
.profile-avatar-action{display:flex;align-items:center;gap:calc(12px * var(--care-spacing-scale, .5));font-size:var(--care-fs-sm,16px);color:var(--care-muted,var(--muted))}
.profile-avatar-action>span{font-size:24px}
.avatar-picker-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:var(--care-fs-sm,16px);color:var(--care-muted,var(--muted))}

/* “我的”账户中心（2026-09-26）：分组入口 + 页内二级视图。
   profile.css 同时被 cabinet/care/care-plans/herb 引用，故新规则只作用于 body.my-center-page，
   不影响其他页；所有新增声明消费 care-tokens.css 的 --care-* 变量，不再散落字面值。 */
html[data-care-ui=active] body.my-center-page .my-group{margin-top:var(--care-block)}
html[data-care-ui=active] body.my-center-page .my-group:first-of-type{margin-top:var(--care-gap)}
html[data-care-ui=active] body.my-center-page .my-group-title{font-family:var(--care-font-head);font-size:var(--care-fs-subtitle);font-weight:var(--care-weight-head);line-height:var(--care-lh-body-2);color:var(--care-muted);margin:0 0 var(--care-gap)}
html[data-care-ui=active] body.my-center-page .entry-card{margin-top:var(--care-gap)}
/* cabinet 页（非公共壳，最小接入）仅接字体/层级：页标题随 tokens 与档位，其余历史规则保留。 */
html[data-care-ui=active] .cabinet-main h1{font-family:var(--care-font-head);font-weight:var(--care-weight-head);font-size:var(--care-fs-h1);line-height:var(--care-lh-title);letter-spacing:normal;color:var(--care-ink)}
html[data-care-ui=active] .cabinet-main p{font-family:var(--care-font-body);font-size:var(--care-fs-body-2);line-height:var(--care-lh-body-2)}
html[data-care-ui=active] body.my-center-page .my-list{display:grid;gap:0}
html[data-care-ui=active] body.my-center-page .my-list .health-entry{padding:var(--care-space) 0;border-bottom:var(--care-border-width) solid var(--care-card-border)}
html[data-care-ui=active] body.my-center-page .my-list .health-entry:last-child{border-bottom:0}
html[data-care-ui=active] body.my-center-page .entry-title{font-family:var(--care-font-head);font-size:var(--care-fs-h3);font-weight:600;line-height:var(--care-lh-hero);color:var(--care-ink)}
html[data-care-ui=active] body.my-center-page .entry-icon{background:var(--care-pill-bg);color:var(--care-green)}
html[data-care-ui=active] body.my-center-page .entry-arrow{color:var(--care-muted);font-size:var(--care-fs-h3)}
html[data-care-ui=active] body.my-center-page .health-entry:hover .entry-title{color:var(--care-plan-title)}
html[data-care-ui=active] body.my-center-page .entry-tag{display:inline-block;margin-left:var(--care-my-tag-gap);padding:var(--care-my-tag-pad);border-radius:var(--care-pill-radius,100px);background:var(--care-pill-alt-bg);color:var(--care-muted);font-family:var(--care-font-body);font-size:var(--care-fs-xs);font-weight:400;vertical-align:middle;white-space:nowrap}
html[data-care-ui=active] body.my-center-page .my-view{display:block}
html[data-care-ui=active] body.my-center-page .my-view[hidden]{display:none!important}
html[data-care-ui=active] body.my-center-page .my-view-back{display:inline-flex;align-items:center;min-height:var(--care-touch-min,44px);text-decoration:none;font-size:var(--care-fs-sm);color:var(--care-muted)}
html[data-care-ui=active] body.my-center-page .my-lede{font-size:var(--care-fs-body);line-height:var(--care-lh-body);color:var(--care-ink);margin:0 0 var(--care-gap)}
html[data-care-ui=active] body.my-center-page .my-note{margin-top:var(--care-gap)}
html[data-care-ui=active] body.my-center-page .my-note h3{font-size:var(--care-fs-h3);margin:0 0 calc(var(--care-gap) / 2)}
html[data-care-ui=active] body.my-center-page .my-note h3:not(:first-child){margin-top:var(--care-gap)}
html[data-care-ui=active] body.my-center-page .my-note p{font-size:var(--care-fs-body);line-height:var(--care-lh-body);color:var(--care-ink);margin:0 0 calc(var(--care-gap) / 2)}
html[data-care-ui=active] body.my-center-page .my-note p:last-child{margin-bottom:0}
html[data-care-ui=active] body.my-center-page .my-steps{margin:0 0 calc(var(--care-gap) / 2);padding-left:var(--care-my-steps-indent);font-size:var(--care-fs-body);line-height:var(--care-lh-body)}
html[data-care-ui=active] body.my-center-page .my-steps li{margin:0 0 calc(var(--care-gap) / 2)}
html[data-care-ui=active] body.my-center-page .my-callout{color:var(--care-muted)}
html[data-care-ui=active] body.my-center-page .my-actions{display:flex;flex-wrap:wrap;gap:var(--care-gap);align-items:center;margin:var(--care-block) 0 0}
html[data-care-ui=active] body.my-center-page .my-reading{margin-top:var(--care-gap)}
@media(max-width:480px){
  html[data-care-ui=active] body.my-center-page .health-entry{gap:var(--care-gap)}
  html[data-care-ui=active] body.my-center-page .entry-tag{display:block;width:max-content;margin:var(--care-my-tag-gap) 0 0}
}