/* IcePro — vip.css (split from main.css) */

/* ========== 遮罩：双层玻璃（底层只模糊 / 顶层清晰纹理） ========== */
/*
 * 为什么之前糊：
 *   同一层同时写 backdrop-filter + background-image 时，浏览器合成后
 *   纹理会像泡在雾里，观感发灰发虚。
 * 目标站手感：
 *   底层 blur 页面 → 顶层再铺清晰纹理图（纹理本身不参与 blur）
 * 实现：
 *   元素本体：只负责 backdrop-filter + 轻压暗
 *   ::before：只铺纹理（无 backdrop-filter，保持锐利）
 * 图标：Lucide Icons v0.469.0 (ISC)
 */
:root {
    --icepro-mask-blur: blur(12px) saturate(1.25);
    --icepro-mask-dim: rgba(10, 12, 20, 0.28);
    --icepro-mask-texture: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22560%22%20height%3D%22560%22%20viewBox%3D%220%200%20560%20560%22%20fill%3D%22none%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22a%22%20cx%3D%2230%25%22%20cy%3D%2225%25%22%20r%3D%2245%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23a8b8ff%22%20stop-opacity%3D%220.12%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23a8b8ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2278%25%22%20cy%3D%2272%25%22%20r%3D%2240%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffb4d0%22%20stop-opacity%3D%220.09%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffb4d0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22c%22%20cx%3D%2270%25%22%20cy%3D%2218%25%22%20r%3D%2230%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffe29a%22%20stop-opacity%3D%220.07%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffe29a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%22560%22%20height%3D%22560%22%20fill%3D%22url%28%23a%29%22%2F%3E%3Crect%20width%3D%22560%22%20height%3D%22560%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Crect%20width%3D%22560%22%20height%3D%22560%22%20fill%3D%22url%28%23c%29%22%2F%3E%3Cg%20transform%3D%22translate%28110%20120%29%20scale%283.2%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c.67%200%201.35.09%202%20.26%201.78-2%205.03-2.84%206.42-2.26%201.4.58-.42%207-.42%207%20.57%201.07%201%202.24%201%203.44C21%2017.9%2016.97%2021%2012%2021s-9-3-9-7.56c0-1.25.5-2.4%201-3.44%200%200-1.89-6.42-.5-7%201.39-.58%204.72.23%206.5%202.23A9.04%209.04%200%200%201%2012%205Z%22%2F%3E%3Cpath%20d%3D%22M8%2014v.5%22%2F%3E%3Cpath%20d%3D%22M16%2014v.5%22%2F%3E%3Cpath%20d%3D%22M11.25%2016.25h1.5L12%2017l-.75-.75Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28430%20400%29%20rotate%28-18%29%20scale%282.2%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c.67%200%201.35.09%202%20.26%201.78-2%205.03-2.84%206.42-2.26%201.4.58-.42%207-.42%207%20.57%201.07%201%202.24%201%203.44C21%2017.9%2016.97%2021%2012%2021s-9-3-9-7.56c0-1.25.5-2.4%201-3.44%200%200-1.89-6.42-.5-7%201.39-.58%204.72.23%206.5%202.23A9.04%209.04%200%200%201%2012%205Z%22%2F%3E%3Cpath%20d%3D%22M8%2014v.5%22%2F%3E%3Cpath%20d%3D%22M16%2014v.5%22%2F%3E%3Cpath%20d%3D%22M11.25%2016.25h1.5L12%2017l-.75-.75Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28360%20150%29%20rotate%2812%29%20scale%281.5%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c.67%200%201.35.09%202%20.26%201.78-2%205.03-2.84%206.42-2.26%201.4.58-.42%207-.42%207%20.57%201.07%201%202.24%201%203.44C21%2017.9%2016.97%2021%2012%2021s-9-3-9-7.56c0-1.25.5-2.4%201-3.44%200%200-1.89-6.42-.5-7%201.39-.58%204.72.23%206.5%202.23A9.04%209.04%200%200%201%2012%205Z%22%2F%3E%3Cpath%20d%3D%22M8%2014v.5%22%2F%3E%3Cpath%20d%3D%22M16%2014v.5%22%2F%3E%3Cpath%20d%3D%22M11.25%2016.25h1.5L12%2017l-.75-.75Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28220%20250%29%20rotate%28-25%29%20scale%281.3%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2010a5%205%200%200%201%205%205v3.5a3.5%203.5%200%200%201-6.84%201.045Q6.52%2017.48%204.46%2016.84A3.5%203.5%200%200%201%205.5%2010Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28270%20300%29%20rotate%2810%29%20scale%281.1%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2010a5%205%200%200%201%205%205v3.5a3.5%203.5%200%200%201-6.84%201.045Q6.52%2017.48%204.46%2016.84A3.5%203.5%200%200%201%205.5%2010Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28310%20345%29%20rotate%28-8%29%20scale%280.95%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2010a5%205%200%200%201%205%205v3.5a3.5%203.5%200%200%201-6.84%201.045Q6.52%2017.48%204.46%2016.84A3.5%203.5%200%200%201%205.5%2010Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28460%2090%29%20scale%281.8%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.07200000000000001%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2890%20400%29%20scale%281.7%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.188%208.5A6%206%200%200%201%2016%204a1%201%200%200%200%206%206%206%206%200%200%201-3%205.197%22%2F%3E%3Cpath%20d%3D%22M13%2016a3%203%200%201%201%200%206H7a5%205%200%201%201%204.9-6Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28250%2080%29%20scale%281.2%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.15%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.0675%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28500%20260%29%20rotate%2820%29%20scale%280.9%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.054%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M11.525%202.295a.53.53%200%200%201%20.95%200l2.31%204.679a2.123%202.123%200%200%200%201.595%201.16l5.166.756a.53.53%200%200%201%20.294.904l-3.736%203.638a2.123%202.123%200%200%200-.611%201.878l.882%205.14a.53.53%200%200%201-.771.56l-4.618-2.428a2.122%202.122%200%200%200-1.973%200L6.396%2021.01a.53.53%200%200%201-.77-.56l.881-5.139a2.122%202.122%200%200%200-.611-1.879L2.16%209.795a.53.53%200%200%201%20.294-.906l5.165-.755a2.122%202.122%200%200%200%201.597-1.16z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28160%20320%29%20scale%281.4%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.937%2015.5A2%202%200%200%200%208.5%2014.063l-6.135-1.582a.5.5%200%200%201%200-.962L8.5%209.936A2%202%200%200%200%209.937%208.5l1.582-6.135a.5.5%200%200%201%20.963%200L14.063%208.5A2%202%200%200%200%2015.5%209.937l6.135%201.581a.5.5%200%200%201%200%20.964L15.5%2014.063a2%202%200%200%200-1.437%201.437l-1.582%206.135a.5.5%200%200%201-.963%200z%22%2F%3E%3Cpath%20d%3D%22M20%203v4%22%2F%3E%3Cpath%20d%3D%22M22%205h-4%22%2F%3E%3Cpath%20d%3D%22M4%2017v2%22%2F%3E%3Cpath%20d%3D%22M5%2018H3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28400%20220%29%20rotate%28-15%29%20scale%281.0%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.937%2015.5A2%202%200%200%200%208.5%2014.063l-6.135-1.582a.5.5%200%200%201%200-.962L8.5%209.936A2%202%200%200%200%209.937%208.5l1.582-6.135a.5.5%200%200%201%20.963%200L14.063%208.5A2%202%200%200%200%2015.5%209.937l6.135%201.581a.5.5%200%200%201%200%20.964L15.5%2014.063a2%202%200%200%200-1.437%201.437l-1.582%206.135a.5.5%200%200%201-.963%200z%22%2F%3E%3Cpath%20d%3D%22M20%203v4%22%2F%3E%3Cpath%20d%3D%22M22%205h-4%22%2F%3E%3Cpath%20d%3D%22M4%2017v2%22%2F%3E%3Cpath%20d%3D%22M5%2018H3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2870%20230%29%20scale%281.15%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.0585%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%2014c1.49-1.46%203-3.21%203-5.5A5.5%205.5%200%200%200%2016.5%203c-1.76%200-3%20.5-4.5%202-1.5-1.5-2.74-2-4.5-2A5.5%205.5%200%200%200%202%208.5c0%202.3%201.5%204.05%203%205.5l7%207Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28480%20320%29%20rotate%28-20%29%20scale%281.35%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.13%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%2012c.94-3.46%204.94-6%208.5-6%203.56%200%206.06%202.54%207%206-.94%203.47-3.44%206-7%206s-7.56-2.53-8.5-6Z%22%2F%3E%3Cpath%20d%3D%22M18%2012v.5%22%2F%3E%3Cpath%20d%3D%22M16%2017.93a9.77%209.77%200%200%201%200-11.86%22%2F%3E%3Cpath%20d%3D%22M7%2010.67C7%208%205.58%205.97%202.73%205.5c-1%201.5-1%205%20.23%206.5-1.24%201.5-1.24%205-.23%206.5C5.58%2018.03%207%2016%207%2013.33%22%2F%3E%3Cpath%20d%3D%22M10.46%207.26C10.2%205.88%209.17%204.24%208%203h5.8a2%202%200%200%201%201.98%201.67l.23%201.4%22%2F%3E%3Cpath%20d%3D%22m16.01%2017.93-.23%201.4A2%202%200%200%201%2013.8%2021H9.5a5.96%205.96%200%200%200%201.49-3.98%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28200%20450%29%20scale%281.5%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.12%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%2016a3%203%200%200%201%202.24%205%22%2F%3E%3Cpath%20d%3D%22M18%2012h.01%22%2F%3E%3Cpath%20d%3D%22M18%2021h-8a4%204%200%200%201-4-4%207%207%200%200%201%207-7h.2L9.6%206.4a1%201%200%201%201%202.8-2.8L15.8%207h.2c3.3%200%206%202.7%206%206v1a2%202%200%200%201-2%202h-1a3%203%200%200%200-3%203%22%2F%3E%3Cpath%20d%3D%22M20%208.54V4a2%202%200%201%200-4%200v3%22%2F%3E%3Cpath%20d%3D%22M7.612%2012.524a3%203%200%201%200-1.6%204.3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2850%2070%29%20rotate%28-12%29%20scale%281.25%29%20translate%28-12%20-12%29%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%220.11%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%207h.01%22%2F%3E%3Cpath%20d%3D%22M3.4%2018H12a8%208%200%200%200%208-8V7a4%204%200%200%200-7.28-2.3L2%2020%22%2F%3E%3Cpath%20d%3D%22m20%207%202%20.5-2%20.5%22%2F%3E%3Cpath%20d%3D%22M10%2018v3%22%2F%3E%3Cpath%20d%3D%22M14%2017.75V21%22%2F%3E%3Cpath%20d%3D%22M7%2018a6%206%200%200%200%203.84-10.61%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22180%22%20r%3D%221.6%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.14%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22200%22%20r%3D%221.2%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.1%22%2F%3E%3Ccircle%20cx%3D%22400%22%20cy%3D%2270%22%20r%3D%221.4%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%22300%22%20r%3D%221.1%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.1%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22180%22%20r%3D%221.3%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.11%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%22480%22%20r%3D%221.5%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.12%22%2F%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22500%22%20r%3D%221.2%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.1%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22400%22%20r%3D%221.0%22%20fill%3D%22%23ffffff%22%20fill-opacity%3D%220.09%22%2F%3E%3C%2Fsvg%3E");
    --icepro-mask-tile: 560px 560px;
}

