@charset "UTF-8";

    /* ── 按钮颜色系统：渐变背景 + 品牌色 ── */
    .btn.blue{ background:linear-gradient(135deg,#3b82f6,#2563eb) !important; color:#fff !important; }
    .btn.purple{ background:linear-gradient(135deg,#a855f7,#7c3aed) !important; color:#fff !important; }
    .btn.gray{ background:linear-gradient(135deg,#374151,#1f2937) !important; color:#fff !important; }
    .btn.teal{ background:linear-gradient(135deg,#2dd4bf,#0d9488) !important; color:#fff !important; }
    .btn.orange{ background:linear-gradient(135deg,#fb923c,#ea580c) !important; color:#fff !important; }
    .btn.yellow{ background:linear-gradient(135deg,#fbbf24,#d97706) !important; color:#fff !important; }
    .btn.green{ background:linear-gradient(135deg,#34d399,#059669) !important; color:#fff !important; }

    .card-b .btn{
      border-radius:14px !important;
      border:none !important;
      position:relative;
      box-shadow:0 4px 12px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.06);
      transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
      cursor:pointer;
    }
    .card-b .btn:hover{
      transform:translateY(-2px);
      box-shadow:0 8px 22px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.08);
      filter:brightness(1.08);
    }
    .card-b .btn:active{
      transform:translateY(0);
      box-shadow:0 2px 6px rgba(0,0,0,.10);
      filter:brightness(.96);
    }
    .card-b .btn .badge-dot{ position:absolute; right:8px; top:6px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#ef4444; color:#fff; border:2px solid #fff; display:none; align-items:center; justify-content:center; font-size:10px; font-weight:900; box-shadow:0 6px 14px rgba(239,68,68,.20); }
    .card-b .btn.has-unread .badge-dot{ display:inline-flex; }
    .card-b .btn .data-count-badge{ position:absolute; right:-7px; top:-7px; min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:#ef4444; color:#fff; border:2px solid #fff; display:inline-flex; align-items:center; justify-content:center; text-align:center; font-size:10px; font-weight:1000; line-height:22px; font-style:normal; font-family:Arial,Helvetica,sans-serif; letter-spacing:0; white-space:nowrap; box-shadow:0 6px 14px rgba(239,68,68,.24); box-sizing:border-box; }
    /* 固定像素方块，避免宽屏下 aspect-ratio 把按钮拉得过大 */
    /* ===== 新版主页排版（工作台式：渐变横幅 + 主操作卡 + 分组列表） ===== */
    .hp-wrap{ width:min(560px,100%); margin:0 auto; display:flex; flex-direction:column; gap:14px; }
    .hp-hero{ position:relative; overflow:hidden; border-radius:22px; padding:20px 18px 18px; background:linear-gradient(135deg,#0f766e 0%,#0d9488 46%,#14b8a6 100%); color:#fff; box-shadow:0 16px 34px rgba(13,148,136,.28); }
    .hp-hero::after{ content:''; position:absolute; right:-34px; top:-34px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.10); }
    .hp-hero::before{ content:''; position:absolute; right:26px; bottom:-46px; width:110px; height:110px; border-radius:50%; background:rgba(255,255,255,.08); }
    .hp-hi{ margin:0 0 6px; font-size:11.5px; font-weight:700; letter-spacing:1.5px; color:rgba(255,255,255,.78); }
    .hp-name{ margin:0; font-size:23px; font-weight:900; letter-spacing:.4px; line-height:1.2; }
    .hp-sub{ margin:7px 0 0; font-size:12px; color:rgba(255,255,255,.82); }
    .hp-hero-badge{ position:absolute; right:16px; top:16px; width:46px; height:46px; border-radius:14px; background:rgba(255,255,255,.16); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; font-size:21px; z-index:1; }
    .hp-cta{ display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; border:0; border-radius:18px; padding:14px 16px; background:linear-gradient(120deg,#134e4a,#115e59); color:#fff; text-align:left; cursor:pointer; box-shadow:0 12px 26px rgba(19,78,74,.30); transition:transform .15s ease; }
    .hp-cta:active{ transform:scale(.985); }
    .hp-guide{ margin:0 0 14px; border:1px solid rgba(15,23,42,.08); border-radius:16px; background:#fff; overflow:hidden; }
    .hp-guide>summary{ list-style:none; cursor:pointer; padding:13px 16px; font-size:13.5px; font-weight:900; color:#0f766e; display:flex; align-items:center; gap:8px; }
    .hp-guide>summary::-webkit-details-marker{ display:none; }
    .hp-guide>summary:before{ content:"?"; width:20px; height:20px; border-radius:50%; background:#e8f7f3; color:#0f766e; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; flex:0 0 auto; }
    .hp-guide[open]>summary{ border-bottom:1px solid rgba(15,23,42,.06); }
    .hp-guide ol{ margin:0; padding:12px 16px 2px 35px; font-size:12.5px; line-height:1.75; color:rgba(15,23,42,.72); }
    .hp-guide li{ margin-bottom:6px; }
    .hp-guide-tip{ margin:0; padding:2px 16px 14px 35px; font-size:12px; font-weight:700; color:#0f766e; }
    .hp-cta-ico{ width:42px; height:42px; border-radius:13px; background:rgba(45,212,191,.22); color:#5eead4; display:inline-flex; align-items:center; justify-content:center; font-size:18px; flex:0 0 auto; }
    .hp-cta-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
    .hp-cta-txt b{ font-size:14.5px; font-weight:900; letter-spacing:.3px; }
    .hp-cta-txt small{ font-size:11px; color:rgba(255,255,255,.66); }
    .hp-cta-arrow{ font-size:13px; color:rgba(255,255,255,.5); flex:0 0 auto; }
    .hp-group{ background:#fff; border-radius:20px; padding:6px 14px 12px; box-shadow:0 10px 26px rgba(2,6,23,.07); }
    .hp-group-t{ margin:12px 4px 8px; font-size:11.5px; font-weight:900; letter-spacing:1.2px; color:#94a3b8; }
    .hp-list{ display:flex; flex-direction:column; }
    .hp-item{ position:relative; display:flex; align-items:center; gap:12px; width:100%; box-sizing:border-box; border:0; background:transparent; border-radius:14px; padding:11px 8px; text-align:left; cursor:pointer; transition:background .15s ease; }
    .hp-item:active{ background:#f1f5f9; }
    .hp-item + .hp-item{ border-top:1px solid #f1f5f9; }
    .hp-ico{ width:40px; height:40px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:16.5px; flex:0 0 auto; }
    .i-teal{ background:rgba(20,184,166,.14); color:#0d9488; }
    .i-blue{ background:rgba(59,130,246,.14); color:#2563eb; }
    .i-purple{ background:rgba(168,85,247,.14); color:#7c3aed; }
    .i-orange{ background:rgba(249,115,22,.14); color:#ea580c; }
    .i-yellow{ background:rgba(234,179,8,.16); color:#b45309; }
    .i-gray{ background:rgba(71,85,105,.13); color:#334155; }
    .hp-item-t{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
    .hp-item-t b{ font-size:14px; font-weight:800; color:#0f172a; letter-spacing:.2px; }
    .hp-item-t small{ font-size:11px; color:#94a3b8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .hp-item > i.fa-angle-right{ font-size:14px; color:#cbd5e1; flex:0 0 auto; }
    .hp-item .badge-dot,.hp-item .data-count-badge{ position:absolute; right:26px; top:8px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#ef4444; color:#fff; border:2px solid #fff; display:none; align-items:center; justify-content:center; font-size:10px; font-weight:900; line-height:1; box-shadow:0 4px 10px rgba(239,68,68,.22); }
    .hp-item .data-count-badge{ display:inline-flex; }
    textarea.m-in{ min-height:76px; resize:vertical; line-height:1.45; }
    .container{ padding-bottom:86px !important; }
    .bottom-tabs{ position:fixed; left:0; right:0; bottom:0; z-index:2000; background:rgba(255,255,255,.98); border-top:1px solid rgba(15,23,42,.10); display:flex; align-items:center; justify-content:space-around; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); box-shadow:0 -6px 20px rgba(2,6,23,.08); }
    .bottom-tab{ min-width:92px; max-width:46vw; text-decoration:none; color:#64748b; display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:6px 10px; border-radius:10px; font-size:11px; font-weight:800; line-height:1.1; position:relative; }
    .bottom-tab i{ font-size:16px; line-height:1; }
    .bottom-tab.active{ color:#1677ff; background:rgba(22,119,255,.10); }
    .bottom-tab .badge-dot{ position:absolute; right:18px; top:2px; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#ef4444; color:#fff; border:2px solid #fff; display:none; align-items:center; justify-content:center; font-size:10px; font-weight:900; line-height:1; }
    .bottom-tab.has-unread .badge-dot{ display:inline-flex; }
    .bottom-tab{ border:0; background:transparent; font-family:inherit; cursor:pointer; }
    .dashboard-tab-content{ display:none; }
    .dashboard-tab-content.active{ display:block; }

    .section{ margin-top:12px; padding-top:12px; border-top:1px solid rgba(0,0,0,.08); }
    .section .st{ font-weight:900; font-size:12px; color:rgba(17,24,39,.62); margin-bottom:8px; }

    
    .m-mask{ position:fixed; inset:0; background:rgba(2,6,23,.58); display:none; align-items:center; justify-content:center; padding:18px; z-index:9999; }
    .m-card{ width:min(520px,100%); border-radius:18px; background:rgba(255,255,255,.98); border:1px solid rgba(15,23,42,.10); box-shadow:0 22px 60px rgba(2,6,23,.35); overflow:hidden; }
    .m-top{ padding:16px 16px 10px; }
    .m-title{ font-size:15px; font-weight:900; color:rgba(15,23,42,.92); letter-spacing:.2px; display:flex; align-items:center; gap:8px; }
    .m-sub{ margin-top:0; font-size:0; line-height:0; min-height:0; color:transparent; }
    .m-body{ padding:0 16px 14px; }
    .m-row{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
    .m-pill{ display:inline-flex; align-items:center; gap:8px; padding:10px 12px; border-radius:999px; border:1px solid rgba(15,23,42,.10); background:#f8fafc; font-size:13px; font-weight:800; color:rgba(15,23,42,.86); }
    .m-ico{ width:22px; height:22px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:rgba(22,119,255,.12); color:rgba(22,119,255,.95); font-weight:900; }
    .btn i{ font-size:14px; line-height:1; }
    .m-ico i{ font-size:12px; line-height:1; }
    .m-form{ margin-top:12px; display:grid; gap:10px; }
    .m-in{ width:100%; padding:12px 12px; border-radius:12px; border:1px solid rgba(15,23,42,.12); background:rgba(248,250,252,.9); font-size:13px; outline:none; }
    .m-in:focus{ border-color:rgba(22,119,255,.35); box-shadow:0 0 0 4px rgba(22,119,255,.10); }
    .m-hint{ font-size:11px; color:rgba(100,116,139,.92); margin-top:-6px; }
    .m-err{ display:none; margin-top:10px; font-size:12px; color:rgba(220,38,38,.92); font-weight:800; }
    .m-foot{ padding:12px 16px 16px; border-top:1px solid rgba(15,23,42,.08); display:flex; gap:10px; justify-content:flex-end; }
    .m-btn{ border:none; border-radius:12px; padding:11px 14px; font-weight:900; font-size:13px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
    .m-btn.ghost{ background:rgba(15,23,42,.06); color:rgba(15,23,42,.80); }
    .m-btn.primary{ background:#1677ff; color:#fff; box-shadow:none; }
    .m-btn.primary:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; }
    .m-btn.hot{ background:#ff8a1f; color:#fff; box-shadow:none; }
    .m-btn.hot:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; }

    


    /* 闲鱼下单编辑：手机视口内固定、极小圆角、紧凑单列 */
    #xyOrderSnapshotMask,#pangxieOrderSnapshotMask,
    #xyOrderSnapshotMask *,#pangxieOrderSnapshotMask *{ box-sizing:border-box; }
    #xyOrderSnapshotMask,#pangxieOrderSnapshotMask{
      position:fixed !important;
      left:0 !important;
      right:0 !important;
      top:0 !important;
      bottom:0 !important;
      width:100vw !important;
      height:var(--xyos-vh, 100vh) !important;
      padding:8px !important;
      align-items:flex-start !important;
      justify-content:center !important;
      overflow:hidden !important;
      background:rgba(15,23,42,.52);
    }
    #xyOrderSnapshotMask .xyos-card,#pangxieOrderSnapshotMask .xyos-card{
      width:calc(100vw - 16px) !important;
      max-width:360px !important;
      height:calc(var(--xyos-vh, 100vh) - 16px) !important;
      max-height:calc(var(--xyos-vh, 100vh) - 16px) !important;
      margin:0 auto !important;
      border-radius:3px !important;
      background:#fff;
      display:flex !important;
      flex-direction:column !important;
      overflow:hidden !important;
      box-shadow:0 8px 26px rgba(2,6,23,.24);
      border:1px solid rgba(15,23,42,.10);
    }
    #xyOrderSnapshotMask .xyos-top,#pangxieOrderSnapshotMask .xyos-top{
      flex:0 0 auto;
      padding:9px 10px 7px;
      border-bottom:1px solid rgba(15,23,42,.08);
      background:#fff;
    }
    #xyOrderSnapshotMask .xyos-title,#pangxieOrderSnapshotMask .xyos-title{
      display:flex;
      align-items:center;
      gap:6px;
      font-size:14px;
      font-weight:900;
      color:#111827;
      line-height:1.15;
    }
    #xyOrderSnapshotMask .xyos-title .m-ico,#pangxieOrderSnapshotMask .xyos-title .m-ico{ width:19px; height:19px; border-radius:4px; }
    #xyOrderSnapshotMask .xyos-sub,#pangxieOrderSnapshotMask .xyos-sub{ margin-top:3px; font-size:10px; color:#64748b; line-height:1.25; }
    #xyOrderSnapshotMask .xyos-body,#pangxieOrderSnapshotMask .xyos-body{
      flex:1 1 auto;
      min-height:0 !important;
      overflow-y:auto !important;
      overflow-x:hidden !important;
      -webkit-overflow-scrolling:touch;
      padding:7px 9px 8px;
      background:#fff;
    }
    #xyOrderSnapshotMask .xyos-form,#pangxieOrderSnapshotMask .xyos-form{ display:grid; gap:7px; }
    #xyOrderSnapshotMask .xyos-field,#pangxieOrderSnapshotMask .xyos-field{
      margin:0;
      padding:0;
      border-radius:0;
      border:0;
      background:transparent;
    }
    #xyOrderSnapshotMask .xyos-label,#pangxieOrderSnapshotMask .xyos-label{
      display:block;
      margin:0 0 4px;
      font-size:11px;
      font-weight:900;
      color:#1677ff;
      line-height:1.2;
    }
    #xyOrderSnapshotMask .m-in,#pangxieOrderSnapshotMask .m-in{
      box-sizing:border-box;
      width:100%;
      min-height:34px;
      padding:6px 8px;
      border-radius:4px;
      font-size:12px;
      line-height:1.35;
      background:#fff;
      border:1px solid rgba(15,23,42,.15);
      box-shadow:none;
    }
    #xyOrderSnapshotMask .m-in:focus,#pangxieOrderSnapshotMask .m-in:focus{ border-color:rgba(22,119,255,.45); box-shadow:0 0 0 2px rgba(22,119,255,.08); }
    #xyOrderSnapshotMask textarea.m-in,#pangxieOrderSnapshotMask textarea.m-in{ min-height:74px; max-height:100px; resize:vertical; line-height:1.42; }
    #xyOrderSnapshotMask input[type="file"].m-in,#pangxieOrderSnapshotMask input[type="file"].m-in{ min-width:0; padding:5px 6px; background:#fff; }
    #xyOrderSnapshotMask .xyos-file-row,#pangxieOrderSnapshotMask .xyos-file-row{
      display:grid;
      grid-template-columns:minmax(0, 1fr) 56px;
      align-items:center;
      gap:7px;
      min-width:0;
    }
    #xyOrderSnapshotMask .xyos-preview,#pangxieOrderSnapshotMask .xyos-preview{
      display:none;
      width:48px;
      height:48px;
      border-radius:4px;
      object-fit:cover;
      background:#f1f5f9;
      border:1px solid rgba(15,23,42,.12);
      justify-self:end;
      flex:0 0 auto;
    }
    #xyOrderSnapshotMask .xyos-preview.product,#pangxieOrderSnapshotMask .xyos-preview.product{ width:56px; height:42px; object-fit:cover; }
    #xyOrderSnapshotMask .xyos-preview.avatar,#pangxieOrderSnapshotMask .xyos-preview.avatar{ border-radius:50%; }
    #xyOrderSnapshotMask .xyos-hint,#pangxieOrderSnapshotMask .xyos-hint{ margin:0; font-size:10px; color:#64748b; line-height:1.25; }
    #xyOrderSnapshotMask .xyos-actions,#pangxieOrderSnapshotMask .xyos-actions{
      flex:0 0 auto;
      padding:7px 9px 8px;
      border-top:1px solid rgba(15,23,42,.08);
      background:#fff;
      display:flex;
      gap:7px;
      justify-content:flex-end;
    }
    #xyOrderSnapshotMask .xyos-actions .m-btn,#pangxieOrderSnapshotMask .xyos-actions .m-btn{
      border-radius:4px;
      padding:8px 10px;
      min-height:34px;
      justify-content:center;
      font-size:12px;
      flex:1;
    }
    #xyOrderSnapshotMask .xyos-actions .primary,#pangxieOrderSnapshotMask .xyos-actions .primary{ min-width:0; }
    @media(max-width:420px){
      #xyOrderSnapshotMask,#pangxieOrderSnapshotMask{ padding:6px !important; }
      #xyOrderSnapshotMask .xyos-card,#pangxieOrderSnapshotMask .xyos-card{
        width:calc(100vw - 12px) !important;
        max-width:none !important;
        height:calc(var(--xyos-vh, 100vh) - 12px) !important;
        max-height:calc(var(--xyos-vh, 100vh) - 12px) !important;
      }
      #xyOrderSnapshotMask .xyos-top,#pangxieOrderSnapshotMask .xyos-top{ padding:8px 9px 6px; }
      #xyOrderSnapshotMask .xyos-body,#pangxieOrderSnapshotMask .xyos-body{ padding:6px 8px 7px; }
      #xyOrderSnapshotMask .xyos-form,#pangxieOrderSnapshotMask .xyos-form{ gap:6px; }
      #xyOrderSnapshotMask .xyos-file-row,#pangxieOrderSnapshotMask .xyos-file-row{ grid-template-columns:minmax(0,1fr) 52px; gap:6px; }
      #xyOrderSnapshotMask .xyos-preview,#pangxieOrderSnapshotMask .xyos-preview{ width:44px; height:44px; }
      #xyOrderSnapshotMask .xyos-preview.product,#pangxieOrderSnapshotMask .xyos-preview.product{ width:52px; height:39px; }
      #xyOrderSnapshotMask .xyos-actions,#pangxieOrderSnapshotMask .xyos-actions{ padding:6px 8px 7px; }
    }

    body.locked{ overflow:hidden; }
  

    
    .m-card.share-card{ width:min(420px,100%); }
    .m-card.qr-card{ width:min(420px,100%); }
    .share-actions{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
    @media (max-width:420px){ .share-actions{ grid-template-columns:1fr; } .share-page-list{ grid-template-columns:repeat(2,minmax(0,1fr)); } .share-page-chip{ padding:12px 10px; min-height:104px; } }
    .share-page-wrap{ margin-bottom:12px; padding:0; border-radius:18px; background:transparent; border:none; }
    .share-page-label{ font-size:13px; font-weight:900; color:rgba(15,23,42,.86); margin-bottom:12px; }
    .share-page-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; overflow:visible; padding-bottom:0; }
    .share-page-chip{ width:100%; min-width:0; min-height:108px; cursor:pointer; text-align:center; border-radius:20px; padding:14px 12px; background:#fff; border:2px solid rgba(15,23,42,.08); box-shadow:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; transition:transform .15s ease,border-color .15s ease,background .15s ease; }
    .share-page-chip:hover{ transform:translateY(-1px); }
    .share-page-chip.active{ background:#f8fbff; border-color:#1677ff; box-shadow:none; }
    .share-page-chip.page-chip.active{ background:#f8fbff; }
    .share-page-avatar{ width:42px; height:42px; border-radius:14px; object-fit:cover; border:1px solid rgba(15,23,42,.08); background:#fff; flex:0 0 auto; }
    .share-page-avatar-fallback{ width:46px; height:46px; border-radius:16px; background:#f3f4f6; color:rgba(15,23,42,.72); display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:900; flex:0 0 auto; }
    .share-page-avatar-fallback i{ font-size:18px; }
    .share-page-avatar-fallback.icon-chip{ color:#fff; }
    .share-page-text{ min-width:0; flex:0 1 auto; width:100%; }
    .share-page-main{ display:block; font-size:14px; font-weight:900; color:rgba(15,23,42,.92); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; }
    .share-page-note{ font-size:11px; line-height:1.5; color:rgba(15,23,42,.58); margin:0 0 10px; }
    .share-page-desc{ display:block; margin-top:3px; font-size:10.5px; line-height:1.35; color:rgba(15,23,42,.55); text-align:center; }
    .share-page-tag{ display:inline-block; margin-right:3px; padding:0 4px; border-radius:3px; background:#e8f7f3; color:#0f766e; font-size:9.5px; font-weight:700; }
    .share-page-sub{ display:block; margin-top:4px; font-size:11px; color:#64748b; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .page-chip .icon-chip{ background:#2563eb; }
    .entry-chat .icon-chip{ background:#2563eb; }
    .entry-order .icon-chip{ background:#f59e0b; }
    .mode-double .icon-chip{ background:#2563eb; }
    .mode-proxy3 .icon-chip{ background:#f97316; }
    .role-buyer .icon-chip{ background:#16a34a; }
    .role-seller .icon-chip{ background:#ef4444; }
    .mode-double.active{ background:#eff6ff; border-color:#2563eb; }
    .mode-double.active .share-page-main, .mode-double.active .share-page-sub{ color:#2563eb; }
    .entry-chat.active{ background:#eff6ff; border-color:#2563eb; }
    .entry-chat.active .share-page-main, .entry-chat.active .share-page-sub{ color:#2563eb; }
    .entry-order.active{ background:#fffbeb; border-color:#f59e0b; }
    .entry-order.active .share-page-main, .entry-order.active .share-page-sub{ color:#d97706; }
    .mode-proxy3.active{ background:#fff7ed; border-color:#f97316; }
    .mode-proxy3.active .share-page-main, .mode-proxy3.active .share-page-sub{ color:#ea580c; }
    .role-buyer.active{ background:#f0fdf4; border-color:#16a34a; }
    .role-buyer.active .share-page-main, .role-buyer.active .share-page-sub{ color:#15803d; }
    .role-seller.active{ background:#fef2f2; border-color:#ef4444; }
    .role-seller.active .share-page-main, .role-seller.active .share-page-sub{ color:#dc2626; }
    .share-page-current,.share-page-hint{ display:none !important; }
    .share-page-current{ margin-top:10px; font-size:12px; font-weight:900; color:rgba(15,23,42,.84); }
    .share-page-hint{ margin-top:4px; font-size:11px; color:rgba(100,116,139,.92); }

        

.qrPoster{
  --ink:#0b1324;
  --muted:rgba(15,23,42,.62);
  --line:rgba(15,23,42,.10);
  --card:rgba(255,255,255,.92);
  --accent:#0a84ff;

  position:relative;
  width:min(414px,100%);
  margin:14px auto 10px;
  border-radius:38px;
  overflow:hidden;

  
  background:
    radial-gradient(120% 90% at 50% -12%, rgba(10,132,255,.18) 0%, rgba(10,132,255,0) 64%),
    radial-gradient(110% 90% at 50% 112%, rgba(10,132,255,.08) 0%, rgba(10,132,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,248,252,.94));
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 30px 92px rgba(2,6,23,.16);
}


.qrPoster:before{
  content:"";
  position:absolute; inset:0;
  border-radius:38px;
  padding:1px;
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(10,132,255,.44) 0%, rgba(10,132,255,0) 62%),
    linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.12));
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  opacity:.55;
}


.qrPoster:after{
  content:"";
  position:absolute; inset:0;
  border-radius:38px;
  background:
    radial-gradient(circle at 20% 18%, rgba(15,23,42,.035) 0 1px, transparent 1px),
    radial-gradient(circle at 76% 30%, rgba(15,23,42,.030) 0 1px, transparent 1px),
    radial-gradient(circle at 38% 72%, rgba(15,23,42,.028) 0 1px, transparent 1px),
    radial-gradient(circle at 86% 76%, rgba(15,23,42,.022) 0 1px, transparent 1px);
  background-size: 120px 120px, 140px 140px, 160px 160px, 180px 180px;
  opacity:.55;
  pointer-events:none;
  mix-blend-mode:overlay;
}


.qrPosterInner{
  position:relative;
  z-index:1;
  margin:14px;
  border-radius:30px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 18px 60px rgba(2,6,23,.12);
  overflow:hidden;
}


.qrPosterInner:before{ display:none; content:none; }

.qrPosterTop{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:26px 16px 10px;
  gap:10px;
}

.qrPosterAvatar{
  width:64px;
  height:64px;
  border-radius:22px;
  object-fit:cover;
  background:#fff;
  border:7px solid rgba(255,255,255,.92);
  box-shadow:0 18px 46px rgba(2,6,23,.18);
  outline:1px solid rgba(15,23,42,.10);
}

.qrPosterName{
  font-size:20px;
  line-height:1.18;
  font-weight:980;
  letter-spacing:.25px;
  color:var(--ink);
  max-width:340px;
  word-break:break-word;
}

.qrPosterBadges{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:2px;
}

.qrBadge, .qrPosterTag{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.78);
  color:rgba(15,23,42,.70);
}

.qrPosterTag{
  border-color:rgba(10,132,255,.18);
  background:linear-gradient(180deg, rgba(10,132,255,.14), rgba(10,132,255,.06));
  color:rgba(10,132,255,.98);
}

.qrBadge.hours{ background:rgba(15,23,42,.05); }


.qrDivider{ display:none; }


.qrPosterMid{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 18px 8px;
}


.qrBox{
  position:relative;
  width:140px;
  height:140px;
  border-radius:28px;
  padding:10px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 70px rgba(2,6,23,.18);
}

#qrCodeBox{
  width:100%;
  height:100%;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
}
#qrCodeBox img, #qrCodeBox canvas{ width:100% !important; height:100% !important; display:block; }


.qrAvatar{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  width:44px; height:44px;
  border-radius:16px;
  object-fit:cover;
  background:#fff;
  border:8px solid #fff;
  box-shadow:0 16px 38px rgba(2,6,23,.20);
}

.qrPosterScan{
  margin-top:12px;
  font-size:12px;
  font-weight:900;
  color:rgba(15,23,42,.56);
  text-align:center;
  letter-spacing:.18px;
}


.qrPosterHint{
  margin:12px auto 0;
  width:fit-content;
  max-width:calc(100% - 36px);
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
  box-shadow:0 14px 38px rgba(2,6,23,.12);
  color:rgba(15,23,42,.70);
  font-size:12px;
  font-weight:900;
  text-align:center;
  letter-spacing:.2px;
}

.qrPosterFoot{
  padding:12px 18px 16px;
  text-align:center;
  font-size:11.5px;
  font-weight:800;
  color:rgba(15,23,42,.46);
}

@media (max-width:420px){
  .qrPoster{ border-radius:34px; }
  .qrPosterInner{ margin:12px; border-radius:28px; }
  .qrPosterAvatar{ width:60px; height:60px; border-radius:20px; }
  .qrPosterName{ max-width:300px; }
  .qrBox{ width:136px; height:136px; border-radius:26px; }
  #qrCodeBox{ border-radius:18px; }
  .qrAvatar{ width:42px; height:42px; border-radius:15px; border-width:8px; }
}



.m-overlay.premium{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  padding:18px;
  background:rgba(2,6,23,.55);
}
.m-overlay.premium .m-card{
  width:min(520px, 100%);
  max-height:calc(100vh - 56px);
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.96));
  border:1px solid rgba(255,255,255,.35);
  border-radius:22px;
  box-shadow:0 38px 120px rgba(2,6,23,.52);
  overflow:hidden;
  transform:translateY(8px) scale(.985);
  opacity:0;
  animation:noticeIn .22s ease forwards;
}
.m-overlay.premium .m-card > *{ position:relative; z-index:1; }
.m-overlay.premium .m-card .m-wave{ z-index:0; }
.m-overlay.premium[aria-hidden="true"] .m-card{ animation:none; }
@keyframes noticeIn{ to{ transform:translateY(0) scale(1); opacity:1; } }
.m-overlay.premium .m-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:14px 16px 12px;
  border-bottom:1px solid rgba(15,23,42,.06);
  background:linear-gradient(135deg, rgba(20,184,166,.18), rgba(45,212,191,.16));
  position:relative;
}
.m-overlay.premium .m-wave{
  position:absolute;
  left:-40%; right:-40%;
  bottom:-10px;
  height:92px;
  background-repeat:repeat-x;
  background-size:620px 92px;
  opacity:.9;
  pointer-events:none;
  filter:saturate(1.05);
}
.m-overlay.premium .m-wave.w1{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='92' viewBox='0 0 620 92'%3E%3Cpath fill='rgba(45,212,191,0.30)' d='M0 54 C 90 20, 150 88, 240 54 C 330 20, 390 88, 480 54 C 540 32, 575 40, 620 54 L 620 92 L 0 92 Z'/%3E%3C/svg%3E");
  animation:waveMove1 6.5s linear infinite;
}
.m-overlay.premium .m-wave.w2{
  bottom:2px;
  opacity:.75;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='620' height='92' viewBox='0 0 620 92'%3E%3Cpath fill='rgba(20,184,166,0.22)' d='M0 58 C 80 82, 170 24, 250 58 C 330 92, 420 24, 500 58 C 560 78, 590 72, 620 58 L 620 92 L 0 92 Z'/%3E%3C/svg%3E");
  animation:waveMove2 9s linear infinite;
}
@keyframes waveMove1{ from{ background-position:0 0; } to{ background-position:-620px 0; } }
@keyframes waveMove2{ from{ background-position:0 0; } to{ background-position:620px 0; } }

.m-overlay.premium .m-title{ color:#0f172a; font-weight:1000; letter-spacing:.2px;   font-size:15px;
  line-height:1;
display:flex; align-items:center; gap:10px; position:relative; z-index:1; }
.m-overlay.premium .m-close{
  position:relative;
  z-index:1;
  margin-left:auto;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(10px);
  cursor:pointer;
  font-size:20px;
  line-height:1;
  font-weight:900;
  color:rgba(15,23,42,.75);
  transition:transform .15s ease, filter .15s ease;
}
.m-overlay.premium .m-close:hover{ transform:translateY(-1px); filter:brightness(1.03); }
.m-overlay.premium .m-avatar{
  width:44px; height:44px;
  border-radius:12px;
  object-fit:cover;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 12px 26px rgba(2,6,23,.12);
  background:#fff;
}
.m-overlay.premium .m-title-text{ display:block; }
.m-overlay.premium .m-body{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:14px 16px 24px;
}
.m-overlay.premium .notice-content{
  flex:1 1 auto;
  min-height:0;
  max-height:calc(100vh - 230px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  color:rgba(15,23,42,.82);
  font-size:13px;
  line-height:1.45;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}
@supports (height: 100svh){
  .m-overlay.premium .m-card{max-height:calc(100svh - 56px);}
  .m-overlay.premium .notice-content{max-height:calc(100svh - 230px);}
}
@media (max-height:680px){
  .m-overlay.premium{padding:12px;}
  .m-overlay.premium .m-card{max-height:calc(100vh - 32px);}
  .m-overlay.premium .notice-content{max-height:calc(100vh - 198px);}
}
@supports (height: 100svh){
  @media (max-height:680px){
    .m-overlay.premium .m-card{max-height:calc(100svh - 32px);}
    .m-overlay.premium .notice-content{max-height:calc(100svh - 198px);}
  }
}
.m-overlay.premium .notice-content span[data-notice-text-style="1"]{display:inline; margin:0; padding:0; line-height:1.1; letter-spacing:normal;}
.m-overlay.premium .notice-content.is-plain{ white-space:pre-wrap; }
.m-overlay.premium .notice-content > :first-child{ margin-top:0 !important; }
.m-overlay.premium .notice-content > :last-child{ margin-bottom:0 !important; }
.m-overlay.premium .notice-content p,
.m-overlay.premium .notice-content div,
.m-overlay.premium .notice-content figure,
.m-overlay.premium .notice-content h1,
.m-overlay.premium .notice-content h2,
.m-overlay.premium .notice-content h3,
.m-overlay.premium .notice-content h4,
.m-overlay.premium .notice-content h5,
.m-overlay.premium .notice-content h6{ margin:0; }
.m-overlay.premium .notice-content p + p,
.m-overlay.premium .notice-content div + div,
.m-overlay.premium .notice-content p + div,
.m-overlay.premium .notice-content div + p,
.m-overlay.premium .notice-content img + p,
.m-overlay.premium .notice-content img + div,
.m-overlay.premium .notice-content p + img,
.m-overlay.premium .notice-content div + img,
.m-overlay.premium .notice-content img + img{ margin-top:.55em; }
.m-overlay.premium .notice-content img{ display:block; max-width:100%; height:auto; border:0; }
.m-overlay.premium .notice-actions{
  display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap;
  margin-top:14px;
}
.m-overlay.premium .notice-btn{
  height:38px;
  border-radius:12px;
  padding:0 14px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  font-weight:1000;
  cursor:pointer;
}
.m-overlay.premium .notice-btn:hover{ background:rgba(15,23,42,.03); }
.m-overlay.premium .notice-btn.link{
  border:0;
  background:linear-gradient(135deg, rgba(59,130,246,.92), rgba(99,102,241,.92));
  color:#fff;
  box-shadow:0 18px 46px rgba(99,102,241,.28);
}
.m-overlay.premium .notice-btn.link:hover{ filter:brightness(1.02); }

.m-overlay.premium .notice-btn.pop{ transition:transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.m-overlay.premium .notice-btn.pop:hover{ transform:translateY(-1px); box-shadow:0 14px 28px rgba(2,6,23,.12); }
.m-overlay.premium .notice-btn.pop:active{ transform:translateY(0px) scale(.98); }


/* ===== 公告弹窗样式：同步内部.zip ===== */
#noticeModal{position:fixed!important;inset:0!important;background:rgba(0,0,0,0.5)!important;backdrop-filter:blur(4px)!important;display:none;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:16px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
#noticeModal .m-card{width:min(360px,100%)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important;border:0!important;box-shadow:0 20px 60px rgba(0,0,0,0.22)!important;max-height:calc(100vh - 56px)!important;display:flex!important;flex-direction:column!important;position:relative!important;transform:none!important;opacity:1!important;animation:none!important;}
#noticeModal .m-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;border-bottom:1px solid rgba(0,0,0,0.06)!important;background:#fff!important;flex:0 0 auto!important;}
#noticeModal .m-title{font-size:15px!important;font-weight:700!important;color:#1a1a1a!important;letter-spacing:0!important;display:flex!important;align-items:center!important;gap:0!important;line-height:1.2!important;}
#noticeModal #noticeAvatar{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;margin-right:8px!important;vertical-align:middle!important;border:0!important;box-shadow:none!important;background:#fff!important;}
#noticeModal .m-body{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:16px!important;background:#fff!important;}
#noticeModal .notice-content{flex:1 1 auto!important;min-height:0!important;font-size:13px!important;line-height:1.6!important;color:#333!important;max-height:calc(100vh - 230px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;}
#noticeModal .notice-content.is-plain{white-space:pre-wrap!important;}
#noticeModal .notice-content span[data-notice-text-style="1"]{display:inline;margin:0;padding:0;line-height:1.1;letter-spacing:normal;}
#noticeModal .notice-content > :first-child{margin-top:0!important;}
#noticeModal .notice-content > :last-child{margin-bottom:0!important;}
#noticeModal .notice-content p,#noticeModal .notice-content div,#noticeModal .notice-content figure,#noticeModal .notice-content h1,#noticeModal .notice-content h2,#noticeModal .notice-content h3,#noticeModal .notice-content h4,#noticeModal .notice-content h5,#noticeModal .notice-content h6{margin:0;}
#noticeModal .notice-content p+p,#noticeModal .notice-content div+div,#noticeModal .notice-content p+div,#noticeModal .notice-content div+p,#noticeModal .notice-content img+p,#noticeModal .notice-content img+div,#noticeModal .notice-content p+img,#noticeModal .notice-content div+img,#noticeModal .notice-content img+img{margin-top:.55em;}
#noticeModal .notice-content img{display:block;max-width:100%;height:auto;border:0;}
#noticeModal .notice-actions{display:flex!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:16px!important;flex:0 0 auto!important;}
#noticeModal .notice-btn{min-height:auto!important;height:auto!important;padding:10px 28px!important;border:0!important;border-radius:20px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;line-height:1.25!important;cursor:pointer!important;}
#noticeModal .notice-btn.notice-default{background:#2563eb!important;color:#fff!important;}
#noticeModal .notice-btn.link.notice-default{background:#2563eb!important;color:#fff!important;box-shadow:none!important;}
#noticeModal .notice-btn:hover{filter:brightness(1.03)!important;transform:none!important;box-shadow:none!important;}
#noticeModal .notice-btn.disabled,#noticeModal .notice-btn:disabled{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(.2)!important;transform:none!important;box-shadow:none!important;}
#noticeModal .notice-extra-input{width:100%!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.10)!important;background:#f8fafc!important;color:#111827!important;outline:none!important;font-size:13px!important;}
#noticeModal .m-wave{display:none!important;}
@supports (height:100svh){#noticeModal .m-card{max-height:calc(100svh - 56px)!important;}#noticeModal .notice-content{max-height:calc(100svh - 230px)!important;}}
@media (max-height:680px){#noticeModal{padding:12px!important;}#noticeModal .m-card{max-height:calc(100vh - 32px)!important;}#noticeModal .notice-content{max-height:calc(100vh - 198px)!important;}}
@supports (height:100svh){@media (max-height:680px){#noticeModal .m-card{max-height:calc(100svh - 32px)!important;}#noticeModal .notice-content{max-height:calc(100svh - 198px)!important;}}}



    /* 分享/转发弹窗：极小圆角、去副标题、轻边框 */
    .m-mask#shareMask,
    .m-mask#editMask,
    .m-mask#posterEditMask,
    .m-mask#posterShareMask,
    .m-mask#customerPosterEditMask{ padding:10px !important; }
    #shareMask .m-card.share-card,
    #editMask .m-card.share-card,
    #posterEditMask .m-card.share-card,
    #posterShareMask .m-card.share-card,
    #customerPosterEditMask .m-card.share-card{
      width:min(360px, calc(100vw - 28px)) !important;
      max-height:calc(100vh - 20px) !important;
      border-radius:3px !important;
      border:1px solid rgba(15,23,42,.10) !important;
      box-shadow:0 12px 34px rgba(2,6,23,.24) !important;
      background:#fff !important;
    }
    #shareMask .m-top,
    #editMask .m-top,
    #posterEditMask .m-top,
    #posterShareMask .m-top,
    #customerPosterEditMask .m-top{ padding:10px 11px 7px !important; }
    #shareMask .m-title,
    #editMask .m-title,
    #posterEditMask .m-title,
    #posterShareMask .m-title,
    #customerPosterEditMask .m-title{ font-size:14px !important; gap:6px !important; }
    #shareMask .m-ico,
    #editMask .m-ico,
    #posterEditMask .m-ico,
    #posterShareMask .m-ico,
    #customerPosterEditMask .m-ico{ width:20px !important; height:20px !important; border-radius:4px !important; }
    #shareMask .m-body,
    #editMask .m-body,
    #posterEditMask .m-body,
    #posterShareMask .m-body,
    #customerPosterEditMask .m-body{ padding:0 11px 10px !important; max-height:calc(100vh - 148px); overflow-y:auto; -webkit-overflow-scrolling:touch; }
    /* 高级海报·选链接弹窗：补齐与分享/转发弹窗同款的窄卡 + m-body 滚动容器，并强制
       min-width:0 / overflow-x:hidden——长 nowrap 链接的 min-content 不再把卡片向右撑出屏幕。 */
    .m-mask#customerPosterLinkPickerMask{ padding:10px !important; }
    #customerPosterLinkPickerMask .m-top{ padding:10px 11px 7px !important; }
    #customerPosterLinkPickerMask .m-title{ font-size:14px !important; gap:6px !important; }
    #customerPosterLinkPickerMask .m-ico{ width:20px !important; height:20px !important; border-radius:4px !important; }
    #customerPosterLinkPickerMask .m-card.share-card{
      width:min(360px, calc(100vw - 28px)) !important;
      max-width:calc(100vw - 20px) !important;
      min-width:0 !important;
      max-height:calc(100vh - 20px) !important;
      border-radius:3px !important;
      border:1px solid rgba(15,23,42,.10) !important;
      box-shadow:0 12px 34px rgba(2,6,23,.24) !important;
      background:#fff !important;
    }
    #customerPosterLinkPickerMask .m-body{
      padding:0 11px 10px !important;
      min-width:0 !important;
      max-height:calc(100vh - 148px);
      overflow-x:hidden;
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
    }
    #shareMask .m-actions,
    #editMask .m-actions,
    #posterEditMask .m-actions,
    #posterShareMask .m-actions,
    #customerPosterEditMask .m-actions{ padding:0 11px 10px !important; gap:7px !important; }
    #shareMask .m-btn,
    #editMask .m-btn,
    #posterEditMask .m-btn,
    #posterShareMask .m-btn,
    #customerPosterEditMask .m-btn{ border-radius:4px !important; min-height:34px !important; padding:8px 10px !important; font-size:12px !important; box-shadow:none !important; }
    #shareMask .share-page-wrap,
    #editMask .share-page-wrap,
    #posterShareMask .share-page-wrap,
    #customerPosterEditMask .share-page-wrap{ margin-bottom:8px !important; border-radius:3px !important; }
    #shareMask .share-page-label,
    #editMask .share-page-label,
    #posterShareMask .share-page-label,
    #customerPosterEditMask .share-page-label{ margin-bottom:7px !important; font-size:12px !important; }
    #shareMask .share-page-list,
    #editMask .share-page-list,
    #posterShareMask .share-page-list{ gap:8px !important; }
    #shareMask .share-page-chip,
    #editMask .share-page-chip,
    #posterShareMask .share-page-chip{
      min-height:58px !important;
      border-radius:3px !important;
      border:1px solid rgba(15,23,42,.10) !important;
      padding:7px 7px !important;
      gap:6px !important;
      box-shadow:none !important;
    }
    #shareMask .share-page-chip.active,
    #editMask .share-page-chip.active,
    #posterShareMask .share-page-chip.active{ border-width:1px !important; }
    #shareMask .share-page-avatar,
    #editMask .share-page-avatar,
    #posterShareMask .share-page-avatar{ width:28px !important; height:28px !important; border-radius:3px !important; }
    #shareMask .share-page-avatar-fallback,
    #editMask .share-page-avatar-fallback,
    #posterShareMask .share-page-avatar-fallback{ width:30px !important; height:30px !important; border-radius:3px !important; }
    #shareMask .share-page-main,
    #editMask .share-page-main,
    #posterShareMask .share-page-main{ font-size:12px !important; }
    #shareMask .share-page-sub,
    #editMask .share-page-sub,
    #posterShareMask .share-page-sub{ display:none !important; }
    #shareMask .share-actions{ gap:8px !important; margin-top:8px !important; }
    #shareMask .share-actions .btn{ border-radius:3px !important; min-height:38px !important; padding:9px 10px !important; box-shadow:none !important; }
    @media(max-width:420px){
      #shareMask .share-page-list,
      #editMask .share-page-list,
      #posterShareMask .share-page-list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
      #shareMask .share-page-chip,
      #editMask .share-page-chip,
      #posterShareMask .share-page-chip{ min-height:54px !important; }
    }

    #posterEditMask .poster-edit-card{ width:min(350px, calc(100vw - 28px)) !important; }
    #posterEditMask .poster-edit-preview-row{display:flex;align-items:center;gap:10px;margin:2px 0 10px;}
    #posterEditMask .poster-edit-avatar-preview{width:54px;height:54px;border-radius:4px;object-fit:cover;border:1px solid rgba(15,23,42,.12);background:#f8fafc;box-shadow:0 8px 20px rgba(2,6,23,.08);}
    #posterEditMask .poster-edit-upload{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 10px;border-radius:3px;border:1px solid rgba(37,99,235,.18);background:rgba(37,99,235,.07);color:#2563eb;font-size:12px;font-weight:900;cursor:pointer;}
    #posterEditMask .poster-edit-upload input{display:none;}
    #posterEditMask .poster-edit-tip{font-size:11px;color:rgba(15,23,42,.46);line-height:1.35;margin-top:4px;}
    #posterEditMask .poster-edit-field{margin-top:9px;}
    #posterEditMask .poster-edit-label{font-size:12px;font-weight:900;color:#334155;margin-bottom:5px;}
    #posterEditMask .poster-edit-input{width:100%;height:36px;border-radius:3px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;font-size:13px;font-weight:800;padding:0 10px;outline:none;box-sizing:border-box;}
    #posterEditMask .poster-edit-input:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08);}

    #customerPosterEditMask .m-card.customer-poster-card{ width:min(370px, calc(100vw - 28px)) !important; }
    #customerPosterEditMask .customer-poster-grid{display:grid;gap:8px;}
    #customerPosterEditMask .customer-poster-field{display:grid;gap:5px;}
    #customerPosterEditMask .customer-poster-label{font-size:12px;font-weight:900;color:#1677ff;line-height:1.2;}
    #customerPosterEditMask .customer-poster-input{width:100%;height:36px;border-radius:3px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;font-size:13px;font-weight:800;padding:0 10px;outline:none;box-sizing:border-box;}
    #customerPosterEditMask textarea.customer-poster-input{height:76px;min-height:76px;resize:vertical;line-height:1.45;padding:8px 10px;}
    #customerPosterEditMask .customer-poster-input[type="file"]{height:auto;min-height:36px;padding:7px 9px;font-size:12px;background:#f8fafc;}
    #customerPosterEditMask .customer-poster-input:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08);}
    #customerPosterEditMask .customer-poster-preview{display:none;width:64px;height:64px;border-radius:3px;border:1px solid rgba(15,23,42,.12);object-fit:cover;background:#f8fafc;}
    #customerPosterEditMask .customer-poster-tip{font-size:11px;color:rgba(100,116,139,.92);line-height:1.35;}
    #customerPosterEditMask .customer-poster-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    #customerPosterEditMask .customer-poster-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
    #customerPosterEditMask .customer-poster-choice{position:relative;display:flex;align-items:center;justify-content:center;height:36px;border-radius:3px;border:1px solid rgba(15,23,42,.12);background:#fff;font-size:12px;font-weight:900;color:#334155;cursor:pointer;}
    #customerPosterEditMask .customer-poster-choice input{position:absolute;opacity:0;pointer-events:none;}
    #customerPosterEditMask .customer-poster-choice:has(input:checked){border-color:#1677ff;background:#f8fbff;color:#1677ff;}
    #customerPosterEditMask .customer-poster-role-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;border-radius:3px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;font-size:13px;font-weight:900;padding:0 10px;box-sizing:border-box;cursor:pointer;}
    #customerPosterEditMask .customer-poster-role-trigger:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08);outline:none;}
    #customerPosterEditMask .customer-poster-role-trigger i{font-size:11px;color:#94a3b8;}
    #customerPosterEditMask .customer-poster-label,
    #customerPosterEditMask .share-page-label{color:#1677ff !important;}
    #customerPosterRolePickerMask{z-index:10020;}
    #customerPosterRolePickerMask .customer-poster-picker-card{width:min(330px, calc(100vw - 34px)) !important;border-radius:6px !important;}
    #customerPosterRolePickerMask .customer-poster-picker-list{display:grid;gap:8px;}
    #customerPosterRolePickerMask .customer-poster-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:42px;border-radius:5px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;font-size:14px;font-weight:900;padding:0 12px;cursor:pointer;}
    #customerPosterRolePickerMask .customer-poster-picker-option.active{border-color:#1677ff;background:#f8fbff;color:#1677ff;}
    #customerPosterRolePickerMask .customer-poster-picker-option .check{display:none;}
    #customerPosterRolePickerMask .customer-poster-picker-option.active .check{display:inline-flex;}
    #customerPosterEditMask .customer-poster-advanced{margin-top:2px;border-top:1px solid rgba(15,23,42,.08);padding-top:8px;}
    #customerPosterEditMask .customer-poster-advanced-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;border-radius:999px;border:1px solid rgba(22,119,255,.22);background:#f8fbff;color:#1677ff;font-size:12px;font-weight:1000;padding:0 8px 0 12px;cursor:pointer;box-sizing:border-box;}
    #customerPosterEditMask .customer-poster-advanced-toggle .txt{display:inline-flex;align-items:center;gap:6px;}
    #customerPosterEditMask .customer-poster-advanced-toggle .state{margin-left:auto;margin-right:8px;font-size:11px;color:#94a3b8;}
    #customerPosterEditMask .customer-poster-advanced-switch{position:relative;width:42px;height:24px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:background .15s ease;flex:0 0 auto;}
    #customerPosterEditMask .customer-poster-advanced-switch::after{content:'';position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,23,42,.22);transition:transform .15s ease;}
    #customerPosterEditMask .customer-poster-advanced-toggle.open{background:#eef6ff;border-color:rgba(22,119,255,.42);}
    #customerPosterEditMask .customer-poster-advanced-toggle.open .state{color:#1677ff;}
    #customerPosterEditMask .customer-poster-advanced-toggle.open .customer-poster-advanced-switch{background:#1677ff;}
    #customerPosterEditMask .customer-poster-advanced-toggle.open .customer-poster-advanced-switch::after{transform:translateX(18px);}
    #customerPosterEditMask .customer-poster-advanced-panel{display:none;margin-top:8px;padding:8px;border-radius:4px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);}
    #customerPosterEditMask .customer-poster-advanced-panel.open{display:grid;gap:8px;}
    #customerPosterEditMask .customer-poster-advanced-fields{display:grid;gap:8px;}
    #customerPosterEditMask .customer-poster-advanced-reset{height:34px;border-radius:4px;border:1px solid rgba(22,119,255,.24);background:#fff;color:#1677ff;font-size:12px;font-weight:1000;cursor:pointer;}

    /* final share title only */
    #shareMask .share-page-sub,#editMask .share-page-sub{display:none!important;}
    /* ===== 客服弹窗统一新界面：底部抽屉 + 单列行 + 墨绿 + 胶囊按钮 ===== */
    .m-mask#shareMask,.m-mask#posterShareMask,.m-mask#editMask,.m-mask#customerPosterLinkPickerMask,.m-mask#customerPosterRolePickerMask,.m-mask#gfGoofishOrderMask,.m-mask#roleAvatarMask,.m-mask#xyOrderSnapshotMask,.m-mask#pangxieOrderSnapshotMask,.m-mask#posterEditMask,.m-mask#customerPosterEditMask,.m-mask#qrMask{ align-items:flex-end !important; padding:0 !important; }
    .m-mask#shareMask .m-card,.m-mask#shareMask .m-card.share-card,.m-mask#shareMask .m-card.qr-card,.m-mask#shareMask .m-card.xyos-card,.m-mask#posterShareMask .m-card,.m-mask#posterShareMask .m-card.share-card,.m-mask#posterShareMask .m-card.qr-card,.m-mask#posterShareMask .m-card.xyos-card,.m-mask#editMask .m-card,.m-mask#editMask .m-card.share-card,.m-mask#editMask .m-card.qr-card,.m-mask#editMask .m-card.xyos-card,.m-mask#customerPosterLinkPickerMask .m-card,.m-mask#customerPosterLinkPickerMask .m-card.share-card,.m-mask#customerPosterLinkPickerMask .m-card.qr-card,.m-mask#customerPosterLinkPickerMask .m-card.xyos-card,.m-mask#customerPosterRolePickerMask .m-card,.m-mask#customerPosterRolePickerMask .m-card.share-card,.m-mask#customerPosterRolePickerMask .m-card.qr-card,.m-mask#customerPosterRolePickerMask .m-card.xyos-card,.m-mask#gfGoofishOrderMask .m-card,.m-mask#gfGoofishOrderMask .m-card.share-card,.m-mask#gfGoofishOrderMask .m-card.qr-card,.m-mask#gfGoofishOrderMask .m-card.xyos-card,.m-mask#roleAvatarMask .m-card,.m-mask#roleAvatarMask .m-card.share-card,.m-mask#roleAvatarMask .m-card.qr-card,.m-mask#roleAvatarMask .m-card.xyos-card,.m-mask#xyOrderSnapshotMask .m-card,.m-mask#xyOrderSnapshotMask .m-card.share-card,.m-mask#xyOrderSnapshotMask .m-card.qr-card,.m-mask#xyOrderSnapshotMask .m-card.xyos-card,.m-mask#pangxieOrderSnapshotMask .m-card,.m-mask#pangxieOrderSnapshotMask .m-card.share-card,.m-mask#pangxieOrderSnapshotMask .m-card.qr-card,.m-mask#pangxieOrderSnapshotMask .m-card.xyos-card,.m-mask#posterEditMask .m-card,.m-mask#posterEditMask .m-card.share-card,.m-mask#posterEditMask .m-card.qr-card,.m-mask#posterEditMask .m-card.xyos-card,.m-mask#customerPosterEditMask .m-card,.m-mask#customerPosterEditMask .m-card.share-card,.m-mask#customerPosterEditMask .m-card.qr-card,.m-mask#customerPosterEditMask .m-card.xyos-card,.m-mask#qrMask .m-card,.m-mask#qrMask .m-card.share-card,.m-mask#qrMask .m-card.qr-card,.m-mask#qrMask .m-card.xyos-card{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:560px !important; margin:0 auto !important; border:none !important; border-radius:22px 22px 0 0 !important; box-shadow:0 -12px 44px rgba(2,6,23,.30) !important; max-height:90vh !important; overflow:hidden !important; background:#fff !important; }
    #shareMask .m-card::before,#posterShareMask .m-card::before,#editMask .m-card::before,#customerPosterLinkPickerMask .m-card::before,#customerPosterRolePickerMask .m-card::before,#gfGoofishOrderMask .m-card::before,#roleAvatarMask .m-card::before,#xyOrderSnapshotMask .m-card::before,#pangxieOrderSnapshotMask .m-card::before,#posterEditMask .m-card::before,#customerPosterEditMask .m-card::before,#qrMask .m-card::before{ content:""; display:block; width:42px; height:4px; border-radius:999px; background:rgba(15,23,42,.14); margin:9px auto 0; }
    #shareMask .m-top,#posterShareMask .m-top,#editMask .m-top,#customerPosterLinkPickerMask .m-top,#customerPosterRolePickerMask .m-top,#gfGoofishOrderMask .m-top,#roleAvatarMask .m-top,#xyOrderSnapshotMask .m-top,#pangxieOrderSnapshotMask .m-top,#posterEditMask .m-top,#customerPosterEditMask .m-top,#qrMask .m-top{ flex:0 0 auto !important; padding:10px 18px 0 !important; display:block !important; }
    #shareMask .m-title,#posterShareMask .m-title,#editMask .m-title,#customerPosterLinkPickerMask .m-title,#customerPosterRolePickerMask .m-title,#gfGoofishOrderMask .m-title,#roleAvatarMask .m-title,#xyOrderSnapshotMask .m-title,#pangxieOrderSnapshotMask .m-title,#posterEditMask .m-title,#customerPosterEditMask .m-title,#qrMask .m-title{ font-size:17px !important; gap:8px !important; }
    #shareMask .m-ico,#posterShareMask .m-ico,#editMask .m-ico,#customerPosterLinkPickerMask .m-ico,#customerPosterRolePickerMask .m-ico,#gfGoofishOrderMask .m-ico,#roleAvatarMask .m-ico,#xyOrderSnapshotMask .m-ico,#pangxieOrderSnapshotMask .m-ico,#posterEditMask .m-ico,#customerPosterEditMask .m-ico,#qrMask .m-ico{ width:26px !important; height:26px !important; border-radius:9px !important; font-size:12px !important; }
    #shareMask .m-sub,#posterShareMask .m-sub,#editMask .m-sub,#customerPosterLinkPickerMask .m-sub,#customerPosterRolePickerMask .m-sub,#gfGoofishOrderMask .m-sub,#roleAvatarMask .m-sub,#xyOrderSnapshotMask .m-sub,#pangxieOrderSnapshotMask .m-sub,#posterEditMask .m-sub,#customerPosterEditMask .m-sub,#qrMask .m-sub{ display:block !important; margin:7px 0 0 !important; font-size:12.5px !important; line-height:1.5 !important; color:#64748b !important; font-weight:500 !important; }
    #shareMask .m-body,#posterShareMask .m-body,#editMask .m-body,#customerPosterLinkPickerMask .m-body,#customerPosterRolePickerMask .m-body,#gfGoofishOrderMask .m-body,#roleAvatarMask .m-body,#xyOrderSnapshotMask .m-body,#pangxieOrderSnapshotMask .m-body,#posterEditMask .m-body,#customerPosterEditMask .m-body,#qrMask .m-body{ flex:1 1 auto !important; min-height:0 !important; max-height:none !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; padding:12px 16px 16px !important; overscroll-behavior:contain; }
    #shareMask .m-actions,#posterShareMask .m-actions,#editMask .m-actions,#customerPosterLinkPickerMask .m-actions,#customerPosterRolePickerMask .m-actions,#gfGoofishOrderMask .m-actions,#roleAvatarMask .m-actions,#xyOrderSnapshotMask .m-actions,#pangxieOrderSnapshotMask .m-actions,#posterEditMask .m-actions,#customerPosterEditMask .m-actions,#qrMask .m-actions{ flex:0 0 auto !important; padding:0 16px calc(16px + env(safe-area-inset-bottom)) !important; gap:10px !important; }
    #shareMask .m-btn,#posterShareMask .m-btn,#editMask .m-btn,#customerPosterLinkPickerMask .m-btn,#customerPosterRolePickerMask .m-btn,#gfGoofishOrderMask .m-btn,#roleAvatarMask .m-btn,#xyOrderSnapshotMask .m-btn,#pangxieOrderSnapshotMask .m-btn,#posterEditMask .m-btn,#customerPosterEditMask .m-btn,#qrMask .m-btn{ border-radius:999px !important; min-height:44px !important; font-size:14px !important; box-shadow:none !important; }
    #shareMask .share-page-wrap,#posterShareMask .share-page-wrap,#editMask .share-page-wrap,#customerPosterRolePickerMask .share-page-wrap{ margin-bottom:12px !important; }
    #shareMask .share-page-label,#posterShareMask .share-page-label,#editMask .share-page-label,#customerPosterRolePickerMask .share-page-label{ font-size:14.5px !important; margin-bottom:5px !important; color:#0f172a !important; }
    #shareMask .share-page-note,#posterShareMask .share-page-note,#editMask .share-page-note,#customerPosterRolePickerMask .share-page-note{ font-size:12px !important; line-height:1.55 !important; color:#64748b !important; margin:0 0 11px !important; }
    #shareMask .share-page-list,#posterShareMask .share-page-list,#editMask .share-page-list,#customerPosterRolePickerMask .share-page-list{ display:block !important; grid-template-columns:none !important; gap:0 !important; max-height:56vh; overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom:2px; }
    #shareMask .share-page-chip,#posterShareMask .share-page-chip,#editMask .share-page-chip,#customerPosterRolePickerMask .share-page-chip{ display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:0 !important; text-align:left !important; cursor:pointer; padding:11px 13px !important; margin:0 0 8px !important; gap:12px !important; border:1px solid #e6e9f2 !important; border-radius:14px !important; background:#fff !important; box-shadow:none !important; transition:background .15s ease,border-color .15s ease !important; }
    #shareMask .share-page-chip:last-child,#posterShareMask .share-page-chip:last-child,#editMask .share-page-chip:last-child,#customerPosterRolePickerMask .share-page-chip:last-child{ margin-bottom:0 !important; }
    #shareMask .share-page-chip:active,#posterShareMask .share-page-chip:active,#editMask .share-page-chip:active,#customerPosterRolePickerMask .share-page-chip:active{ background:#f8fafc !important; }
    #shareMask .share-page-chip.active,#posterShareMask .share-page-chip.active,#editMask .share-page-chip.active,#customerPosterRolePickerMask .share-page-chip.active{ border-color:#14b8a6 !important; background:#f0fdfa !important; }
    #shareMask .share-page-chip::after,#posterShareMask .share-page-chip::after,#editMask .share-page-chip::after,#customerPosterRolePickerMask .share-page-chip::after{ content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:11px; color:#c3ccd9; margin-left:auto; flex:0 0 auto; }
    #shareMask .share-page-chip.active::after,#posterShareMask .share-page-chip.active::after,#editMask .share-page-chip.active::after,#customerPosterRolePickerMask .share-page-chip.active::after{ content:"\f00c"; color:#0f766e; }
    #shareMask .share-page-avatar,#posterShareMask .share-page-avatar,#editMask .share-page-avatar,#customerPosterRolePickerMask .share-page-avatar{ width:40px !important; height:40px !important; border-radius:12px !important; flex:0 0 auto !important; object-fit:cover !important; }
    #shareMask .share-page-avatar-fallback,#posterShareMask .share-page-avatar-fallback,#editMask .share-page-avatar-fallback,#customerPosterRolePickerMask .share-page-avatar-fallback{ width:40px !important; height:40px !important; border-radius:12px !important; flex:0 0 auto !important; font-size:16px !important; }
    #shareMask .share-page-text,#posterShareMask .share-page-text,#editMask .share-page-text,#customerPosterRolePickerMask .share-page-text{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; }
    #shareMask .share-page-main,#posterShareMask .share-page-main,#editMask .share-page-main,#customerPosterRolePickerMask .share-page-main{ font-size:14.5px !important; font-weight:700 !important; text-align:left !important; color:#0f172a !important; }
    #shareMask .share-page-desc,#posterShareMask .share-page-desc,#editMask .share-page-desc,#customerPosterRolePickerMask .share-page-desc{ margin-top:3px !important; font-size:11.5px !important; line-height:1.4 !important; text-align:left !important; color:#64748b !important; }
    #shareMask .share-page-tag,#posterShareMask .share-page-tag,#editMask .share-page-tag,#customerPosterRolePickerMask .share-page-tag{ background:#ecfdf5 !important; color:#047857 !important; font-size:10px !important; }
    #customerPosterRolePickerMask .customer-poster-picker-option{ display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; height:auto !important; min-height:52px !important; padding:12px 14px !important; margin:0 0 8px !important; border:1px solid #e6e9f2 !important; border-radius:14px !important; background:#fff !important; font-size:15px !important; font-weight:700 !important; }
    #customerPosterRolePickerMask .customer-poster-picker-option.active{ border-color:#14b8a6 !important; background:#f0fdfa !important; color:#0f766e !important; }
    #shareMask .share-link-zone,#posterShareMask .share-link-zone,#editMask .share-link-zone,#customerPosterLinkPickerMask .share-link-zone,#customerPosterRolePickerMask .share-link-zone{ gap:9px !important; margin-top:10px !important; }
    #shareMask .share-link-zone .slz-card,#posterShareMask .share-link-zone .slz-card,#editMask .share-link-zone .slz-card,#customerPosterLinkPickerMask .share-link-zone .slz-card,#customerPosterRolePickerMask .share-link-zone .slz-card{ background:#f8fafc !important; border-color:#e6e9f2 !important; border-radius:14px !important; box-shadow:none !important; }
    #shareMask .share-link-zone .slz-card:hover,#posterShareMask .share-link-zone .slz-card:hover,#editMask .share-link-zone .slz-card:hover,#customerPosterLinkPickerMask .share-link-zone .slz-card:hover,#customerPosterRolePickerMask .share-link-zone .slz-card:hover{ transform:none !important; border-color:#e6e9f2 !important; box-shadow:none !important; }
    #shareMask .share-link-zone .slz-url,#posterShareMask .share-link-zone .slz-url,#editMask .share-link-zone .slz-url,#customerPosterLinkPickerMask .share-link-zone .slz-url,#customerPosterRolePickerMask .share-link-zone .slz-url{ color:#0f172a !important; }
    #shareMask .share-link-zone .slz-act,#posterShareMask .share-link-zone .slz-act,#editMask .share-link-zone .slz-act,#customerPosterLinkPickerMask .share-link-zone .slz-act,#customerPosterRolePickerMask .share-link-zone .slz-act{ border-radius:999px !important; min-height:40px !important; }
    #shareMask .share-link-zone .slz-act[data-slz-copy],#posterShareMask .share-link-zone .slz-act[data-slz-copy],#editMask .share-link-zone .slz-act[data-slz-copy],#customerPosterLinkPickerMask .share-link-zone .slz-act[data-slz-copy],#customerPosterRolePickerMask .share-link-zone .slz-act[data-slz-copy],#shareMask .share-link-zone .slz-act[data-cplp-pick],#posterShareMask .share-link-zone .slz-act[data-cplp-pick],#editMask .share-link-zone .slz-act[data-cplp-pick],#customerPosterLinkPickerMask .share-link-zone .slz-act[data-cplp-pick],#customerPosterRolePickerMask .share-link-zone .slz-act[data-cplp-pick]{ background:#0f766e !important; }
    #shareMask .share-link-zone .slz-act[data-slz-qr],#posterShareMask .share-link-zone .slz-act[data-slz-qr],#editMask .share-link-zone .slz-act[data-slz-qr],#customerPosterLinkPickerMask .share-link-zone .slz-act[data-slz-qr],#customerPosterRolePickerMask .share-link-zone .slz-act[data-slz-qr]{ background:#334155 !important; }
    #gfGoofishOrderMask .m-in,#roleAvatarMask .m-in,#xyOrderSnapshotMask .m-in,#pangxieOrderSnapshotMask .m-in,#posterEditMask .m-in,#customerPosterEditMask .m-in{ border-radius:12px !important; border:1px solid #e6e9f2 !important; background:#fff !important; font-size:14px !important; padding:10px 12px !important; }
    #gfGoofishOrderMask input,#roleAvatarMask input,#xyOrderSnapshotMask input,#pangxieOrderSnapshotMask input,#posterEditMask input,#customerPosterEditMask input{ border-radius:12px !important; font-size:14px !important; }
    #gfGoofishOrderMask select,#roleAvatarMask select,#xyOrderSnapshotMask select,#pangxieOrderSnapshotMask select,#posterEditMask select,#customerPosterEditMask select{ border-radius:12px !important; font-size:14px !important; }
    #gfGoofishOrderMask textarea,#roleAvatarMask textarea,#xyOrderSnapshotMask textarea,#pangxieOrderSnapshotMask textarea,#posterEditMask textarea,#customerPosterEditMask textarea{ border-radius:12px !important; font-size:14px !important; }
    #gfGoofishOrderMask .m-hint,#roleAvatarMask .m-hint,#xyOrderSnapshotMask .m-hint,#pangxieOrderSnapshotMask .m-hint,#posterEditMask .m-hint,#customerPosterEditMask .m-hint{ font-size:12px !important; color:#64748b !important; }
    #qrMask .m-btn, .btn,#customerPosterEditMask .m-btn, .btn,#posterEditMask .m-btn, .btn{ border-radius:999px !important; min-height:44px !important; font-size:14px !important; }
    #shareMask .m-btn.primary,#posterShareMask .m-btn.primary,#editMask .m-btn.primary,#customerPosterLinkPickerMask .m-btn.primary,#customerPosterRolePickerMask .m-btn.primary,#gfGoofishOrderMask .m-btn.primary,#roleAvatarMask .m-btn.primary,#xyOrderSnapshotMask .m-btn.primary,#pangxieOrderSnapshotMask .m-btn.primary,#posterEditMask .m-btn.primary,#customerPosterEditMask .m-btn.primary,#qrMask .m-btn.primary{ background:linear-gradient(135deg,#14b8a6,#0f766e) !important; color:#fff !important; border:none !important; box-shadow:none !important; }
    #shareMask .m-btn.ghost,#posterShareMask .m-btn.ghost,#editMask .m-btn.ghost,#customerPosterLinkPickerMask .m-btn.ghost,#customerPosterRolePickerMask .m-btn.ghost,#gfGoofishOrderMask .m-btn.ghost,#roleAvatarMask .m-btn.ghost,#xyOrderSnapshotMask .m-btn.ghost,#pangxieOrderSnapshotMask .m-btn.ghost,#posterEditMask .m-btn.ghost,#customerPosterEditMask .m-btn.ghost,#qrMask .m-btn.ghost{ background:#fff !important; color:#475569 !important; border:1px solid #e2e8f0 !important; box-shadow:none !important; }
    #shareMask input[type="file"],#posterShareMask input[type="file"],#editMask input[type="file"],#customerPosterLinkPickerMask input[type="file"],#customerPosterRolePickerMask input[type="file"],#gfGoofishOrderMask input[type="file"],#roleAvatarMask input[type="file"],#xyOrderSnapshotMask input[type="file"],#pangxieOrderSnapshotMask input[type="file"],#posterEditMask input[type="file"],#customerPosterEditMask input[type="file"],#qrMask input[type="file"]{ width:100% !important; font-size:12.5px !important; color:#94a3b8 !important; padding:8px 10px !important; border:1px dashed #d7dee9 !important; border-radius:12px !important; background:#f8fafc !important; }
    #shareMask input[type="file"]::file-selector-button,#posterShareMask input[type="file"]::file-selector-button,#editMask input[type="file"]::file-selector-button,#customerPosterLinkPickerMask input[type="file"]::file-selector-button,#customerPosterRolePickerMask input[type="file"]::file-selector-button,#gfGoofishOrderMask input[type="file"]::file-selector-button,#roleAvatarMask input[type="file"]::file-selector-button,#xyOrderSnapshotMask input[type="file"]::file-selector-button,#pangxieOrderSnapshotMask input[type="file"]::file-selector-button,#posterEditMask input[type="file"]::file-selector-button,#customerPosterEditMask input[type="file"]::file-selector-button,#qrMask input[type="file"]::file-selector-button{ border:0 !important; background:#fff !important; color:#0f766e !important; font-weight:700 !important; border-radius:999px !important; padding:6px 12px !important; margin-right:10px !important; box-shadow:0 1px 2px rgba(15,23,42,.08) !important; cursor:pointer; }
    .m-mask#shareMask .m-card > form,.m-mask#posterShareMask .m-card > form,.m-mask#editMask .m-card > form,.m-mask#customerPosterLinkPickerMask .m-card > form,.m-mask#customerPosterRolePickerMask .m-card > form,.m-mask#gfGoofishOrderMask .m-card > form,.m-mask#roleAvatarMask .m-card > form,.m-mask#xyOrderSnapshotMask .m-card > form,.m-mask#pangxieOrderSnapshotMask .m-card > form,.m-mask#posterEditMask .m-card > form,.m-mask#customerPosterEditMask .m-card > form,.m-mask#qrMask .m-card > form{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; min-height:0 !important; }
    .m-mask#shareMask .m-card > *,.m-mask#posterShareMask .m-card > *,.m-mask#editMask .m-card > *,.m-mask#customerPosterLinkPickerMask .m-card > *,.m-mask#customerPosterRolePickerMask .m-card > *,.m-mask#gfGoofishOrderMask .m-card > *,.m-mask#roleAvatarMask .m-card > *,.m-mask#xyOrderSnapshotMask .m-card > *,.m-mask#pangxieOrderSnapshotMask .m-card > *,.m-mask#posterEditMask .m-card > *,.m-mask#customerPosterEditMask .m-card > *,.m-mask#qrMask .m-card > *{ min-width:0; }
    #shareMask #shareCopy{ background:linear-gradient(135deg,#14b8a6,#0f766e) !important; color:#fff !important; border:none !important; }
    #shareMask #shareQR{ background:#fff !important; color:#0f766e !important; border:1px solid #cfe3e0 !important; box-shadow:none !important; }
    #shareMask #shareQR:active{ background:#f0fdfa !important; }