/* ============================================================ 毛玻璃主题覆盖层（2026-09-24 glass6：极简版 —— 只保留两块： ① 卡片毛玻璃化（半透明+背景模糊+细边框） ② 底部「联系在线客服」按钮按官方截图采样值校色 （实测三段渐变 rgb(24,22,35)→rgb(43,30,73)@50%→rgb(57,45,94)） 背景 / 水印图标 / 光晕 / 快捷图标 / 文字 / 进度页配色全部恢复原版不动！ 【回退方式】把 index.html 里 glass.css 那行 删掉（或恢复其备份）， 页面立即恢复原样，本文件留着也不生效。 ============================================================ */ @media (max-width: 760px) { /* G 水印：形状素材与官方同款，差异在透明度 —— 官方实测等效约 0.27-0.3 （卡外水印亮部合成 rgb(35,30,51)），原样式 .54/.47 亮了近一倍。 尺寸：官方约占屏宽 60%，原 198px 只占 51%，放大到 228px 等比对齐。 只调透明度和尺寸对齐，不加模糊。 */ .help-center::before { opacity: .3; width: 228px; height: 246px; } .service-progress::before { opacity: .28; width: 228px; height: 246px; } /* 快捷功能图标：官方线条约 1.9 渲染、纯白（原版 1.5 偏细偏灰） */ .help-icon-wrapper svg { width: 40px; height: 40px; stroke: #fff; stroke-width: 1.9; } /* 文字亮度：官方标签/问题文字接近纯白（原版 #dedde3/#e4e3e8 偏灰） */ .help-label { color: #f2f1f6; } .help-question { color: #f1f0f5; } .help-arrow svg { stroke: #9c98ab; } /* —— 卡片毛玻璃化：填充近乎透明，轮廓靠细边框（官方同款含蓄感）—— */ .help-quick-functions, .help-faq-card, .service-progress-item { border: 1px solid rgba(255,255,255,.07); border-radius: 18px; background: rgba(255,255,255,.02); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); box-shadow: 0 18px 40px rgba(0,0,0,.22); } .help-service-progress-card { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.028); -webkit-backdrop-filter: blur(22px) saturate(140%); backdrop-filter: blur(22px) saturate(140%); box-shadow: 0 14px 34px rgba(0,0,0,.2); } .service-progress-item { border-radius: 16px; box-shadow: 0 14px 32px rgba(0,0,0,.2); } /* —— 底部「联系在线客服」：官方截图逐像素采样的三段渐变 —— 官方带一圈淡淡的紫描边（40% 透明度）；不加 backdrop-filter / inset 高光（这俩才是圆弧毛边的元凶，border 本身跟圆角渲染是干净的）。 */ .help-center .help-contact-button { border: 1px solid rgba(158,138,246,.4); background: linear-gradient(90deg, #181623 0%, #2b1e49 50%, #382c5a 100%); box-shadow: 0 8px 24px rgba(30,18,66,.45); transform: translateZ(0); } /* ================================================================ 申诉登录页（账号登录卡）毛玻璃化 —— 与客服中心同款暗玻璃风格。 只动卡片/标题/输入框/按钮；背景海报图、红紫遮罩、logo、底部声明不动。 回退方式同上：删掉 index.html 里的 glass.css 引用即可。 */ .appeal-login-card { border: 1px solid rgba(255,255,255,.2); /* 液态玻璃：斜向光泽（左上受光亮、右下微反光）叠在玻璃底色上 */ background: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 38%, rgba(255,255,255,.02) 62%, rgba(255,255,255,.07) 100%), rgba(64,40,50,.4); -webkit-backdrop-filter: blur(26px) saturate(150%); backdrop-filter: blur(26px) saturate(150%); /* 大柔影 + 近距接触影 + 顶部高光内边 + 底部反光内边 */ box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(255,255,255,.05); } /* 登录卡+logo 组合整体略上移：严格居中会让卡片坠在屏幕中偏下， 底部留白偏多 —— 上移后重心落在视觉中心（约 45%）更舒服 */ .appeal-login-content { transform: translateY(-4vh); } .appeal-login-card h1 { color: #fff; } .appeal-login-form .appeal-field { color: rgba(255,255,255,.78); } .appeal-login-form .appeal-field > span:first-child { color: rgba(255,255,255,.78); } .appeal-login-form .appeal-field input { color: #fff; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.09); box-shadow: inset 0 1px 3px rgba(0,0,0,.14); transition: border-color .3s, background .3s; } .appeal-login-form .appeal-field input::placeholder { color: rgba(255,255,255,.42); } .appeal-login-form .appeal-field input:focus { border-color: rgba(255,120,130,.65); background: rgba(255,255,255,.1); } /* 错误态红边要压过上面的新边框（glass.css 后加载，特异性相同的规则按顺序赢） */ .appeal-login-form .appeal-field.is-error input { border-color: rgba(255,110,125,.85); } .appeal-login-form .appeal-error { color: #ff8794; } /* 登录按钮：保持页面红调，玻璃质感（可用态渐变+淡描边；禁用态半透明白） */ .appeal-login-submit { border: 1px solid rgba(255,120,130,.35); background: linear-gradient(90deg, rgba(196,30,58,.92), rgba(226,54,84,.92)); box-shadow: 0 8px 24px rgba(120,20,40,.35), inset 0 1px 0 rgba(255,255,255,.18); } .appeal-login-submit:disabled { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.14); } .appeal-login-submit:not(:disabled):hover { border-color: rgba(255,140,150,.55); background: linear-gradient(90deg, rgba(210,38,66,.95), rgba(240,64,96,.95)); } /* —— 登录卡内部元素玻璃化统一（验证码行/提示/确认按钮）—— ⚠️ index.html 内联样式块 #appeal-login-verify 写在 glass link 之后、 特异性更低但同值时会赢 —— 这里全部加 .appeal-login-view 前缀抬高特异性压过它。 */ /* 验证码输入框与工号/密码框玻璃底一致（内联块给它的是白底 2px 灰边） */ .appeal-login-view .appeal-login-form .appeal-login-captcha .appeal-code-row input { border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.07); box-shadow: inset 0 1px 3px rgba(0,0,0,.14); } .appeal-login-view .appeal-login-form .appeal-login-captcha .appeal-code-row input:focus { border-color: rgba(255,120,130,.65); background: rgba(255,255,255,.1); } /* 「获取验证码」按钮：实色红块 → 玻璃红渐变，圆角与卡片语言一致 */ .appeal-login-view .appeal-login-form .appeal-login-captcha .appeal-code-row button { border: 1px solid rgba(255,120,130,.38); border-radius: 12px; background: linear-gradient(135deg, rgba(200,34,62,.8), rgba(168,22,48,.8)); box-shadow: 0 6px 16px rgba(120,20,40,.28), inset 0 1px 0 rgba(255,255,255,.14); } .appeal-login-view .appeal-login-form .appeal-login-captcha .appeal-code-row button:disabled { color: rgba(255,255,255,.45); border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.1); box-shadow: none; } /* 「需要安全验证」提示：柔粉，融进玻璃卡（内联块给的是 #999 灰） */ .appeal-login-view .appeal-login-form .appeal-login-captcha-tip { color: rgba(255,158,168,.88); } /* 「确认验证」：内联块的实色红 #c41e3a / 禁用浅粉 → 玻璃红渐变 */ .appeal-login-view .appeal-login-confirm { border: 1px solid rgba(255,120,130,.35); background: linear-gradient(90deg, rgba(200,34,62,.82), rgba(230,58,88,.82)); box-shadow: 0 8px 24px rgba(120,20,40,.35), inset 0 1px 0 rgba(255,255,255,.16); } .appeal-login-view .appeal-login-confirm:disabled { color: rgba(255,255,255,.5); border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.14); box-shadow: none; } .appeal-login-view .appeal-login-confirm:not(:disabled):hover { border-color: rgba(255,140,150,.55); background: linear-gradient(90deg, rgba(214,40,70,.9), rgba(244,68,100,.9)); } }