:root{--account-ink:#18233a;--account-muted:#68748a;--account-line:#e5e7f1;--account-purple:#6541e9;--account-gold:#b18a42}
#productSidebar .nav-account{margin-top:20px;box-shadow:0 -15px 0 -14px var(--account-line)}
#accountToggle{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;padding:4px 8px;border-radius:10px;position:relative}
#accountToggle:hover{background:#f7f5ff}#accountToggle:focus-visible,.account-page button:focus-visible,.favorite-button:focus-visible,#accountMenu button:focus-visible{outline:2px solid var(--account-purple);outline-offset:3px}
.account-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0;overflow:visible}
#accountToggle.is-member .avatar,#accountAvatar.is-member{outline:2px solid #d5b46f;outline-offset:2px;box-shadow:0 0 0 5px #eddcaf33}
#userVip{position:absolute;right:-8px;top:-5px;background:#f0deb3;color:#614819;border:1px solid #e4c882;font-size:8px;line-height:13px;font-weight:800;padding:0 3px;border-radius:4px;letter-spacing:.3px}
.account-chevron{font-size:14px;color:var(--account-muted);padding-left:4px}.account-menu{position:absolute;top:calc(100% + 9px);right:0;width:208px;padding:7px;border:1px solid var(--account-line);border-radius:12px;background:#fff;box-shadow:0 12px 35px #19234a12;z-index:35}
.account-menu button{display:block;width:100%;min-height:44px;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:var(--account-ink);text-align:left;font:inherit;font-size:13px;cursor:pointer}
.account-menu button:hover{background:#f5f3ff;color:var(--account-purple)}#accountMenu #logoutButton{border-top:1px solid var(--account-line);border-radius:0;margin-top:4px;color:#a74852}
.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:68px;padding:8px;border:1px solid transparent;border-radius:8px;background:#fafaff;color:#717792;font:inherit;font-size:12px;cursor:pointer;flex-shrink:0}
.favorite-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.favorite-button:hover{border-color:#d9d0ff;color:var(--account-purple)}.favorite-button.is-saved{color:var(--account-purple);background:#f1edff}.favorite-button.is-saved svg{fill:#e3d9ff}.favorite-button:disabled{cursor:wait;opacity:.6}
#appPage .skill-card>.favorite-button{align-self:flex-start;margin-top:5px}.article-row-content>.favorite-button{margin-top:5px}.knowledge-row-side>.favorite-button{align-self:flex-end}.tool-card>.favorite-button{margin-top:10px}.ency-item-copy>.favorite-button{margin-top:8px}.resume-card-actions>.favorite-button{min-width:68px}
.article-row-content>.favorite-button{align-self:flex-start}.skill-card-bottom>.favorite-button{margin:0;flex:none}
#appPage .ency-item-copy>.favorite-button{order:4;align-self:flex-start;width:auto;max-width:100%;margin-top:8px}
:is(#articleDetail,#skillDetail,#knowledgeDetail,#resumeDetail,#toolDetailBody,#encyDetailBody)>.favorite-button{float:right;margin:0 0 8px 12px}
.account-page{padding:32px var(--shell-gutter,24px) 48px;max-width:1200px;width:100%;margin:auto;color:var(--account-ink)}
.account-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.account-heading h1{font-size:30px;line-height:1.3;margin:0 0 8px}.account-heading p{margin:0;font-size:13px;color:var(--account-muted)}
.account-heading p span{font-weight:650;color:var(--account-purple);margin-right:12px}.account-avatar{display:grid;place-items:center;width:52px;height:52px;background:#ede8ff;border-radius:16px;color:var(--account-purple);font-size:23px;font-weight:700;flex-shrink:0}
.account-shell{background:#fff;border:1px solid var(--account-line);border-radius:14px;overflow:hidden}.account-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px 20px 0;border-bottom:1px solid var(--account-line);background:#fdfdff}
.account-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;min-height:48px;padding:10px 16px;color:var(--account-muted);font:inherit;font-size:14px;cursor:pointer}.account-tabs button.active{border-color:var(--account-purple);color:var(--account-purple);font-weight:650}
.account-panel{padding:28px;min-height:240px}.account-panel h2{font-size:20px;line-height:1.4;margin:0 0 9px}.account-panel>p{font-size:13px;line-height:1.8;color:var(--account-muted);margin:0 0 24px}
.account-panel form:not(#accountSearch){max-width:520px}.account-field{display:block;margin-bottom:20px}.account-field label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.account-field input,.account-search input,.account-search select{width:100%;min-height:44px;border:1px solid #dfe1ed;background:#fff;border-radius:8px;padding:10px 12px;color:var(--account-ink);font:inherit;font-size:14px;box-sizing:border-box}
.account-field input:focus,.account-search input:focus,.account-search select:focus{outline:2px solid #c6b7fc;outline-offset:1px}.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--account-line);padding:20px 0;margin-top:28px;max-width:650px}.account-facts dt{font-size:12px;color:var(--account-muted)}.account-facts dd{margin:8px 0 0;font-size:14px}
.account-primary,.account-secondary{min-height:44px;border-radius:8px;padding:10px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.account-primary{background:var(--account-purple);color:white;border:1px solid var(--account-purple)}.account-secondary{background:#fff;color:var(--account-ink);border:1px solid #e0deec}.account-secondary:hover{background:#f7f5ff;border-color:#d2c5ff}.account-primary:disabled,.account-secondary:disabled{opacity:.55;cursor:not-allowed}
.account-feedback{font-size:13px;line-height:1.7;color:var(--account-purple);margin:12px 0;min-height:22px}.account-note{font-size:12px!important;color:var(--account-muted)!important;line-height:1.8;margin-top:16px!important}
.account-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:24px}.account-permission{padding:15px 0;border-bottom:1px solid var(--account-line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.permission-yes{color:#337463;font-weight:500}.permission-no{color:#7a7888;font-weight:500}
.account-search{display:flex;gap:10px;margin:20px 0}.account-search input{flex:1;min-width:0}.account-search select{width:150px}.account-search button{flex-shrink:0}.account-result{font-size:12px;color:var(--account-muted);padding:4px 0 8px}
.account-content-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--account-line)}.account-row-copy{min-width:0;flex:1}.account-row-copy small{font-size:11px;color:var(--account-purple)}.account-row-copy h3{font-size:16px;line-height:1.6;margin:5px 0;overflow-wrap:anywhere}.account-row-copy p{font-size:12px;line-height:1.7;color:var(--account-muted);margin:0}.account-row-actions{display:flex;gap:8px;flex-shrink:0}.account-empty{padding:48px 16px;text-align:center;color:var(--account-muted);font-size:14px;line-height:1.8}.account-loading{padding:18px 28px;color:var(--account-muted);font-size:13px}.account-error{margin:20px;padding:14px;background:#fff5f5;border:1px solid #f0d9dd;border-radius:10px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:13px;color:#91434c}.account-pagination{display:flex;gap:16px;align-items:center;justify-content:center;padding-top:24px;font-size:12px;color:var(--account-muted)}
@media(max-width:759px){.account-page{padding:24px 16px 36px}.account-heading h1{font-size:26px}.account-heading p span{display:block;margin:0 0 4px}.account-panel{padding:20px 16px}.account-tabs{padding:8px 8px 0;gap:0}.account-tabs button{padding:8px 10px;font-size:12px}.account-search{flex-wrap:wrap}.account-search input{flex-basis:100%}.account-search select{flex:1;min-width:0}.account-permissions{grid-template-columns:1fr}.account-facts{grid-template-columns:1fr}.account-content-row{align-items:flex-start;flex-direction:column;gap:12px}.account-row-actions{align-self:flex-end}.account-menu{width:190px;right:0}.account-heading{gap:13px}.account-avatar{width:44px;height:44px;border-radius:12px}.resume-card-actions{flex-wrap:wrap}.account-pagination{gap:8px}#accountToggle{padding-inline:4px}.account-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.account-menu,.favorite-button{transition:none}}