/* ==========================================================================
   绘枢 · 苹果风皮肤（apple-theme.css）· 样板 v2
   --------------------------------------------------------------------------
   v2 主题（回应「变化不大」）：动第一眼印象层 ——
     · 渐变 → 纯色：蓝青渐变文字/按钮全部收敛为单一 iOS 蓝 #0071e3
       （苹果官网按钮同款色），大面积留白处只放中性色；
     · 苹果三件套底色：#fbfbfd（页面）/ #f5f5f7（分组）/ #1d1d1f（近黑文字），
       替换原来的纯白 + 蓝青光斑 hero；
     · 字阶整体上调半档 + 行距放宽（苹果的松排版）；
     · 品牌渐变只留在小面积（头像框、页脚 slogan），不退出主视觉。
   v1 已做的：连续圆角、iOS 阴影、动效曲线、毛玻璃、发丝线、inset 列表。
   引入位置：页面 <style> 之后；回滚 = 删掉页面里的 <link>。
   ========================================================================== */

/* ==========================================================================
   一、全局设计 Token（覆盖页面 :root）
   ========================================================================== */
:root{
  /* 圆角阶梯（连续圆角） */
  --r-sm:10px; --r-md:12px; --r-lg:16px; --r-xl:20px;
  --r:20px;
  /* iOS 式阴影：低透明度、大扩散、近无偏移 */
  --sh-sm:0 1px 2px rgba(0,0,0,.03),0 6px 16px rgba(0,0,0,.05);
  --sh-md:0 2px 6px rgba(0,0,0,.04),0 14px 34px rgba(0,0,0,.07);
  --sh-lg:0 4px 12px rgba(0,0,0,.06),0 24px 56px rgba(0,0,0,.10);
  --shadow:var(--sh-md);
  --shadow-h:var(--sh-lg);
  /* 动效曲线 */
  --ease:cubic-bezier(.25,.1,.25,1);
  --spring:cubic-bezier(.34,1.4,.64,1);
  /* 毛玻璃材质 */
  --glass:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.82);
  /* 苹果三件套底色 + 单一强调色 */
  --ap-bg:#fbfbfd;          /* 苹果官网页面底 */
  --ap-group:#f5f5f7;       /* 苹果分组灰 */
  --ap-ink:#1d1d1f;         /* 苹果近黑文字 */
  --ap-blue:#0071e3;        /* 苹果按钮蓝（iOS 蓝的桌面版） */
  --ap-blue-hover:#0077ed;
  --ap-hairline:rgba(0,0,0,.06);
  /* 覆盖页面变量：主色统一 iOS 蓝（影响全页 var(--blue) 处） */
  --blue:#0071e3;
  --cyan:#0071e3;
  --ink:#1d1d1f;
  --ink2:#6e6e73;           /* 苹果次级灰 */
  --ink3:#86868b;           /* 苹果三级灰 */
  --line:#d2d2d7;           /* 苹果分隔线 */
  --line2:#d2d2d7;
  --ok:var(--success);

  /* ---- v3 全站统一（22 页共性变量：紫 → 苹果蓝，状态色 → 苹果色） ---- */
  --v-50:#eff6ff; --v-100:#dbeafe; --v-200:#bfdbfe;
  --v-400:#60a5fa; --v-500:#0071e3; --v-600:#0071e3; --v-700:#006ad1;
  --brand:#0071e3;          /* chat/story/film/annotate/help/vector/board 品牌色统一 */
  --success:#34c759;        /* 苹果绿 */
  --danger:#ff3b30;         /* 苹果红 */
  --warn:#ff9500;           /* 苹果橙 */
  --ring:0 0 0 3px rgba(0,113,227,.22);
  /* 中性灰阶向苹果靠齐 */
  --text:#1d1d1f; --text-2:#6e6e73; --text-3:#86868b;
  --border:#e8e8ed; --border-strong:#d2d2d7;
  --s1:#f5f5f7; --s2:#ebebf0; --s3:#e0e0e5;
  --shadow:0 2px 6px rgba(0,0,0,.04),0 14px 34px rgba(0,0,0,.07);
  /* 共享侧栏变量域（sb.css）：底色改 macOS 侧栏灰，选中条改蓝 */
  --sbx-bg:#f5f5f7; --sbx-s1:#ebebf0; --sbx-s2:#e0e0e5;
  --sbx-border:rgba(0,0,0,.06);
  --sbx-text:#1d1d1f; --sbx-text2:#6e6e73; --sbx-text3:#86868b;
  --sbx-v500:#0071e3; --sbx-v600:#0071e3; --sbx-v50:#eff6ff; --sbx-v100:#dbeafe;
  --sbx-danger:#ff3b30;
}
:root[data-theme="dark"]{
  --sh-sm:0 1px 2px rgba(0,0,0,.2),0 6px 16px rgba(0,0,0,.28);
  --sh-md:0 2px 6px rgba(0,0,0,.24),0 14px 34px rgba(0,0,0,.36);
  --sh-lg:0 4px 12px rgba(0,0,0,.28),0 24px 56px rgba(0,0,0,.44);
  --glass:rgba(15,15,15,.72);
  --glass-strong:rgba(15,15,15,.84);
  --ap-bg:#000000; --ap-group:#1d1d1f; --ap-ink:#f5f5f7;
  --ap-blue:#0a84ff; --ap-blue-hover:#409cff;
  --ap-hairline:rgba(255,255,255,.08);
  /* 深色苹果蓝阶 + 侧栏深色 */
  --v-50:#0a1930; --v-100:#10233f; --v-200:#16304f;
  --v-400:#409cff; --v-500:#0a84ff; --v-600:#0a84ff; --v-700:#409cff;
  --brand:#0a84ff;
  --success:#30d158; --danger:#ff453a; --warn:#ff9f0a;
  --text:#f5f5f7; --text-2:#a1a1a6; --text-3:#86868b;
  --border:#2c2c2e; --border-strong:#48484a;
  --s1:#1d1d1f; --s2:#2c2c2e; --s3:#3a3a3c;
  --ring:0 0 0 3px rgba(10,132,255,.3);
  --sbx-bg:#1d1d1f; --sbx-s1:#2c2c2e; --sbx-s2:#3a3a3c;
  --sbx-border:rgba(255,255,255,.08);
  --sbx-text:#f5f5f7; --sbx-text2:#a1a1a6; --sbx-text3:#86868b;
  --sbx-v500:#0a84ff; --sbx-v600:#0a84ff; --sbx-v50:#0a1930; --sbx-v100:#10233f;
  --sbx-danger:#ff453a;
}