/* ---- 底层：只模糊页面，不放纹理 ---- */
#u_sign.modal,
.icepro-vip-glass-mask {
    background-color: var(--icepro-mask-dim);
    background-image:
        radial-gradient(ellipse 90% 70% at 12% 8%, rgba(130, 150, 255, 0.10), transparent 55%),
        radial-gradient(ellipse 80% 60% at 92% 90%, rgba(255, 160, 200, 0.07), transparent 52%),
        radial-gradient(circle at 50% 42%, transparent 40%, rgba(6, 8, 14, 0.14) 100%);
    background-repeat: no-repeat;
    -webkit-backdrop-filter: var(--icepro-mask-blur);
    backdrop-filter: var(--icepro-mask-blur);
    isolation: isolate; /* 独立层，避免和子元素错误合成 */
}

/* ---- 顶层：清晰纹理（绝不写 backdrop-filter） ---- */
#u_sign.modal::before,
.icepro-vip-glass-mask::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: var(--icepro-mask-texture);
    background-position: 0 0;
    background-size: var(--icepro-mask-tile);
    background-repeat: repeat;
    /* 纹理保持锐利；略提对比让线条可读 */
    opacity: 0.92;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none;
}

/* 登录弹窗内容必须压在纹理之上 */
#u_sign .modal-dialog {
    position: relative;
    z-index: 1;
}

