/* ================================================================
   购物车页自定义内容块 · 玻璃质感容器
   public/plugins/addons/cart_popup/assets/cart_page.css
   ================================================================ */

#mfc-page-block {
    --mfc-a: #ff8fc7;
    --mfc-b: #a78bfa;
    --mfc-c: #ffd6e8;
    --mfc-text: #3b2b47;
    position: relative;
    margin: 14px 0;
    padding: 16px 18px;
    border-radius: 18px;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
    color: var(--mfc-text);
    font-size: 13.5px;
    line-height: 1.75;

    background: linear-gradient(150deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .62));
    backdrop-filter: blur(16px) saturate(1.7);
    -webkit-backdrop-filter: blur(16px) saturate(1.7);
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px -18px rgba(80, 60, 120, .45), inset 0 1px 0 #fff;
}

#mfc-page-block.mfc-style-sakura { --mfc-a: #ff8fc7; --mfc-b: #c084fc; --mfc-c: #ffd6e8; }
#mfc-page-block.mfc-style-miku   { --mfc-a: #39d0d8; --mfc-b: #6ea8fe; --mfc-c: #d6f6ff; }
#mfc-page-block.mfc-style-galaxy { --mfc-a: #a78bfa; --mfc-b: #60a5fa; --mfc-c: #e9e2ff; }
#mfc-page-block.mfc-style-mint   { --mfc-a: #6ee7b7; --mfc-b: #38bdf8; --mfc-c: #dcfff1; }
#mfc-page-block.mfc-style-amber  { --mfc-a: #fbbf24; --mfc-b: #fb7185; --mfc-c: #ffe9d1; }

#mfc-page-block .mfc-page-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(24px);
    opacity: .5;
    pointer-events: none;
}
#mfc-page-block .mfc-page-blob.a { width: 140px; height: 140px; background: var(--mfc-a); top: -50px; right: -40px; }
#mfc-page-block .mfc-page-blob.b { width: 120px; height: 120px; background: var(--mfc-c); bottom: -50px; left: -36px; opacity: .55; }

#mfc-page-block .mfc-page-inner { position: relative; z-index: 1; }

/* 纯文本内容（没写 HTML 标签时）：保留换行，显示得像记事本一样 */
#mfc-page-block .mfc-page-inner.mfc-plaintext {
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.8;
}

/* 复制成功后的短暂反馈（用于号码小标签） */
#mfc-page-block .mfc-copied,
#mfc-ad .mfc-copied {
    color: #2e9e5b !important;
    transition: color .2s ease;
}
#mfc-page-block .mfc-copied::after,
#mfc-ad .mfc-copied::after {
    content: ' ✓';
    font-weight: 900;
}

@media (max-width: 560px) {
    #mfc-page-block { padding: 14px; border-radius: 16px; margin: 12px 0; }
}