/* ==========================================================================
   1.5 全站通用组件层（22 页共性：只统一「材质」——圆角/边框/曲线/焦点，
        颜色一律走各页 var()，已被上面的 token 统一，低风险）
   ========================================================================== */

/* 按钮族 → 苹果胶囊 + iOS 曲线 */
.btn,.primary,.mini-btn,.cbtn,.ghost,.send-btn,.buy,.seg-btn,.tab-btn,.filter-btn,
.pc-btn,.recharge-btn,.op-btn{border-radius:980px;
  transition:transform .22s var(--spring),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease),box-shadow .22s var(--ease)}
.btn:not(:disabled):not([aria-disabled="true"]):active,.primary:not(:disabled):not([aria-disabled="true"]):active,.mini-btn:not(:disabled):not([aria-disabled="true"]):active,.cbtn:not(:disabled):not([aria-disabled="true"]):active,.send-btn:not(:disabled):not([aria-disabled="true"]):active,.buy:not(:disabled):not([aria-disabled="true"]):active{transform:scale(.97)}

/* 输入族 → 苹果大圆角 + 统一焦点环 */
input[type="text"],input[type="password"],input[type="email"],input[type="search"],
input[type="number"],input[type="tel"],textarea,select,.input-box{border-radius:12px}
input:focus,textarea:focus,select:focus,.input-box:focus{
  border-color:var(--ap-blue)!important;box-shadow:var(--ring)!important;outline:none}
