:root{--account-primary:#00aceb;--account-ink:#13233a;--account-muted:#2a5f7a;--account-line:rgba(148,163,184,.18);--account-surface:rgba(255,255,255,.94);--account-soft:#f5f9fe}
body[data-page^="account"]{margin:0;color:var(--account-ink);background:linear-gradient(180deg,#e6f7fd 0,#f7fafc 360px,#f8fafc 100%);font-family:var(--site-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif)}
body[data-page^="account"] *{box-sizing:border-box}body[data-page^="account"] a{color:inherit;text-decoration:none}body[data-page^="account"] button{font:inherit}
.account-nav{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--account-line);background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}.account-nav-inner{width:min(1240px,calc(100vw - 48px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.account-brand{display:flex;align-items:center;gap:10px;min-width:0}.account-brand img{width:38px;height:38px;border-radius:11px;object-fit:contain;background:#fff;border:1px solid var(--account-line)}.account-brand strong{display:block;font-size:15px}.account-brand span{display:block;color:var(--account-muted);font-size:12px;margin-top:2px}.account-back{color:#00aceb;font-size:13px;font-weight:700;white-space:nowrap}.account-page-links{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;overflow-x:auto}.account-page-links a{flex:0 0 auto;padding:8px 0;color:#587087;font-size:13px;white-space:nowrap}.account-page-links a.active{color:#00aceb;font-weight:800;border-bottom:2px solid #00aceb}
.account-shell{width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:34px 0 64px}.account-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:28px 30px;border-radius:24px;color:#fff;background:linear-gradient(125deg,#167fdf,#55cbed);box-shadow:0 24px 64px rgba(20,128,226,.24)}.account-hero h1{margin:0;/* B1A2: type-page-title */font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);letter-spacing:-.03em}.account-hero p{max-width:620px;margin:9px 0 0;color:rgba(255,255,255,.84);font-size:14px;line-height:1.7}.account-hero-mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(255,255,255,.16);font-size:28px;font-weight:800}
.account-gate{max-width:650px;margin:42px auto;padding:32px;border:1px solid var(--account-line);border-radius:24px;background:var(--account-surface);box-shadow:0 20px 55px rgba(15,23,42,.08);text-align:center}.account-gate h2{margin:0;/* B1A2: type-section-title */font-size:var(--type-section-title-size);font-weight:var(--type-section-title-weight)}.account-gate p{margin:10px auto 22px;color:var(--account-muted);/* B1A2: type-body */line-height:var(--type-body-line-height);font-size:var(--type-body-size);max-width:470px}.account-gate-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 24px}.account-gate-points span{padding:12px 8px;border-radius:14px;background:var(--account-soft);color:#31516f;font-size:12px;line-height:1.5}.account-primary-btn,.account-secondary-btn{border:0;border-radius:12px;min-height:42px;padding:0 16px;font-weight:700;cursor:pointer}.account-primary-btn{background:linear-gradient(135deg,#00aceb,#6fd4f4);color:#002e3d;box-shadow:0 10px 20px rgba(0,172,235,.2)}.account-secondary-btn{color:#00aceb;background:#e6f7fd;border:1px solid rgba(0,172,235,.18)}.account-primary-btn:disabled,.account-secondary-btn:disabled{opacity:.58;cursor:not-allowed}
.account-app{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:22px}.account-side,.account-main-card{border:1px solid var(--account-line);background:var(--account-surface);box-shadow:0 16px 44px rgba(15,23,42,.055)}.account-side{height:max-content;border-radius:18px;overflow:hidden}.account-profile{padding:20px;border-bottom:1px solid var(--account-line)}.account-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#00aceb,#6fd4f4);color:#002e3d;font-size:21px;font-weight:800}.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}.account-profile h2{margin:12px 0 4px;font-size:18px}.account-profile p{margin:0;color:var(--account-muted);font-size:12px}.account-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.account-role{padding:4px 8px;border-radius:999px;background:#e9f5ff;color:#2774bd;font-size:11px;font-weight:700}.account-points-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;margin-top:14px;padding:10px 12px;border:1px solid rgba(0,172,235,.34);border-radius:14px;background:rgba(248,252,255,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.account-points-summary span{color:#4d6985;font-size:12px;font-weight:700}.account-points-summary strong{color:#00698F;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.account-points-summary small{grid-column:1 / -1;color:#7b91a7;font-size:11px;line-height:1.4}.account-nav-list{padding:8px}.account-nav-list button{width:100%;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 11px;border:0;border-radius:11px;background:transparent;color:#496178;text-align:left;cursor:pointer;font-size:13px;font-weight:700}.account-nav-list button:hover,.account-nav-list button.active{color:#00698F;background:#e6f7fd}.account-nav-list .nav-icon{width:19px;text-align:center;color:inherit}.account-side-footer{padding:14px 18px 18px}.account-side-footer button{width:100%}
.account-main-card{min-width:0;border-radius:18px;padding:22px}.account-main-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.account-main-head h2{margin:0;font-size:22px}.account-main-head p{margin:6px 0 0;color:var(--account-muted);font-size:13px;line-height:1.6}.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.account-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--account-line);border-radius:16px;background:linear-gradient(160deg,#fff,#f5faff)}.account-stat-number{display:block;padding:0;border:0;background:transparent;color:#176db9;font:inherit;font-size:24px;font-weight:800;line-height:1.1;text-decoration:none;cursor:pointer}.account-stat-number:hover{color:#0d75d1}.account-stat-number:focus-visible{outline:2px solid rgba(48,136,224,.45);outline-offset:3px;border-radius:4px}.account-stat span{display:block;margin:0;color:var(--account-muted);font-size:12px;text-align:right}.account-section{margin-top:20px}.account-section h3{margin:0 0 10px;font-size:16px}.account-list{display:grid;gap:10px}.account-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--account-line);border-radius:14px;background:#fff}.account-list-item strong{display:block;font-size:14px;line-height:1.45}.account-list-item p{margin:4px 0 0;color:var(--account-muted);font-size:12px;line-height:1.55}.account-list-item time{display:block;/* B1B2: ink-muted */color:var(--ink-muted);font-size:11px;white-space:nowrap}.account-item-actions{display:flex;align-items:center;gap:8px}.account-text-btn{border:0;background:transparent;color:#00698F;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.account-danger-btn{color:#e25353}.account-empty{padding:27px 16px;border:1px dashed rgba(148,163,184,.32);border-radius:15px;background:#f9fbfd;color:var(--account-muted);font-size:13px;line-height:1.7;text-align:center}.account-empty a{color:#2579c7;font-weight:700}.account-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-product{min-width:0;padding:14px;border:1px solid var(--account-line);border-radius:15px;background:#fff}.account-product .brand{color:#4A5C6E;font-size:12px}.account-product h4{margin:6px 0 11px;font-size:14px;line-height:1.45}.account-product-actions{display:flex;gap:8px;align-items:center}.account-form{display:grid;gap:16px;max-width:610px}.account-field{display:grid;gap:7px}.account-field label{/* B1A2: type-label */font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.account-field input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(148,163,184,.28);border-radius:11px;outline:none;background:#fff}.account-field input:focus{border-color:#5ba6ed;box-shadow:0 0 0 3px rgba(0,172,235,.1)}.account-role-options{display:flex;flex-wrap:wrap;gap:8px}.account-role-options label{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--account-line);border-radius:999px;font-size:12px;cursor:pointer}.account-role-options input{width:auto;height:auto}.account-form-note{margin:0;color:var(--account-muted);font-size:12px;line-height:1.7}.account-status{min-height:18px;margin:0;color:#168356;font-size:13px}.account-status.error{color:#dc4b4b}.account-timeline{display:grid;gap:10px}.account-timeline-item{position:relative;padding:0 0 0 18px;color:#45617b;font-size:13px;line-height:1.55}.account-timeline-item::before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background:#43b1e8}.account-timeline-item time{display:block;margin-top:3px;/* B1B2: ink-muted */color:var(--ink-muted);font-size:11px}.account-tag{display:inline-block;margin:0 5px 5px 0;padding:3px 7px;border-radius:999px;background:#e6f7fd;color:#3a79b8;font-size:11px}
.account-auth-view .account-hero{display:none}.account-auth{width:min(448px,100%);min-height:590px;margin:44px auto;padding:42px 38px;display:grid;place-items:center;text-align:center;background:rgba(255,255,255,.96);box-shadow:0 28px 72px rgba(40,94,137,.12)}.account-auth-choice,.account-phone-step{width:100%}.account-auth-mark{width:64px;height:64px;margin:0 auto 24px;display:grid;place-items:center;border-radius:22px;color:#002e3d;background:linear-gradient(135deg,#00aceb,#6fd4f4);font-size:25px;font-weight:900;box-shadow:0 14px 28px rgba(0,172,235,.22)}.account-auth-mark.small{width:48px;height:48px;margin-bottom:14px;border-radius:17px;font-size:19px}.account-auth h2{margin:0;color:#14243a;font-size:25px;letter-spacing:-.035em}.account-auth p{margin:10px auto 0;max-width:320px;/* B1B2: ink-muted */color:var(--ink-muted);font-size:14px;line-height:1.75}.account-auth-actions{display:grid;gap:12px;margin-top:48px}.account-wechat-btn,.account-phone-btn{width:100%;height:52px;border:0;border-radius:15px;font-size:16px;font-weight:800;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.account-wechat-btn{color:#fff;background:#09bb07;box-shadow:0 12px 22px rgba(9,187,7,.18)}.account-phone-btn{color:#263c56;background:#f2f6fa;border:1px solid rgba(148,163,184,.15)}.account-wechat-btn span,.account-phone-btn span{display:inline-block;margin-right:8px;font-size:13px;letter-spacing:-3px;vertical-align:1px}.account-wechat-btn:enabled:hover,.account-phone-btn:enabled:hover{transform:translateY(-1px)}.account-wechat-btn:disabled,.account-phone-btn:disabled{opacity:.42;cursor:not-allowed}.account-agreement{display:flex;align-items:flex-start;gap:8px;margin:22px 2px 0;/* B1B2: ink-muted */color:var(--ink-muted);font-size:12px;line-height:1.65;text-align:left;cursor:pointer}.account-agreement input{width:16px;height:16px;margin:2px 0 0;accent-color:#00aceb;flex:0 0 auto}.account-agreement a{color:#1B5E8F}.account-auth-status{min-height:20px;margin:13px 0 0!important;color:#3A6B92!important;font-size:12px!important}.account-auth-status.error{color:#d65b5b!important}.account-phone-step{text-align:left}.account-phone-step h2,.account-phone-step>p{text-align:center}.account-auth-back{padding:0;border:0;background:transparent;color:#4A5C6E;font-size:13px;cursor:pointer}.account-phone-field,.account-code-field{display:flex;align-items:center;width:100%;height:52px;margin-top:20px;border:1px solid rgba(148,163,184,.24);border-radius:14px;background:#fff;overflow:hidden}.account-phone-field span{padding:0 14px;border-right:1px solid rgba(148,163,184,.18);color:#45617b;font-size:14px}.account-phone-field input,.account-code-field input{min-width:0;flex:1;height:100%;padding:0 13px;border:0;outline:0;color:#1c2e45;font:inherit}.account-code-field{margin-top:12px}.account-code-field button{height:32px;margin-right:8px;padding:0 10px;border:0;border-radius:9px;color:#207bc7;background:#eaf5ff;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.account-verify-btn{width:100%;margin-top:24px;height:52px}.account-verify-btn:disabled{opacity:.42;cursor:not-allowed}
.account-auth-actions .account-phone-btn{color:#002e3d;background:linear-gradient(135deg,#00aceb,#6fd4f4);border-color:transparent;box-shadow:0 12px 22px rgba(0,172,235,.2)}.account-workspace-view .account-shell{width:min(1400px,calc(100vw - 32px));padding-top:16px}.account-workspace-view .account-app{margin-top:0}.account-avatar-upload{display:flex;align-items:center;gap:14px}.account-avatar-preview{width:76px;height:76px;flex:0 0 auto}.account-upload-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid rgba(0,172,235,.2);border-radius:10px;color:#00698F;background:#e6f7fd;font-size:13px;font-weight:700;cursor:pointer}
.account-preview-btn{width:100%;height:48px;border:1px solid rgba(0,172,235,.24);border-radius:15px;color:#00698F;background:#edfaff;font-size:14px;font-weight:800;cursor:pointer}.account-preview-btn:hover{background:#e1f7ff}.account-preview-btn:disabled{opacity:.42;cursor:not-allowed}.account-preview-btn[hidden]{display:none}
@media(max-width:800px){.account-nav-inner,.account-shell{width:min(100vw - 28px,1120px)}.account-nav-inner{min-height:62px;gap:12px}.account-brand span,.account-back{display:none}.account-page-links{justify-content:flex-start;gap:14px;width:100%}.account-auth-view .account-page-links{display:none}.account-auth-view .account-brand{display:flex}.account-hero{padding:22px;grid-template-columns:1fr}.account-hero h1{font-size:25px}.account-hero-mark{display:none}.account-auth{width:100%;min-height:calc(100vh - 120px);margin:0;padding:66px 20px 34px;border:0;border-radius:0;background:transparent;box-shadow:none}.account-auth h2{font-size:25px}.account-auth-actions{margin-top:48px}.account-auth-mark{margin-bottom:20px}.account-workspace-view .account-shell{width:calc(100vw - 24px);padding:12px 0 30px}.account-workspace-view .account-app{gap:12px}.account-app{grid-template-columns:1fr}.account-side{display:grid;grid-template-columns:1fr;overflow:visible}.account-profile{padding:16px;display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:12px;align-items:center}.account-profile h2{margin:0}.account-profile p,.account-roles{grid-column:2}.account-roles{margin-top:5px}.account-nav-list{display:flex;overflow-x:auto;gap:4px;padding:8px}.account-nav-list button{flex:0 0 auto;width:auto;padding:0 10px}.account-side-footer{padding:0 16px 14px}.account-main-card{padding:17px;border-radius:18px}.account-main-head{flex-direction:column}.account-stat-grid{grid-template-columns:repeat(2,1fr)}.account-product-grid{grid-template-columns:1fr}.account-list-item{align-items:flex-start;flex-direction:column}.account-item-actions{width:100%;justify-content:space-between}.account-gate-points{grid-template-columns:1fr;text-align:left}.account-main-head h2{font-size:20px}.account-avatar-upload{align-items:flex-start;flex-direction:column}}

/* 手机版不复用 PC 的横向导航与侧栏，页面宽度变化时仍保持同一套移动结构。 */
body.mobile-page.account-workspace-view,body.mobile-page.account-auth-view{width:min(100%,480px);min-height:100vh;margin:0 auto;overflow-x:hidden;background:linear-gradient(180deg,#dceaff 0,#eef7ff 180px,#f5f9fe 100%)}.mobile-account-site-nav{padding:14px 14px 0;background:rgba(215,231,255,.8);border-bottom:1px solid rgba(255,255,255,.7)}.mobile-account-brand{display:flex;align-items:center;gap:10px;color:#1e3550}.mobile-account-brand img{width:44px;height:44px;flex:0 0 auto;border-radius:11px;background:#fff;border:1px solid rgba(62,105,151,.2);object-fit:contain}.mobile-account-brand strong{display:block;font-size:16px;line-height:1.35}.mobile-account-brand small{display:block;margin-top:2px;color:#607795;font-size:10px;line-height:1.4}.mobile-account-page-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px;padding-bottom:10px}.mobile-account-page-links a{min-width:0;padding:9px 2px;border-radius:12px;color:#354b69;font-size:13px;font-weight:700;text-align:center;white-space:nowrap}.mobile-account-page-links a.active{color:#1977df;background:rgba(255,255,255,.56);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}body.mobile-page.account-workspace-view .account-shell{width:calc(100% - 28px);max-width:none;margin:0 auto;padding:16px 0 30px}body.mobile-page.account-workspace-view .account-app{display:grid;grid-template-columns:1fr;gap:14px;margin-top:0}body.mobile-page.account-workspace-view .account-side{border-radius:22px;overflow:hidden}body.mobile-page.account-workspace-view .account-profile{padding:18px;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;align-items:center}body.mobile-page.account-workspace-view .account-avatar{width:56px;height:56px}body.mobile-page.account-workspace-view .account-profile h2{margin:0;font-size:18px}body.mobile-page.account-workspace-view .account-profile p,body.mobile-page.account-workspace-view .account-roles{grid-column:2}body.mobile-page.account-workspace-view .account-roles{margin-top:6px}body.mobile-page.account-workspace-view .account-nav-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px}body.mobile-page.account-workspace-view .account-nav-list button{display:flex;justify-content:center;gap:5px;min-width:0;min-height:42px;padding:0 5px;font-size:12px}body.mobile-page.account-workspace-view .account-nav-list .nav-icon{width:auto}body.mobile-page.account-workspace-view .account-side-footer{padding:0 14px 14px}body.mobile-page.account-workspace-view .account-main-card{padding:18px;border-radius:22px}body.mobile-page.account-workspace-view .account-main-head{flex-direction:column;gap:12px}body.mobile-page.account-workspace-view .account-main-head h2{font-size:22px}body.mobile-page.account-workspace-view .account-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.mobile-page.account-workspace-view .account-stat{padding:14px}body.mobile-page.account-workspace-view .account-product-grid{grid-template-columns:1fr}body.mobile-page.account-workspace-view .account-list-item{align-items:flex-start;flex-direction:column}body.mobile-page.account-workspace-view .account-item-actions{width:100%;justify-content:space-between}body.mobile-page.account-workspace-view .account-avatar-upload{align-items:flex-start;flex-direction:column}

/* 移动登录页保持登录页独立，且在宽预览窗口不回落为 PC 卡片。 */
body.mobile-page.account-auth-view .account-shell{width:calc(100% - 28px);max-width:none;min-height:0;padding:0}body.mobile-page.account-auth-view .account-auth{width:100%;min-height:100vh;margin:0;padding:66px 20px 34px;border:0;border-radius:0;background:transparent;box-shadow:none}body.mobile-page.account-auth-view .account-auth h2{font-size:25px}body.mobile-page.account-auth-view .account-auth-actions{margin-top:48px}body.mobile-page.account-auth-view .account-auth-mark{margin-bottom:20px}
html:has(body.mobile-page.account-workspace-view),body.mobile-page.account-workspace-view,html:has(body.mobile-page.account-auth-view),body.mobile-page.account-auth-view{max-width:100%;overflow-x:clip}body.mobile-page.account-workspace-view *,body.mobile-page.account-auth-view *{min-width:0}

/* “我的”复用手机首页的同源导航、背景与卡片语言。 */
body.mobile-page.account-workspace-view{color:var(--text-1,#13233a);background:var(--bg,#eef5ff)}body.mobile-page.account-workspace-view .nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);border-bottom:1px solid var(--border-subtle);box-shadow:0 10px 30px rgba(15,23,42,.06);backdrop-filter:blur(18px)}body.mobile-page.account-workspace-view .container{width:calc(100% - 28px);margin:0 auto}body.mobile-page.account-workspace-view .nav-inner{min-height:0;display:grid;grid-template-columns:1fr;align-items:start;gap:10px;padding:16px 0}body.mobile-page.account-workspace-view .logo{width:auto;display:flex;align-items:center;gap:12px;min-width:0}body.mobile-page.account-workspace-view .logo-mark{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.18);display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 28px rgba(0,172,235,.12)}body.mobile-page.account-workspace-view .logo-mark img{width:78%;height:78%;object-fit:contain;display:block}body.mobile-page.account-workspace-view .logo-copy strong{display:block;font-size:16px;line-height:1.35}body.mobile-page.account-workspace-view .logo-copy span{display:block;color:var(--text-3,#2a5f7a);font-size:11px;line-height:1.45}body.mobile-page.account-workspace-view .nav-menu{order:3;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:22px;overflow-x:auto;scrollbar-width:none;padding:2px 0}body.mobile-page.account-workspace-view .nav-menu::-webkit-scrollbar{display:none}body.mobile-page.account-workspace-view .nav-menu a{position:relative;flex:0 0 auto;padding:8px 0;color:var(--text-2,#0a4a63);font-size:14px;white-space:nowrap}body.mobile-page.account-workspace-view .nav-menu a.active{color:var(--primary,#00aceb);font-weight:600}body.mobile-page.account-workspace-view .nav-menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:999px;background:linear-gradient(90deg,#00aceb,#6fd4f4);box-shadow:0 0 14px rgba(0,172,235,.42)}body.mobile-page.account-workspace-view .nav-note{width:100%;color:var(--text-3,#2a5f7a);font-size:12px;line-height:1.5;text-align:left}body.mobile-page.account-workspace-view .account-shell{width:calc(100% - 28px);padding-top:18px}body.mobile-page.account-workspace-view .account-side,body.mobile-page.account-workspace-view .account-main-card{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-card);backdrop-filter:blur(18px)}body.mobile-page.account-workspace-view .account-side{border-radius:24px}body.mobile-page.account-workspace-view .account-main-card{border-radius:24px}body.mobile-page.account-workspace-view .account-nav-list button.active{color:var(--primary,#00aceb);background:rgba(0,172,235,.12)}body.mobile-page.account-workspace-view .account-stat{background:rgba(247,251,255,.86);border-color:rgba(148,163,184,.18)}body.mobile-page.account-workspace-view .account-primary-btn{background:linear-gradient(135deg,#00aceb,#6fd4f4);box-shadow:0 10px 20px rgba(0,172,235,.2)}

/* 工作台菜单采用产品库“加入对比”的静态玻璃按钮，而非主操作的蓝色渐变。 */
body.mobile-page.account-workspace-view .account-nav-list button,body.mobile-page.account-workspace-view .account-side-footer .account-secondary-btn{background:rgba(255,255,255,.50)!important;border:1px solid rgba(0,172,235,.34)!important;color:#003b52!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 10px 24px rgba(0,46,61,.06)!important}body.mobile-page.account-workspace-view .account-nav-list button{border-radius:16px!important;font-weight:800}body.mobile-page.account-workspace-view .account-nav-list button.active{background:rgba(232,246,255,.78)!important;border-color:rgba(0,172,235,.42)!important;color:#00698F!important}body.mobile-page.account-workspace-view .account-nav-list button:hover,body.mobile-page.account-workspace-view .account-side-footer .account-secondary-btn:hover{background:rgba(255,255,255,.72)!important;border-color:rgba(0,172,235,.48)!important;color:#00628a!important}body.mobile-page.account-workspace-view .account-side-footer .account-secondary-btn{border-radius:16px!important;min-height:44px;font-weight:800}

body.mobile-page.account-workspace-view .account-page-footer{margin-top:16px;padding:0 4px 8px}body.mobile-page.account-workspace-view .account-page-footer .account-secondary-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%;min-height:44px;padding:0 16px;border:1px solid rgba(0,172,235,.34)!important;border-radius:16px!important;background:rgba(255,255,255,.50)!important;color:#003b52!important;font-weight:800!important;line-height:1!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 10px 24px rgba(0,46,61,.06)!important}body.mobile-page.account-workspace-view .account-page-footer .account-secondary-btn:hover{background:rgba(255,255,255,.72)!important;border-color:rgba(0,172,235,.48)!important;color:#00628a!important}

body.mobile-page.account-workspace-view .account-message-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;width:100%;margin-bottom:18px}body.mobile-page.account-workspace-view .account-message-head>div{min-width:0}body.mobile-page.account-workspace-view .account-message-head .account-read-all-btn{align-self:start!important;width:auto!important;min-height:32px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}body.mobile-page.account-workspace-view .account-message-head h2{line-height:32px!important}body.mobile-page.account-workspace-view .account-message-head p{grid-column:1/-1}

body.mobile-page.account-workspace-view .account-demand-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;width:100%;margin-bottom:18px}body.mobile-page.account-workspace-view .account-demand-head>div{min-width:0}body.mobile-page.account-workspace-view .account-demand-head .account-demand-new-btn{align-self:start!important;width:auto!important;min-height:32px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}body.mobile-page.account-workspace-view .account-demand-head h2{line-height:32px!important}

body.mobile-page.account-workspace-view .account-action-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;width:100%;margin-bottom:18px}body.mobile-page.account-workspace-view .account-action-head>div{min-width:0}body.mobile-page.account-workspace-view .account-action-head .account-head-action-btn{align-self:start!important;width:auto!important;min-height:32px!important;margin:0!important;padding:0 10px!important;border-radius:11px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}body.mobile-page.account-workspace-view .account-action-head h2{line-height:32px!important}

/* 概览页压缩信息密度，减少数据卡和快捷操作的空白。 */
body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid{gap:8px!important;margin:0 0 14px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid .account-stat{min-height:54px!important;padding:9px 12px!important;border-radius:14px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid .account-stat-number{flex:0 0 auto;font-size:21px!important;line-height:1!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid .account-stat span{margin:0!important;font-size:11px!important;line-height:1.35!important;text-align:right!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section{margin-top:14px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section h3{margin-bottom:8px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section .account-list{gap:8px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section .account-list-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:14px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section .account-list-item p{margin-top:3px!important}body.mobile-page.account-workspace-view .account-action-head+.account-stat-grid+.account-section .account-item-actions{width:auto!important;margin-top:0!important;justify-content:flex-end!important}

/* 内容区操作与“加入对比”共用玻璃按钮，并强制文字在按钮框内双向居中。 */
body.mobile-page.account-workspace-view .account-main-card .account-primary-btn,body.mobile-page.account-workspace-view .account-main-card .account-secondary-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 16px!important;border:1px solid rgba(0,172,235,.34)!important;border-radius:16px!important;background:rgba(255,255,255,.50)!important;color:#003b52!important;font-weight:800!important;line-height:1!important;text-align:center!important;vertical-align:middle!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 10px 24px rgba(0,46,61,.06)!important}body.mobile-page.account-workspace-view .account-main-card .account-primary-btn:hover,body.mobile-page.account-workspace-view .account-main-card .account-secondary-btn:hover{background:rgba(255,255,255,.72)!important;border-color:rgba(0,172,235,.48)!important;color:#00628a!important}

/* Overview quick actions: lock the link box and its text to the same visual centre. */
body[data-page="account-workspace"] .account-quick-action-btn,
body.mobile-page.account-workspace-view .account-main-card .account-quick-action-btn{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 17px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body[data-page="account-workspace"] .account-quick-action-btn>span,
body.mobile-page.account-workspace-view .account-main-card .account-quick-action-btn>span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:translateY(1px);
}

/* 手机端控件高度与全站层级对齐（2026-09-03）：工作台表单输入 44px/12px，
   登录手机号/验证码输入 16px 字号避免 iOS 聚焦自动放大。 */
body.mobile-page.account-workspace-view .account-field input{height:44px!important;border-radius:12px!important;font-size:16px!important}
body.mobile-page.account-auth-view .account-phone-field input,
body.mobile-page.account-auth-view .account-code-field input{font-size:16px!important}

/* 积分收进用户姓名右侧，资料区保持紧凑。 */
.account-workspace-view .account-profile{display:grid;grid-template-columns:50px minmax(0,1fr) auto;column-gap:12px;row-gap:7px;align-items:start}
.account-workspace-view .account-profile .account-avatar{grid-column:1;grid-row:1}
.account-workspace-view .account-profile .account-profile-copy{grid-column:2;grid-row:1;min-width:0}
.account-workspace-view .account-profile .account-profile-copy h2{margin:0;font-size:18px;line-height:1.35}
.account-workspace-view .account-profile .account-profile-copy p{margin:2px 0 0}
.account-workspace-view .account-profile .account-roles{grid-column:2 / -1;grid-row:2;margin:0}
.account-workspace-view .account-profile .account-points-summary{grid-column:3;grid-row:1;display:inline-flex;align-items:center;align-self:start;gap:5px;min-height:30px;margin:0;padding:0 9px;border-radius:10px;white-space:nowrap}
.account-workspace-view .account-profile .account-points-summary span{font-size:11px}
.account-workspace-view .account-profile .account-points-summary strong{font-size:17px}
@media(max-width:800px){
  .account-workspace-view .account-profile{grid-template-columns:50px minmax(0,1fr) auto;column-gap:10px}
}
body.mobile-page.account-workspace-view .account-profile{grid-template-columns:56px minmax(0,1fr) auto}
body.mobile-page.account-workspace-view .account-profile .account-points-summary{grid-column:3;grid-row:1;align-self:start;margin:0;padding:0 8px;border-radius:10px;min-height:29px}
body.mobile-page.account-workspace-view .account-profile .account-points-summary strong{font-size:16px}
.account-workspace-view .account-profile.account-profile-no-roles{row-gap:0;padding-bottom:14px}
body.mobile-page.account-workspace-view .account-profile.account-profile-no-roles{padding-top:14px;padding-bottom:14px}

/* ===== 手机端工作台：与首页等页面统一节奏（hero 12/14px + shell 22px、内容区对齐） ===== */
body.mobile-page.account-workspace-view .account-hero-mobile{padding:12px 0 14px}
body.mobile-page.account-workspace-view .account-hero-shell{border-radius:22px;padding:22px}
body.mobile-page.account-workspace-view .account-hero-shell .hero-head{display:block;margin:0}
body.mobile-page.account-workspace-view .account-hero-shell h1{margin:0;font-size:24px;line-height:1.2}
body.mobile-page.account-workspace-view .account-hero-shell p{margin:8px 0 0;font-size:13px;line-height:1.7}
body.mobile-page.account-workspace-view .account-hero-shell .hero-badge{height:30px;display:inline-flex;align-items:center;padding:0 10px;margin-top:10px;border-radius:999px;font-size:11px;white-space:nowrap}
/* 内容区与上方 hero 的 22px 内边距对齐（覆盖此前贴边的 0 边距） */
body.mobile-page.account-workspace-view .account-shell{width:calc(100% - 28px);padding:0 0 96px}
body.mobile-page.account-workspace-view .account-app{width:calc(100% - 20px) !important;max-width:370px !important;margin:0 auto !important;padding:0 !important}
body.mobile-page.account-workspace-view .account-side,
body.mobile-page.account-workspace-view .account-main-card{width:auto !important}
body.mobile-page.account-workspace-view .account-page-footer{width:calc(100% - 20px);max-width:370px;margin:0 auto;box-sizing:border-box}

/* Keep account form inputs visually light on focus. */
body[data-page^="account"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):focus {
  border-color: rgba(82, 142, 200, .42) !important;
  box-shadow: 0 0 0 2px rgba(82, 142, 200, .08) !important;
  outline: none !important;
}

.account-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.account-section-heading h3 { margin:0; }
.account-term-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.account-term-card { min-width:0; padding:16px; border:1px solid rgba(134,178,216,.34); border-radius:14px; background:rgba(255,255,255,.58); }
.account-term-card > span { display:block; margin-bottom:6px; color:#5480aa; font-size:12px; }
.account-term-card h4 { margin:0; color:#20334b; font-size:16px; line-height:1.4; }
.account-term-card p { margin:8px 0 12px; color:#60758d; font-size:13px; line-height:1.65; }
.account-status-badge { display:inline-flex; align-items:center; min-height:26px; padding:0 9px; border:1px solid rgba(81,145,201,.24); border-radius:999px; background:#e6f7fd; color:#3475b4; font-size:12px; white-space:nowrap; }
.account-nav-list button:focus-visible { outline:2px solid rgba(0,172,235,.38); outline-offset:1px; }

@media (max-width:800px) {
  .account-term-grid { grid-template-columns:1fr; }
  body.mobile-page.account-workspace-view .account-nav-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.mobile-page.account-workspace-view .account-section-heading { align-items:flex-start; flex-wrap:wrap; row-gap:6px; }
  /* 状态徽章（如“快速比较 2–4 款…”）在 390 宽度下允许换行，避免被 overflow-x:clip 直接裁掉。 */
  body.mobile-page.account-workspace-view .account-section-heading .account-status-badge {
    max-width:100%;
    white-space:normal;
    line-height:1.45;
    text-align:left;
  }
  /* 消息偏好：保存按钮不拆字；说明文字独占一行。 */
  body.mobile-page.account-workspace-view #account-notify-prefs .account-item-actions {
    align-items:flex-start;
    flex-wrap:wrap;
    gap:8px 12px;
  }
  body.mobile-page.account-workspace-view #account-notify-prefs .account-item-actions .account-secondary-btn {
    flex:0 0 auto;
    white-space:nowrap;
  }
  body.mobile-page.account-workspace-view #account-notify-prefs .account-item-actions small {
    flex:1 1 100%;
    line-height:1.55;
  }
}
/* ===== Account button surface normalization (2026-08-25) ===== */
body[data-page^="account"] .account-auth-actions .account-phone-btn,
body[data-page^="account"] .account-primary-btn {
  border: 0 !important;
  background-clip: padding-box !important;
  box-shadow: 0 12px 24px rgba(22, 140, 243, .18) !important;
}
body[data-page^="account"] .account-wechat-btn {
  border: 0 !important;
  box-shadow: 0 12px 22px rgba(9, 187, 7, .18) !important;
}
body[data-page^="account"] :where(
  .account-secondary-btn,
  .account-code-field button,
  .account-upload-btn
) {
  background: #e6f7fd !important;
  background-image: none !important;
  color: #00698F !important;
  border: 1px solid rgba(22, 140, 243, .2) !important;
  box-shadow: none !important;
}
body.mobile-page.account-workspace-view :where(
  .account-nav-list button,
  .account-side-footer .account-secondary-btn,
  .account-page-footer .account-secondary-btn
) {
  background: rgba(255, 255, 255, .76) !important;
  background-image: none !important;
  color: #0a4a63 !important;
  border: 1px solid rgba(154, 193, 225, .42) !important;
  box-shadow: none !important;
}
body.mobile-page.account-workspace-view .account-nav-list button.active {
  background: #e6f7fd !important;
  color: #00698F !important;
  border-color: #6fd4f4 !important;
  box-shadow: none !important;
}

/* ===== T9 登录页价值说明 + 手机图标（2026-08-30）===== */
.account-auth-sub {
  margin: 4px 0 14px;
  font-size: 13px;
  line-height: 1.5;
  color: #5A6B7E;
  text-align: center;
}
.account-auth-benefits {
  list-style: none;
  margin: 0 0 20px;
  padding: 14px 16px;
  display: grid;
  gap: 10px;
  background: #f4f9ff;
  border: 1px solid rgba(0,172,235,.14);
  border-radius: 14px;
  text-align: left;
}
.account-auth-benefits li {
  position: relative;
  padding-left: 22px;
  font-size: 13px;
  line-height: 1.55;
  color: #41566e;
}
.account-auth-benefits li::before {
  content: "\2713";
  position: absolute;
  left: 2px;
  top: 0;
  color: #2f7fe8;
  font-weight: 700;
  font-size: 12px;
}
.account-phone-btn .account-phone-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.account-phone-btn .account-phone-ico svg {
  width: 17px;
  height: 17px;
}
@media (max-width: 600px) {
  .account-auth-benefits { padding: 12px 14px; gap: 9px; }
  .account-auth-benefits li { font-size: 12.5px; }
}

/* 登录页站内导航（视觉审查报告 P4：登录前提供返回首页入口） */
.account-auth-nav{width:min(448px,100%);margin:16px auto 0;padding:0 4px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-auth-home{display:inline-flex;align-items:center;gap:8px;color:#42566e;font-size:13px;font-weight:700;text-decoration:none}
.account-auth-home-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#002e3d;font-size:12px;font-weight:800;background:linear-gradient(135deg,#00aceb,#6fd4f4)}
.account-auth-back-home{color:#00aceb;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
body.account-auth-view .account-auth{margin-top:14px}

/* ===== 我的划线（工作台标签，2026-09） ===== */
.hl-group { margin-bottom: 14px; padding: 0 !important; border: 1px solid var(--border-subtle); border-radius: 16px; background: rgba(255,255,255,.86); overflow: hidden; box-shadow: 0 10px 28px rgba(59,94,140,.06); }
.hl-group-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px dashed rgba(148,163,184,.35); background: linear-gradient(135deg, rgba(0,172,235,.05), rgba(0,172,235,.04)); }
.hl-group-name { display: flex; align-items: center; gap: 12px; }
.hl-group-thumb { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(135deg,#00aceb,#6fd4f4); color: #002e3d; font-size: 17px; font-weight: 800; }
.hl-group-name b { display: block; font-size: 15px; color: #1f2d40; }
.hl-group-name small { color: #7a8aa0; font-size: 11.5px; }
.hl-group-count { padding: 4px 12px; border-radius: 999px; background: rgba(0,172,235,.08); border: 1px solid rgba(0,172,235,.2); color: #0087b3; font-size: 12px; font-weight: 700; }
.hl-item { display: flex; align-items: flex-start; gap: 14px; padding: 13px 18px; border-bottom: 1px solid rgba(148,163,184,.16); }
.hl-item:last-child { border-bottom: 0; }
.hl-item-field { flex: 0 0 92px; margin-top: 2px; }
.hl-item-field, .hl-item-field span { display: inline-block; padding: 4px 10px; border-radius: 8px; background: #eef4fb; color: #4c6178; font-size: 12px; font-weight: 700; }
.hl-item-body { flex: 1; min-width: 0; }
.hl-item-text { font-size: 13.5px; line-height: 1.65; color: #1f2d40; }
.hl-item-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 6px; font-size: 11.5px; color: #8a9ab0; }
.hl-item-hot { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; background: rgba(234,88,12,.08); color: #c2410c; font-weight: 700; }
.hl-item-ops { flex: 0 0 auto; display: flex; gap: 8px; margin-top: 2px; }
.btn-hl { padding: 7px 13px; border-radius: 9px; font-size: 12px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-hl.view { background: #fff; border: 1px solid rgba(0,172,235,.4); color: #0087b3; }
.btn-hl.view:hover { background: #eef4ff; }
.btn-hl.del { background: #fff; border: 1px solid rgba(226,83,83,.35); color: #d65b5b; }
.btn-hl.del:hover { background: #fff5f5; }
@media (max-width: 700px) {
  .hl-item { flex-wrap: wrap; gap: 8px; }
  .hl-item-body { flex: 1 1 100%; order: 3; }
  .hl-item-ops { margin-left: auto; }
}
#hl-ws-tip { position: fixed; left: 50%; bottom: 60px; transform: translateX(-50%) translateY(8px); z-index: 1300; padding: 10px 18px; border-radius: 12px; background: rgba(23,42,66,.92); color: #fff; font-size: 13px; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
#hl-ws-tip.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* 手机号登录按钮：图标与文字垂直居中对齐（用户反馈 2026-09） */
.account-phone-btn{display:inline-flex;align-items:center;justify-content:center}
.account-phone-btn .account-phone-ico{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;letter-spacing:0}

/* ===== 论坛内容治理：工作台状态与操作 ===== */
.account-mod-badge { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 999px; font-size: 11px; line-height: 18px; white-space: nowrap; border: 1px solid transparent; }
.account-mod-badge.hidden { color: #7f1d1d; background: rgba(254, 226, 226, .8); border-color: rgba(220, 100, 100, .35); }
.account-mod-badge.pending_review { color: #8a6d1f; background: rgba(254, 240, 199, .9); border-color: rgba(196, 156, 60, .35); }
.account-mod-badge.rejected { color: #6b21a8; background: rgba(237, 216, 252, .8); border-color: rgba(160, 90, 200, .35); }
.account-mod-badge.withdrawn { color: #475569; background: rgba(226, 232, 240, .9); border-color: rgba(148, 163, 184, .4); }
.account-mod-badge.edited { color: #8a6d1f; background: rgba(240, 200, 100, .18); border-color: rgba(196, 156, 60, .35); }
.account-mod-edit { margin-top: 10px; display: flex; flex-direction: column; gap: 8px; }
.account-mod-edit[hidden] { display: none; }
.account-mod-edit input, .account-mod-edit textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; }

/* ===== 阶段 F（方案 §9.2 / §10）：账号状态、数据导出、注销冷静期 ===== */
/* 这一块刻意与资料表单在视觉上分开（分隔线 + 独立标题），
   让"注销"不会看着像表单里的一个普通按钮被顺手点到。 */
.account-lifecycle { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--account-line, rgba(148, 163, 184, .3)); }
.account-lifecycle h3 { margin: 0 0 8px; font-size: 16px; }
.account-lifecycle-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.account-deletion { margin-top: 14px; padding: 14px 16px; border: 1px solid rgba(220, 100, 100, .35); border-radius: 12px; background: rgba(254, 242, 242, .6); }
.account-deletion summary { cursor: pointer; font-weight: 600; color: #b91c1c; }
.account-deletion label { display: block; margin: 12px 0 4px; font-size: 13px; color: #7f1d1d; }
.account-deletion input { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #f0b4b4; border-radius: 8px; font: inherit; background: #fff; }
.account-danger-btn { margin-top: 14px; padding: 9px 18px; border: 1px solid #dc6a6a; border-radius: 10px; background: #fff; color: #b91c1c; font: inherit; font-weight: 600; cursor: pointer; }
.account-danger-btn:hover { background: #fef2f2; }
.account-danger-btn:disabled { opacity: .6; cursor: not-allowed; }
.account-deletion-pending { margin-top: 14px; padding: 14px 16px; border: 1px solid rgba(196, 156, 60, .45); border-radius: 12px; background: rgba(254, 249, 231, .7); }
.account-deletion-pending p { margin: 0 0 10px; color: #8a6d1f; }
.account-lifecycle .account-status.error { color: #b91c1c; }
/* 手机端：按钮占满一行，避免"撤销注销"与"导出数据"挤在一起误触 */
@media (max-width: 640px) {
  .account-lifecycle-actions { flex-direction: column; }
  .account-lifecycle-actions .account-secondary-btn,
  .account-danger-btn { width: 100%; }
}

/* ===== 阶段 F（方案 §9.2）：账号状态申诉 ===== */
/* 与论坛内容申诉区分：这一块只出现在账号确实被处置时，
   正常账号不显示，避免让人误以为"申诉"是常规功能。 */
.account-appeal-block, #account-appeal-block { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--account-line, rgba(148, 163, 184, .3)); }
#account-appeal-block h3 { margin: 0 0 8px; font-size: 16px; }
#account-appeal-block:empty { display: none; margin: 0; padding: 0; border-top: 0; }
.account-appeal-form { margin-top: 12px; padding: 14px 16px; border: 1px solid rgba(196, 156, 60, .45); border-radius: 12px; background: rgba(254, 249, 231, .6); }
.account-appeal-form summary { cursor: pointer; font-weight: 600; color: #8a6d1f; }
.account-appeal-form label { display: block; margin: 12px 0 4px; font-size: 13px; color: #7a5f16; }
.account-appeal-form textarea,
.account-appeal-form input { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #e2cf9a; border-radius: 8px; font: inherit; background: #fff; }
.account-appeal-form textarea { resize: vertical; }
.account-appeal-form .account-primary-btn { margin-top: 14px; }
.account-appeal-list { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.account-appeal-item { padding: 12px 14px; border: 1px solid var(--account-line, rgba(148, 163, 184, .3)); border-radius: 12px; background: rgba(255, 255, 255, .7); }
.account-appeal-head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 12px; color: var(--account-muted, #2a5f7a); }
.account-appeal-badge { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 11px; line-height: 18px; border: 1px solid transparent; }
.account-appeal-badge.pending { color: #8a6d1f; background: rgba(254, 240, 199, .9); border-color: rgba(196, 156, 60, .35); }
.account-appeal-badge.accepted { color: #14532d; background: rgba(220, 252, 231, .9); border-color: rgba(74, 160, 100, .35); }
.account-appeal-badge.rejected { color: #7f1d1d; background: rgba(254, 226, 226, .85); border-color: rgba(220, 100, 100, .35); }
.account-appeal-badge.escalated { color: #1e3a8a; background: rgba(219, 234, 254, .9); border-color: rgba(96, 130, 200, .35); }
.account-appeal-reason { margin: 0 0 6px; white-space: pre-wrap; word-break: break-word; }
.account-appeal-conclusion { margin: 0; font-size: 13px; color: var(--account-muted, #2a5f7a); }
.account-appeal-conclusion.pending { color: #8a6d1f; }

/* ===== PC 我的工作台：业务导航栏 + 详情画布（2026-09-16） ===== */
.account-workspace-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.account-nav-group { display: none; }
.account-nav-list .nav-icon svg {
  width: 19px;
  height: 19px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.account-nav-list [data-tab="overview"] .nav-icon svg { fill: currentColor; stroke: none; }

@media (min-width: 801px) {
  body.account-workspace-view {
    --workbench-ice: #edf8ff;
    --workbench-rail: #f5faff;
    --workbench-paper: rgba(255,255,255,.96);
    --workbench-ink: #132b43;
    --workbench-copy: #58718a;
    --workbench-blue: #168ce0;
    --workbench-cyan: #00aceb;
    --workbench-line: rgba(91,145,190,.20);
    --workbench-focus: rgba(22,140,224,.38);
    background:
      radial-gradient(circle at 8% 8%, rgba(0,172,235,.10), transparent 28rem),
      linear-gradient(180deg, #eaf7ff 0, #f5faff 360px, #f7fafc 100%);
  }
  .account-workspace-view .account-shell {
    padding-block: 24px 64px;
  }
  .account-workspace-view .account-app {
    grid-template-columns: 252px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    min-height: calc(100vh - 120px);
  }
  .account-workspace-view .account-side,
  .account-workspace-view .account-main-card {
    border: 1px solid var(--workbench-line);
    background: var(--workbench-paper);
    box-shadow: 0 16px 44px rgba(31,86,132,.08);
  }
  .account-workspace-view .account-side {
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 116px);
    border-radius: 20px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(22,140,224,.28) transparent;
  }
  .account-workspace-view .account-profile {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 0 12px;
    padding: 20px 18px 18px;
    border-bottom-color: var(--workbench-line);
    background: linear-gradient(145deg, rgba(232,247,255,.96), rgba(255,255,255,.92));
  }
  .account-workspace-view .account-avatar {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(255,255,255,.92);
    box-shadow: 0 8px 20px rgba(0,135,179,.18);
  }
  .account-workspace-view .account-profile-copy { min-width: 0; }
  .account-workspace-view .account-profile h2 {
    margin: 0 0 3px;
    color: var(--workbench-ink);
    font-size: 17px;
    letter-spacing: -.015em;
  }
  .account-workspace-view .account-profile p {
    overflow: hidden;
    color: var(--workbench-copy);
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .account-workspace-view .account-profile .account-roles,
  .account-workspace-view .account-profile .account-points-summary {
    grid-column: 1 / -1;
  }
  .account-workspace-view .account-profile .account-roles {
    grid-row: auto;
    margin-top: 13px;
  }
  .account-workspace-view .account-profile .account-points-summary {
    grid-row: auto;
    display: grid;
    align-self: stretch;
    margin-top: 14px;
    padding: 10px 12px;
    border-color: rgba(0,172,235,.24);
    border-radius: 12px;
    background: rgba(255,255,255,.76);
    box-shadow: none;
  }
  .account-workspace-view .account-nav-list {
    display: grid;
    gap: 3px;
    padding: 12px;
  }
  .account-workspace-view .account-nav-group {
    display: block;
    margin: 13px 10px 4px;
    color: #7d93a8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
  }
  .account-workspace-view .account-nav-group:first-child { margin-top: 2px; }
  .account-workspace-view .account-nav-list button {
    position: relative;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 16px;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 10px 0 8px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #48637c;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
  }
  .account-workspace-view .account-nav-list button::after {
    content: "";
    width: 6px;
    height: 6px;
    justify-self: center;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    opacity: .48;
    transform: rotate(45deg);
  }
  .account-workspace-view .account-nav-list button::before {
    content: "";
    position: absolute;
    inset-block: 9px;
    inset-inline-start: -1px;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: transparent;
  }
  .account-workspace-view .account-nav-list button:hover {
    color: #176fb8;
    border-color: rgba(22,140,224,.12);
    background: rgba(230,247,253,.72);
  }
  .account-workspace-view .account-nav-list button.active {
    color: #096db9;
    border-color: rgba(22,140,224,.16);
    background: linear-gradient(90deg, rgba(222,243,255,.98), rgba(239,249,255,.82));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  }
  .account-workspace-view .account-nav-list button.active::before { background: var(--workbench-cyan); }
  .account-workspace-view .account-nav-list button.active::after { opacity: .9; }
  .account-workspace-view .account-nav-list .nav-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(220,240,252,.72);
    color: #3d7fb6;
  }
  .account-workspace-view .account-nav-list button.active .nav-icon {
    color: #087fbd;
    background: rgba(255,255,255,.88);
  }
  .account-workspace-view .account-nav-list button:focus-visible {
    outline: 2px solid var(--workbench-focus);
    outline-offset: 2px;
  }
  .account-workspace-view .account-side-footer {
    padding: 4px 18px 18px;
  }
  .account-workspace-view .account-side-footer::before {
    content: "";
    display: block;
    height: 1px;
    margin: 0 0 14px;
    background: var(--workbench-line);
  }
  .account-workspace-view .account-side-footer .account-secondary-btn {
    min-height: 40px;
    border-radius: 10px;
    background: #f4f9fd !important;
    color: #557087 !important;
    border-color: rgba(91,145,190,.22) !important;
  }
  .account-workspace-view .account-main-card {
    min-height: 700px;
    padding: clamp(24px, 2.2vw, 36px);
    border-radius: 22px;
  }
  .account-workspace-view .account-main-head {
    position: relative;
    align-items: center;
    margin-bottom: 26px;
    padding: 0 0 22px 16px;
    border-bottom: 1px solid var(--workbench-line);
  }
  .account-workspace-view .account-main-head::before {
    content: "";
    position: absolute;
    inset-block: 1px 23px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--workbench-cyan), #69d5f5);
  }
  .account-workspace-view .account-main-head h2 {
    color: var(--workbench-ink);
    font-size: clamp(23px, 1.7vw, 28px);
    line-height: 1.25;
    letter-spacing: -.025em;
  }
  .account-workspace-view .account-main-head p {
    max-width: 740px;
    margin-top: 7px;
    color: var(--workbench-copy);
    font-size: 14px;
  }
  .account-workspace-view .account-main-head .account-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    flex: 0 0 auto;
    border-radius: 10px;
  }
  .account-workspace-view .account-stat-grid {
    gap: 14px;
    margin-bottom: 28px;
  }
  .account-workspace-view .account-stat {
    min-height: 96px;
    padding: 18px;
    border-color: var(--workbench-line);
    border-radius: 16px;
    background: linear-gradient(145deg, #f7fbff, #edf7ff);
  }
  .account-workspace-view .account-stat-number { font-size: 29px; }
  .account-workspace-view .account-stat span {
    max-width: 82px;
    color: #5f7890;
    line-height: 1.45;
  }
  .account-workspace-view .account-section { margin-top: 28px; }
  .account-workspace-view .account-section h3,
  .account-workspace-view .account-lifecycle h3 {
    color: #233f59;
    font-size: 16px;
    letter-spacing: -.01em;
  }
  .account-workspace-view .account-section > h3,
  .account-workspace-view .account-section-heading > h3 {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .account-workspace-view .account-section > h3::before,
  .account-workspace-view .account-section-heading > h3::before {
    content: "";
    width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--workbench-cyan);
    box-shadow: 0 0 0 4px rgba(0,172,235,.10);
  }
  .account-workspace-view .account-list { gap: 12px; }
  .account-workspace-view .account-list-item,
  .account-workspace-view .account-product,
  .account-workspace-view .account-term-card,
  .account-workspace-view .account-empty {
    border-color: var(--workbench-line);
    background: #fbfdff;
  }
  .account-workspace-view .account-list-item {
    min-height: 72px;
    padding: 15px 16px;
    transition: border-color 150ms ease, background-color 150ms ease;
  }
  .account-workspace-view .account-list-item:hover {
    border-color: rgba(22,140,224,.30);
    background: #fff;
  }
  .account-workspace-view .account-form { max-width: 780px; }
  .account-workspace-view .account-lifecycle { max-width: 780px; }
}

@media (min-width: 801px) and (max-width: 1120px) {
  .account-workspace-view .account-app {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 16px;
  }
  .account-workspace-view .account-main-card { padding: 24px; }
  .account-workspace-view .account-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-workspace-view .account-profile { padding-inline: 15px; }
  .account-workspace-view .account-nav-list { padding-inline: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .account-workspace-view .account-nav-list button,
  .account-workspace-view .account-list-item { transition: none; }
}

@media (forced-colors: active) {
  .account-workspace-view .account-nav-list button.active { border: 2px solid Highlight; }
  .account-workspace-view .account-nav-list button.active::before { background: Highlight; }
}

/* P0-2：命名选型项目 */
.selection-projects-section .account-section-heading { align-items: flex-start; }
.selection-projects-section .account-section-heading p { margin: 4px 0 0; color: var(--workbench-ink-muted); font-size: .88rem; }
.selection-project-form { margin: 0 0 16px; padding: 14px; border: 1px solid var(--workbench-border); border-radius: 12px; background: var(--workbench-inset); }
.selection-project-form[hidden] { display: none; }
.selection-project-form label { display: block; margin-bottom: 6px; color: var(--workbench-ink-muted); font-size: .82rem; }
.selection-project-form > div { display: flex; align-items: center; gap: 8px; }
.selection-project-form input { flex: 1; min-width: 0; height: 42px; padding: 0 12px; border: 1px solid var(--workbench-border-strong); border-radius: 9px; background: var(--workbench-card); color: var(--workbench-ink); font: inherit; }
.selection-project-form input:focus-visible { outline: 3px solid rgba(29, 78, 216, .22); outline-offset: 2px; border-color: var(--workbench-blueprint); }
.selection-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.selection-project-card { min-width: 0; padding: 16px; border: 1px solid var(--workbench-border); border-radius: 12px; background: var(--workbench-card); }
.selection-project-card.archived { opacity: .72; background: var(--workbench-inset); }
.selection-project-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.selection-project-head h4 { margin: 8px 0 0; font-size: 1.04rem; color: var(--workbench-ink); }
.selection-project-head > span { color: var(--workbench-ink-muted); font-size: .82rem; white-space: nowrap; }
.selection-project-card > p { min-height: 40px; margin: 12px 0; color: var(--workbench-ink-muted); font-size: .88rem; line-height: 1.6; }
.selection-project-card .account-item-actions { justify-content: flex-start; flex-wrap: wrap; gap: 4px 12px; }
.selection-project-products { display: grid; gap: 6px; margin: 14px 0; padding: 0; list-style: none; }
.selection-project-products li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 6px 10px; min-height: 40px; padding: 8px 10px; border: 1px solid var(--workbench-border-soft); border-radius: 9px; background: var(--workbench-inset); }
.selection-project-products li > span { min-width: 0; overflow: hidden; color: var(--workbench-ink); font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.selection-project-products li em { color: var(--workbench-blueprint); font-size: .76rem; font-style: normal; font-weight: 700; }
.selection-project-products li.excluded > span { color: var(--workbench-ink-muted); text-decoration: line-through; }
.selection-project-products li.excluded em { color: var(--workbench-ink-muted); }
.selection-project-products-empty { min-height: 40px; margin: 14px 0; color: var(--workbench-ink-muted); font-size: .86rem; }
@media (max-width: 720px) {
  .selection-project-grid { grid-template-columns: 1fr; }
  .selection-project-form > div { flex-wrap: wrap; }
  .selection-project-form input { flex-basis: 100%; }
  .selection-project-products li { grid-template-columns: minmax(0, 1fr) auto; }
  .selection-project-products li .account-danger-btn { grid-column: 2; }
}

/* ===== 用户工作台 P0-1：任务首页、七分组导航与手机主入口（2026-09-17） ===== */
.account-workspace-view {
  --workbench-canvas: #f4f7f8;
  --workbench-card: #fff;
  --workbench-inset: #f3f6f7;
  --workbench-ink-strong: #172b38;
  --workbench-ink-soft: #4A5C6E;
  --workbench-blueprint: #14749f;
  --workbench-blueprint-soft: #eaf6fc;
  --workbench-progress: #2b7b57;
  --workbench-progress-soft: #eaf6ef;
  --workbench-warning: #9a681d;
  --workbench-warning-soft: #fff7e8;
  --workbench-border: rgba(43, 70, 84, .16);
  --workbench-border-soft: rgba(43, 70, 84, .10);
}
.workbench-eyebrow {
  display: block;
  margin-bottom: 4px;
  color: var(--workbench-blueprint);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}
.workbench-head-actions,
.workbench-card-head,
.workbench-section-head,
.workbench-next,
.workbench-task,
.workbench-message,
.workbench-activity {
  display: flex;
  align-items: center;
}
.workbench-head-actions { gap: 8px; flex: 0 0 auto; }
.workbench-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, .8fr);
  gap: 16px;
}
.workbench-primary-column,
.workbench-secondary-column,
.workbench-task-list,
.workbench-message-list,
.workbench-activity-list {
  display: grid;
  gap: 12px;
}
.workbench-selection,
.workbench-section,
.workbench-demand,
.workbench-side-card {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--workbench-border);
  border-radius: 16px;
  background: var(--workbench-card);
}
.workbench-selection {
  border-color: rgba(20, 116, 159, .22);
  background: linear-gradient(180deg, var(--workbench-blueprint-soft) 0 118px, #fff 118px);
}
.workbench-card-head,
.workbench-section-head { justify-content: space-between; gap: 12px; align-items: flex-start; }
.workbench-selection h3,
.workbench-demand h3,
.workbench-section h3,
.workbench-side-card h3 { margin: 0; color: var(--workbench-ink-strong); }
.workbench-selection h3 { margin-top: 14px; font-size: 21px; }
.workbench-selection-meta { margin: 5px 0 0; color: var(--workbench-ink-soft); font-size: 12px; }
.workbench-badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 9px;
  border-radius: 999px;
  color: var(--workbench-ink-soft);
  background: var(--workbench-inset);
  font-size: 11px;
  font-weight: 800;
}
.workbench-badge.primary { color: #0d638a; background: #d9eff9; }
.workbench-badge.warning { color: var(--workbench-warning); background: var(--workbench-warning-soft); }
.workbench-progress {
  display: grid;
  grid-template-columns: repeat(6, minmax(72px, 1fr));
  gap: 0;
  min-width: 570px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}
.workbench-selection { overflow: hidden; }
.workbench-selection .workbench-progress { overflow: visible; }
.workbench-progress li { position: relative; display: grid; justify-items: center; gap: 4px; color: #42536A; text-align: center; }
.workbench-progress li::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 7px -50% auto 50%;
  height: 2px;
  background: #d8e1e5;
}
.workbench-progress li:last-child::after { display: none; }
.workbench-progress li > * { position: relative; z-index: 1; }
.workbench-progress li > span { width: 10px; height: 10px; border: 2px solid #d8e1e5; border-radius: 50%; background: #d8e1e5; }
.workbench-progress li b { font-size: 11px; }
.workbench-progress li small { font-size: 10px; }
.workbench-progress li.done { color: var(--workbench-progress); }
.workbench-progress li.done > span { border-color: var(--workbench-progress); background: var(--workbench-progress); }
.workbench-progress li.done::after { background: var(--workbench-progress); }
.workbench-progress li.current { color: var(--workbench-blueprint); }
.workbench-progress li.current > span { width: 14px; height: 14px; margin-top: -2px; border: 4px solid #d6edf8; background: var(--workbench-blueprint); }
.workbench-next {
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid var(--workbench-border-soft);
}
.workbench-next p { margin: 0; color: var(--workbench-ink-soft); }
.workbench-next strong { color: var(--workbench-blueprint); }
.workbench-section-head h3 { font-size: 18px; }
.workbench-section-head p { margin: 3px 0 0; color: var(--workbench-ink-soft); font-size: 12px; }
.workbench-task-list { margin-top: 16px; }
.workbench-task {
  justify-content: space-between;
  gap: 14px;
  min-height: 72px;
  padding: 14px;
  border: 1px solid var(--workbench-border-soft);
  border-left: 3px solid #9aacb5;
  border-radius: 12px;
  background: var(--workbench-inset);
}
.workbench-task.primary { border-left-color: var(--workbench-blueprint); }
.workbench-task.warning { border-left-color: var(--workbench-warning); background: var(--workbench-warning-soft); }
.workbench-task strong,
.workbench-message strong,
.workbench-activity strong { color: var(--workbench-ink-strong); font-size: 13px; }
.workbench-task p,
.workbench-message p,
.workbench-activity p,
.workbench-demand p { margin: 4px 0 0; color: var(--workbench-ink-soft); font-size: 12px; line-height: 1.55; }
.workbench-task-action { flex: 0 0 auto; }
.workbench-demand { background: var(--workbench-warning-soft); border-color: rgba(154, 104, 29, .24); }
.workbench-demand.empty { background: var(--workbench-card); border-color: var(--workbench-border); }
.workbench-demand h3 { margin-top: 14px; font-size: 18px; }
.workbench-demand time,
.workbench-message time,
.workbench-activity time { color: #82939d; font-size: 10px; white-space: nowrap; }
.workbench-demand dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0; }
.workbench-demand dl div { min-width: 0; }
.workbench-demand dt { color: var(--workbench-ink-soft); font-size: 11px; }
.workbench-demand dd { margin: 3px 0 0; color: var(--workbench-ink-strong); font-size: 13px; font-weight: 800; }
.workbench-message { align-items: flex-start; gap: 8px; padding: 12px; border: 1px solid rgba(20, 116, 159, .18); border-radius: 11px; background: var(--workbench-blueprint-soft); }
.workbench-message > div { min-width: 0; flex: 1; }
.workbench-message-dot { width: 7px; height: 7px; margin-top: 6px; flex: 0 0 auto; border-radius: 50%; background: var(--workbench-blueprint); }
.workbench-activity { align-items: flex-start; gap: 12px; padding: 13px; border: 1px solid var(--workbench-border-soft); border-radius: 11px; background: var(--workbench-inset); }
.workbench-activity > span { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: var(--workbench-blueprint); background: var(--workbench-blueprint-soft); font-size: 11px; font-weight: 800; }
.workbench-activity > div { min-width: 0; flex: 1; }
.workbench-quiet-empty { padding: 18px 12px; border: 1px dashed var(--workbench-border); border-radius: 11px; color: var(--workbench-ink-soft); font-size: 12px; text-align: center; }
.workbench-quick-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.workbench-quick-links a,
.workbench-quick-links button,
.account-subtabs a,
.account-subtabs button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--workbench-border);
  border-radius: 9px;
  color: var(--workbench-ink-strong);
  background: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.workbench-quick-links a,
.account-subtabs a { display: inline-flex; align-items: center; }
.workbench-inline-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(154, 104, 29, .26);
  border-radius: 10px;
  color: #76501a;
  background: var(--workbench-warning-soft);
  font-size: 12px;
}
.workbench-inline-alert button { border: 0; color: var(--workbench-blueprint); background: transparent; font: inherit; font-weight: 800; cursor: pointer; }
.account-subtabs { display: flex; gap: 8px; overflow-x: auto; margin: -8px 0 22px; padding: 2px; scrollbar-width: none; }
.account-subtabs::-webkit-scrollbar { display: none; }
.account-subtabs .active,
.account-subtabs [aria-current="page"] { color: #0d638a; border-color: rgba(20, 116, 159, .30); background: var(--workbench-blueprint-soft); }
.account-more-menu { display: none; }

@media (max-width: 1120px) and (min-width: 801px) {
  .workbench-overview-grid { grid-template-columns: 1fr; }
  .workbench-secondary-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workbench-secondary-column .workbench-side-card:last-child { grid-column: 1 / -1; }
  .workbench-selection { overflow-x: auto; }
}

@media (max-width: 800px) {
  body.mobile-page.account-workspace-view .account-nav-list {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
  }
  body.mobile-page.account-workspace-view .account-nav-list button {
    min-height: 56px;
    flex-direction: column;
    gap: 2px;
    padding: 5px 2px;
    border-radius: 13px !important;
    font-size: 12px;
    line-height: 1.2;
  }
  body.mobile-page.account-workspace-view .account-nav-list .nav-icon {
    width: 24px;
    height: 22px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    font-size: 10px;
  }
  body.mobile-page.account-workspace-view .account-nav-list .mobile-secondary-tab { display: none; }
  body.mobile-page.account-workspace-view .account-nav-list .account-more-trigger { display: flex; }
  /* 「全部」是常驻标签里的入口：打开弹窗或进入其下的二级页时，把高亮交给它。 */
  body.mobile-page.account-workspace-view .account-nav-list .account-more-trigger.active {
    background: rgba(232, 246, 255, .78) !important;
    border-color: rgba(0, 172, 235, .42) !important;
    color: #00698F !important;
  }
  body.mobile-page.account-workspace-view #account-tabs.is-more-open [data-tab].active {
    background: rgba(255, 255, 255, .50) !important;
    border-color: rgba(0, 172, 235, .34) !important;
    color: #003b52 !important;
  }
  .workbench-head { gap: 14px; }
  .workbench-head-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .workbench-head-actions > * { width: 100%; }
  .workbench-overview-grid,
  .workbench-secondary-column { grid-template-columns: 1fr; }
  .workbench-selection,
  .workbench-section,
  .workbench-demand,
  .workbench-side-card { padding: 16px; border-radius: 14px; }
  .workbench-selection { overflow-x: auto; background: linear-gradient(180deg, var(--workbench-blueprint-soft) 0 132px, #fff 132px); }
  .workbench-progress { margin-top: 24px; }
  .workbench-next { align-items: stretch; flex-direction: column; }
  .workbench-next .account-primary-btn { width: 100%; }
  .workbench-task { align-items: stretch; flex-direction: column; }
  .workbench-task-action { width: 100%; }
  .workbench-activity { display: grid; grid-template-columns: 30px minmax(0, 1fr); }
  .workbench-activity time { grid-column: 2; }
  .account-subtabs { margin-top: -2px; }
  /* 「全部」弹窗停在标签栏下方：标题、资料卡、5 个标签在弹窗打开时仍然可见。 */
  .account-more-menu[open] {
    width: min(360px, calc(100vw - 24px));
    max-height: min(520px, calc(100vh - 380px));
    margin: auto auto 12px;
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--workbench-border);
    border-radius: 18px;
    color: var(--workbench-ink-strong);
    background: #fff;
  }
  .account-more-menu::backdrop { background: rgba(23, 43, 56, .22); }
  .account-more-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid var(--workbench-border-soft); }
  .account-more-head h2 { margin: 0; font-size: 18px; }
  .account-more-head button { width: 44px; height: 44px; border: 1px solid var(--workbench-border); border-radius: 11px; color: inherit; background: #fff; font-size: 22px; cursor: pointer; }
  .account-more-grid { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px; overflow-y: auto; overscroll-behavior: contain; }
  .account-more-grid button,
  .account-more-grid a {
    min-height: 48px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    border: 1px solid var(--workbench-border-soft);
    border-radius: 11px;
    color: var(--workbench-ink-strong);
    background: var(--workbench-inset);
    font: inherit;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
  }
  .account-more-grid button > span,
  .account-more-grid a > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--workbench-blueprint); background: var(--workbench-blueprint-soft); font-size: 11px; }
  .account-more-grid button.active,
  .account-more-grid a.active { color: #0d638a; border-color: rgba(20, 116, 159, .28); background: var(--workbench-blueprint-soft); }
}

@media (prefers-reduced-motion: reduce) {
  .workbench-task,
  .workbench-message,
  .account-more-menu { scroll-behavior: auto; transition: none !important; }
}

@media (forced-colors: active) {
  .workbench-selection,
  .workbench-section,
  .workbench-demand,
  .workbench-side-card,
  .workbench-task { border: 1px solid CanvasText; }
  .workbench-progress li > span,
  .workbench-message-dot { forced-color-adjust: none; }
}

/* Workspace only: keep privacy controls together and reserve both FAB edges. */
body.mobile-page.account-workspace-view .account-visibility {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 12px;
}
body.mobile-page.account-workspace-view .account-visibility-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 44px;
  padding: 10px 0;
  line-height: 1.5;
  cursor: pointer;
}
body.mobile-page.account-workspace-view .account-visibility-row input {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
}
body.mobile-page.account-workspace-view .account-visibility-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.mobile-page.account-workspace-view .account-visibility-row strong,
body.mobile-page.account-workspace-view .account-visibility-row em { display: block; }
body.mobile-page.account-workspace-view .account-visibility-row em { font-style: normal; }
body.mobile-page.account-workspace-view .account-page-footer .account-secondary-btn {
  width: calc(100% - 112px);
  margin-inline: auto;
}

/* =====================================================================
   登录方式切换（验证码登录 / 密码登录）—— PC 与手机登录页共用。
   追加在文件末尾，避免改动既有登录卡样式；作用域限定在登录页。
   ===================================================================== */
.ac-login-tabs,
.account-auth-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  width: 100%;
  margin: 0 0 18px;
  padding: 4px;
  border: 1px solid var(--account-line, #e7edf3);
  border-radius: 12px;
  background: #f2f6fa;
  box-sizing: border-box;
}
.ac-login-tab,
.account-auth-tab {
  min-height: 38px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #5a6573;
  font: inherit;
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}
.ac-login-tab:hover,
.account-auth-tab:hover { color: #172033; }
.ac-login-tab.is-active,
.account-auth-tab.is-active {
  background: #fff;
  color: #007da8;
  box-shadow: 0 1px 3px rgba(23, 32, 51, .10);
}
.ac-login-tab:focus-visible,
.account-auth-tab:focus-visible { outline: 2px solid #0087b3; outline-offset: 1px; }
.ac-login-panel[hidden],
.account-auth-panel[hidden] { display: none !important; }

.account-auth .ac-login-help { max-width: none; margin: 12px 0 0; text-align: center; }
.ac-login-link,
.account-auth-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #0087b3;
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.ac-login-link:hover,
.account-auth-link:hover { color: #00698f; }

body[data-page="account-login"]:not(.mobile-page) .ac-login-field input[type="password"] {
  letter-spacing: .06em;
}
body[data-page="account-login"] #account-password-panel input::placeholder { color: #64748b; opacity: 1; letter-spacing: normal; }

body.mobile-page[data-page="account-login"] .account-auth-tabs { margin: 16px 0 14px; }
body.mobile-page[data-page="account-login"] .account-auth-tab { min-height: 44px; font-size: 15px; }
body.mobile-page[data-page="account-login"] .account-auth-link { min-height: 32px; font-size: 13.5px; }
body.mobile-page[data-page="account-login"] .account-auth-panel .account-agreement { margin-top: 18px; }

/* Keep consent text on the checkbox's first-line axis, including wrapped mobile text. */
body[data-page="account-login"] .account-agreement { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 8px; line-height: 20px; }
body[data-page="account-login"] .account-agreement input[type="checkbox"] { width: 16px; height: 16px; margin: 2px 0 0; padding: 0; }
body[data-page="account-login"] .account-agreement-copy { min-width: 0; }
body[data-page="account-login"] .account-agreement-copy label { display: inline; margin: 0; padding: 0; font: inherit; cursor: pointer; }
body[data-page="account-login"] .account-agreement-copy a { text-decoration: underline; text-underline-offset: 3px; }
body[data-page="account-login"] .account-agreement-copy a:focus-visible { outline: 2px solid #0087b3; outline-offset: 2px; border-radius: 2px; }
body[data-page="account-login"] .account-auth-status:empty { min-height: 0; margin: 0 !important; }

/* 登录页资料完善提示（PC / 手机共用）：首次登录与历史未完善账号都会先进入二级页。 */
body[data-page="account-login"] .ac-login-note {
  margin: 0 0 16px;
  color: #5A6573;
  font-size: 12.5px;
  line-height: 1.65;
}
body.mobile-page[data-page="account-login"] .ac-login-note {
  margin: 0 0 14px;
  font-size: 13px;
}