/* 关掉 Bootstrap 黑罩，避免第二层发灰 */
body:has(#u_sign.in) .modal-backdrop,
body.modal-open:has(#u_sign.in) .modal-backdrop {
    opacity: 0 !important;
    background: transparent !important;
}

/* 登录卡去阴影，玻璃感交给主题 .sign.blur-bg */
#u_sign .modal-content,
#u_sign .sign.zib-widget {
    box-shadow: none !important;
}

/* 无 backdrop-filter：只靠压暗 + 清晰纹理 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    #u_sign.modal,
    .icepro-vip-glass-mask {
        background-color: rgba(12, 14, 22, 0.62);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

/* ========== 会员专区固定页（对齐子比 zib-widget / VIP / Posts PRO） ========== */
.icepro-vip-main {
    padding-top: 16px;
    padding-bottom: 30px;
}

/*
 * VIP 锁定层：底层 blur + ::before 清晰纹理（规则见上方共享双层）。
 * 弹窗打开时仍保留本层；modal 本身透明，只放内容。
 */
.icepro-vip-glass-mask {
    position: fixed;
    inset: 0;
    z-index: 1040;
    cursor: pointer;
    overflow: hidden;
}

/* 锁定页弹窗：不要第二套纹理/blur，只做内容容器 */
body.icepro-vip-page-locked .modal,
body.icepro-vip-page-locked #modal_pay_uservip {
    background: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    z-index: 1060 !important;
}