::selection{background:rgba(0,113,227,.2)}

/* 容器族 → 苹果圆角阶梯 */
.card,.model-card,.pop-card,.panel,.box,.sblock,.sec-card,.opt-card{border-radius:18px}
.popover,.dropdown,.menu,.modal,.dialog,.modal-box{border-radius:20px}
.chip,.ref-chip,.pwd-chips,.tag,.badge{border-radius:980px}
.toast{border-radius:14px}
.empty,.deg,.placeholder{border-radius:18px}

/* 侧栏（sb.css 变量域已改，这里补圆角与选中态口径） */
.sidebar .nav-item{border-radius:12px}
.nav-item.active{color:var(--sbx-v600)}
.nav-item.active::before{background:var(--sbx-v600)}
#sidebarBottom .sb-item{border-radius:12px}

/* 细滚动条（苹果口径） */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}
::-webkit-scrollbar-track{background:transparent}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2)}
:root[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}

/* 文字渲染：全站抗锯齿 */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* ==========================================================================
   1.6 逐页修正（v3：清残留渐变与写死紫色）
   命名空间说明：--bg/--panel/--txt 是全站共用名，绝不在此全局覆盖；
   --accent/--v1/--p-* 为页面独有变量名，全局覆盖无撞名风险。
   ========================================================================== */

