/* 客户产品面专属视觉层。Owner/登录界面不受影响，身份由服务端会话确认后设置 data-audience。 */
body[data-audience="user"]{
  --ink:#f8fcfc;--panel:#fff;--panel-solid:#fff;--line:#dce8e9;
  --text:#17292e;--muted:#62777d;--aqua:#096d7d;--cyan:#0a7c8a;
  --amber:#a86a39;--good:#16836c;--ink-soft:#e7eeee;
  background:#f8fcfc;color:var(--text);
}
body[data-audience="user"] .aurora{display:none}
body[data-audience="user"] .sidebar{background:#fff;border-color:#dce8e9;backdrop-filter:none}
body[data-audience="user"] .brand{color:#17292e}
body[data-audience="user"] .brand strong{letter-spacing:-.04em}
body[data-audience="user"] .brand-mark i{background:#096d7d}
body[data-audience="user"] .environment{color:#096d7d}
body[data-audience="user"] .nav-item{color:#62777d}
body[data-audience="user"] .nav-item:hover,
body[data-audience="user"] .nav-item.active{background:#eaf5f5;color:#075563}
body[data-audience="user"] .nav-icon{color:#096d7d}
body[data-audience="user"] .workspace{max-width:1500px}
body[data-audience="user"] .topbar{padding-bottom:25px;border-bottom:1px solid #dce8e9}
body[data-audience="user"] .topbar h1{font-size:clamp(26px,3vw,39px);letter-spacing:-.05em}
body[data-audience="user"] .topbar h1 em{font:inherit;font-style:normal;color:#096d7d}
body[data-audience="user"] .operator>span{background:#e2f3f0;color:#075563}
body[data-audience="user"] .console-card,
body[data-audience="user"] .metric-card,
body[data-audience="user"] .test-card{background:#fff;border-color:#dce8e9;box-shadow:0 7px 24px rgba(23,65,72,.035);backdrop-filter:none}
body[data-audience="user"] .metric-card.featured{background:#e8f5f2}
body[data-audience="user"] .metric strong{color:#17292e}
body[data-audience="user"] .quiet-button,
body[data-audience="user"] .text-button{background:#fff;color:#096d7d;border-color:#c9dfe1}
body[data-audience="user"] .quiet-button:hover,
body[data-audience="user"] .text-button:hover{background:#eef7f7}
body[data-audience="user"] .primary-button{background:#096d7d;border:1px solid #096d7d;border-radius:9px;color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}
body[data-audience="user"] .primary-button:hover{background:#075563}
body[data-audience="user"] .primary-button:disabled{opacity:.55;cursor:wait}
body[data-audience="user"] select,
body[data-audience="user"] input,
body[data-audience="user"] textarea{background:#fff;color:#17292e;border-color:#c9dfe1}
body[data-audience="user"] .data-table thead th{background:#eff7f7;color:#62777d}
body[data-audience="user"] .data-table tbody tr{border-color:#e5eeee}
body[data-audience="user"] .data-table tbody tr:hover{background:#f8fcfc}
body[data-audience="user"] .data-table td{color:#263b40}
body[data-audience="user"] .live-chip{color:#096d7d;border-color:#a8d2d5}
body[data-audience="user"] .key-reveal{background:#edf7f6;color:#095767;border-color:#9cced0}
body[data-audience="user"] a{outline-color:#096d7d}
body[data-audience="user"] .customer-model-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#e9f5f4;border:1px solid #cfebe8;border-radius:12px;padding:15px 20px;margin:14px 0}
body[data-audience="user"] .customer-model-intro p{margin:0;color:#4b666c}
body[data-audience="user"] .customer-model-intro a{color:#096d7d;font-weight:700;white-space:nowrap}
body[data-audience="user"] .customer-capability-details{margin-top:16px}
body[data-audience="user"] .customer-capability-details summary{cursor:pointer;color:#096d7d;font-weight:700}
body[data-audience="user"] .customer-capability-details[open] summary{margin-bottom:16px}
@media(max-width:600px){body[data-audience="user"] .topbar{padding-bottom:18px}body[data-audience="user"] .workspace{padding:22px 15px 40px}}
@media(max-width:600px){body[data-audience="user"] .customer-model-intro{align-items:start;flex-direction:column}}

/* ============ 同站顶导航（客户产品面）：对标通用 AI 平台动线，登录后不换站点、无后台感 ============ */
body:not([data-audience="owner"]) .sidebar{display:none}
body:not([data-audience="owner"]) .shell{grid-template-columns:1fr}
body[data-audience="owner"] .topnav{display:none}
.topnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,3.5vw,44px);min-height:62px;border-bottom:1px solid var(--line);background:rgba(5,17,21,.72);backdrop-filter:blur(16px)}
body[data-audience="user"] .topnav{background:rgba(255,255,255,.94);border-color:#dce8e9}
.topnav .brand{flex-shrink:0}
.topnav-menu{flex:1;display:flex;align-items:center;gap:4px;min-width:0}
.topnav .nav-group{display:flex;flex-direction:row;gap:4px;align-items:center}
.topnav .nav-item{white-space:nowrap;padding:9px 13px;border-radius:8px;font-size:13.5px;display:inline-flex;align-items:center;gap:8px}
.topnav .nav-icon{width:auto;font-size:14px}
.topnav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.topnav-cta{white-space:nowrap;text-decoration:none}
.topnav-cta.primary-button{display:inline-flex;align-items:center;padding:9px 16px;border-radius:9px}
body:not([data-audience="user"]) .topnav-cta.primary-button{background:var(--aqua);border:1px solid var(--aqua);color:#07211f;font-weight:700}
body:not([data-audience="user"]) .topnav-cta.primary-button:hover{background:#8cf7e2}
.operator-link{text-decoration:none;color:inherit;border-radius:10px;padding:4px 8px;transition:.2s}
body:not([data-audience="user"]) .operator-link:hover{background:rgba(114,243,212,.08)}
body[data-audience="user"] .operator-link:hover{background:#eef7f7}
body[data-audience="user"] .topnav .nav-item{color:#62777d}
body[data-audience="user"] .topnav .nav-item:hover,
body[data-audience="user"] .topnav .nav-item.active{background:#eaf5f5;color:#075563}
body[data-audience="user"] .topnav .nav-icon{color:#096d7d}
body[data-audience="user"] .topnav .nav-item.active{box-shadow:inset 0 -2px 0 #096d7d}
@media(max-width:860px){
  .topnav{flex-wrap:wrap;padding:10px 4vw;min-height:0;gap:10px}
  .topnav-menu{order:3;flex-basis:100%;overflow:auto}
  .topnav-actions{margin-left:auto}
}

/* 公开认证页（未登录）与登录后的用户共用浅色产品面；Owner 暗色运营面不受影响 */
body[data-audience="public"]{
  --ink:#f8fcfc;--panel:#fff;--panel-solid:#fff;--line:#dce8e9;
  --text:#17292e;--muted:#62777d;--aqua:#096d7d;--cyan:#0a7c8a;
  --amber:#a86a39;--good:#16836c;--ink-soft:#e7eeee;
  background:#f8fcfc;color:var(--text);
}
body[data-audience="public"] .aurora{display:none}
body[data-audience="public"] .topnav{background:rgba(255,255,255,.94);border-color:#dce8e9}
body[data-audience="public"] .brand{color:#17292e}
body[data-audience="public"] .brand-mark i{background:#096d7d}
body[data-audience="public"] .environment{color:#096d7d}
body[data-audience="public"] .topnav .nav-item{color:#62777d}
body[data-audience="public"] .topnav .nav-item:hover,
body[data-audience="public"] .topnav .nav-item.active{background:#eaf5f5;color:#075563}
body[data-audience="public"] .topnav .nav-icon{color:#096d7d}
body[data-audience="public"] .topnav .nav-item.active{box-shadow:inset 0 -2px 0 #096d7d}
body[data-audience="public"] .console-card,
body[data-audience="public"] .metric-card{background:#fff;border-color:#dce8e9;box-shadow:0 7px 24px rgba(23,65,72,.035);backdrop-filter:none}
body[data-audience="public"] .quiet-button,
body[data-audience="public"] .text-button{background:#fff;color:#096d7d;border-color:#c9dfe1}
body[data-audience="public"] .eyebrow{color:#096d7d}
body[data-audience="public"] .card-hint, body[data-audience="public"] .muted{color:#62777d}
body[data-audience="public"] select, body[data-audience="public"] input, body[data-audience="public"] textarea{background:#fff;color:#17292e;border-color:#c9dfe1}

/* hidden 属性必须永远赢过显式 display（否则未登录时 CTA/账户入口漏出来） */
[data-customer-cta][hidden]{display:none!important}
.sidebar[data-owner-chrome][hidden]{display:none!important}

/* 邀请链接分享行 */
.referral-share{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.referral-share input{flex:1;min-width:260px;font:12px "DM Mono",monospace;color:#075563;background:#eef7f7;border-color:#c9dfe1;border-radius:8px;padding:10px 12px}
.referral-share .card-hint{flex-basis:100%;margin:0}