/* 锁定页弹窗也别再生成纹理伪元素（如果以后扩展） */
body.icepro-vip-page-locked .modal::before {
    content: none !important;
    display: none !important;
}

/* 锁定页内关掉 Bootstrap 黑罩 */
body.icepro-vip-page-locked .modal-backdrop {
    opacity: 0 !important;
    background: transparent !important;
}

body.icepro-vip-page-locked .modal.fade {
    z-index: 1060 !important;
}

.icepro-vip-auto-trigger {
    /* 屏幕外，但不是 display:none，保证主题能扫到 .pay-vip */
    position: fixed !important;
    left: -9999px !important;
    top: 0 !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    z-index: -1 !important;
}

/* 锁定态：底层内容轻微压暗，增强玻璃感 */
body.icepro-vip-page-locked .icepro-vip-main.is-locked {
    filter: none; /* 内容本身不 blur，靠遮罩 blur，避免整站导航一起糊 */
}

.icepro-vip-kicker {
    color: var(--focus-color, #556af1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.icepro-vip-hero {
    position: relative;
    margin-bottom: 16px;
    padding: 18px 18px 16px;
    border-radius: 14px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 184, 0, 0.16), transparent 42%),
        radial-gradient(circle at 88% 10%, rgba(85, 106, 241, 0.14), transparent 40%),
        var(--main-bg-color, #fff);
}

body.dark-theme .icepro-vip-hero {
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 184, 0, 0.1), transparent 42%),
        radial-gradient(circle at 88% 10%, rgba(85, 106, 241, 0.12), transparent 40%),
        var(--main-bg-color, #2d2e31);
}

.icepro-vip-hero .vip-img {
    width: 110px;
    opacity: 0.1;
    pointer-events: none;
}

.icepro-vip-hero .vip-img svg,
.icepro-vip-hero .vip-img img {
    width: 100%;
    height: auto;
}

/* 会员状态卡：左信息 + 右操作，始终同行，右侧居右 */
.icepro-vip-hero-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.icepro-vip-hero-main {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    gap: 12px;
    min-width: 0;
}

.icepro-vip-hero-avatar {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
}

.icepro-vip-hero-avatar .avatar-img,
.icepro-vip-hero-avatar img,
.icepro-vip-hero-avatar .avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50%;
    object-fit: cover;
}

.icepro-vip-hero-copy {
    flex: 1 1 auto;
    min-width: 0;
}