/* ---- chat：发送按钮渐变 → 纯蓝白字 ---- */
.send-btn{background:var(--ap-blue);color:#fff}
.send-btn:not(:disabled):not([aria-disabled="true"]):hover{filter:none;background:var(--ap-blue-hover)}

/* ---- help：联系卡主按钮渐变 → 纯蓝 ---- */
.contact .cbtn.primary{background:var(--ap-blue);box-shadow:none}
.contact .cbtn.primary:not(:disabled):not([aria-disabled="true"]):hover{background:var(--ap-blue-hover)}

/* ---- inspirations：logo/导航/标签/按钮的紫蓝渐变（--v1/--v2 同色化即消退） ---- */
:root{--v1:var(--ap-blue);--v2:var(--ap-blue);--v3:var(--ap-blue)}

/* ---- tuner：UI 强调色紫 → 蓝（预设色板是工具内容，不碰） ---- */
:root{
  --p-accent:var(--ap-blue); --p-accent-2:var(--ap-blue); --p-accent-soft:var(--v-50);
}
.sec-title::before{background:var(--p-accent)}
.icon-btn:not(:disabled):not([aria-disabled="true"]):hover,.seg-btn:not(:disabled):not([aria-disabled="true"]):hover,.btn.ghost:not(:disabled):not([aria-disabled="true"]):hover{background:var(--v-50);border-color:var(--v-200)}
.preset:not(:disabled):not([aria-disabled="true"]):hover{border-color:var(--v-200);background:var(--v-50)}
input[type=range].srange,.switch input{accent-color:var(--p-accent)}

/* ---- forgot / reset（html 已加 .ap-login-dark 标记）：
      粉紫青渐变 + 深紫底 → 苹果深色 + 纯蓝 ---- */
:root.ap-login-dark[data-theme="light"]{
  --bg:var(--ap-bg); --panel:#fff; --panel-2:var(--ap-group);
  --border:#d2d2d7; --txt:var(--ap-ink); --txt-dim:var(--ink2);
  --accent:var(--ap-blue); --accent-grad:var(--ap-blue);
  --btn:var(--ap-group); --btn-border:var(--border); --btn-hover:var(--s2);
  --bar-bg:var(--s2); --pwd-ok:#16833b; --pwd-err:#c62828;
}
:root.ap-login-dark[data-theme="dark"]{
  --bg:#0a0a0c; --panel:#1d1d1f; --panel-2:#2c2c2e;
  --border:rgba(255,255,255,.12); --txt:#f5f5f7; --txt-dim:#a1a1a6;
  --accent:var(--ap-blue); --accent-grad:var(--ap-blue);
  --btn:var(--panel-2); --btn-border:var(--border); --btn-hover:var(--s3);
  --bar-bg:var(--s3); --pwd-ok:var(--success); --pwd-err:var(--danger);
}
html.ap-login-dark[data-theme="light"] body,
html.ap-login-dark[data-theme="dark"] body{background:var(--bg)}
.ap-login-dark .tabs button.on{background:var(--v-50);border-color:var(--accent)}
.ap-login-dark .btn{color:#fff}
.ap-login-dark .back,.ap-login-dark .pwd-result a,
.ap-login-dark[data-theme="light"] .pwd-result b,
.ap-login-dark[data-theme="light"] .pwd-result a,
.ap-login-dark[data-theme="light"] .back{color:var(--ap-blue)}

/* ==========================================================================
   二、home.html（营销首页）
   ========================================================================== */

/* ---- 导航：毛玻璃 + 苹果式细线 ---- */
:where(.ap-home) .nav{
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  background:var(--glass-strong);
  border-bottom:1px solid var(--ap-hairline);
}
:where(.ap-home) .nav-in{height:72px}
:where(.ap-home) .nav-logo img{height:30px;width:auto;transform:translateY(-7.5px)}
:where(.ap-home) .nav-links{gap:32px;font-size:14px;font-weight:500;letter-spacing:.2px}
:where(.ap-home) .nav-links a{transition:color .18s var(--ease)}
:where(.ap-home) .nav-links a:not(:disabled):not([aria-disabled="true"]):hover{color:var(--ap-blue)}

/* ---- 按钮：纯色 iOS 蓝 / 中性次级 ---- */
:where(.ap-home) .btn{border-radius:980px;font-weight:500;letter-spacing:.2px;
     transition:transform .22s var(--spring),background .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
:where(.ap-home) .btn:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-1px);border-color:var(--ap-hairline)}
:where(.ap-home) .btn.pri{background:var(--ap-blue);box-shadow:none}
:where(.ap-home) .btn.pri:not(:disabled):not([aria-disabled="true"]):hover{background:var(--ap-blue-hover);color:#fff}
:where(.ap-home) .btn.lg{border-radius:980px;padding:14px 28px}

/* 用户胶囊：中性化 */
:where(.ap-home) .uc{border-color:var(--ap-hairline);box-shadow:var(--sh-sm);
    transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
:where(.ap-home) .uc:not(:disabled):not([aria-disabled="true"]):hover{border-color:var(--ap-hairline);box-shadow:var(--sh-md)}
:where(.ap-home) .uc-txt i{color:var(--ink3)}

/* ---- Hero：苹果官网口径（纯净底 + 近黑大字 + 松排版） ---- */
:where(.ap-home) .hero{
  background:
    radial-gradient(900px 480px at 50% -10%, rgba(0,113,227,.05), transparent 70%),
    var(--ap-bg);
  padding:96px 0 72px;
}
:where(.ap-home) h1{font-size:clamp(36px,5.8vw,64px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--ap-ink)}
:where(.ap-home) h1 br{display:none}                    /* 苹果标题不断行，自然换行 */
:where(.ap-home) .grad-txt{background:none;color:var(--ap-blue);-webkit-text-fill-color:var(--ap-blue)}
:where(.ap-home) .badge{background:var(--ap-group);border:none;color:var(--ink2);font-weight:500;
       box-shadow:none;border-radius:980px;padding:8px 18px}
:where(.ap-home) .badge b{color:var(--ap-ink);font-weight:600}
:where(.ap-home) .hero-sub{color:var(--ink2);font-size:clamp(16px,1.7vw,19px);max-width:760px;
          margin:24px auto 0;line-height:1.75;font-weight:400}
:where(.ap-home) .hero-sub b{color:var(--ap-ink);font-weight:600}
:where(.ap-home) .hero-cta{margin-top:38px;gap:16px}
:where(.ap-home) .hero-note{color:var(--ink3);margin-top:18px}
:where(.ap-home) .hero-note b{color:var(--ap-ink);font-weight:600}
/* 服务商标签：苹果灰胶囊 */
:where(.ap-home) .ptag{background:var(--ap-group);border:none;box-shadow:none;border-radius:980px;
      color:var(--ap-ink);font-weight:500;padding:9px 18px}
:where(.ap-home) .ptag em{color:var(--ink3)}
:where(.ap-home) .prov-tags{margin-top:48px;gap:12px}

/* ---- 分区：松排版 + 苹果分组灰 ---- */
:where(.ap-home) section{padding:88px 0}
:where(.ap-home) section.soft{background:var(--ap-group);border-top:none;border-bottom:none}
:where(.ap-home) .sec-h{margin-bottom:52px}
:where(.ap-home) .sec-h .k{color:var(--ap-blue);font-size:12px;letter-spacing:.14em;font-weight:600}
:where(.ap-home) .sec-h h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:-.015em;color:var(--ap-ink)}
:where(.ap-home) .sec-h p{color:var(--ink2);font-size:17px;margin-top:14px;line-height:1.7}

/* ---- 三模式卡片：无边框 + 柔影（苹果卡） ---- */
:where(.ap-home) .mode{border:none;border-radius:24px;box-shadow:var(--sh-sm);padding:30px 28px 26px}
:where(.ap-home) .mode:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
:where(.ap-home) .mode .ic{border-radius:14px;background:var(--ap-group);width:48px;height:48px}
:where(.ap-home) .mode h3{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--ap-ink)}
:where(.ap-home) .mode p{color:var(--ink2);line-height:1.8}
:where(.ap-home) .mode .go{color:var(--ap-blue);font-weight:500}
/* 工具胶囊：统一灰 */
:where(.ap-home) .tool{background:var(--ap-group);border:none;color:var(--ap-ink);font-weight:500;
      border-radius:980px;padding:10px 18px;
      transition:background .18s var(--ease),color .18s var(--ease)}
:where(.ap-home) .tool:not(:disabled):not([aria-disabled="true"]):hover{background:var(--s2);color:var(--ap-ink)}

/* ---- 模型卡 ---- */
:where(.ap-home) .mcard{border:none;border-radius:20px;box-shadow:var(--sh-sm)}
:where(.ap-home) .mcard:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:var(--sh-lg);border-color:transparent}
:where(.ap-home) .mname{font-weight:600;color:var(--ap-ink)}
:where(.ap-home) .mprice{color:var(--ap-ink);font-weight:700}
:where(.ap-home) .mprice small{color:var(--ink3)}
:where(.ap-home) .mtiers{background:var(--ap-group);border-radius:10px}
:where(.ap-home) .mchips span{background:var(--ap-group);border-radius:8px;color:var(--ink2)}
:where(.ap-home) .mchips span.hl{background:rgba(0,113,227,.09);color:var(--ap-blue)}
:where(.ap-home) .mnote{color:var(--ink3)}
:where(.ap-home) .skeleton{border-radius:20px}
:where(.ap-home) .deg{border:none;background:var(--ap-group);border-radius:20px;color:var(--ink2)}
:where(.ap-home) .deg a{color:var(--ap-blue)}

