/* VIP 会员页  */
.ceovip-mempage{
      /* ── 代理到 font.css 全局暖纸米 token（改配色只需改 font.css） ── */
      --ceovip-mp-bg:     var(--color-bg);
      --ceovip-mp-panel:  var(--color-panel);
      --ceovip-mp-ink:    var(--color-ink);
      --ceovip-mp-muted:  var(--color-muted);
      --ceovip-mp-line:   var(--color-line);
      --ceovip-mp-line-2: var(--color-line-2);
      --ceovip-mp-shadow: var(--color-shadow);
      /* ── 以下为页面专属功能色，不纳入全局 token ── */
      --ceovip-mp-brand:      #ff6a2b;
      --ceovip-mp-brand-2:    #ffb36b;
      --ceovip-mp-brand-soft: rgba(255,106,43,.10);
      --ceovip-mp-gold:       #ffb100;
      --ceovip-mp-success:    #19be6b;
      --ceovip-mp-danger:     var(--color-danger);
      --ceovip-mp-radius:0px;
      --ceovip-mp-pad:24px;
      --ceovip-mp-container:1440px;
      --ceovip-mp-mono:var(--font-mono);
      --ceovip-mp-sans:var(--font-sans);
    }

    .ceovip-mempage,.ceovip-mempage *{box-sizing:border-box}
    .ceovip-mempage{scroll-behavior:smooth}
    .ceovip-mempage{font-family:var(--ceovip-mp-sans);color:var(--ceovip-mp-ink);background:radial-gradient(circle at top center, rgba(255,106,43,.16), transparent 32%),linear-gradient(180deg, #fff6f1 0%, var(--ceovip-mp-bg) 24%, var(--ceovip-mp-bg) 100%);line-height:1.45;margin:0}

    .ceovip-mempage::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg, rgba(0,0,0,.028) 0 1px, transparent 1px 14px),linear-gradient(0deg, rgba(0,0,0,.025) 0 1px, transparent 1px 52px);opacity:.4;mix-blend-mode:multiply}

    .ceovip-mempage a{text-decoration:none;color:inherit}
    .ceovip-mempage button{font:inherit}

    .ceovip-mp-container{
      max-width:var(--ceovip-mp-container);
      margin:0 auto;
      padding:1px 20px 30px;
      position:relative;
    }

    .ceovip-mp-section{
      background: var(--color-section-bg);
      border:1px solid var(--ceovip-mp-line-2);
      box-shadow:var(--ceovip-mp-shadow);
      position:relative;
      overflow:hidden;
      margin-top:18px;
    }

    .ceovip-mp-section::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:148px;
      height:48px;
      background:
        linear-gradient(135deg, transparent 0 18px, rgba(255,106,43,.18) 18px 19px, transparent 19px 100%),
        linear-gradient(135deg, rgba(255,179,107,.22), rgba(255,255,255,0));
      clip-path:polygon(0 0, 100% 0, 82% 100%, 0 100%);
    }

    .ceovip-mp-section-header{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      padding:18px var(--ceovip-mp-pad) 12px;
      border-bottom:1px solid var(--ceovip-mp-line);
    }

    .ceovip-mp-section-title{
      display:flex;
      align-items:center;
      gap:10px;
      margin:0;
      font-family:var(--ceovip-mp-mono);
      text-transform:uppercase;
      letter-spacing:.1em;
      font-size:14px;
    }

    .ceovip-mp-section-title .ceovip-mp-bar{
      width:10px;
      height:10px;
      background:var(--ceovip-mp-brand);
      border:1px solid var(--ceovip-mp-ink);
      box-shadow:4px 0 0 var(--ceovip-mp-ink);
    }

    .ceovip-mp-section-hint{
      font-size:12px;
      color:var(--ceovip-mp-muted);
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.06em;
      white-space:nowrap;
    }


    .ceovip-mp-hero{
      position:relative;
      background:
        radial-gradient(circle at 50% -10%, rgba(255,214,168,.72), transparent 34%),
        linear-gradient(135deg, #ff7e42 0%, #ff5e36 45%, #ff814f 100%);
      color:#fff;
      border-color:#ff9369;
      padding:0;
    }

    .ceovip-mp-hero::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      width:100%;
      height:100%;
      clip-path:none;
      background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.18) 0 2px, transparent 3px 100%),
        radial-gradient(circle at 88% 22%, rgba(255,255,255,.16) 0 2px, transparent 3px 100%),
        linear-gradient(160deg, rgba(255,255,255,.12), transparent 28%),
        linear-gradient(20deg, rgba(255,255,255,.06), transparent 36%);
      opacity:1;
    }

    .ceovip-mp-hero-inner{
      position:relative;
      z-index:1;
      padding:36px 34px 30px;
      text-align:center;
      overflow:hidden;
    }

    .ceovip-mp-hero-badge{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:34px;
      padding:8px 14px;
      /* border:1px solid rgba(255,255,255,.92);
      background:rgba(255,255,255,.10); */
      font-family:var(--ceovip-mp-mono);
      font-size:12px;
      letter-spacing:.14em;
      text-transform:uppercase;
      backdrop-filter:blur(4px);
    }

    .ceovip-mp-hero-badge .ceovip-mp-dot{
      width:10px;
      height:10px;
      border:1px solid #fff;
      background:#ffe0a8;
    }

    .ceovip-mp-hero h1{
      margin:18px 0 10px;
      font-size:clamp(34px, 4vw, 62px);
      line-height:1.06;
      letter-spacing:.02em;
    }

    /* Hero 标题前段「限时专享」：颜色、字重、字号可单独调整 */
    .ceovip-mp-hero h1 .ceovip-mp-hero-title-lead{
      color:#fff;
      font-weight:600;
      font-size:clamp(36px, 3vw, 62px);
    }

    .ceovip-mp-hero h1 strong{
      color:#fff3c2;
      text-shadow:0 2px 0 rgba(0,0,0,.06);
      font-size:1.18em;
    }

    .ceovip-mp-hero-desc{
      margin:0 auto;
      max-width:960px;
      font-size:16px;
      color:rgba(255,255,255,.92);
    }

    .ceovip-mp-countdown-wrap{
      display:inline-flex;
      align-items:center;
      gap:12px;
      margin-top:18px;
      padding:8px 12px;
      border:1px solid rgba(255,255,255,.45);
      background:rgba(255,255,255,.08);
      backdrop-filter:blur(2px);
      flex-wrap:wrap;
      justify-content:center;
    }

    .ceovip-mp-countdown-label{
      font-size:12px;
      letter-spacing:.06em;
      font-family:var(--ceovip-mp-mono);
      text-transform:uppercase;
      color:rgba(255,245,228,.9);
    }

    .ceovip-mp-timer{
      display:flex;
      align-items:center;
      gap:6px;
    }

    .ceovip-mp-time-block{
      min-width:54px;
      padding:7px 8px 6px;
      border:1px solid rgba(255,255,255,.55);
      background:rgba(255,255,255,.92);
      color:#222;
      text-align:center;
      box-shadow:0 4px 12px rgba(0,0,0,.08);
    }

    .ceovip-mp-time-block strong{
      display:block;
      font-family:var(--ceovip-mp-mono);
      font-size:22px;
      line-height:1;
      color:#ff6a2b;
    }

    .ceovip-mp-time-block span{
      display:block;
      margin-top:3px;
      font-size:10px;
      color:var(--ceovip-mp-muted);
      letter-spacing:.08em;
      text-transform:uppercase;
      font-family:var(--ceovip-mp-mono);
    }

    .ceovip-mp-timer-sep{
      font-family:var(--ceovip-mp-mono);
      font-size:18px;
      opacity:.55;
    }

    .ceovip-mp-hero-tags{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:12px;
      margin-top:24px;
    }

    .ceovip-mp-hero-tag{
      padding:8px 12px;
      border:1px solid rgba(255,255,255,.85);
      font-size:12px;
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.08em;
      background:rgba(255,255,255,.08);
    }

    /* 会员卡 */
    .ceovip-mp-plans{
      padding:18px var(--ceovip-mp-pad) 26px;
    }

    .ceovip-mp-plans-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:18px;
    }

    /* 体验会员：与主套餐区分，偏清爽强调「试用」 */
    .ceovip-mp-plan-card.ceovip-mp-plan-card--trial{
      border-color:rgba(25,190,107,.45);
      background:linear-gradient(180deg, rgba(25,190,107,.07), #fff 38%);
    }

    .ceovip-mp-plan-card.ceovip-mp-plan-card--trial:hover{
      border-color:var(--ceovip-mp-success);
      box-shadow:0 18px 40px rgba(25,190,107,.14);
    }

    .ceovip-mp-plan-card--trial .ceovip-mp-plan-badge{
      background:rgba(25,190,107,.12);
      border-color:#148a52;
      color:#0d5c36;
    }

    .ceovip-mp-plan-card{
      position:relative;
      border:1px solid var(--ceovip-mp-line-2);
      background: var(--ceovip-mp-panel);
      padding:20px 18px 18px;
      display:flex;
      flex-direction:column;
      min-height:420px;
      transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease;
      overflow:hidden;
    }

    .ceovip-mp-plan-card:hover{
      transform:translateY(-4px);
      border-color:var(--ceovip-mp-brand);
      box-shadow:0 18px 40px rgba(255,106,43,.12);
    }

    .ceovip-mp-plan-card.ceovip-mp-plan-card--highlight{
      border-color:var(--ceovip-mp-brand);
      background:linear-gradient(180deg, rgba(255,106,43,.06), #fff 36%);
    }

    .ceovip-mp-plan-card.ceovip-mp-plan-card--popular::after{
      content:"现时开放";
      position:absolute;
      right:-30px;
      top:13px;
      width:120px;
      height:30px;
      display:grid;
      place-items:center;
      transform:rotate(45deg);
      background:var(--ceovip-mp-gold);
      color:var(--ceovip-mp-ink);
      border:1px solid var(--ceovip-mp-ink);
      font-size:12px;
      font-weight:800;
      letter-spacing:.16em;
      font-family:var(--ceovip-mp-mono);
    }

    .ceovip-mp-plan-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
      margin-bottom:14px;
    }

    .ceovip-mp-plan-name{
      margin:0;
      font-size:24px;
      font-weight: 600;
      color: #000;
    }

    .ceovip-mp-plan-note{
      margin-top:6px;
      font-size:12px;
      color:var(--ceovip-mp-muted);
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.06em;
    }

    .ceovip-mp-plan-badge{
      flex:0 0 auto;
      padding:6px 10px;
      border:1px solid var(--ceovip-mp-ink);
      background:var(--ceovip-mp-brand-soft);
      font-size:12px;
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.08em;
      text-transform:uppercase;
      font-weight:700;
    }

    .ceovip-mp-plan-pricebox{
      padding:16px 14px;
      border:1px solid var(--ceovip-mp-line);
      background:linear-gradient(180deg, #fff, rgba(255,106,43,.04));
      margin-bottom:14px;
    }

    .ceovip-mp-price-label{
      font-size:12px;
      color:var(--ceovip-mp-muted);
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .ceovip-mp-market-price{
      margin-top:4px;
      color:var(--ceovip-mp-muted);
      font-size:14px;
    }

    .ceovip-mp-market-price del{
      color:#8a9099;
      font-weight:700;
    }

    .ceovip-mp-plan-price{
      display:flex;
      align-items:flex-end;
      gap:6px;
      margin-top:8px;
      line-height:1;
    }

    .ceovip-mp-plan-price strong{
      font-size:42px;
      color:var(--ceovip-mp-brand);
      letter-spacing:-.02em;
    }

    .ceovip-mp-plan-price.ceovip-mp-plan-price--small strong{
      font-size:36px;
    }

    .ceovip-mp-plan-card--trial .ceovip-mp-plan-price strong{
      color:#129a55;
    }

    .ceovip-mp-btn.ceovip-mp-btn--trial{
      border-color:#148a52;
      background:linear-gradient(180deg, #f4fff9, #e8faf0);
    }

    .ceovip-mp-btn.ceovip-mp-btn--trial:hover{
      background:#dff5e8;
    }

    .ceovip-mp-plan-price small{
      font-size:14px;
      color:var(--ceovip-mp-muted);
      padding-bottom:5px;
    }

    .ceovip-mp-plan-save{
      display:inline-flex;
      margin-top:10px;
      padding:6px 8px;
      border:1px solid var(--ceovip-mp-ink);
      background:#fff6d8;
      font-size:12px;
      font-family:var(--ceovip-mp-mono);
      letter-spacing:.08em;
      width:max-content;
    }

    .ceovip-mp-plan-list{
      display:grid;
      gap:10px;
      margin:0;
      padding:0;
      list-style:none;
      flex:1;
    }

    .ceovip-mp-plan-list li{
      position:relative;
      padding-left:24px;
      font-size:14px;
      color:#2d3138;
    }

    .ceovip-mp-plan-list li::before{
      content:"";
      position:absolute;
      left:0;
      top:7px;
      width:10px;
      height:10px;
      border:1px solid var(--ceovip-mp-ink);
      background:var(--ceovip-mp-brand-2);
      box-shadow:4px 0 0 var(--ceovip-mp-ink);
    }

    .ceovip-mp-plan-foot{
      margin-top:16px;
      display:grid;
      gap:10px;
    }

    .ceovip-mp-plan-tip{
      min-height:42px;
      padding:10px 12px;
      border:2px dashed var(--ceovip-mp-line-2);
      color:var(--ceovip-mp-muted);
      font-size:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
    }

    .ceovip-mp-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:48px;
      padding:12px 16px;
      border:1px solid var(--ceovip-mp-ink);
      background: var(--ceovip-mp-panel);
      cursor:pointer;
      font-weight:800;
      letter-spacing:.04em;
      transition:transform .12s ease, background .12s ease, color .12s ease;
      user-select:none;
    }

    .ceovip-mp-btn:hover{transform:translateY(-1px)}
    .ceovip-mp-btn.ceovip-mp-btn--primary{background:var(--ceovip-mp-brand); color:#fff; border-color:#cf4f18}
    .ceovip-mp-btn.ceovip-mp-btn--primary:hover{background:#f25b22}
    .ceovip-mp-btn.ceovip-mp-btn--secondary{background:#fff7ef}

    .ceovip-mp-mini-note{
      margin-top:16px;
      font-size:12px;
      color:var(--ceovip-mp-muted);
      text-align:center;
    }

    /* 权益对比 */
    .ceovip-mp-comparison{
      padding:16px var(--ceovip-mp-pad) 26px;
    }

    .ceovip-mp-table-wrap{
      border:1px solid var(--ceovip-mp-line-2);
      overflow:auto;
      background: var(--ceovip-mp-panel);
    }

    .ceovip-mp-table-wrap table{
      width:100%;
      border-collapse:collapse;
      min-width:1120px;
    }

    .ceovip-mp-table-wrap thead th{
      position:sticky;
      top:0;
      z-index:2;
      background:#fffaf6;
      border-bottom:1px solid var(--ceovip-mp-ink);
      font-family:var(--ceovip-mp-mono);
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:12px;
      padding:14px 12px;
      text-align:center;
      white-space:nowrap;
    }
    .ceovip-mp-table-wrap thead th:first-child{
      text-align:left;
    }

    .ceovip-mp-table-wrap tbody td{
      border-top:1px solid var(--ceovip-mp-line);
      padding:14px 12px;
      text-align:center;
      font-size:14px;
      white-space:nowrap;
    }

    .ceovip-mp-table-wrap tbody tr:hover{background:rgba(255,106,43,.05)}
    .ceovip-mp-table-wrap tbody td:first-child{
      text-align:left;
      font-weight:700;
      /* background:#fffdfb; */
    }

    .ceovip-mp-yes,.ceovip-mp-no,.ceovip-mp-text-accent{font-weight:800}
    .ceovip-mp-yes{color:var(--ceovip-mp-success)}
    .ceovip-mp-no{color:var(--ceovip-mp-danger)}
    .ceovip-mp-text-accent{color:var(--ceovip-mp-brand)}

    /* FAQ */
    .ceovip-mp-faq{
      padding:14px var(--ceovip-mp-pad) 28px;
    }

    .ceovip-mp-faq-list{
      display:grid;
      gap:14px;
    }

    details.ceovip-mp-faq-item{
      border:1px solid var(--ceovip-mp-line-2);
      background: var(--ceovip-mp-panel);
      transition:border-color .14s ease, box-shadow .14s ease;
    }

    details.ceovip-mp-faq-item[open]{
      border-color:var(--ceovip-mp-brand);
      box-shadow:0 12px 26px rgba(255,106,43,.10);
    }

    .ceovip-mp-faq-item summary{
      list-style:none;
      cursor:pointer;
      padding:18px 56px 18px 18px;
      position:relative;
      font-weight:800;
      font-size:16px;
    }

    .ceovip-mp-faq-item summary::-webkit-details-marker{display:none}

    .ceovip-mp-faq-item summary::before,
    .ceovip-mp-faq-item summary::after{
      content:"";
      position:absolute;
      right:20px;
      top:50%;
      width:18px;
      height:2px;
      background:var(--ceovip-mp-ink);
      transform:translateY(-50%);
    }

    .ceovip-mp-faq-item summary::after{
      transform:translateY(-50%) rotate(90deg);
      transition:transform .14s ease;
    }

    .ceovip-mp-faq-item[open] summary::after{
      transform:translateY(-50%) rotate(0deg);
    }

    .ceovip-mp-faq-content{
      padding:0 18px 18px;
      color:#3f454d;
      border-top:1px solid var(--ceovip-mp-line);
      background:linear-gradient(180deg, rgba(255,106,43,.04), rgba(255,255,255,0));
    }

    .ceovip-mp-faq-content p{
      margin:14px 0 0;
    }

    /* 底部吸附按钮 */
    .ceovip-mp-sticky-bar{
      position:sticky;
      bottom:16px;
      z-index:15;
      margin-top:22px;
    }

    .ceovip-mp-sticky-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      padding:14px 16px;
      border:1px solid var(--ceovip-mp-ink);
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(6px);
      box-shadow:var(--ceovip-mp-shadow);
    }

    .ceovip-mp-sticky-copy strong{
      color:var(--ceovip-mp-brand);
      font-size:24px;
      margin:0 4px;
    }

    .ceovip-mp-sticky-copy p{
      margin:0;
      font-size:13px;
      color:var(--ceovip-mp-muted);
    }

    /* 响应式 */
    @media (max-width: 1280px){
      .ceovip-mp-plans-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
    }

    @media (max-width: 768px){
      .ceovip-mempage{--ceovip-mp-pad:16px}
      .ceovip-mp-container{padding:14px 12px 52px}
      .ceovip-mp-hero-inner{padding:24px 16px 22px}
      .ceovip-mp-hero h1{font-size:34px}
      .ceovip-mp-hero h1 .ceovip-mp-hero-title-lead{font-size:34px}
      .ceovip-mp-hero-desc{font-size:14px}
      .ceovip-mp-countdown-wrap{padding:8px 10px; gap:8px}
      .ceovip-mp-time-block{min-width:48px; padding:6px 7px 5px}
      .ceovip-mp-time-block strong{font-size:20px}
      .ceovip-mp-section-header{align-items:flex-start; flex-direction:column}
      .ceovip-mp-section-hint{white-space:normal}
      .ceovip-mp-plans-grid{grid-template-columns:1fr}
      .ceovip-mp-table-wrap table{min-width:920px}
      .ceovip-mp-sticky-inner{flex-direction:column; align-items:stretch}
      .ceovip-mp-sticky-copy{text-align:center}
      .ceovip-mp-sticky-copy strong{display:inline-block}
      .ceovip-mp-sticky-inner .ceovip-mp-btn{width:100%}
    }


    /* 音质营销模块 */
    .ceovip-mp-auth-marketing{
      padding:16px var(--ceovip-mp-pad) 28px;
      display:grid;
      gap:18px;
    }

    .ceovip-mp-quality-hero-card{
      border:1px solid var(--ceovip-mp-line-2);
      background:
        radial-gradient(circle at top right, rgba(255,106,43,.12), transparent 34%),
        linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
      padding:22px 20px;
    }

    .ceovip-mp-quality-topline{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:7px 12px;
      border:1px solid var(--ceovip-mp-ink);
      background:#fff3e7;
      font-family:var(--ceovip-mp-mono);
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
      font-weight:800;
    }

    .ceovip-mp-quality-topline::before{
      content:"";
      width:10px;
      height:10px;
      border:1px solid var(--ceovip-mp-ink);
      background:var(--ceovip-mp-brand);
      box-shadow:4px 0 0 var(--ceovip-mp-ink);
    }

    .ceovip-mp-quality-hero-card h4{
      margin:16px 0 10px;
      font-size:30px;
      line-height:1.22;
      font-weight: 600;
      color: #000;
    }

    .ceovip-mp-quality-hero-card h4 strong{color:var(--ceovip-mp-brand)}

    .ceovip-mp-quality-hero-card p{
      margin:0;
      color:#3e434b;
      font-size:15px;
    }

    .ceovip-mp-quality-pill-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:16px;
    }

    .ceovip-mp-quality-pill{
      padding:8px 12px;
      border:1px solid var(--ceovip-mp-line-2);
      background: var(--ceovip-mp-panel);
      font-size:12px;
      font-weight:700;
      color:#2d3138;
    }

    .ceovip-mp-auth-grid{
      display:grid;
      /* grid-template-columns:1.15fr .85fr; */
      gap:18px;
    }

    .ceovip-mp-auth-card{
      border:1px solid var(--ceovip-mp-line-2);
      background: var(--ceovip-mp-panel);
      padding:20px 18px;
      min-width:0;
    }

    .ceovip-mp-auth-card-title{
      display:flex;
      align-items:center;
      gap:10px;
      margin:0 0 14px;
      font-size:22px;
      font-weight: 600;
      color: #000;
    }

    .ceovip-mp-auth-card-index{
      display:grid;
      place-items:center;
      width:34px;
      height:34px;
      border:1px solid var(--ceovip-mp-ink);
      background:#fff4ea;
      font-family:var(--ceovip-mp-mono);
      font-size:14px;
      font-weight:800;
      flex:0 0 auto;
    }

    .ceovip-mp-auth-card-desc{
      margin:0 0 14px;
      color:#454b54;
      font-size:14px;
    }

    .ceovip-mp-auth-feature-list{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:10px;
      margin-bottom:18px;
    }

    .ceovip-mp-auth-feature-item{
      padding:12px 12px 12px 14px;
      border:1px solid var(--ceovip-mp-line);
      background:#fffaf7;
      position:relative;
      font-size:13px;
      font-weight:700;
    }

    .ceovip-mp-auth-feature-item::before{
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:4px;
      background:var(--ceovip-mp-brand);
    }

    .ceovip-mp-verify-flow{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:12px;
      align-items:stretch;
    }

    .ceovip-mp-verify-step{
      position:relative;
      border:1px solid var(--ceovip-mp-line-2);
      background:linear-gradient(180deg, #fff, #fff8f3);
      padding:14px 12px 12px;
      min-height:110px;
    }

    .ceovip-mp-verify-step:not(:last-child)::after{
      content:"→";
      position:absolute;
      right:-12px;
      top:50%;
      transform:translateY(-50%);
      width:24px;
      height:24px;
      display:grid;
      place-items:center;
      background: var(--ceovip-mp-panel);
      color:var(--ceovip-mp-brand);
      font-weight:900;
      font-size:16px;
    }

    .ceovip-mp-verify-step strong{
      display:block;
      font-size:14px;
      margin-bottom:8px;
    }

    .ceovip-mp-verify-step span{
      display:block;
      color:var(--ceovip-mp-muted);
      font-size:12px;
      line-height:1.55;
    }

    .ceovip-mp-auth-compare{
      display:grid;
      gap:14px;
    }

    .ceovip-mp-compare-caption{
      margin:0;
      color:#454b54;
      font-size:14px;
    }

    .ceovip-mp-compare-panel{
      border:1px solid var(--ceovip-mp-line-2);
      overflow:hidden;
    }

    .ceovip-mp-compare-head,
    .ceovip-mp-compare-row{
      display:grid;
      grid-template-columns:118px 1fr 1fr;
    }

    .ceovip-mp-compare-head > div,
    .ceovip-mp-compare-row > div{
      padding:12px 12px;
      border-top:1px solid var(--ceovip-mp-line);
    }

    .ceovip-mp-compare-head > div{
      border-top:none;
      background:#fffaf6;
      font-family:var(--ceovip-mp-mono);
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .ceovip-mp-compare-label{
      font-weight:800;
      background:#fffdfb;
    }

    .ceovip-mp-compare-good{
      background:rgba(25,190,107,.08);
      color:#14653d;
      font-weight:700;
    }

    .ceovip-mp-compare-bad{
      background:rgba(255,77,79,.08);
      color:#9c2729;
      font-weight:700;
    }

    .ceovip-mp-bar-metric{
      display:flex;
      align-items:center;
      gap:10px;
      white-space:normal;
    }

    .ceovip-mp-bar-track{
      flex:1;
      height:10px;
      border:1px solid var(--ceovip-mp-line-2);
      background: var(--ceovip-mp-panel);
      position:relative;
      overflow:hidden;
    }

    .ceovip-mp-bar-fill{
      position:absolute;
      inset:0 auto 0 0;
      background:linear-gradient(90deg, var(--ceovip-mp-brand), #ffb36b);
      width:100%;
    }

    .ceovip-mp-bar-fill.ceovip-mp-bar-fill--low{width:34%}
    .ceovip-mp-bar-fill.ceovip-mp-bar-fill--mid{width:52%}

    .ceovip-mp-bar-text{
      min-width:74px;
      text-align:right;
      font-family:var(--ceovip-mp-mono);
      font-size:12px;
      color:#39414a;
    }

    .ceovip-mp-trust-grid{
      display:grid;
      /* grid-template-columns:repeat(2, minmax(0, 1fr)); */
      gap:18px;
    }

    .ceovip-mp-album-showcase{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:12px;
      margin-top:14px;
    }

    .ceovip-mp-album-cover{
      aspect-ratio:1/1;
      border:1px solid var(--ceovip-mp-ink);
      background:
        linear-gradient(135deg, rgba(255,106,43,.12), rgba(255,179,107,.18)),
        repeating-linear-gradient(0deg, rgba(0,0,0,.05), rgba(0,0,0,.05) 1px, transparent 1px, transparent 8px);
      display:flex;
      align-items:flex-end;
      padding:10px;
      font-size:12px;
      font-weight:800;
      color:#262b31;
    }

    .ceovip-mp-album-note,
    .ceovip-mp-clean-note{
      margin:12px 0 0;
      color:#4b525b;
      font-size:14px;
      line-height:1.65;
    }

    .ceovip-mp-clean-grid{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
      margin-top:14px;
    }

    .ceovip-mp-clean-item{
      border:1px solid var(--ceovip-mp-line-2);
      background:#fffaf6;
      padding:14px 12px;
    }

    .ceovip-mp-clean-item strong{
      display:block;
      font-size:15px;
      margin-bottom:6px;
    }

    .ceovip-mp-clean-item span{
      display:block;
      font-size:12px;
      color:var(--ceovip-mp-muted);
      line-height:1.55;
    }

    @media (max-width: 1024px){
      .ceovip-mp-auth-grid,
      .ceovip-mp-trust-grid{grid-template-columns:1fr;}
      .ceovip-mp-verify-flow{grid-template-columns:repeat(2, minmax(0, 1fr));}
      .ceovip-mp-verify-step:nth-child(2)::after,
      .ceovip-mp-verify-step:last-child::after{display:none}
      .ceovip-mp-verify-step:nth-child(1)::after,
      .ceovip-mp-verify-step:nth-child(3)::after{right:-12px}
    }

    @media (max-width: 768px){
      .ceovip-mp-quality-hero-card h4{font-size:24px}
      .ceovip-mp-auth-card-title{font-size:19px}
      .ceovip-mp-auth-feature-list,
      .ceovip-mp-clean-grid,
      .ceovip-mp-album-showcase,
      .ceovip-mp-verify-flow{grid-template-columns:1fr;}
      .ceovip-mp-verify-step:not(:last-child)::after{
        content:"↓";
        top:auto;
        bottom:-13px;
        left:50%;
        right:auto;
        transform:translateX(-50%);
      }
      .ceovip-mp-compare-head,
      .ceovip-mp-compare-row{grid-template-columns:86px 1fr 1fr;}
      .ceovip-mp-bar-metric{align-items:flex-start; flex-direction:column; gap:6px}
      .ceovip-mp-bar-text{text-align:left; min-width:0}
    }