.icepro-vip-hero-title {
    margin: 4px 0 0;
    color: var(--main-color, #2c3338);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icepro-vip-hero-name {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.35;
    min-width: 0;
}

.icepro-vip-hero-name,
.icepro-vip-hero-name a,
.icepro-vip-user-name {
    display: block !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icepro-vip-hero-side {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    text-align: right;
    max-width: 42%;
}

.icepro-vip-hero-badge {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
}

.icepro-vip-hero-badge-ico {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.icepro-vip-hero-badge-ico img,
.icepro-vip-hero-badge-ico svg {
    width: 14px;
    height: 14px;
    display: block;
}

.icepro-vip-hero-badge-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.icepro-vip-hero-exp {
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.icepro-vip-hero-btn {
    min-height: 32px;
    padding: 5px 12px !important;
    white-space: nowrap;
}

.icepro-vip-hero-guest {
    text-align: center;
    padding: 8px 4px 2px;
}

.icepro-vip-hero-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 360px;
    margin: 0 auto;
}

.icepro-vip-hero-actions .but {
    width: 100%;
    min-height: 44px;
}

.icepro-vip-lock-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 184, 0, 0.12);
    color: #f0a202;
    font-size: 22px;
}

/* 高级权益区：一整块大卡；不规则光晕铺在大卡内部，子项无独立底 */
.icepro-vip-benefits-pro {
    position: relative;
    margin-bottom: 16px;
    padding: 16px 16px 14px;
    border-radius: 14px;
    overflow: hidden; /* 光晕裁在大卡内 */
    isolation: isolate;
    border: 1px solid rgba(255, 196, 77, 0.18);
    background:
        linear-gradient(145deg, rgba(28, 24, 18, 0.02), rgba(85, 106, 241, 0.04)),
        var(--main-bg-color, #fff);
    box-shadow: 0 10px 28px rgba(120, 90, 20, 0.05);
}

body.dark-theme .icepro-vip-benefits-pro {
    border-color: rgba(255, 196, 77, 0.16);
    background:
        linear-gradient(145deg, rgba(255, 196, 77, 0.05), rgba(85, 106, 241, 0.06)),
        var(--main-bg-color, #2d2e31);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

body.dark-theme .icepro-vip-benefits-title {
    color: #f3f4f6;
}

body.dark-theme .icepro-vip-benefits-sub,
body.dark-theme .icepro-vip-benefits-count {
    color: rgba(255, 255, 255, 0.62);
}

body.dark-theme .icepro-vip-benefits-eyebrow {
    color: #f0c14b;
}

/*
 * 大卡内部不规则光晕（原 per-card aura 上收）。
 * 多团错位色斑 + 柔模糊，只渲染一次，盖在底上、内容下。
 */
.icepro-vip-benefits-shine {
    position: absolute;
    inset: -8% -6% -12% -6%;
    z-index: 0;
    pointer-events: none;
    border-radius: 28px;
    background:
        radial-gradient(ellipse 42% 38% at 8% 12%,
            rgba(255, 179, 71, 0.42), transparent 70%),
        radial-gradient(ellipse 36% 34% at 92% 8%,
            rgba(0, 166, 255, 0.32), transparent 68%),
        radial-gradient(ellipse 40% 36% at 18% 88%,
            rgba(255, 0, 86, 0.28), transparent 72%),
        radial-gradient(ellipse 44% 40% at 88% 78%,
            rgba(101, 0, 255, 0.30), transparent 70%),
        radial-gradient(ellipse 28% 24% at 55% 48%,
            rgba(255, 196, 77, 0.18), transparent 75%),
        radial-gradient(ellipse 30% 28% at 48% 92%,
            rgba(32, 201, 151, 0.22), transparent 70%),
        radial-gradient(ellipse 26% 22% at 72% 38%,
            rgba(124, 92, 255, 0.16), transparent 72%);
    opacity: 0.55;
    filter: blur(22px);
}

body.dark-theme .icepro-vip-benefits-shine {
    opacity: 0.72;
    filter: blur(26px);
    background:
        radial-gradient(ellipse 42% 38% at 8% 12%,
            rgba(255, 179, 71, 0.55), transparent 70%),
        radial-gradient(ellipse 36% 34% at 92% 8%,
            rgba(0, 166, 255, 0.42), transparent 68%),
        radial-gradient(ellipse 40% 36% at 18% 88%,
            rgba(255, 0, 86, 0.36), transparent 72%),
        radial-gradient(ellipse 44% 40% at 88% 78%,
            rgba(101, 0, 255, 0.40), transparent 70%),
        radial-gradient(ellipse 28% 24% at 55% 48%,
            rgba(255, 196, 77, 0.22), transparent 75%),
        radial-gradient(ellipse 30% 28% at 48% 92%,
            rgba(32, 201, 151, 0.28), transparent 70%),
        radial-gradient(ellipse 26% 22% at 72% 38%,
            rgba(124, 92, 255, 0.22), transparent 72%);
}

/* 权益区头：左文案 + 右等级，始终同行（对齐 hero-row） */
.icepro-vip-benefits-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    min-width: 0;
}

.icepro-vip-benefits-head-main {
    flex: 1 1 auto;
    min-width: 0;
}

.icepro-vip-benefits-eyebrow {
    display: inline-flex;
    align-items: center;
    color: #d4a017;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    white-space: nowrap;
}

.icepro-vip-benefits-title {
    margin: 4px 0 0;
    color: var(--main-color, #2c3338);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icepro-vip-benefits-sub {
    margin: 4px 0 0;
    color: var(--muted-color, #7a8188);
    font-size: 12.5px;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icepro-vip-benefits-head-side {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
    text-align: right;
    max-width: 42%;
    min-width: 0;
}

.icepro-vip-level-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icepro-vip-level-chip > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.icepro-vip-benefits-count {
    margin-top: 0;
    color: var(--muted-2-color, #9aa1a8);
    font-size: 11.5px;
    white-space: nowrap;
}

/*
 * 权益项：贴进大卡，纯内容行。
 * 无底 / 无边 / 无投影 / 无色洗；光晕只在 .icepro-vip-benefits-pro。
 */
.icepro-vip-benefit-grid-pro {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px 8px;
    overflow: visible;
}

.icepro-vip-benefit-card {
    --zbp-card-c1: hsl(27deg 93% 60%);
    --zbp-card-c2: #00a6ff;
    --zbp-card-c3: #ff0056;
    --zbp-card-c4: #6500ff;
    --zbp-card-accent: #ffc44d;
    --zbp-card-accent-soft: rgba(255, 196, 77, 0.16);

    position: relative;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    -webkit-tap-highlight-color: transparent;
}

/* 单项光晕废弃：已上收到大卡 .icepro-vip-benefits-shine */
.icepro-vip-benefit-aura {
    display: none !important;
}

/* 纯内容行：完全透明 */
.icepro-vip-benefit-card-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    min-height: 0;
    padding: 10px 8px 10px 6px;
    border-radius: 0;
    border: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible;
}

.icepro-vip-benefit-card-inner::before,
.icepro-vip-benefit-card-inner::after {
    content: none !important;
    display: none !important;
}

body.dark-theme .icepro-vip-benefit-card-inner {
    border: 0;
    background: transparent !important;
    box-shadow: none !important;
}

body.dark-theme .icepro-vip-benefit-card-inner::before,
body.dark-theme .icepro-vip-benefit-card-inner::after {
    content: none !important;
    display: none !important;
}

body.dark-theme .icepro-vip-benefit-aura {
    display: none !important;
}

/* 兼容旧结构 */
.icepro-vip-benefit-card-top,
.icepro-vip-benefit-glow {
    display: none;
}

/* ICON：无背景框，纯 SVG 描边 */
.icepro-vip-benefit-ico {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 0;
    background: transparent;
    color: var(--zbp-card-accent);
    font-size: inherit;
    box-shadow: none;
    filter: none;
}

.icepro-vip-benefit-ico .icepro-vip-svg,
.icepro-vip-benefit-ico svg {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

body.dark-theme .icepro-vip-benefit-ico {
    background: transparent;
    box-shadow: none;
    color: color-mix(in srgb, var(--zbp-card-accent) 70%, #ffffff);
    filter: none;
}

.icepro-vip-benefit-body {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-right: 16px;
}

.icepro-vip-benefit-num {
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 1;
    color: color-mix(in srgb, var(--zbp-card-accent) 32%, transparent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    pointer-events: none;
}

body.dark-theme .icepro-vip-benefit-num {
    color: rgba(255, 255, 255, 0.28);
}

/* 标签：纯色字，不铺 pill 底，避免又像小卡 */
.icepro-vip-benefit-tag {
    display: inline-block;
    align-self: flex-start;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: color-mix(in srgb, var(--zbp-card-accent) 82%, #5a5a5a);
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.4;
}

body.dark-theme .icepro-vip-benefit-tag {
    background: transparent;
    color: color-mix(in srgb, var(--zbp-card-accent) 55%, #ffffff);
}

.icepro-vip-benefit-text {
    position: relative;
    z-index: 1;
    color: var(--main-color, #2c3338);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.01em;
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 暗色：实色高对比文字，避免渐变字看不清 */
body.dark-theme .icepro-vip-benefit-text {
    color: #f5f6f8;
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #f5f6f8;
}

/* 每张卡独立四角色 + accent（保持 VIP 多色识别） */
.icepro-vip-benefit-card.tone-gold {
    --zbp-card-c1: #ffb347;
    --zbp-card-c2: #ffd76a;
    --zbp-card-c3: #f08a24;
    --zbp-card-c4: #d4a017;
    --zbp-card-accent: #d4a017;
    --zbp-card-accent-soft: rgba(255, 196, 77, 0.18);
}
.icepro-vip-benefit-card.tone-violet {
    --zbp-card-c1: #a78bfa;
    --zbp-card-c2: #00a6ff;
    --zbp-card-c3: #ff0056;
    --zbp-card-c4: #6500ff;
    --zbp-card-accent: #7c5cff;
    --zbp-card-accent-soft: rgba(124, 92, 255, 0.16);
}
.icepro-vip-benefit-card.tone-amber {
    --zbp-card-c1: hsl(27deg 93% 60%);
    --zbp-card-c2: #ffd36a;
    --zbp-card-c3: #ff5e3a;
    --zbp-card-c4: #ff9f43;
    --zbp-card-accent: #f08a24;
    --zbp-card-accent-soft: rgba(255, 159, 67, 0.16);
}
.icepro-vip-benefit-card.tone-cyan {
    --zbp-card-c1: #00e0d0;
    --zbp-card-c2: #00a6ff;
    --zbp-card-c3: #00c2ff;
    --zbp-card-c4: #6500ff;
    --zbp-card-accent: #0bb5b2;
    --zbp-card-accent-soft: rgba(8, 196, 193, 0.15);
}
.icepro-vip-benefit-card.tone-rose {
    --zbp-card-c1: #ff7aa8;
    --zbp-card-c2: #ff4d8d;
    --zbp-card-c3: #ff0056;
    --zbp-card-c4: #c44dff;
    --zbp-card-accent: #e85a7a;
    --zbp-card-accent-soft: rgba(255, 99, 132, 0.15);
}
.icepro-vip-benefit-card.tone-green {
    --zbp-card-c1: #3ddc97;
    --zbp-card-c2: #00c2a8;
    --zbp-card-c3: #20c997;
    --zbp-card-c4: #00a6ff;
    --zbp-card-accent: #17b890;
    --zbp-card-accent-soft: rgba(32, 201, 151, 0.15);
}
.icepro-vip-benefit-card.tone-blue {
    --zbp-card-c1: #5ab0ff;
    --zbp-card-c2: #00a6ff;
    --zbp-card-c3: #2f8ef0;
    --zbp-card-c4: #6500ff;
    --zbp-card-accent: #2f8ef0;
    --zbp-card-accent-soft: rgba(41, 151, 247, 0.15);
}
.icepro-vip-benefit-card.tone-orange {
    --zbp-card-c1: hsl(27deg 93% 60%);
    --zbp-card-c2: #ffb347;
    --zbp-card-c3: #ff5e3a;
    --zbp-card-c4: #ff7a45;
    --zbp-card-accent: #f06a2f;
    --zbp-card-accent-soft: rgba(255, 122, 69, 0.15);
}

.icepro-vip-benefits-cta {
    position: relative;
    z-index: 1;
    max-width: 340px;
    margin: 14px auto 0;
}

.icepro-vip-benefits-cta .but {
    min-height: 42px;
}

.icepro-vip-posts-wrap {
    margin-bottom: 10px;
}

.icepro-vip-posts-locked {
    border-radius: 12px;
}

/* 会员专区列表：复用 Posts PRO 外壳 */
.icepro-vip-posts-pro {
    margin-bottom: 8px;
}

.icepro-vip-posts-pro .icepro-posts-pro-body {
    margin-top: 2px;
}

.icepro-vip-posts-pro .icepro-vip-posts-locked {
    margin-top: 4px;
}

.icepro-vip-posts-row {
    min-height: 80px;
}

/* 平板：6 项 = 2×3 */
@media screen and (max-width: 992px) {
    .icepro-vip-benefit-grid-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 6px;
    }
}

/* 手机：6 项 = 2×3，更紧凑；头区纵向 */
@media screen and (max-width: 768px) {
    .icepro-vip-main {
        padding-top: 12px;
        padding-bottom: 22px;
    }

    .icepro-vip-hero {
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 14px;
    }

    /* 移动端仍保持左右同行：左信息 / 右操作居右 */
    .icepro-vip-hero-row {
        align-items: center;
        gap: 10px;
    }

    .icepro-vip-hero-main {
        gap: 10px;
        min-width: 0;
    }

    .icepro-vip-hero-avatar,
    .icepro-vip-hero-avatar .avatar-img,
    .icepro-vip-hero-avatar img,
    .icepro-vip-hero-avatar .avatar {
        width: 44px !important;
        height: 44px !important;
    }

    .icepro-vip-hero-title {
        margin-top: 3px;
        font-size: 15px;
    }

    .icepro-vip-hero-name {
        margin-top: 3px;
        font-size: 12px;
    }

    .icepro-vip-hero-side {
        flex: 0 0 auto;
        align-items: flex-end;
        gap: 5px;
        max-width: 46%;
    }

    .icepro-vip-hero-badge {
        padding: 4px 8px;
        font-size: 11px;
    }

    .icepro-vip-hero-exp {
        font-size: 11px;
    }

    .icepro-vip-hero-btn {
        min-height: 30px;
        padding: 4px 10px !important;
        font-size: 12px;
    }

    .icepro-vip-hero .vip-img {
        width: 80px;
        opacity: 0.08;
    }

    .icepro-vip-hero-guest {
        padding: 6px 2px 0;
    }

    .icepro-vip-hero-actions {
        max-width: none;
        width: 100%;
    }

    .icepro-vip-hero-actions .but,
    .icepro-vip-hero .signin-loader {
        min-height: 42px;
    }

    .icepro-vip-benefits-pro {
        margin-bottom: 12px;
        padding: 12px 10px 12px;
        border-radius: 12px;
    }

    /* 移动端仍保持左右同行：左标题 / 右等级居右，禁止换行堆叠 */
    .icepro-vip-benefits-head {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-bottom: 10px;
    }

    .icepro-vip-benefits-head-main {
        min-width: 0;
    }

    .icepro-vip-benefits-head-side {
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        width: auto;
        max-width: 46%;
        text-align: right;
        gap: 4px;
    }

    .icepro-vip-benefits-count {
        margin-top: 0;
    }

    .icepro-vip-benefits-eyebrow {
        font-size: 10px;
        letter-spacing: 0.1em;
    }

    .icepro-vip-benefits-title {
        margin-top: 3px;
        font-size: 15px;
    }

    .icepro-vip-benefits-sub {
        margin-top: 3px;
        font-size: 11.5px;
    }

    .icepro-vip-level-chip {
        padding: 3px 8px;
        font-size: 11px;
    }

    /* 手机保持 2 列，6 项整齐 3 行；贴进 section，无独立卡 */
    .icepro-vip-benefit-grid-pro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px 4px;
    }

    .icepro-vip-benefit-card {
        border-radius: 0;
    }

    .icepro-vip-benefit-card-inner {
        gap: 8px;
        padding: 8px 6px;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
    }

    .icepro-vip-benefit-body {
        padding-right: 14px;
        gap: 2px;
    }

    .icepro-vip-benefit-ico {
        width: 24px;
        height: 24px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        font-size: inherit;
    }

    .icepro-vip-benefit-ico .icepro-vip-svg,
    .icepro-vip-benefit-ico svg {
        width: 22px;
        height: 22px;
    }

    .icepro-vip-benefit-num {
        top: 7px;
        right: 8px;
        font-size: 11px;
    }

    .icepro-vip-benefit-tag {
        padding: 0;
        font-size: 10px;
    }

    .icepro-vip-benefit-text {
        font-size: 13px;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        -webkit-line-clamp: unset;
    }

    .icepro-vip-benefits-cta {
        max-width: none;
        margin-top: 12px;
    }

    .icepro-vip-benefits-cta .but,
    .icepro-vip-posts-locked .but {
        min-height: 44px;
        width: 100%;
    }

    /* Posts PRO 标题在小屏更紧 */
    .icepro-vip-posts-pro .icepro-posts-pro-head {
        margin-bottom: 10px;
    }

    .icepro-vip-posts-pro .icepro-posts-pro-title-group h3 {
        font-size: 16px;
    }

    .icepro-vip-posts-pro .icepro-posts-pro-more {
        font-size: 12px;
    }
}

@media screen and (max-width: 380px) {
    .icepro-vip-hero-title {
        font-size: 14px;
    }

    .icepro-vip-hero-side {
        max-width: 48%;
    }

    .icepro-vip-hero-badge {
        padding: 3px 7px;
        font-size: 10.5px;
    }

    .icepro-vip-hero-btn {
        min-height: 28px;
        padding: 3px 8px !important;
        font-size: 11.5px;
    }

    .icepro-vip-benefits-head-side {
        max-width: 48%;
    }

    .icepro-vip-benefits-title {
        font-size: 14px;
    }

    .icepro-vip-benefits-sub {
        font-size: 11px;
    }

    .icepro-vip-level-chip {
        padding: 3px 7px;
        font-size: 10.5px;
    }

    .icepro-vip-benefits-count {
        font-size: 11px;
    }

    .icepro-vip-benefit-card-inner {
        gap: 7px;
        padding: 7px 4px;
        background: transparent !important;
        box-shadow: none !important;
    }

    .icepro-vip-benefit-body {
        padding-right: 12px;
    }

    .icepro-vip-benefit-text {
        font-size: 12.5px;
        white-space: nowrap;
        -webkit-line-clamp: unset;
    }

    .icepro-vip-benefit-ico {
        width: 22px;
        height: 22px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .icepro-vip-benefit-ico .icepro-vip-svg,
    .icepro-vip-benefit-ico svg {
        width: 20px;
        height: 20px;
    }

    .icepro-vip-benefit-num {
        font-size: 10.5px;
    }
}