/* ---- 价格区 ---- */
:where(.ap-home) .pack{border:none;border-radius:24px;box-shadow:var(--sh-sm)}
:where(.ap-home) .pack:not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
:where(.ap-home) .pack.hot{border:none;box-shadow:0 0 0 2px var(--ap-blue),var(--sh-lg)}  /* 苹果式描边选中态 */
:where(.ap-home) .pack .pop{background:var(--ap-blue);border-radius:980px;font-weight:600}
:where(.ap-home) .pack .pn{color:var(--ink2);font-weight:600}
:where(.ap-home) .pack .send{background:var(--ap-group);color:var(--ink2);font-weight:600;border-radius:980px}
:where(.ap-home) .pack .pv{color:var(--ap-ink);font-weight:700}
:where(.ap-home) .pack .pt{color:var(--ink3)}
:where(.ap-home) .pack .pt b{color:var(--ap-ink)}
:where(.ap-home) .pack .pd{color:var(--ink2)}
:where(.ap-home) .pack ul.feats li{color:var(--ink2)}
:where(.ap-home) .pack ul.feats li::before{color:var(--ap-blue)}
:where(.ap-home) .pack .buy{background:var(--ap-blue);border-radius:980px;font-weight:600;
           transition:background .18s var(--ease),transform .22s var(--spring)}
:where(.ap-home) .pack .buy:not(:disabled):not([aria-disabled="true"]):hover{background:var(--ap-blue-hover);opacity:1;transform:translateY(-1px)}
:where(.ap-home) .price-hero .num{color:var(--ap-ink);font-weight:700}
:where(.ap-home) .price-hero .num small{color:var(--ink3);font-weight:500}
:where(.ap-home) .price-hero .cap{color:var(--ink2)}
:where(.ap-home) .price-sub{color:var(--ap-ink)}
:where(.ap-home) .price-sub span{color:var(--ink3)}
:where(.ap-home) .price-more{color:var(--ink3)}
:where(.ap-home) .price-more a{color:var(--ap-blue)}
:where(.ap-home) .price-note{color:var(--ink3)}
:where(.ap-home) .price-note b{color:var(--ap-ink)}
:where(.ap-home) .price-note a{color:var(--ap-blue)}

/* ---- 信任条 ---- */
:where(.ap-home) .tr h4{font-weight:600;color:var(--ap-ink)}

/* ---- 页脚：深色不变（苹果官网同为深色页脚） ---- */
:where(.ap-home) footer{background:#1d1d1f}

/* ==========================================================================
   三、profile.html（工作台内页）
   ========================================================================== */

/* 侧栏：只调圆角与曲线，不碰 sb.css 配色 */
.sidebar .nav-item{border-radius:10px;transition:background .18s var(--ease),color .18s var(--ease)}

/* 内容区留白 */
.ap-profile .content{padding:36px 56px 64px}

/* 身份卡：去淡紫渐变，纯白 + 柔影 */
.pc-hero{border:none;border-radius:24px;box-shadow:var(--sh-sm)}
.pc-name{font-weight:600;color:var(--ap-ink)}
.pc-badge{background:var(--ap-group);color:var(--ink2);font-weight:500}
.pc-sub{color:var(--ink3)}
.pc-sub b{color:var(--ap-ink);font-weight:600}
/* 头像：品牌渐变收敛为深色（小面积保留品牌） */
.pc-ava{background:linear-gradient(135deg,#3a3a3c,#1d1d1f);box-shadow:none}
.pc-btn.ghost{background:var(--ap-group);color:var(--ap-ink);border:none}
.pc-btn.ghost:not(:disabled):not([aria-disabled="true"]):hover{background:var(--s2)}

/* 积分卡：紫渐变 → 苹果黑卡（profile 的视觉焦点） */
.pc-card{border:none;border-radius:18px;box-shadow:var(--sh-sm)}
.pc-card .k{color:var(--ink3);font-weight:500}
.pc-card .v{color:var(--ap-ink);font-weight:700;letter-spacing:-.6px}
.pc-card .u{color:var(--ink3)}
:root[data-theme="dark"] .pc-card.pts{background:#2c2c2e}
.pc-card.pts{background:#1d1d1f;border:none;border-radius:22px}
.pc-card.pts .k{color:rgba(255,255,255,.65)}
.pc-card.pts .v{color:#fff}
.pc-card.pts .u{color:rgba(255,255,255,.65)}
.pc-pay{background:rgba(255,255,255,.14);border-radius:980px;font-weight:500;
        transition:background .18s var(--ease)}
.pc-pay:not(:disabled):not([aria-disabled="true"]):hover{background:rgba(255,255,255,.24)}

/* inset 分组列表（v1 口径保留） */
.pc-sec{border:none;border-radius:18px;box-shadow:var(--sh-sm)}
.pc-sec-h{background:var(--ap-group)}
.pc-sec-h h3{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--ink2)}
.pc-sec-h span{font-size:12px;color:var(--ink3)}
.pc-row{border-bottom:1px solid var(--ap-hairline)}
.pc-row .l{color:var(--ink2);font-size:13.5px}
.pc-row .r{color:var(--ap-ink);font-size:13.5px}
.pc-chip{border-radius:980px;font-weight:500}
.pc-chip.ok{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}
.pc-chip.off{background:var(--ap-group);color:var(--ink3)}
.pc-link{color:var(--ap-blue);font-weight:500;transition:color .18s var(--ease)}
.pc-link:not(:disabled):not([aria-disabled="true"]):hover{color:var(--ap-blue-hover)}

/* 邀请区：淡紫 → 苹果灰 */
.pc-inv-code{background:var(--ap-group);border:1px solid var(--ap-hairline);border-radius:16px}
.pc-inv-code .code{color:var(--ap-ink);letter-spacing:2.5px}
.pc-inv-code .tip{color:var(--ink2)}
.pc-btn{color:var(--ap-bg);background:var(--ap-ink);border-radius:980px;font-weight:500;
        transition:background .18s var(--ease),transform .22s var(--spring)}
.pc-btn:not(:disabled):not([aria-disabled="true"]):hover{background:var(--ap-ink)}
.pc-btn:not(:disabled):not([aria-disabled="true"]):active{transform:scale(.97)}
.pc-num{border:none;background:var(--ap-group);border-radius:16px}
.pc-num .n{color:var(--ap-ink)}
.pc-num .t{color:var(--ink3)}
.pc-tbl th{color:var(--ink3);border-bottom:1px solid var(--ap-hairline)}
.pc-tbl td{border-bottom:1px solid var(--ap-hairline);color:var(--ap-ink)}
.pc-note{background:var(--ap-group);border-radius:12px;color:var(--ink2)}
.pc-note.warn{background:rgba(255,149,0,.1);color:#b25000}
:root[data-theme="dark"] .pc-note.warn{color:#ff9f0a}
.pc-note b{color:var(--ap-ink)}
.pc-rules{color:var(--ink2)}
.pc-rules b{color:var(--ap-ink)}
.pc-empty{color:var(--ink3)}
.pc-loading{color:var(--ink3)}
.toast{background:var(--ap-ink);color:#fff;border-radius:12px}
:root[data-theme="dark"] .toast{background:#f5f5f7;color:#1d1d1f}

/* 焦点环：苹果细环 */
:focus-visible{outline:2px solid var(--ap-blue);outline-offset:2px;border-radius:8px}
:root[data-theme="dark"] :focus-visible{outline-color:var(--ap-blue)}

/* ==========================================================================
   1.7 审美审计修正（依据 landing-page-design 技能 B4「背景必须平色」）
   --------------------------------------------------------------------------
   审计工具：design/.cache/_audit_b9.py（B4 渐变/B7 动效/B8 文案/B9 状态 四项扫描）
   扫描范围：12 个核心页。结论：彩色渐变残留 3 页共 12 处，全部源于各页
   :root 里的 --grad 主渐变变量（chat 紫青 #8b5cf6→#38e0ff 9 处、
   recharge 蓝青 #1f5cff→#22d3ee 6 处、help 紫蓝 #8b7dff→#36d2ff 6 处、
   prompt-pack 同 help 3 处）。修法=覆盖变量本身，一处生效全页。
   ========================================================================== */

/* ---- 全局：主渐变变量统一为 iOS 纯蓝 ----
   prototype-ui-redesign.html 未引入本文件，其三色渐变演示不受影响 */
:root{--grad:var(--ap-blue)}
:root[data-theme="dark"]{--grad:var(--ap-blue)}

/* ---- help / prompt-pack：body 顶部 radial 光斑 → 去掉（平色底） ---- */
:root{--bg-grad:none}
:root[data-theme="dark"]{--bg-grad:none}

/* ---- chat：选中历史项图标改白字（原深紫黑 #140a1c 配渐变底） ---- */
.chat-item.on .icon{color:#fff}

/* ---- profile：身份卡淡蓝白渐变 → 纯白（深色用面板灰） ---- */
.pc-hero{background:#fff}
:root[data-theme="dark"] .pc-hero{background:#16161a}

/* ==========================================================================
   四、剩余项处理记录（审计报告附件）
   --------------------------------------------------------------------------
   · index.html 模板卡 8 色淡渐变（t-ecom/t-portrait…）：功能底色，页面注释
     明示「兼作图片加载中/失败兜底」，且承担分类信息区分，不修；
   · inspirations 3 处「#0071e3→#0071e3」同色渐变：视觉等同纯色（v3 同色化
     产物），技术干净化收益为零，不修；
   · 各页 aside.sidebar 过渡含 width：侧栏折叠动画的行业惯例（苹果 Finder
     同样动 width），改 transform 需重写折叠逻辑、用户无感，不修；
   · input/textarea/select 无 hover 态：苹果规范输入框本身无悬停态，误报；
   · help #contact 6% 透明度极淡蓝渐变：alpha 过低视觉不可感知，不修。
   ========================================================================== */

/* 补齐页面令牌别名，保持深浅主题同一语义。 */
:root{
  --brand2:var(--ap-blue-hover); --brand50:var(--v-50);
  --brand-2:var(--ap-blue); --brand-soft:var(--v-50); --brand-soft-2:var(--v-100);
  --accent:var(--ap-blue); --accent-2:var(--ap-blue); --accent-grad:var(--ap-blue);
}
html:root[data-theme="dark"]{
  --ink:var(--ap-ink); --ink2:#a1a1a6; --ink3:#86868b;
  --line:#48484a; --line2:#48484a; --blue:var(--ap-blue); --cyan:var(--ap-blue);
  --v1:var(--ap-blue); --v2:var(--ap-blue); --v3:var(--ap-blue);
  --p-accent:var(--ap-blue); --p-accent-2:var(--ap-blue); --p-accent-soft:var(--v-50);
  --brand2:var(--ap-blue-hover); --brand50:var(--v-50);
  --brand-2:var(--ap-blue); --brand-soft:var(--v-50); --brand-soft-2:var(--v-100);
  --accent:var(--ap-blue); --accent-2:var(--ap-blue); --accent-grad:var(--ap-blue);
}
:root.ap-help{
  --bg:var(--ap-bg); --bg-grad:none; --surface:#fff; --surface-2:var(--ap-group);
  --brand:var(--ap-blue); --brand-2:var(--ap-blue); --brand-ink:#fff;
  --brand-soft:var(--v-50); --brand-soft-2:var(--v-100);
  --shadow-sm:var(--sh-sm); --shadow:var(--sh-md);
}
:root.ap-help[data-theme="dark"]{
  --surface:#1d1d1f; --surface-2:#2c2c2e;
  --brand-soft:var(--v-50); --brand-soft-2:var(--v-100);
}
.ap-help .contact{background-image:none}
.ap-painting{--warn:var(--danger)}
.ap-painting :is(.brand .lg,.site-nav a.active,.mode-switch a.on,.tbtn.accent,
  .mini-btn,.vp-num.on,.chip.on,.genBtn,.dr-act.primary,.dlg-btn,
  .bb-ref-count,.bb-send,.board-tab.on){color:#fff}
@media(max-width:768px){.ap-profile .content{padding:24px 20px 48px}}