/* ***************************************************** ** Custom Stylesheet ** Any custom styling you want to apply should be defined here. ***************************************************** */ /* Custom CSS for Nexus Cart * * This block allows you to customize theme colors and styles for the entire Nexus Cart template. * * To customize colors: * - Replace the var() references with your own hex colors or other CSS values. * - For example, instead of --primary: #4b5563; use --primary: #your-color; * - You can also override any CSS properties here. */ html { font-size: 14px; } :root { --white: #fff; /* Neutral shades */ --neutral-50: #fbf9fa; --neutral-100: #f4f5f7; --neutral-200: #e4e4e7; --neutral-300: #d0d5dd; --neutral-400: #9ca3af; --neutral-500: #6b7280; --neutral-600: #4b5563; --neutral-700: #374151; --neutral-800: #1f2937; --neutral-900: #111827; --neutral-950: #030712; /* Neutral shades */ /* define own pallet with brand colors */ --primary-50: var(--neutral-50); --primary-100: var(--neutral-100); --primary-200: var(--neutral-200); --primary-300: var(--neutral-300); --primary-400: var(--neutral-400); --primary-500: var(--neutral-500); --primary-600: var(--neutral-600); --primary-700: var(--neutral-700); --primary-800: var(--neutral-800); --primary-900: var(--neutral-900); --primary-950: var(--neutral-900); /* Primary colors */ /* Use shades from comments if `primary` colors use other colors, then neutral */ --primary: #2463ff; /* ATTVPS主蓝 */ --primary-lifted: #1b4fd0; /* ATTVPS深蓝-悬停 */ --primary-accented: #1b4fd0; /* ATTVPS深蓝-强调 */ /* Secondary colors */ --secondary: var(--neutral-500); --secondary-lifted: var(--neutral-600); --secondary-accented: var(--neutral-700); /* Success colors */ --success: #00a63e; --success-lifted: #008236; --success-accented: #016630; /* Info colors */ --info: #155dfc; --info-lifted: #1447e6; --info-accented: #193cb8; /* Notice colors */ --notice: #7f22fe; --notice-lifted: #7008e7; --notice-accented: #5d0ec0; /* Warning colors */ --warning: #f54a00; --warning-lifted: #ca3500; --warning-accented: #9f2d00; /* Error colors */ --error: #e7000b; --error-lifted: #c10007; --error-accented: #9f0712; /* Grayscale colors */ --grayscale: var(--neutral-900); --grayscale-lifted: var(--neutral-800); --grayscale-accented: var(--neutral-700); /* Neutral colors */ --neutral: var(--neutral-500); --neutral-lifted: var(--neutral-600); --neutral-accented: var(--neutral-700); /* Text neutral colors */ --text-inverted: var(--white); --text-muted: var(--neutral-400); --text-lifted: var(--neutral-500); --text-accented: var(--neutral-600); --text: var(--neutral-900); /* Border neutral colors */ --border-muted: var(--neutral-200); --border: var(--neutral-300); --border-lifted: var(--neutral-400); --border-accented: var(--neutral-600); /* Background neutral colors */ --bg: var(--white); --bg-muted: var(--neutral-50); --bg-lifted: var(--neutral-100); --bg-accented: var(--neutral-200); --bg-inverted: var(--neutral-900); /* Additional colors */ --yellow-200: #fff085; --yellow-300: #ffdf20; --teal-300: #46edd5; --teal-400: #00d5be; --emerald-300: #5ee9b5; --pink-400: #fb64b6; /* Additional custom properties */ /* Font sizes */ --text-xs: 0.625rem; --text-sm: 0.75rem; --text-md: 0.875rem; --text-lg: 1rem; /* Spacing */ --outline-sm: 1px; --outline-md: 2px; --outline-lg: 3px; /* Rounding */ --rounding-sm: 0.25rem; --rounding-md: 0.5rem; --rounding-lg: 0.75rem; /* Other */ --letter-spacing: 0em; --disabled-opacity: 25%; } /* ======================================================== */ /* === ATTVPS 配色 (官方变量版) 2026-06-30 === */ /* === 主色已改--primary为蓝;下面补导航条+青绿点缀 === */ /* ======================================================== */ /* 主菜单导航条 -> 主蓝背景,白字 */ .main-navbar-wrapper{ background-color:#2463ff; } .main-navbar-wrapper .nav-link, .main-navbar-wrapper .navbar-nav .nav-link{ color:#ffffff !important; } .main-navbar-wrapper .nav-link:hover, .main-navbar-wrapper .nav-link:focus{ color:#E1F5EE !important; } .main-navbar-wrapper .nav-link.active{ color:#ffffff !important; font-weight:500; } /* ===== ATTVPS NEXUS BRAND RESKIN v2 START ===== */ /* 依据 Nexus 主题源码:深色元素统一吃 --bg-inverted / --grayscale(=neutral-900)。 这里把这两族变量改为品牌深蓝,再单独处理导航条/链接,使全站统一到首页蓝。 */ :root{ /* 品牌色 */ --att-blue:#2463ff; --att-blue-deep:#1b4fd0; --att-navy:#0b1730; /* 页脚/反色块用的品牌深藏青 */ /* 覆盖 Nexus 的"反色/深色"族 -> 品牌深蓝(影响主按钮/订购/结账/页脚等) */ --bg-inverted:#13213f; --grayscale:#13213f; --grayscale-lifted:#1b4fd0; --grayscale-accented:#0f1b33; /* 主色族 -> 鲜亮蓝 */ --primary:#2463ff; --primary-lifted:#1b4fd0; --primary-accented:#1b4fd0; --info:#2463ff; --info-lifted:#1b4fd0; --info-accented:#1b4fd0; } /* 顶栏改浅蓝灰(与首页统一) */ header.header{background-color:#e7edf6;} /* 文字 LOGO -> 新完整版品牌 LOGO 图片(相对 css/ 目录) */ header.header .navbar-brand{font-size:0;line-height:0;} header.header .navbar-brand::after{ content:"";display:inline-block;width:96px;height:64px; background:url("../assets/home/logo-header.png") left center/contain no-repeat; } /* 主菜单导航条 -> 浅蓝灰(与首页统一) + 品牌蓝字 + 悬停/当前药丸 */ header.header .main-navbar-wrapper{ background-color:#eef4fb !important; border-bottom:1px solid rgba(18,200,138,.25); box-shadow:0 2px 12px rgba(20,55,114,.05); } header.header .navbar a{color:#13213f;} header.header .main-navbar-wrapper .nav-link{ color:#13213f !important;font-weight:600;border-radius:8px; padding:.5rem .85rem !important;transition:color .2s,background .2s; } header.header .main-navbar-wrapper .nav-link:hover{ color:#2463ff !important;background:rgba(19,33,63,.06); } header.header .main-navbar-wrapper .nav-item.active>.nav-link, header.header .main-navbar-wrapper .nav-link.active{ color:#2463ff !important;background:#eaf1ff; } /* 订购按钮 / 立即订购 -> 品牌蓝 */ body #order-standard_cart .products .product footer .btn-order-now{ background:#2463ff !important;border-color:#2463ff !important;color:#fff !important; } body #order-standard_cart .products .product footer .btn-order-now:hover{ background:#1b4fd0 !important;border-color:#1b4fd0 !important; } /* 主按钮 / 提交按钮(发送·登录·提交等)-> 品牌鲜亮蓝纯色,去渐变去斜纹 */ /* 限定在内页(header.header 存在的页面)与表单内,不影响首页 homepage */ #main-body .btn-primary, .login-form .btn-primary, #frmContact .btn-primary, #order-standard_cart .btn-primary{ background:#2463ff !important; background-image:none !important; border-color:#2463ff !important; color:#fff !important; box-shadow:none !important; text-shadow:none !important; } #main-body .btn-primary:hover, #main-body .btn-primary:focus, #main-body .btn-primary:active, .login-form .btn-primary:hover, #frmContact .btn-primary:hover, #order-standard_cart .btn-primary:hover{ background:#1b4fd0 !important; background-image:none !important; border-color:#1b4fd0 !important; color:#fff !important; } /* ===== 导航整形:视觉对齐首页(白底/品牌蓝/药丸/购物车/登录状态) ===== */ /* LOGO图默认尺寸(具体高度由下方左LOGO竖跨规则控制) */ header.header .navbar-brand .logo-img{display:none !important;} /* 右上工具区:购物车 + 汉堡,做成首页那种圆形/描边按钮 */ header.header .toolbar .cart-btn{ position:relative;border:1px solid #e6ecf7 !important;border-radius:10px; color:#13213f !important;padding:.4rem .7rem !important;transition:.2s; } header.header .toolbar .cart-btn:hover{ color:#2463ff !important;border-color:#2463ff !important;background:#f4f8ff; } header.header .toolbar .cart-btn .badge, header.header #cartItemCount{ background:#2463ff !important;color:#fff !important; } /* 下层:主菜单条 —— 白底 + 品牌蓝药丸(已在上面基础上强化) */ header.header .main-navbar-wrapper{ background:#e7edf6 !important;border-bottom:1px solid #dbe3f0; box-shadow:0 2px 12px rgba(20,55,114,.05); } /* 主菜单项:严格对齐首页基准(字号.96rem/字重600/色#13213f/padding.42rem.6rem/圆角8px) */ header.header #nav.navbar-nav>li>a, header.header .main-navbar-wrapper .navbar-nav>li>a{ color:#13213f !important;font-weight:700;font-size:1.18rem !important; padding:.42rem .6rem !important;border-radius:8px; transition:color .2s,background .2s;white-space:nowrap; } header.header #nav.navbar-nav>li>a:hover, header.header .main-navbar-wrapper .navbar-nav>li>a:hover{ color:#13213f !important;background:rgba(19,33,63,.08); } header.header #nav.navbar-nav>li.active>a, header.header #nav.navbar-nav>li.current>a{ color:#2463ff !important;background:#eaf2ff; } /* 右侧 secondaryNavbar(登录/用户中心/退出 状态)——做成首页右上"登录"按钮感 */ header.header .main-navbar-wrapper .navbar-nav.ml-auto>li>a{ color:#2463ff !important;font-weight:600; } header.header .main-navbar-wrapper .navbar-nav.ml-auto>li:last-child>a{ /* 末项(通常是"登录/注册")做成实心品牌蓝按钮 */ background:#2463ff !important;color:#fff !important; border-radius:9px;padding:.45rem 1rem !important; } header.header .main-navbar-wrapper .navbar-nav.ml-auto>li:last-child>a:hover{ background:#1b4fd0 !important;color:#fff !important; } /* 下拉菜单:首页同款卡片 */ header.header .dropdown-menu{ border:1px solid #e6ecf7;border-radius:10px; box-shadow:0 12px 30px rgba(20,55,114,.12);padding:.4rem; } header.header .dropdown-menu .dropdown-item:hover{background:#f4f8ff;color:#2463ff;} /* ===== 内页页头:左LOGO竖跨 + 右侧双行(与首页完全一致) ===== */ /* 用navbar-light的container做定位参照(和菜单同容器,天然对齐) */ header.header{position:relative;} header.header .navbar.navbar-light>.container, header.header .main-navbar-wrapper>.container{position:relative;} /* LOGO绝对定位到container内左侧,竖向居中跨两行 */ header.header .navbar.navbar-light .navbar-brand{ position:absolute;left:19.5px;top:0;height:112px; display:flex;align-items:center;margin:0 !important;padding:0 !important;z-index:6; } header.header .navbar.navbar-light .navbar-brand::after{width:96px !important;height:64px !important;} /* LOGO右侧竖分隔线(相对container) */ header.header .main-navbar-wrapper>.container::before{ content:"";position:absolute;top:-40px;height:80px;left:119.5px;width:1px;background:#dbe3f0;z-index:5; } @media (max-width:1200px){ header.header .navbar.navbar-light .navbar-brand{left:20px;} } /* 上行navbar-light:48px高,内容左侧留出LOGO宽度 */ header.header .navbar.navbar-light{min-height:48px !important;padding:0 !important;} header.header .navbar.navbar-light>.container{min-height:48px;display:flex;align-items:center;justify-content:flex-end;padding-left:147.5px !important;} /* 下行main-navbar:64px高,内容左侧留出LOGO宽度 */ header.header .main-navbar-wrapper{min-height:63px !important;padding:0 !important;display:flex;align-items:center;} header.header .main-navbar-wrapper>.container{min-height:63px;display:flex;align-items:center;padding-left:147.5px !important;} header.header .main-navbar-wrapper .navbar-nav{margin-top:0 !important;margin-bottom:0 !important;} /* 内容区上下留白对齐首页节奏 */ section#main-body{padding:28px 0 !important;} /* ===== 首页同款页脚三列布局(配色精确对齐首页) ===== */ /* 首页页脚标准: 背景#061636 默认字#aebfd6 链接hover#fff 标题#fff slogan#8ea3bd 品牌V#7fc0ff 版权#7f93ae */ footer.footer{ background-color:#061636 !important; color:#aebfd6 !important; padding:clamp(40px,5vw,56px) 0 22px !important; } footer.footer .attvps-foot-cols{ display:flex;flex-wrap:wrap;gap:32px 40px;align-items:flex-start; padding:0 0 28px;border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:22px; } footer.footer .attvps-foot-cols .afc-brand{flex:1 1 240px;min-width:220px;} footer.footer .attvps-foot-cols .afc-logo{ font-size:1.4rem;font-weight:800;letter-spacing:1.2px;color:#fff; } footer.footer .attvps-foot-cols .afc-logo span{color:#7fc0ff;} footer.footer .attvps-foot-cols .afc-blurb{ margin-top:.8rem;font-size:.92rem;line-height:1.7;color:#8ea3bd;max-width:280px; } footer.footer .attvps-foot-cols .afc-col{flex:1 1 130px;min-width:118px;} footer.footer .attvps-foot-cols .afc-col h5{ color:#fff;font-size:1.02rem;font-weight:700;margin:0 0 .9rem; } footer.footer .attvps-foot-cols .afc-col ul{list-style:none;margin:0;padding:0;} footer.footer .attvps-foot-cols .afc-col li{margin-bottom:.58rem;font-size:.94rem;} footer.footer .attvps-foot-cols .afc-col a{ color:#aebfd6;font-size:.94rem;text-decoration:none;transition:color .2s; } footer.footer .attvps-foot-cols .afc-col a:hover{color:#fff;} /* 页脚客服区(风格B:圆形彩色徽章+文字) */ footer.footer .afc-support{min-width:140px;} footer.footer .afc-sup-list{display:flex;flex-direction:column;gap:.6rem;} footer.footer .afc-sup{ display:inline-flex;align-items:center;gap:.65rem; color:#aebfd6 !important;font-size:.94rem;text-decoration:none; transition:color .2s;position:relative;cursor:pointer; } footer.footer .afc-badge{ width:30px;height:30px;border-radius:50%;flex:none; display:inline-flex;align-items:center;justify-content:center; transition:transform .2s; } footer.footer .afc-sup:hover{color:#fff !important;} footer.footer .afc-sup:hover .afc-badge{transform:scale(1.08);} /* 微信悬停显二维码 */ footer.footer .afc-wechat{position:relative;} footer.footer .afc-wechat-pop{ display:none;position:absolute;bottom:120%;left:0;z-index:30; background:#fff;border-radius:10px;padding:8px; box-shadow:0 10px 30px rgba(0,0,0,.35); } footer.footer .afc-wechat-pop img{width:130px;height:130px;display:block;border-radius:6px;} footer.footer .afc-wechat-id{color:#13213f;font-size:.85rem;padding:6px 4px;white-space:nowrap;text-align:center;} footer.footer .afc-wechat:hover .afc-wechat-pop{display:block;} @media (max-width:767px){ footer.footer .attvps-foot-cols{gap:24px 32px;} footer.footer .attvps-foot-cols .afc-brand{flex:1 1 100%;} } /* 页脚底部原有(语言切换/联系/版权)-> 对齐首页版权色 */ footer.footer .nav-link{color:#aebfd6 !important;} footer.footer .nav-link:hover{color:#fff !important;} footer.footer .copyright{color:#7f93ae !important;} footer.footer a{color:#aebfd6;} footer.footer a:hover{color:#fff;} /* 链接 -> 品牌蓝 */ /* 正文段落里的链接 -> 品牌蓝(仅限文章正文,不影响侧边栏菜单/卡片/列表) */ #main-body .card-body p a, #main-body .primary-content p a, #main-body article p a, #main-body .announcement p a{color:#2463ff;} #main-body .card-body p a:hover, #main-body .primary-content p a:hover, #main-body article p a:hover, #main-body .announcement p a:hover{color:#1b4fd0;} /* 内页菜单项之间分隔点(与首页一致:产品中心保留下拉箭头,其它项间加点) */ /* 非最后一项的li后面加分隔点;下拉项(.dropdown)用箭头不加点 */ header.header #nav.navbar-nav>li:not(:last-child):not(.dropdown)::after{ content:"·";display:inline-flex;align-items:center;margin:0 .05rem 0 .3rem;color:#8593ab;font-weight:700; } header.header #nav.navbar-nav{gap:.35rem;align-items:center;} header.header #nav.navbar-nav>li{display:inline-flex;align-items:center;} /* 产品中心项宽度微调:补齐与首页的caret宽度差,让后续菜单项对齐 */ header.header #nav.navbar-nav>li.dropdown>a{padding-right:calc(.6rem - 3.4px) !important;} /* ===== ATTVPS NEXUS BRAND RESKIN v2 END ===== */ /* ===== 首页方案②双行页头(左LOGO竖跨+右侧两行) START ===== */ .attvps-home .nav-wrap2{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;gap:0;} /* 左侧LOGO竖跨,右侧分隔线 */ .attvps-home .brand-side{display:flex;align-items:center;padding-right:22px;margin-right:22px;border-right:1px solid var(--line,#e6ecf9);} .attvps-home .brand-side .logo-full{height:70px;width:auto;display:block;} .attvps-home .logo-dark2{display:none;} /* 深色模式:切换LOGO */ html[data-theme="dark"] .attvps-home .logo-light,.attvps-home[data-theme="dark"] .logo-light{display:none;} html[data-theme="dark"] .attvps-home .logo-dark2,.attvps-home[data-theme="dark"] .logo-dark2{display:block;} html[data-theme="dark"] .attvps-home .brand-side,.attvps-home[data-theme="dark"] .brand-side{border-right-color:rgba(255,255,255,.1);} /* 右侧主区: 上下两行 */ .attvps-home .nav-main{flex:1;display:flex;flex-direction:column;} .attvps-home .nav-top{display:flex;align-items:center;justify-content:flex-end;height:48px;border-bottom:1px solid var(--line,#e6ecf9);} .attvps-home .nav-top-r{display:flex;align-items:center;gap:12px;} .attvps-home .nav-status{display:inline-flex;align-items:center;gap:.45rem;background:#eafaf0;color:#12894a;padding:.32rem .7rem;border-radius:999px;font-weight:600;font-size:.8rem;} .attvps-home .ns-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block;position:relative;} .attvps-home .ns-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ecc71;animation:nsPulse 2s infinite;} @keyframes nsPulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(2.2);opacity:0}100%{opacity:0}} .attvps-home .nav-sup{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sc,#25D366);transition:transform .2s;} .attvps-home .nav-sup:hover{transform:scale(1.1);} .attvps-home .nav-in{flex:1;display:flex;align-items:center;gap:1.2rem;justify-content:space-between;min-height:64px;} html[data-theme="dark"] .attvps-home .nav-top,.attvps-home[data-theme="dark"] .nav-top{border-bottom-color:rgba(255,255,255,.08);} @media (max-width:860px){ .attvps-home .nav-wrap2{flex-direction:column;} .attvps-home .brand-side{border-right:none;border-bottom:1px solid var(--line,#e6ecf9);margin-right:0;padding:8px 0;justify-content:center;} .attvps-home .nav-status{display:none;} .attvps-home .nav-top{height:auto;padding:6px 0;} } /* ===== 首页方案②双行页头 END ===== */ /* ===== 首页方案②双行页头(左LOGO竖跨+右侧两行) START ===== */ .attvps-home .nav-wrap2{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;gap:0;} /* 左侧LOGO竖跨,右侧分隔线 */ .attvps-home .brand-side{display:flex;align-items:center;padding-right:20px;margin-right:0;border-right:1px solid var(--line,#e6ecf9);} .attvps-home .brand-side .logo-full{height:70px;width:auto;} .attvps-home .brand-side .logo-light{display:block;} .attvps-home .brand-side .logo-dark2{display:none;} /* 深色模式:切换LOGO */ html[data-theme="dark"] .attvps-home .brand-side .logo-light,.attvps-home[data-theme="dark"] .brand-side .logo-light{display:none;} html[data-theme="dark"] .attvps-home .brand-side .logo-dark2,.attvps-home[data-theme="dark"] .brand-side .logo-dark2{display:block;} html[data-theme="dark"] .attvps-home .brand-side,.attvps-home[data-theme="dark"] .brand-side{border-right-color:rgba(255,255,255,.1);} /* 右侧主区: 上下两行 */ .attvps-home .nav-main{flex:1;display:flex;flex-direction:column;padding-left:20px;} .attvps-home .nav-top{display:flex;align-items:center;justify-content:flex-end;height:48px;border-bottom:1px solid var(--line,#e6ecf9);} .attvps-home .nav-top-r{display:flex;align-items:center;gap:12px;} .attvps-home .nav-status{display:inline-flex;align-items:center;gap:.45rem;background:#eafaf0;color:#12894a;padding:.32rem .7rem;border-radius:999px;font-weight:600;font-size:.8rem;} .attvps-home .ns-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block;position:relative;} .attvps-home .ns-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ecc71;animation:nsPulse 2s infinite;} @keyframes nsPulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(2.2);opacity:0}100%{opacity:0}} .attvps-home .nav-sup{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sc,#25D366);transition:transform .2s;} .attvps-home .nav-sup:hover{transform:scale(1.1);} .attvps-home .nav-in{flex:1;display:flex;align-items:center;gap:1.2rem;justify-content:space-between;min-height:64px;} html[data-theme="dark"] .attvps-home .nav-top,.attvps-home[data-theme="dark"] .nav-top{border-bottom-color:rgba(255,255,255,.08);} @media (max-width:860px){ .attvps-home .nav-wrap2{flex-direction:column;} .attvps-home .brand-side{border-right:none;border-bottom:1px solid var(--line,#e6ecf9);margin-right:0;padding:8px 0;justify-content:center;} .attvps-home .nav-status{display:none;} .attvps-home .nav-top{height:auto;padding:6px 0;} } /* ===== 首页方案②双行页头 END ===== */ /* ===== 首页方案②双行页头(左LOGO竖跨+右侧两行) START ===== */ .attvps-home .nav-wrap2{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;gap:0;} /* 左侧LOGO竖跨,右侧分隔线 */ .attvps-home .brand-side{display:flex;align-items:center;padding-right:20px;margin-right:0;border-right:1px solid var(--line,#e6ecf9);} .attvps-home .brand-side .logo-full{height:70px;width:auto;} .attvps-home .brand-side .logo-light{display:block;} .attvps-home .brand-side .logo-dark2{display:none;} /* 深色模式:切换LOGO */ html[data-theme="dark"] .attvps-home .brand-side .logo-light,.attvps-home[data-theme="dark"] .brand-side .logo-light{display:none;} html[data-theme="dark"] .attvps-home .brand-side .logo-dark2,.attvps-home[data-theme="dark"] .brand-side .logo-dark2{display:block;} html[data-theme="dark"] .attvps-home .brand-side,.attvps-home[data-theme="dark"] .brand-side{border-right-color:rgba(255,255,255,.1);} /* 右侧主区: 上下两行 */ .attvps-home .nav-main{flex:1;display:flex;flex-direction:column;padding-left:20px;} .attvps-home .nav-top{display:flex;align-items:center;justify-content:flex-end;height:48px;border-bottom:1px solid var(--line,#e6ecf9);} .attvps-home .nav-top-r{display:flex;align-items:center;gap:12px;} .attvps-home .nav-status{display:inline-flex;align-items:center;gap:.45rem;background:#eafaf0;color:#12894a;padding:.32rem .7rem;border-radius:999px;font-weight:600;font-size:.8rem;} .attvps-home .ns-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block;position:relative;} .attvps-home .ns-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ecc71;animation:nsPulse 2s infinite;} @keyframes nsPulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(2.2);opacity:0}100%{opacity:0}} .attvps-home .nav-sup{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sc,#25D366);transition:transform .2s;} .attvps-home .nav-sup:hover{transform:scale(1.1);} .attvps-home .nav-in{flex:1;display:flex;align-items:center;gap:1.2rem;justify-content:space-between;min-height:64px;} html[data-theme="dark"] .attvps-home .nav-top,.attvps-home[data-theme="dark"] .nav-top{border-bottom-color:rgba(255,255,255,.08);} @media (max-width:860px){ .attvps-home .nav-wrap2{flex-direction:column;} .attvps-home .brand-side{border-right:none;border-bottom:1px solid var(--line,#e6ecf9);margin-right:0;padding:8px 0;justify-content:center;} .attvps-home .nav-status{display:none;} .attvps-home .nav-top{height:auto;padding:6px 0;} } /* ===== 首页方案②双行页头 END ===== */ /* ===== ATTVPS 首页字号整体提升(协调放大, 仅首页) START ===== */ /* H1 方案A: 3.2rem / 800 */ .attvps-home .hero h1{font-size:clamp(2.1rem,5vw,3.2rem) !important;font-weight:800 !important;letter-spacing:-1.3px !important;} /* 首屏副标题 1.14 -> 1.24 */ .attvps-home .hero-sub{font-size:1.24rem !important;line-height:1.78 !important;} /* eyebrow 小标签 .84 -> .92 */ .attvps-home .eyebrow{font-size:.92rem !important;} /* 首屏迷你指标 数值/标签 上调 */ .attvps-home .metric-num,.attvps-home .mini-metrics .num{font-size:1.55rem !important;} .attvps-home .metric-label,.attvps-home .mini-metrics .lbl{font-size:.9rem !important;} /* 保障条 */ .attvps-home .assurance,.attvps-home .assure-item{font-size:1.02rem !important;} /* 区块大标题 2.05 -> 2.4;副标 */ .attvps-home .sec-head h2,.attvps-home .sec-title{font-size:clamp(1.8rem,3.4vw,2.4rem) !important;font-weight:800 !important;} .attvps-home .sec-sub,.attvps-home .sec-head p{font-size:1.12rem !important;} /* 套餐 名/价/描述/特性 */ .attvps-home .plan-name{font-size:1.46rem !important;} .attvps-home .plan-price,.attvps-home .price-num{font-size:2.6rem !important;} .attvps-home .plan-desc{font-size:1rem !important;} .attvps-home .plan-feat,.attvps-home .plan-feats li{font-size:.98rem !important;} /* 按钮 .9 -> 1.0 */ .attvps-home .btn{font-size:1rem !important;} /* FAQ 问/答 */ .attvps-home .faq-q,.attvps-home .acc-q{font-size:1.12rem !important;font-weight:700 !important;} .attvps-home .faq-a,.attvps-home .acc-a{font-size:1.02rem !important;line-height:1.75 !important;} /* 导航菜单 .96 -> 1.0(与内页仍协调) */ .attvps-home .nav-links{font-size:1.18rem !important;font-weight:700 !important;margin:0 !important;} /* 页脚 标题/链接/slogan 略升 */ .attvps-home .foot h5{font-size:1.1rem !important;} .attvps-home .foot li,.attvps-home .foot-blurb{font-size:.98rem !important;} /* ===== ATTVPS 首页字号整体提升 END ===== */ /* ===== 首页页脚客服列(风格B徽章, 3渠道) START ===== */ .attvps-home .foot-support .fs-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.2rem;} .attvps-home .foot-support .fs-item{display:inline-flex;align-items:center;gap:.65rem;color:#aebfd6;font-size:.94rem;text-decoration:none;position:relative;cursor:pointer;transition:color .2s;} .attvps-home .foot-support .fs-badge{width:30px;height:30px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s;} .attvps-home .foot-support .fs-item:hover{color:#fff;} .attvps-home .foot-support .fs-item:hover .fs-badge{transform:scale(1.08);} .attvps-home .foot-support .fs-wechat{position:relative;} .attvps-home .foot-support .fs-qr{display:none;position:absolute;bottom:120%;left:0;z-index:30;background:#fff;border-radius:10px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.35);} .attvps-home .foot-support .fs-qr img{width:130px;height:130px;display:block;border-radius:6px;} .attvps-home .foot-support .fs-qr-id{color:#13213f;font-size:.85rem;padding:6px 4px;white-space:nowrap;text-align:center;} .attvps-home .foot-support .fs-wechat:hover .fs-qr{display:block;} @media (max-width:640px){.attvps-home .foot-grid{grid-template-columns:1fr 1fr !important;}} /* ===== 首页页脚客服列 END ===== */ /* ===== 首页方案②双行页头(左LOGO竖跨+右侧两行) START ===== */ .attvps-home .nav-wrap2{max-width:1320px;margin:0 auto;padding:0 20px;display:flex;align-items:stretch;gap:0;} /* 左侧LOGO竖跨,右侧分隔线 */ .attvps-home .brand-side{display:flex;align-items:center;padding-right:20px;margin-right:0;border-right:1px solid var(--line,#e6ecf9);} .attvps-home .brand-side .logo-full{height:70px;width:auto;} .attvps-home .brand-side .logo-light{display:block;} .attvps-home .brand-side .logo-dark2{display:none;} /* 深色模式:切换LOGO */ html[data-theme="dark"] .attvps-home .brand-side .logo-light,.attvps-home[data-theme="dark"] .brand-side .logo-light{display:none;} html[data-theme="dark"] .attvps-home .brand-side .logo-dark2,.attvps-home[data-theme="dark"] .brand-side .logo-dark2{display:block;} html[data-theme="dark"] .attvps-home .brand-side,.attvps-home[data-theme="dark"] .brand-side{border-right-color:rgba(255,255,255,.1);} /* 右侧主区: 上下两行 */ .attvps-home .nav-main{flex:1;display:flex;flex-direction:column;padding-left:20px;} .attvps-home .nav-top{display:flex;align-items:center;justify-content:flex-end;height:48px;border-bottom:1px solid var(--line,#e6ecf9);} .attvps-home .nav-top-r{display:flex;align-items:center;gap:12px;} .attvps-home .nav-status{display:inline-flex;align-items:center;gap:.45rem;background:#eafaf0;color:#12894a;padding:.32rem .7rem;border-radius:999px;font-weight:600;font-size:.8rem;} .attvps-home .ns-dot{width:7px;height:7px;border-radius:50%;background:#2ecc71;display:inline-block;position:relative;} .attvps-home .ns-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ecc71;animation:nsPulse 2s infinite;} @keyframes nsPulse{0%{transform:scale(.9);opacity:1}70%{transform:scale(2.2);opacity:0}100%{opacity:0}} .attvps-home .nav-sup{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sc,#25D366);transition:transform .2s;} .attvps-home .nav-sup:hover{transform:scale(1.1);} .attvps-home .nav-in{flex:1;display:flex;align-items:center;gap:1.2rem;justify-content:space-between;min-height:64px;} html[data-theme="dark"] .attvps-home .nav-top,.attvps-home[data-theme="dark"] .nav-top{border-bottom-color:rgba(255,255,255,.08);} @media (max-width:860px){ .attvps-home .nav-wrap2{flex-direction:column;} .attvps-home .brand-side{border-right:none;border-bottom:1px solid var(--line,#e6ecf9);margin-right:0;padding:8px 0;justify-content:center;} .attvps-home .nav-status{display:none;} .attvps-home .nav-top{height:auto;padding:6px 0;} } /* ===== 首页方案②双行页头 END ===== */ /* ===== 首页菜单项之间分隔点(产品中心保留下拉箭头) START ===== */ /* 每个菜单项(a 和 has-drop)之间加分隔点,最后一项不加 */ .attvps-home .nav-links>a:not(:last-child)::after{ content:"·";display:inline-block;margin:0 .05rem 0 .3rem;color:#8593ab;font-weight:700;} /* has-drop本身是容器,点加在它后面 */ .attvps-home .nav-links{align-items:center;gap:.35rem;} /* ===== 首页菜单分隔点 END ===== */ /* 页脚LOGO去除字间距,ATT V PS → ATTVPS(与内页统一) */ .attvps-home .foot-brand .brand{gap:0 !important;letter-spacing:0 !important;} /* 修复navbar-collapse左内边距(去掉主题16px,内页菜单对齐首页) */ header.header .main-navbar-wrapper .navbar-collapse{padding-left:0 !important;} /* 页脚LOGO与内页统一 */ .attvps-home .foot-brand .foot-logo-unify{gap:0 !important;letter-spacing:1.2px !important;font-size:1.4rem !important;font-weight:800 !important;color:#fff !important;} .attvps-home .foot-brand .foot-logo-unify .v{color:#7fc0ff !important;} /* ===== ATTVPS CLIENT-AREA POLISH v1 START ===== */ /* 作用域: 仅内容区 #main-body + 页面底色 + 面包屑。不碰 header/footer/购物车ShadowDOM。 复用已有品牌 token(蓝#2463ff/深#1b4fd0/边#e7edf6·#dbe3f0/藏蓝字#13213f/阴影 rgba(20,55,114,...))。 */ /* 页面底色: 暖平灰 -> 冷调浅蓝灰(贴首页) */ body.primary-bg-color{ background-color:#eef4fb !important; } /* 面包屑: 浅蓝灰底条(呼应页头#e7edf6) + 上下留白, 不再贴顶 */ nav.master-breadcrumb{ background:#eef3fb; border-bottom:1px solid #e2e9f4; padding:14px 0; margin-bottom:22px; } nav.master-breadcrumb .breadcrumb{ background:transparent; padding:0; margin:0; font-size:.9rem; } nav.master-breadcrumb .breadcrumb-item, nav.master-breadcrumb .breadcrumb-item a{ color:#6b7a95; text-decoration:none; } nav.master-breadcrumb .breadcrumb-item a:hover{ color:#2463ff; } nav.master-breadcrumb .breadcrumb-item.active{ color:#13213f; font-weight:600; } nav.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before{ color:#aab6cc; } /* 卡片/面板: 软圆角 + 柔阴影 + 淡边 */ #main-body .card{ border:1px solid #e7edf6; border-radius:14px; box-shadow:0 2px 12px rgba(20,55,114,.05); background:#fff; } #main-body .card-header{ background:#fff; border-bottom:1px solid #eef2f8; border-radius:14px 14px 0 0; padding:1rem 1.25rem; } #main-body .card-footer{ background:#fafbfe; border-top:1px solid #eef2f8; border-radius:0 0 14px 14px; } #main-body .card-title{ color:#13213f; font-weight:700; } #main-body .card-body h1,#main-body .card-body h2,#main-body .card-body h3,#main-body .card-body h4{ color:#13213f; } /* 仪表盘 stat 小卡 */ #main-body .stat{ border:1px solid #e7edf6; border-radius:12px; background:#fff; box-shadow:0 2px 12px rgba(20,55,114,.05); } /* list-group(侧栏/卡内导航) */ #main-body .list-group-item{ border-color:#eef2f8; } #main-body .list-group-item-action:hover{ background:#f4f8ff; color:#2463ff; } #main-body .list-group-item.active{ background:#eaf1ff; color:#2463ff; border-color:#eaf1ff; } /* 表单: 统一圆角/边框/聚焦蓝环 */ #main-body .form-control,#main-body .field.form-control{ border:1px solid #dbe3f0; border-radius:10px; color:#13213f; transition:border-color .15s, box-shadow .15s; } #main-body .form-control::placeholder,#main-body .field.form-control::placeholder{ color:#9aa7bd; } #main-body .form-control:focus,#main-body .field.form-control:focus{ border-color:#2463ff; box-shadow:0 0 0 3px rgba(36,99,255,.12); } #main-body .form-control-label{ color:#13213f; font-weight:600; } /* 登录 input-group-merge: 方灰图标块 -> 淡色内联, 圆角连续 */ #main-body .input-group.input-group-merge{ border:1px solid #dbe3f0; border-radius:10px; overflow:hidden; } #main-body .input-group.input-group-merge .form-control{ border:none !important; box-shadow:none !important; } #main-body .input-group.input-group-merge:focus-within{ border-color:#2463ff; box-shadow:0 0 0 3px rgba(36,99,255,.12); } #main-body .input-group-merge .input-group-text{ background:#fff; border:none; color:#94a3b8; } #main-body .input-group-merge .btn-reveal-pw{ background:#fff; border:none; color:#94a3b8; } #main-body .input-group-merge .btn-reveal-pw:hover{ color:#2463ff; } /* 注册 prepend-icon 图标中性色 */ #main-body .form-group.prepend-icon .field-icon{ color:#94a3b8; } /* 按钮: 统一圆角; 次按钮描边化 (.btn-primary 品牌蓝已由现有规则处理) */ #main-body .btn{ border-radius:10px; font-weight:600; } #main-body .btn-default{ background:#fff; border:1px solid #dbe3f0; color:#13213f; } #main-body .btn-default:hover{ background:#f4f8ff; border-color:#2463ff; color:#2463ff; } /* 提示条 alert: 软圆角 */ #main-body .alert{ border-radius:12px; border-width:1px; } /* 表格(发票/产品/服务列表): 冷调表头 + 淡分隔 + 行悬停 */ #main-body .table{ color:#13213f; } #main-body .table thead th{ background:#f4f7fc; color:#51607a; font-weight:700; border-bottom:1px solid #e7edf6; border-top:none; } #main-body .table td,#main-body .table th{ border-color:#eef2f8; } #main-body .table-hover tbody tr:hover{ background:#f8fbff; } /* ===== ATTVPS CLIENT-AREA POLISH v1 END ===== */ /* ===== ATTVPS AFFILIATE ICON COLOR v1 START ===== */ /* 仅改三个统计块的图标颜色(B配色), 背景等一概不动 */ #main-body .affiliate-stat.alert-warning i{ color:#e8971a !important; } #main-body .affiliate-stat.alert-info i{ color:#2463ff !important; } #main-body .affiliate-stat.alert-success i{ color:#0fae7e !important; } /* ===== ATTVPS AFFILIATE ICON COLOR v1 END ===== */ /* ===== ATTVPS AFFILIATE PANEL BG v1 START ===== */ /* 仅三块背景改水晶渐变质感, 图标颜色保持原生不动 */ #main-body .affiliate-stat{ position:relative; border-radius:16px; border:1px solid rgba(255,255,255,.7) !important; box-shadow:0 6px 20px rgba(20,55,114,.08), inset 0 1px 0 rgba(255,255,255,.9); overflow:hidden; } #main-body .affiliate-stat::after{ content:""; position:absolute; top:0; left:0; right:0; height:45%; background:linear-gradient(180deg,rgba(255,255,255,.45),transparent); pointer-events:none; } #main-body .affiliate-stat.alert-warning{ background:linear-gradient(145deg,#fff9ee,#ffedcf) !important; } #main-body .affiliate-stat.alert-info{ background:linear-gradient(145deg,#f4f8ff,#dbe8ff) !important; } #main-body .affiliate-stat.alert-success{ background:linear-gradient(145deg,#f0fbf5,#d3f3e2) !important; } /* ===== ATTVPS AFFILIATE PANEL BG v1 END ===== */ /* ===== ATTVPS HAMBURGER DARK v1 START ===== */ /* 汉堡菜单图标改深色, 让它在浅色页头明显可见。只改这个按钮, 不影响别处 */ #header .nav-item.d-xl-none .btn.nav-link .fa-bars, .nav-item.d-xl-none .btn.nav-link .fa-bars{ color:#13213f !important; font-size:1.35rem; } .nav-item.d-xl-none .btn.nav-link{ color:#13213f !important; } /* ===== ATTVPS HAMBURGER DARK v1 END ===== */ /* ===== ATTVPS STORE POSTER FINAL START ===== */ /* ===== ATTVPS STORE POSTER v3 START ===== */ /* 商店产品展示页 海报版。scoped #order-standard_cart,不污染全站。配套 patch_store_poster_v3.sh */ #order-standard_cart{ --b:#2463ff;--bd:#1b4fd0;--ink:#13213f;--ink2:#4b5a75;--ink3:#8290a8; --ln:#e7edf6;--soft:#f7f9fd;--green:#12b886; --grad:linear-gradient(120deg,#2463ff,#5a9bff); --sh:0 14px 40px rgba(17,28,51,.07);--shl:0 26px 60px rgba(17,28,51,.13); } #order-standard_cart{max-width:1320px;margin:0 auto} #order-standard_cart .cart-sidebar{display:none!important} #order-standard_cart .cart-body{width:100%!important;max-width:100%!important;flex:0 0 100%!important;overflow:visible} #order-standard_cart>.row{display:block;margin:0} #order-standard_cart .header-lined{display:none} /* Hero */ #order-standard_cart .attvps-hero{position:relative;overflow:hidden;border-radius:24px;padding:56px 44px;text-align:center;color:#fff;margin-bottom:38px;background:radial-gradient(700px 340px at 82% -30%,rgba(90,155,255,.55),transparent 62%),radial-gradient(560px 340px at 8% 130%,rgba(18,184,134,.26),transparent 58%),linear-gradient(158deg,#061636,#0b1f42)} #order-standard_cart .attvps-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(150,195,255,.16);border:1px solid rgba(150,195,255,.3);color:#c6dbff;font-size:.9rem;font-weight:600;padding:7px 17px;border-radius:99px;margin-bottom:18px} #order-standard_cart .attvps-hero h1{font-size:2.55rem;font-weight:800;margin:0 0 15px;line-height:1.3;color:#fff} #order-standard_cart .attvps-hero h1 .hl{background:linear-gradient(120deg,#8fc4ff,#5a9bff);-webkit-background-clip:text;background-clip:text;color:transparent} #order-standard_cart .attvps-hero p{color:#b6c6de;font-size:1.16rem;margin:0 auto 26px;max-width:640px;line-height:1.7} #order-standard_cart .attvps-hero p b{color:#8fc4ff;font-weight:600} #order-standard_cart .attvps-hero-tags{display:flex;gap:12px;justify-content:center;flex-wrap:wrap} #order-standard_cart .attvps-hero-tags span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#d3e0f2;font-size:.95rem;padding:9px 18px;border-radius:12px;white-space:nowrap} #order-standard_cart .attvps-hero-tags span svg{flex:none;width:16px;height:16px;color:#8fc4ff} #order-standard_cart .attvps-hero-badge svg{flex:none;color:#c6dbff} #order-standard_cart .attvps-hero-tags i{color:#8fc4ff} /* 定价卡:自适应 grid,套到真实 .products/.row-eq-height/.col-md-6/.product */ #order-standard_cart .products{margin:0 0 10px;overflow:visible;clear:both} #order-standard_cart .products::after{content:"";display:block;height:40px} #order-standard_cart .products .row-eq-height{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:0} #order-standard_cart .products .col-md-6{width:100%;max-width:100%;flex:none;padding:0;float:none} #order-standard_cart .product{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:30px 24px;display:flex;flex-direction:column;height:100%;position:relative;transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s,border-color .2s;box-shadow:var(--sh)} #order-standard_cart .product:hover{transform:translateY(-8px);box-shadow:var(--shl);border-color:color-mix(in srgb,var(--b) 45%,var(--ln))} #order-standard_cart .product header{background:none;border:none;padding:0;font-size:1.3rem;font-weight:800;color:var(--b);margin-bottom:6px} #order-standard_cart .product header .qty{display:block;font-size:.78rem;font-weight:500;color:var(--ink3);margin-top:4px} #order-standard_cart .product-desc{padding:0} #order-standard_cart .product-desc>p{font-size:.9rem;color:var(--ink3);margin:0 0 16px;line-height:1.55;min-height:2.6em} #order-standard_cart .product-desc ul{list-style:none;margin:0;padding:0} #order-standard_cart .product-desc li{display:flex;align-items:center;gap:.55rem;padding:.5rem 0;font-size:.92rem;color:var(--ink2);border-bottom:1px solid var(--ln)} #order-standard_cart .product-desc li:last-child{border-bottom:none} #order-standard_cart .product-desc li::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;color:var(--b);font-size:.76rem} #order-standard_cart .product-desc .feature-value{font-weight:700;color:var(--ink)} #order-standard_cart .product footer{padding:0;margin-top:auto} #order-standard_cart .product-pricing{margin:14px 0 16px;font-size:.82rem;color:var(--ink3);line-height:1} #order-standard_cart .product-pricing .price{font-size:2.35rem;font-weight:800;line-height:1;letter-spacing:-1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;vertical-align:baseline} #order-standard_cart .btn-order-now{display:block;width:100%;text-align:center;padding:12px 0;border-radius:11px;font-weight:700;font-size:.96rem;background:var(--soft);color:var(--ink);border:1px solid var(--ln);transition:.2s;text-decoration:none} #order-standard_cart .btn-order-now:hover{background:#eef2fa;color:var(--b);border-color:var(--b)} #order-standard_cart .btn-order-now i{margin-right:6px} #order-standard_cart #product2{border:2px solid var(--b);box-shadow:var(--shl)} #order-standard_cart #product2::before{content:"\2605 \6700\53d7\6b22\8fce";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--grad);color:#fff;font-size:.72rem;font-weight:700;padding:5px 15px;border-radius:99px;white-space:nowrap;z-index:3;box-shadow:0 4px 12px rgba(36,99,255,.32)} #order-standard_cart #product2 header{padding-top:8px} #order-standard_cart #product2 .btn-order-now{background:var(--b);color:#fff;border-color:var(--b)} #order-standard_cart #product2 .btn-order-now:hover{background:var(--bd);border-color:var(--bd)} /* 区块小标题 */ #order-standard_cart .attvps-sec{margin:64px 0 22px;text-align:center} #order-standard_cart .attvps-sec h2{font-size:1.72rem;font-weight:800;margin:0 0 8px;color:var(--ink)} #order-standard_cart .attvps-sec p{color:var(--ink3);margin:0;font-size:1rem} /* 为什么选我们 */ #order-standard_cart .attvps-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} #order-standard_cart .attvps-trust .t{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:20px;box-shadow:var(--sh);transition:.2s} #order-standard_cart .attvps-trust .t:hover{transform:translateY(-4px);box-shadow:var(--shl)} #order-standard_cart .attvps-trust .ic{width:44px;height:44px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:#eef4ff;color:var(--b)} #order-standard_cart .attvps-trust b{display:block;font-size:1rem;color:var(--ink);font-weight:700} #order-standard_cart .attvps-trust span{font-size:.85rem;color:var(--ink3)} /* 强大的自助控制台 */ #order-standard_cart .attvps-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #order-standard_cart .attvps-feats .fc{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:26px;box-shadow:var(--sh);transition:.22s} #order-standard_cart .attvps-feats .fc:hover{transform:translateY(-5px);box-shadow:var(--shl)} #order-standard_cart .attvps-feats .fc>i{font-size:1.7rem;color:var(--b);margin-bottom:12px;display:block} #order-standard_cart .attvps-feats .fc b{display:block;font-size:1.12rem;margin-bottom:6px;color:var(--ink)} #order-standard_cart .attvps-feats .fc span{font-size:.92rem;color:var(--ink3);line-height:1.6} /* 场景推荐 */ #order-standard_cart .attvps-usecase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} #order-standard_cart .attvps-usecase .uc{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:26px;box-shadow:var(--sh);transition:.22s} #order-standard_cart .attvps-usecase .uc:hover{transform:translateY(-5px);box-shadow:var(--shl)} #order-standard_cart .attvps-usecase .ci{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:14px;background:#eef4ff;color:var(--b)} #order-standard_cart .attvps-usecase h3{margin:0 0 8px;font-size:1.15rem;color:var(--ink)} #order-standard_cart .attvps-usecase p{margin:0 0 12px;font-size:.92rem;color:var(--ink3);line-height:1.6} #order-standard_cart .attvps-usecase .rec{font-size:.92rem;font-weight:700;color:var(--b)} /* 响应式 */ @media(max-width:900px){#order-standard_cart .attvps-trust{grid-template-columns:1fr 1fr}#order-standard_cart .attvps-feats,#order-standard_cart .attvps-usecase{grid-template-columns:1fr}} @media(max-width:560px){#order-standard_cart .attvps-hero{padding:40px 22px}#order-standard_cart .attvps-hero h1{font-size:1.95rem}#order-standard_cart .attvps-trust{grid-template-columns:1fr}} /* ===== ATTVPS STORE POSTER v3 END ===== */ /* SVG 图标尺寸(三段区块) */ #order-standard_cart .attvps-trust .ic svg{width:22px;height:22px} #order-standard_cart .attvps-feats .fc > svg{width:28px;height:28px;color:var(--b,#2463ff);margin-bottom:12px;display:block} #order-standard_cart .attvps-usecase .ci svg{width:24px;height:24px} /* ===== ATTVPS STORE PLANS v2 (收紧行距+字号+1号+绿圆勾) START ===== */ #order-standard_cart .cart-sidebar{display:none!important} #order-standard_cart .cart-body{width:100%!important;max-width:100%!important;flex:0 0 100%!important} #order-standard_cart>.row{display:block!important;margin:0!important} #order-standard_cart .header-lined{display:none!important} #order-standard_cart .products{display:none!important} #order-standard_cart .attvps-plans{ --b:#2463ff;--bd:#1b4fd0;--ink:#13213f;--ink2:#3f4d66;--ink3:#7a8aa3; --ln:#e7edf6;--soft:#f7f9fd;--green:#12b886; --grad:linear-gradient(120deg,#2463ff,#5a9bff); --sh:0 14px 40px rgba(17,28,51,.07);--shl:0 26px 60px rgba(17,28,51,.13); display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch;margin:0 0 20px; } #order-standard_cart .attvps-plans .plan{ position:relative;background:#fff;border:1px solid var(--ln);border-radius:18px; padding:32px 26px;display:flex;flex-direction:column;box-shadow:var(--sh); transition:transform .2s,box-shadow .2s,border-color .2s; } #order-standard_cart .attvps-plans .plan:hover{transform:translateY(-6px);box-shadow:var(--shl);border-color:color-mix(in srgb,var(--b) 45%,var(--ln))} #order-standard_cart .attvps-plans .plan-pop{border:2px solid var(--b);box-shadow:var(--shl)} #order-standard_cart .attvps-plans .plan-badge{ position:absolute;top:-13px;left:50%;transform:translateX(-50%); background:var(--grad);color:#fff;font-size:.78rem;font-weight:700; padding:6px 17px;border-radius:99px;white-space:nowrap;box-shadow:0 4px 12px rgba(36,99,255,.3); } #order-standard_cart .attvps-plans .plan-name{font-size:1.5rem;font-weight:800;color:var(--b);margin-bottom:8px} #order-standard_cart .attvps-plans .plan-tag{font-size:.92rem;color:var(--ink3);line-height:1.5;margin-bottom:20px;min-height:3em} #order-standard_cart .attvps-plans .plan-price{ font-size:2.6rem;font-weight:800;line-height:1;margin-bottom:22px;color:var(--b); font-variant-numeric:tabular-nums; } #order-standard_cart .attvps-plans .plan-price small{font-size:1rem;color:var(--ink3);font-weight:500} #order-standard_cart .attvps-plans .plan-specs{list-style:none;margin:0 0 22px;padding:0;flex:1} #order-standard_cart .attvps-plans .plan-specs li{ display:flex;align-items:center;gap:.6rem;padding:.55rem 0; font-size:.92rem;color:var(--ink2);border-bottom:1px solid var(--ln); } #order-standard_cart .attvps-plans .plan-specs li:last-child{border-bottom:none} /* 绿色圆形对勾:纯CSS,统一耐看 */ #order-standard_cart .attvps-plans .plan-specs .ck{ flex:none;width:18px;height:18px;border-radius:50%; background:var(--green);color:#fff; display:inline-flex;align-items:center;justify-content:center; font-size:.7rem;font-weight:900;line-height:1; } #order-standard_cart .attvps-plans .plan-specs .sv{font-weight:700;color:var(--ink)} #order-standard_cart .attvps-plans .plan-btn{ display:block;width:100%;text-align:center;padding:14px 0;border-radius:12px; font-weight:700;font-size:1.02rem;text-decoration:none;transition:.2s; background:var(--soft);color:var(--ink);border:1px solid var(--ln); } #order-standard_cart .attvps-plans .plan-btn:hover{background:#eef2fa;color:var(--b);border-color:var(--b)} #order-standard_cart .attvps-plans .plan-pop .plan-btn{background:var(--b);color:#fff;border-color:var(--b)} #order-standard_cart .attvps-plans .plan-pop .plan-btn:hover{background:var(--bd);border-color:var(--bd)} @media(max-width:1100px){#order-standard_cart .attvps-plans{grid-template-columns:1fr 1fr}} @media(max-width:560px){#order-standard_cart .attvps-plans{grid-template-columns:1fr}} /* ===== ATTVPS STORE PLANS v2 END ===== */ /* ===== ATTVPS STORE POSTER FINAL END ===== */ /* ===== ATTVPS STORE LAYOUT TUNE v3 ===== */ /* (1) 隐藏订单页孤儿面包屑"购物车"——与首页一致 */ #order-standard_cart ~ * .master-breadcrumb, body nav.master-breadcrumb{ display:none !important; } /* (2) 三区块居中标题 更立得住:字号提升 + 深墨色 */ #order-standard_cart h2{ font-size:2.05rem !important; color:var(--ink) !important; letter-spacing:-.01em; } /* 标题下方副标题与标题的间距略收 */ #order-standard_cart h2 + p{ margin-top:6px !important; } /* (3) hero 到第一排卡片的间距收紧 38px -> 28px */ #order-standard_cart .attvps-hero{ margin-bottom:28px !important; } /* (4) 各内容区块之间纵向间距统一(给带 h2 的 section 统一上间距) */ #order-standard_cart .attvps-plans{ margin-bottom:64px !important; } /* ===== ATTVPS TRUST FONT TUNE v4 ===== */ /* 仅"为什么选择我们"四卡片：标题 + 副标题 各大一号 */ #order-standard_cart .attvps-trust .t b{ font-size:1.18rem !important; line-height:1.35 !important; } #order-standard_cart .attvps-trust .t span{ font-size:1rem !important; line-height:1.5 !important; } /* ===== ATTVPS 用户导航第二排(独立容器) START ===== */ #attvps-userbar{ background:linear-gradient(120deg,#0b1f42,#1b4fd0); width:100%; } .attvps-userbar-inner{ list-style:none; margin:0; padding:0; /* max-width由JS动态设置 */ display:flex; flex-wrap:wrap; align-items:center; } .attvps-userbar-inner > li{position:relative;} .attvps-userbar-inner > li > a{ display:block; padding:12px 20px; color:#ffffff !important; font-weight:600; font-size:.95rem; text-decoration:none; -webkit-font-smoothing:antialiased; line-height:1.2; white-space:nowrap; } .attvps-userbar-inner > li > a i{color:#ffffff !important;opacity:.95;margin-right:4px;} .attvps-userbar-inner > li > a:hover, .attvps-userbar-inner > li > a:focus{ background:rgba(255,255,255,.13); color:#ffffff !important; } /* 下拉(账单管理) */ .attvps-userbar-inner > li.dropdown > a::after{ content:"";display:inline-block;margin-left:6px; border-top:4px solid #bcd0f5;border-left:4px solid transparent;border-right:4px solid transparent; vertical-align:middle; } .attvps-userbar-inner .dropdown-menu{ position:absolute;top:100%;left:0;background:#fff;border:1px solid #e3ebf6; border-radius:0 0 8px 8px;box-shadow:0 8px 24px rgba(11,31,66,.18); min-width:180px;padding:6px 0;display:none;z-index:1000;list-style:none;margin:0; } .attvps-userbar-inner > li.dropdown:hover .dropdown-menu{display:block;} .attvps-userbar-inner .dropdown-menu li a{ display:block;padding:9px 18px;color:#13213f !important;text-decoration:none;font-size:.9rem; } .attvps-userbar-inner .dropdown-menu li a:hover{background:#f0f4fb;} /* 手机(<992px):第二排变纵向堆叠,仍深蓝 */ @media (max-width: 991px){ .attvps-userbar-inner{flex-direction:column;align-items:stretch;} .attvps-userbar-inner > li > a{padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);} .attvps-userbar-inner .dropdown-menu{position:static;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);} .attvps-userbar-inner .dropdown-menu li a{color:#dbe4f5 !important;} .attvps-userbar-inner > li.dropdown:hover .dropdown-menu{display:block;} } /* ===== ATTVPS 用户导航第二排(独立容器) END ===== */ /* ===== ATTVPS 隐藏空的"更多"按钮 START ===== */ /* 营销栏已全部no-collapse展开,收纳区为空,隐藏"更多" */ #nav > li.collapsable-dropdown{ display:none !important; } /* ===== ATTVPS 隐藏空的"更多"按钮 END ===== */ /* [topbar对齐v2] 整条topbar内所有块垂直居中 */ header.header .topbar .d-flex{align-items:center !important;} header.header .topbar .mr-auto, header.header .topbar .ml-auto{display:flex;align-items:center;} header.header .topbar .active-client{align-items:center;margin:0;} header.header .topbar .input-group-prepend{display:flex;align-items:center;} header.header .topbar .input-group-text{border:0;background:transparent;} header.header .topbar .btn-group{align-items:center;} /* [topbar 统一高度] 全站 topbar 固定紧凑高度,首页内页一致 */ header.header .topbar{padding:0 !important;} header.header .topbar .container{min-height:38px;display:flex;align-items:center;} header.header .topbar .d-flex{width:100%;align-items:center !important;} header.header .topbar .active-client{margin:0 !important;} /* ===== [标准头脚保护v2] 只还原字体字重,不动布局/图标 ===== */ body.attvps-home header.header, body.attvps-home header.header .navbar *, body.attvps-home footer.footer{ font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } body.attvps-home header.header .topbar .btn{ font-weight:400 !important; font-size:14px !important; } /* [图标字体还原] 防止字体保护规则覆盖 Font Awesome,让图标正常显示 */ body.attvps-home header.header i[class*="fa-"], body.attvps-home header.header .fa, body.attvps-home header.header .fas, body.attvps-home header.header .far, body.attvps-home header.header .fal, body.attvps-home header.header .fad, body.attvps-home header.header .fab, body.attvps-home footer.footer i[class*="fa-"]{ font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free","Font Awesome 5 Pro",FontAwesome !important; } body.attvps-home header.header .far, body.attvps-home header.header i.far{font-weight:400 !important;} body.attvps-home header.header .fas, body.attvps-home header.header i.fas{font-weight:900 !important;} /* [根治·隔离body继承] 首页 body{line-height:1.5} 污染了标准topbar,这里还原 */ body.attvps-home header.header, body.attvps-home header.header .topbar, body.attvps-home header.header .topbar *{ line-height:normal; } body.attvps-home header.header .topbar .btn, body.attvps-home header.header .topbar .active-client{ line-height:1.5 !important; vertical-align:middle; } /* [根治·标准头脚免疫首页*和body污染] 恢复Bootstrap默认间距与行高 */ body.attvps-home header.header .topbar .btn{ padding:6px 12px !important; margin:0 !important; line-height:1.5 !important; vertical-align:middle; } body.attvps-home header.header .topbar, body.attvps-home header.header .topbar .container, body.attvps-home header.header .topbar .d-flex{ line-height:1.5; } body.attvps-home header.header .topbar .dropdown-menu{ padding:8px 0 !important; margin:2px 0 0 !important; } body.attvps-home header.header .topbar .dropdown-item{ padding:4px 24px !important; } /* [topbar无通知·锁死对齐] 强制与内页标准一致 */ body.attvps-home header.header .topbar > .d-flex{align-items:center !important;min-height:38px;} body.attvps-home header.header .topbar .mr-auto > *, body.attvps-home header.header .topbar .ml-auto > *{vertical-align:middle;} body.attvps-home header.header .topbar a.btn, body.attvps-home header.header .topbar .btn{ display:inline-flex !important; align-items:center !important; padding:6px 12px !important; margin:0 !important; line-height:1.5 !important; height:auto !important; } body.attvps-home header.header .topbar a.btn i, body.attvps-home header.header .topbar .btn i{ line-height:1 !important; vertical-align:middle !important; } /* [全站隐藏页脚语言/货币选择器] 只藏语言货币,不影响社交图标 */ footer .list-inline-item:has(> button[data-target="#modalChooseLanguage"]){display:none !important;} /* :has 兼容兜底——直接藏那个按钮及其模态触发 */ footer button[data-target="#modalChooseLanguage"]{display:none !important;} #modalChooseLanguage{display:none !important;} /* [隐藏页脚底部那条联系我们灰白框] 全站,不影响页脚"帮助"列里的联系我们链接 */ footer .list-inline-item:has(> a[href*="contact.php"]){display:none !important;} footer ul.list-inline > li:has(> a[href*="contact.php"]){display:none !important;} /* [隐藏页脚语言货币表单灰白框] 精准藏那个form,不影响页脚其它 */ footer form[action="/index.php?"]{display:none !important;} footer form:has(input[name="language"]){display:none !important;} footer form:has(input[name="currency"]){display:none !important;} /* [全局隐藏语言货币表单灰白框] 去掉footer限定 */ form[action="/index.php?"]{display:none !important;} form:has(input[name="language"][data-current]){display:none !important;} /* [藏页脚那个被撑成灰白框的联系我们] */ body.attvps-home footer ul.nav.justify-content-center{display:none !important;} /* ===== TXYY 页头到hero圆滑过渡 ===== */ body.attvps-home section#main-body{padding-top:0 !important;} body.attvps-home .cb-home .cb-hero{ border-top-left-radius:20px; border-top-right-radius:20px; margin-top:14px; box-shadow:0 -1px 0 rgba(18,200,138,.3); } /* 顶部一道极淡渐变,让深色从浅色里"浮"起来 */ body.attvps-home .cb-home .cb-hero::before{ content:"";position:absolute;top:0;left:0;right:0;height:60px; background:linear-gradient(180deg,rgba(238,244,251,.5),transparent); pointer-events:none;z-index:1; } /* ===== TXYY 顶部通知条 v2 ===== */ .cblnk-topbar{background:#0b1730;border-bottom:2px solid #12c88a;overflow:hidden;} .cblnk-topbar-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;min-height:44px;padding:0 44px 0 18px;position:relative;} .cblnk-slides{flex:1;position:relative;height:44px;} .cblnk-slide{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .6s;} .cblnk-slide.on{opacity:1;} .cblnk-slide:first-child{opacity:1;} .cblnk-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap;flex:none;} .cblnk-tag-risk{background:rgba(226,75,74,.18);color:#ff8a8a;} .cblnk-tag-news{background:rgba(18,200,138,.18);color:#4fe0b0;} .cblnk-tag-promo{background:rgba(90,155,255,.18);color:#8fc4ff;} .cblnk-tag-tip{background:rgba(143,196,255,.18);color:#8fc4ff;} .cblnk-txt{color:#c9d4e8;font-size:13.5px;line-height:1.3;} .cblnk-topbar-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#7a8aa8;font-size:20px;cursor:pointer;padding:4px;line-height:1;} .cblnk-topbar-close:hover{color:#c9d4e8;} @media(max-width:640px){.cblnk-txt{font-size:12px;}.cblnk-topbar-inner{padding-left:12px;}} /* ===== 全站容器统一放宽 1320 ===== */ .container{max-width:1320px;} /* ===== TXYY 知识库美化 v2（融合风格）===== */ /* 轻量标题条 */ .cblnk-kb-head{display:flex;align-items:center;gap:11px;margin-bottom:18px;flex-wrap:wrap;} .cblnk-kb-bar{width:4px;height:24px;background:#12c88a;border-radius:2px;flex:none;} .cblnk-kb-h1{font-size:1.35rem;font-weight:800;color:#1b2a44;letter-spacing:-.3px;} .cblnk-kb-sub{font-size:.86rem;color:#8794a8;} /* 卡片美化 */ .kb-category.card{border:1px solid #e6ecf5 !important;border-radius:16px !important;box-shadow:0 2px 12px rgba(20,55,114,.05) !important;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;background:#fff;} .kb-category.card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(20,55,114,.12) !important;border-color:#c3d4f0 !important;} .kb-category .card-body{padding:22px 24px !important;} .kb-category .h5{font-size:1.15rem !important;color:#1b2a44 !important;font-weight:700 !important;margin-bottom:9px !important;display:flex;align-items:center;gap:10px;} /* 图标块 */ .kb-category .h5 .fa-folder,.kb-category .h5 .fal.fa-folder{width:36px;height:36px;border-radius:10px;background:#eaf0fb;color:#2463ff !important;display:inline-flex;align-items:center;justify-content:center;font-size:15px;flex:none;} .kb-category:nth-child(even) .h5 .fa-folder{background:#eafaf3;color:#12c88a !important;} /* 绿徽章 */ .kb-category .badge-info{background:rgba(18,200,138,.13) !important;color:#0e9c6b !important;font-size:.78rem !important;font-weight:600 !important;padding:4px 11px !important;border-radius:99px !important;} .kb-category .text-muted small{color:#8794a8 !important;font-size:.85rem !important;line-height:1.6 !important;} /* ===== TXYY 知识库 banner ===== */ .cblnk-kb-banner{background:linear-gradient(135deg,#132f5e 0%,#2463ff 62%,#3d7bff 100%);border-radius:18px;margin-bottom:26px;overflow:hidden;position:relative;} .cblnk-kb-banner::after{content:"";position:absolute;top:-45%;right:-3%;width:300px;height:300px;background:radial-gradient(circle,rgba(18,200,138,.4),transparent 70%);pointer-events:none;} .cblnk-kb-banner-in{position:relative;padding:40px 46px;z-index:1;} .cblnk-kb-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);color:#dbe8ff;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:6px 15px;border-radius:99px;margin-bottom:15px;} .cblnk-kb-bh1{color:#fff;font-size:2.1rem;font-weight:800;margin:0 0 11px;letter-spacing:-.5px;} .cblnk-kb-bsub{color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65;margin:0;max-width:560px;} @media(max-width:640px){.cblnk-kb-banner-in{padding:28px 24px;}.cblnk-kb-bh1{font-size:1.6rem;}} /* ===== TXYY 侧边栏美化 v2（正确class）===== */ .card-sidebar{border:1px solid #e6ecf5 !important;border-radius:14px !important;box-shadow:0 2px 12px rgba(20,55,114,.05) !important;overflow:hidden;} .card-sidebar .card-header{background:#fff !important;border-bottom:1px solid #eef2f8 !important;padding:15px 18px !important;} .card-sidebar .card-title{font-size:1rem !important;font-weight:700 !important;color:#1b2a44 !important;} .card-sidebar .card-title i:first-child{color:#12c88a !important;} .card-sidebar .list-group{padding:8px !important;} .card-sidebar .list-group-item-action{border:none !important;border-radius:9px !important;padding:9px 12px !important;font-size:13.5px !important;color:#48566e !important;margin-bottom:2px;transition:background .18s,color .18s;background:transparent !important;} .card-sidebar .list-group-item-action:hover{background:#f0f5fc !important;color:#2463ff !important;} .card-sidebar .list-group-item-action.active{background:linear-gradient(90deg,#eaf0fb,#f0fbf6) !important;color:#2463ff !important;font-weight:600 !important;border-left:3px solid #12c88a !important;} .card-sidebar .list-group-item-action.active i{color:#12c88a !important;} .card-sidebar .list-group-item .badge{background:#eef2f8 !important;color:#7a8aa8 !important;font-size:11px !important;font-weight:600 !important;padding:2px 8px !important;border-radius:99px !important;} .card-sidebar .list-group-item-action.active .badge{background:#2463ff !important;color:#fff !important;} .tag-cloud .tag,.card-sidebar .tag{display:inline-block;background:#f0f5fc !important;color:#48566e !important;font-size:12px !important;padding:4px 12px !important;border-radius:99px !important;margin:3px !important;text-decoration:none !important;transition:.18s;border:none !important;} .tag-cloud .tag:hover,.card-sidebar .tag:hover{background:#12c88a !important;color:#fff !important;} /* ===== TXYY 侧边栏 v3：字号加大+精致化 ===== */ /* 标题字号加大 */ .card-sidebar .card-title{font-size:1.08rem !important;} /* 列表项字号加大 + 间距舒展 */ .card-sidebar .list-group-item-action{font-size:15px !important;padding:11px 14px !important;} /* 图标统一大小对齐 */ .card-sidebar .list-group-item-action i,.card-sidebar .sidebar-menu-item-icon{font-size:15px !important;width:20px;text-align:center;} /* 当前项更明显：加粗+阴影 */ .card-sidebar .list-group-item-action.active{box-shadow:0 2px 8px rgba(18,200,138,.12) !important;} /* 徽章字号 */ .card-sidebar .list-group-item .badge{font-size:12px !important;padding:3px 9px !important;} /* 面板标题区留白舒展 */ .card-sidebar .card-header{padding:16px 20px !important;} /* 标签云字号加大 */ .tag-cloud .tag,.card-sidebar .tag{font-size:13px !important;padding:5px 14px !important;margin:4px 3px !important;} /* 分类栏：hover微移动效 */ .card-sidebar .list-group-item-action{position:relative;} .card-sidebar .list-group-item-action:hover{padding-left:16px !important;} /* ===== 分类栏图标 v5（照抄技术支持栏：灰线性+当前项绿）===== */ .card-sidebar a[menuItemName^="Support Knowledgebase Category"]{ display:flex !important;align-items:center !important; } .card-sidebar a[menuItemName^="Support Knowledgebase Category"]::before{ font-family:"Font Awesome 6 Pro";font-weight:400; margin-right:11px;width:20px;display:inline-block;text-align:center; color:#8794a8;font-size:15px;flex:none; } .card-sidebar a[menuItemName="Support Knowledgebase Category 7"]::before{content:"\f15c";} .card-sidebar a[menuItemName="Support Knowledgebase Category 8"]::before{content:"\f059";} .card-sidebar a[menuItemName="Support Knowledgebase Category 9"]::before{content:"\f1ea";} .card-sidebar a[menuItemName="Support Knowledgebase Category 10"]::before{content:"\f0e3";} .card-sidebar a[menuItemName="Support Knowledgebase Category 11"]::before{content:"\f05a";} .card-sidebar a[menuItemName^="Support Knowledgebase Category"]:hover::before{color:#2463ff;} .card-sidebar a[menuItemName^="Support Knowledgebase Category"].active::before{color:#12c88a;} /* ===== 侧边栏两栏字号统一 ===== */ .card-sidebar .list-group-item-action, .card-sidebar .list-group-item-action .sidebar-menu-item-label, .card-sidebar a[menuItemName]{ font-size:15px !important; } /* 图标大小也统一 */ .card-sidebar .list-group-item-action i, .card-sidebar .sidebar-menu-item-icon, .card-sidebar a[menuItemName^="Support Knowledgebase Category"]::before{ font-size:15px !important; } /* ===== 知识库卡片描述文字加大 ===== */ .kb-category .text-muted small, .kb-category .card-body p, .kb-category p.text-muted{ font-size:.95rem !important; line-height:1.7 !important; color:#6b7a95 !important; } /* 卡片标题也顺带确认够大 */ .kb-category .h5{font-size:1.2rem !important;} /* ===== 知识库卡片最小高度统一 ===== */ .card.kb-category{min-height:150px;} .kb-category .card-body{min-height:150px;display:flex;flex-direction:column;} /* ===== 知识库卡片同行等高（安全定向版）===== */ /* 只作用于知识库卡片所在的row，用flex让同行等高 */ .tab-content .row, #knowledgebase .row, .kb-category-list{display:flex;flex-wrap:wrap;} /* 卡片外层col拉伸 */ .row > .col-xl-6:has(> .kb-category){display:flex;} .card.kb-category{width:100%;margin-bottom:24px !important;} /* ===== 知识库文章列表美化 ===== */ .card-body .card-title{font-size:1.3rem !important;font-weight:700 !important;color:#1b2a44 !important;} .card-body .card-title i{color:#12c88a !important;} .kb-article-item{display:block !important;padding:18px 22px !important;border-radius:12px !important;margin:6px 10px !important;background:#fff;border:none !important;transition:background .18s,transform .18s;font-size:1.2rem !important;font-weight:600 !important;color:#1b2a44 !important;} .kb-article-item:hover{background:#f5f9ff !important;transform:translateY(-2px);} .kb-article-item > i{color:#2463ff !important;margin-right:8px;} .kb-article-item small{display:block !important;margin-top:8px !important;font-size:1rem !important;font-weight:400 !important;color:#6b7a95 !important;line-height:1.7 !important;} /* ===== 知识库文章内容页美化 ===== */ /* 文章卡片容器 */ .card-body h1{font-size:2.2rem !important;font-weight:800 !important;color:#1b2a44 !important;letter-spacing:-.5px;line-height:1.35;margin-bottom:14px;} /* 正文字号加大、行距舒展 */ article{font-size:1.05rem !important;line-height:1.9 !important;color:#3a4a63 !important;} article h2,article h3,article h4{color:#1b2a44 !important;font-weight:700 !important;margin-top:1.6em !important;margin-bottom:.6em !important;} article h2{font-size:1.4rem !important;} article h3{font-size:1.2rem !important;} article p{margin-bottom:1em !important;} article ul,article ol{margin:1em 0 !important;padding-left:1.6em !important;} article li{margin:.5em 0 !important;line-height:1.8 !important;} article code{background:#eef2f8;color:#d6336c;padding:2px 7px;border-radius:5px;font-size:.9em;} article pre{background:#0b1730;color:#c9d4e8;padding:16px 20px;border-radius:10px;overflow-x:auto;line-height:1.6;} article a{color:#2463ff;text-decoration:none;border-bottom:1px solid rgba(36,99,255,.3);} /* 打印按钮 */ .card-body h1 .btn{font-size:.85rem !important;} /* "是否有帮助"标题 */ .card-body h4{font-size:1.15rem !important;font-weight:700 !important;color:#1b2a44 !important;} /* 是/否投票按钮：品牌色 */ .card-body form .btn-secondary{border-radius:10px !important;padding:8px 24px !important;font-weight:600 !important;border:1.5px solid #d8e0ec !important;background:#fff !important;color:#48566e !important;transition:.18s;} .card-body form .btn-secondary:hover{border-color:#12c88a !important;color:#12c88a !important;background:#f0fbf6 !important;} /* 分隔线柔和 */ .card-body hr{border-color:#eef2f8 !important;margin:1.6em 0 !important;} /* 标签徽章 */ .card-body .badge-info{background:rgba(18,200,138,.13) !important;color:#0e9c6b !important;} /* ===== 知识库卡片标题+描述再加大 ===== */ .kb-category .h5{font-size:1.35rem !important;} .kb-category .text-muted small, .kb-category .card-body p, .kb-category p.text-muted{ font-size:1.02rem !important; line-height:1.75 !important; } /* ===== 产品页hero与套餐区宽度对齐1320 ===== */ #order-standard_cart{max-width:1320px !important;padding-left:0 !important;padding-right:0 !important;} #order-standard_cart .attvps-hero{max-width:100% !important;width:100% !important;} #order-standard_cart .attvps-plans, #order-standard_cart .products{max-width:100% !important;width:100% !important;} /* ===== 配置页产品banner ===== */ .cblnk-order-banner{ background:linear-gradient(135deg,#0b1f42 0%,#1b3a6b 50%,#2463ff 120%); border-radius:18px;padding:32px 34px;margin-bottom:26px;position:relative;overflow:hidden; } .cblnk-order-banner::after{content:"";position:absolute;top:-40%;right:-5%;width:260px;height:260px;background:radial-gradient(circle,rgba(18,200,138,.35),transparent 70%);pointer-events:none;} .cblnk-order-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.16);color:#dbe8ff;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:5px 13px;border-radius:99px;margin-bottom:14px;position:relative;z-index:1;} .cblnk-order-name{color:#fff !important;font-size:2rem !important;font-weight:800 !important;margin:0 0 8px !important;letter-spacing:-.5px;position:relative;z-index:1;} .cblnk-order-desc{color:rgba(255,255,255,.85) !important;font-size:1rem;line-height:1.7;position:relative;z-index:1;} .cblnk-order-desc *{color:rgba(255,255,255,.88) !important;} /* 配置里的✓勾和文字在深色banner上要变白/亮 */ .cblnk-order-desc .fa-check-circle,.cblnk-order-desc i{color:#12c88a !important;} /* ===== 配置页产品信息banner ===== */ #order-standard_cart .product-info{ background:linear-gradient(120deg,#0b1f42,#1b4fd0) !important; border-radius:18px !important;padding:32px 36px !important;margin-bottom:26px !important; position:relative;overflow:hidden; } #order-standard_cart .product-info::after{content:"";position:absolute;top:-40%;right:-4%;width:280px;height:280px;background:radial-gradient(circle,rgba(18,200,138,.35),transparent 70%);pointer-events:none;} /* 产品名白色 */ #order-standard_cart .product-info .product-title{color:#fff !important;position:relative;z-index:1;font-size:2rem!important;} /* 规格清单：亮色，深蓝底上清晰 */ #order-standard_cart .product-info .attvps-specs li{color:#dbe8ff !important;position:relative;z-index:1;} #order-standard_cart .product-info .attvps-specs li b{color:#fff !important;} /* 规格前的圆勾保持品牌绿 */ #order-standard_cart .product-info .attvps-specs li .ck, #order-standard_cart .product-info .attvps-specs li i, #order-standard_cart .product-info .attvps-specs li svg{color:#12c88a !important;} /* ===== 修正：产品名强制白色+加大 ===== */ #order-standard_cart .product-info .product-title, #order-standard_cart .product-info p.product-title{ color:#ffffff !important; font-size:2.4rem !important; font-weight:800 !important; position:relative;z-index:2; margin-bottom:6px !important; } /* banner里的描述副标题也变亮 */ #order-standard_cart .product-info > p{color:#c9d6ea !important;position:relative;z-index:2;} /* ===== 配置页顶部提示条 ===== */ #order-standard_cart .cblnk-cfg-tip{ display:inline-flex;align-items:center;gap:9px; background:linear-gradient(90deg,#eaf0fb,#f0fbf6) !important; border-left:4px solid #12c88a; color:#2463ff !important;font-size:1rem !important;font-weight:600 !important; padding:12px 20px !important;border-radius:0 10px 10px 0 !important; margin-bottom:22px !important; } #order-standard_cart .cblnk-cfg-tip i{color:#12c88a !important;font-size:1.1rem;} /* ===== 配置banner规格文字加大 ===== */ #order-standard_cart .product-info .attvps-specs li{font-size:1.18rem !important;} #order-standard_cart .product-info .attvps-specs{gap:22px 36px !important;} #order-standard_cart .product-info > p{font-size:1.05rem !important;} /* ============================================================ TXYY 购物车 / 结算复核页 (cart.php?a=view / viewcart.tpl) 美化 v2 选择器已按浏览器控制台 dump 的真实 class 校准 纯 CSS,全部 scope 在 #order-standard_cart 内,不改模板 追加到 templates/txyy/css/custom.css 末尾 ============================================================ */ /* ---------- 整体基调 ---------- */ #order-standard_cart{color:#1b2a44;} /* ============ 一、商品清单表格 ============ */ /* 表格外壳:圆角 + 柔和阴影 */ #order-standard_cart table{ border-collapse:separate !important; border-spacing:0; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 2px 14px rgba(20,55,114,.06); } /* 表头:品牌深蓝渐变(与产品配置页 banner 同款)+ 右上绿光 */ #order-standard_cart table thead th{ background:linear-gradient(120deg,#0b1f42,#1b4fd0) !important; color:#fff !important; border:none !important; font-size:1.05rem !important; font-weight:700 !important; letter-spacing:.3px; padding:16px 24px !important; position:relative; } #order-standard_cart table thead th:first-child::before{ content:"";position:absolute;top:-60%;right:12%;width:220px;height:220px; background:radial-gradient(circle,rgba(18,200,138,.28),transparent 70%); pointer-events:none; } /* 表体:去粗边、加行距、悬停高亮 */ #order-standard_cart table tbody td{ border:none !important; border-bottom:1px solid #eef2f8 !important; padding:22px 24px !important; vertical-align:top !important; background:transparent; } #order-standard_cart table tbody tr:last-child td{border-bottom:none !important;} #order-standard_cart table tbody tr:hover td{background:#f6faff;} /* 商品名(标准版 等) */ #order-standard_cart table tbody td b, #order-standard_cart table tbody td strong{ font-size:1.3rem !important;font-weight:800 !important; color:#1b2a44 !important;line-height:1.4; } /* 副标题 + 规格行 » IP地址 / » 带宽 */ #order-standard_cart table tbody td small, #order-standard_cart table tbody td .text-muted{ color:#6b7a95 !important;font-size:.96rem !important;line-height:1.9 !important; } /* 价格列(第2列) */ #order-standard_cart table tbody td:nth-child(2){ font-size:1.2rem !important;font-weight:800 !important; color:#2463ff !important;white-space:nowrap; } #order-standard_cart table tbody td:nth-child(2) small{ color:#8794a8 !important;font-weight:400 !important; } /* 编辑链接(a.btn-link.btn-xs)→ 品牌绿 */ #order-standard_cart a.btn-link.btn-xs{ color:#12c88a !important;font-weight:600 !important;text-decoration:none; } #order-standard_cart a.btn-link.btn-xs:hover{text-decoration:underline;} /* 删除 ×(.btn-remove-from-cart)→ 淡红,悬停加深 */ #order-standard_cart .btn-remove-from-cart{ color:#c0392b !important;opacity:.5;transition:opacity .18s; box-shadow:none !important; } #order-standard_cart .btn-remove-from-cart:hover{opacity:1;} /* ============ 二、订购总额面板 ============ */ /* dump 未截到该框真实 class,保留多套兜底,命中即生效 */ #order-standard_cart .order-summary, #order-standard_cart #total-summary, #order-standard_cart .summary-container, #order-standard_cart .panel{ border:1px solid #e6ecf5 !important; border-radius:16px !important; box-shadow:0 4px 20px rgba(20,55,114,.08) !important; overflow:hidden;background:#fff !important; } /* 标题「订购总额」灰 → 品牌深蓝渐变 */ #order-standard_cart .order-summary .panel-heading, #order-standard_cart #total-summary .panel-heading, #order-standard_cart .panel > .panel-heading, #order-standard_cart .summary-title{ background:linear-gradient(120deg,#0b1f42,#1b4fd0) !important; color:#fff !important;border:none !important; font-size:1.4rem !important;font-weight:800 !important; text-align:center;padding:20px !important; } #order-standard_cart .order-summary .panel-body, #order-standard_cart #total-summary .panel-body, #order-standard_cart .panel > .panel-body{ padding:6px 24px 24px !important;color:#48566e; } #order-standard_cart .cart-total, #order-standard_cart .total-due, #order-standard_cart .summary-total{ color:#1b2a44 !important;font-weight:800 !important; } /* ============ 三、按钮组(选择器已确认) ============ */ /* 结账(#checkout / .btn-checkout)—— 品牌绿,圆角,悬停微浮 */ #order-standard_cart #checkout, #order-standard_cart .btn-checkout{ background:linear-gradient(135deg,#12c88a 0%,#0fae78 100%) !important; border:none !important;border-radius:12px !important; font-size:1.15rem !important;font-weight:700 !important; padding:14px 20px !important;color:#fff !important; box-shadow:0 6px 18px rgba(18,200,138,.32) !important; transition:transform .18s,box-shadow .18s; } #order-standard_cart #checkout:hover, #order-standard_cart .btn-checkout:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(18,200,138,.42) !important; } /* 继续购买(#continueShopping / .btn-continue-shopping)—— 蓝链接 */ #order-standard_cart #continueShopping, #order-standard_cart .btn-continue-shopping{ color:#2463ff !important;font-weight:600 !important;text-decoration:none; box-shadow:none !important; } #order-standard_cart #continueShopping:hover{text-decoration:underline;} /* 清空购物车(#btnEmptyCart)—— 低调描边,危险操作不喧宾夺主 */ #order-standard_cart #btnEmptyCart{ background:#fff !important;border:1.5px solid #e3c3c3 !important; color:#b0483c !important;border-radius:10px !important; font-weight:600 !important;padding:8px 16px !important; box-shadow:none !important;transition:.18s; } #order-standard_cart #btnEmptyCart:hover{ background:#fdf3f2 !important;border-color:#d99 !important; } /* 更新合计(.btn-default,非整宽)—— 轻量蓝描边 */ #order-standard_cart .btn.btn-default:not(.btn-block){ border:1.5px solid #dbe3ef !important;background:#fff !important; color:#48566e !important;border-radius:9px !important;transition:.18s; } #order-standard_cart .btn.btn-default:not(.btn-block):hover{ border-color:#2463ff !important;color:#2463ff !important; } /* ============ 四、优惠码区 ============ */ /* 输入框圆角 + 聚焦品牌蓝描边 */ #order-standard_cart input[name="promocode"], #order-standard_cart #promocode, #order-standard_cart .promotion input[type="text"]{ border:1.5px solid #dbe3ef !important;border-radius:10px !important; padding:12px 16px !important;font-size:1rem !important; transition:border-color .18s,box-shadow .18s; } #order-standard_cart input[name="promocode"]:focus, #order-standard_cart #promocode:focus{ border-color:#2463ff !important; box-shadow:0 0 0 3px rgba(36,99,255,.12) !important;outline:none !important; } /* 验证优惠码(整宽 .btn-block.btn-default)—— 品牌蓝描边 → 悬停填充 */ #order-standard_cart .btn.btn-block.btn-default{ background:#fff !important;border:1.5px solid #2463ff !important; color:#2463ff !important;border-radius:10px !important; font-weight:700 !important;padding:13px !important; box-shadow:none !important;transition:.18s; } #order-standard_cart .btn.btn-block.btn-default:hover{ background:#2463ff !important;color:#fff !important; } /* ============================================================ 完。若「订购总额」框标题/圆角没生效,把控制台向上滚, 找「总额框:」那行输出的真实 class 发我,或直接替换第二节选择器。 ============================================================ */ /* ====== 补丁:购物车「订购总额」标题渐变(h2.font-size-30) ====== */ #order-standard_cart .order-summary{ padding:0 !important; } #order-standard_cart .order-summary > h2{ background:linear-gradient(120deg,#0b1f42,#1b4fd0) !important; color:#fff !important; margin:0 !important; padding:18px 22px !important; text-align:center !important; font-weight:600 !important; border-top-left-radius:16px; border-top-right-radius:16px; } #order-standard_cart .order-summary .summary-container{ padding:6px 24px 24px !important; } /* ====== 统一两页「订购总额」标题为购物车纯蓝版(800粗/135deg/深蓝) ====== */ #order-standard_cart .order-summary > h2.font-size-30, #order-standard_cart .order-summary > h2{ background:linear-gradient(120deg,#0b1f42,#1b4fd0) !important; color:#fff !important; font-weight:600 !important; font-size:28.7px !important; margin:0 !important; padding:18px 22px !important; text-align:center !important; border-top-left-radius:16px !important; border-top-right-radius:16px !important; } /* ===== 购物车页(viewcart)美化 对齐配置页深蓝品牌风 ===== */ #order-standard_cart .view-cart-items-header{background:linear-gradient(135deg,#0b1f42 0%,#1b3a6b 52%,#2463ff 130%)!important;color:#fff!important;font-weight:700!important;padding:16px 22px!important;border-radius:14px!important;margin-bottom:14px!important;font-size:1.02rem!important;box-shadow:0 4px 16px rgba(20,55,114,.12);} #order-standard_cart .view-cart-items .item{border:1px solid #e6ecf5!important;border-radius:14px!important;background:#fff!important;padding:20px 22px!important;margin-bottom:12px!important;box-shadow:0 2px 12px rgba(20,55,114,.05)!important;transition:transform .2s,box-shadow .2s,border-color .2s;} #order-standard_cart .view-cart-items .item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,55,114,.12)!important;border-color:#c3d4f0!important;} #order-standard_cart .view-cart-items .item .item-title{font-size:1.3rem!important;font-weight:700!important;color:#1b2a44!important;} #order-standard_cart .view-cart-items .item .item-title a.btn-link{color:#12c88a!important;font-size:.9rem!important;font-weight:600!important;} #order-standard_cart .view-cart-items .item .item-group{color:#48566e!important;font-size:1rem!important;} #order-standard_cart .view-cart-items .item .item-domain{color:#2463ff!important;font-size:.95rem!important;} #order-standard_cart .view-cart-items .item small{color:#6b7a95!important;font-size:.92rem!important;line-height:1.9!important;} #order-standard_cart .view-cart-items .item .item-price > span:first-child{color:#1b2a44!important;font-weight:800!important;font-size:1.25rem!important;} #order-standard_cart .view-cart-items .item .item-price .cycle{color:#8794a8!important;font-size:.9rem!important;} #order-standard_cart .view-cart-items .item .btn-remove-from-cart{color:#b9c2d0!important;transition:.18s;} #order-standard_cart .view-cart-items .item .btn-remove-from-cart:hover{color:#e0435a!important;} #order-standard_cart .empty-cart #btnEmptyCart{border:1.5px solid #e2b3bd!important;border-radius:10px!important;color:#c94b60!important;font-weight:600!important;padding:9px 20px!important;background:#fff!important;transition:.18s;} #order-standard_cart .empty-cart #btnEmptyCart:hover{background:#fdf1f3!important;border-color:#e0435a!important;color:#e0435a!important;} #order-standard_cart .view-cart-tabs{border:1px solid #e6ecf5!important;border-radius:16px!important;box-shadow:0 2px 12px rgba(20,55,114,.05)!important;padding:6px 22px 22px!important;background:#fff!important;margin-top:8px;} #order-standard_cart .view-cart-tabs .nav-tabs .nav-link{color:#48566e!important;font-weight:600!important;border:none!important;} #order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active{color:#2463ff!important;border-bottom:2.5px solid #12c88a!important;background:transparent!important;} #order-standard_cart .view-cart-tabs input#inputPromotionCode{border:1.5px solid #d8e0ec!important;border-radius:10px!important;padding:12px 14px!important;font-size:1rem!important;transition:.18s;} #order-standard_cart .view-cart-tabs input#inputPromotionCode:focus{border-color:#2463ff!important;box-shadow:0 0 0 3px rgba(36,99,255,.12)!important;} #order-standard_cart .view-cart-tabs .field-icon i{color:#12c88a!important;} #order-standard_cart .view-cart-tabs button.btn-default{background:linear-gradient(135deg,#2463ff 0%,#1b52e0 100%)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-weight:700!important;padding:12px!important;transition:transform .18s,box-shadow .18s;box-shadow:0 4px 14px rgba(36,99,255,.25)!important;} #order-standard_cart .view-cart-tabs button.btn-default:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,99,255,.35)!important;} /* ===== 购物车结账按钮:尺寸对齐配置页继续按钮,颜色保持绿 ===== */ #order-standard_cart .total-due-today,#order-standard_cart .express-checkout-buttons,#order-standard_cart .order-summary .text-right{width:100%;} #order-standard_cart #checkout,#order-standard_cart .btn-checkout{display:block!important;width:100%!important;margin-top:16px!important;padding:14px 0!important;border-radius:12px!important;font-weight:700!important;font-size:1.05rem!important;text-align:center!important;background:linear-gradient(135deg,#12c88a 0%,#0fae78 100%)!important;border:none!important;color:#fff!important;box-shadow:0 6px 18px rgba(18,200,138,.32)!important;transition:transform .18s,box-shadow .18s!important;} #order-standard_cart #checkout:hover,#order-standard_cart .btn-checkout:hover{transform:translateY(-2px)!important;box-shadow:0 10px 26px rgba(18,200,138,.42)!important;} #order-standard_cart #continueShopping,#order-standard_cart .btn-continue-shopping{display:inline-block!important;margin-top:14px!important;color:#2463ff!important;font-weight:600!important;text-decoration:none!important;box-shadow:none!important;} /* ===== 购物车订购总额卡片内文字加大 ===== */ #order-standard_cart .order-summary .subtotal,#order-standard_cart .order-summary .subtotal span,#order-standard_cart .order-summary .recurring-totals,#order-standard_cart .order-summary .recurring-totals span,#order-standard_cart .order-summary .bordered-totals,#order-standard_cart .order-summary .bordered-totals span{font-size:1.08rem !important;} #order-standard_cart .order-summary .total-due-today .amt{font-size:2.3rem !important;} #order-standard_cart .order-summary .total-due-today span:not(.amt){font-size:1rem !important;} /* ===== 配置页订购总额卡片内明细文字加大,对齐购物车 ===== */ #order-standard_cart .attvps-summary #producttotal .clearfix span,#order-standard_cart .attvps-summary #producttotal .pull-left,#order-standard_cart .attvps-summary #producttotal .pull-right,#order-standard_cart .attvps-summary #producttotal .float-left,#order-standard_cart .attvps-summary #producttotal .float-right,#order-standard_cart .attvps-summary #producttotal .summary-totals span{font-size:1.08rem !important;} #order-standard_cart .attvps-summary #producttotal .product-name{font-size:1.3rem !important;} #order-standard_cart .attvps-summary #producttotal .product-group{font-size:1rem !important;} /* ========== checkout结算页 全套品牌风统一 ========== */ #order-standard_cart .header-lined h1,#order-standard_cart .header-lined h2,#order-standard_cart .header-lined h3{color:#1b2a44 !important;font-weight:700 !important;} #order-standard_cart .header-lined{border-bottom:1px solid #e6ecf5 !important;} #order-standard_cart .primary-bg-color{color:#2463ff !important;font-weight:700 !important;} #order-standard_cart .form-group .field.form-control,#order-standard_cart .form-group input.field,#order-standard_cart .form-group select.field,#order-standard_cart .form-group .form-control{border:1.5px solid #d8e0ec !important;border-radius:10px !important;padding:11px 14px !important;font-size:1rem !important;transition:.18s !important;box-shadow:none !important;} #order-standard_cart .form-group .field.form-control:focus,#order-standard_cart .form-group input.field:focus,#order-standard_cart .form-group select.field:focus,#order-standard_cart .form-group .form-control:focus{border-color:#2463ff !important;box-shadow:0 0 0 3px rgba(36,99,255,.12) !important;} #order-standard_cart .prepend-icon .field-icon i,#order-standard_cart .prepend-icon .field-icon .fa,#order-standard_cart .prepend-icon .field-icon .fas{color:#12c88a !important;} #order-standard_cart .btn-primary{background:#2463ff !important;background-image:none !important;border:none !important;border-radius:10px !important;font-weight:700 !important;color:#fff !important;box-shadow:none !important;} #order-standard_cart .btn-primary:hover{background:#1b4fd0 !important;} #order-standard_cart .btn-primary.btn-lg{padding:14px 0 !important;font-size:1.05rem !important;width:100% !important;box-shadow:0 6px 18px rgba(36,99,255,.28) !important;transition:transform .18s,box-shadow .18s !important;} #order-standard_cart .btn-primary.btn-lg:hover{transform:translateY(-2px) !important;box-shadow:0 10px 26px rgba(36,99,255,.38) !important;} #order-standard_cart .btn-info{background:#12c88a !important;border:none !important;border-radius:9px !important;color:#fff !important;font-weight:600 !important;} #order-standard_cart .btn-info:hover{background:#0fae78 !important;} #order-standard_cart .btn-warning{background:#2463ff !important;border:none !important;border-radius:9px !important;color:#fff !important;font-weight:600 !important;} #order-standard_cart .btn-warning:hover{background:#1b4fd0 !important;} #order-standard_cart .generate-password,#order-standard_cart .btn-default.btn-sm{border:1.5px solid #d8e0ec !important;border-radius:9px !important;background:#fff !important;color:#48566e !important;font-weight:600 !important;transition:.18s !important;} #order-standard_cart .generate-password:hover,#order-standard_cart .btn-default.btn-sm:hover{border-color:#12c88a !important;color:#12c88a !important;background:#f0fbf6 !important;} #order-standard_cart #totalDueToday.alert-success{background:linear-gradient(90deg,#eaf7f1,#f0fbf6) !important;border:1px solid #b7e6d2 !important;border-left:4px solid #12c88a !important;border-radius:12px !important;color:#0e7a54 !important;font-size:1.15rem !important;padding:16px 22px !important;} #order-standard_cart #totalDueToday.alert-success strong,#order-standard_cart #totalDueToday #totalCartPrice{color:#0b7a52 !important;font-size:1.4rem !important;font-weight:800 !important;} #order-standard_cart #paymentGatewaysContainer{border:1px solid #e6ecf5 !important;border-radius:12px !important;padding:16px 18px !important;background:#fbfcfe !important;} #order-standard_cart .checkout-security-msg{border-radius:10px !important;border:1px solid #f0e3c0 !important;} /* ===== TXYY: 第二行用户条与下方内容的分割 ===== */ #attvps-userbar{ border-bottom:1px solid rgba(255,255,255,.18); box-shadow:0 4px 12px -6px rgba(0,0,0,.25); } .attvps-home #main-body{ margin-top:2px; } /* ===== TXYY: 横排 LOGO 适配 ===== */ header.header .navbar.navbar-light .navbar-brand::after, header.header .navbar-brand::after{ width:250px !important; height:64px !important; } header.header .main-navbar-wrapper>.container::before{ left:278px !important; } header.header .navbar.navbar-light>.container{ padding-left:298px !important; } header.header .main-navbar-wrapper>.container{ padding-left:298px !important; } /* ===== TXYY: 页头背景跟随 4 色主题 ===== */ /* -- 青 teal -- */ html[data-theme="teal"] .cblnk-topbar{ border-bottom-color:#14b8a6 !important; } html[data-theme="teal"] #attvps-userbar{ background:linear-gradient(120deg,#04302c,#0e9484) !important; } html[data-theme="teal"] header.header .main-navbar-wrapper{ background-color:#ecf6f3 !important; } html[data-theme="teal"] header.header #nav.navbar-nav>li.active>a, html[data-theme="teal"] header.header #nav.navbar-nav>li.current>a{ color:#0e9484 !important; background:#dff3ee !important; } html[data-theme="teal"] header.header .main-navbar-wrapper .navbar-nav.ml-auto>li:last-child>a{ background:#0e9484 !important; } /* -- 紫 violet -- */ html[data-theme="violet"] .cblnk-topbar{ border-bottom-color:#7c6cf0 !important; } html[data-theme="violet"] #attvps-userbar{ background:linear-gradient(120deg,#150f38,#5343d6) !important; } html[data-theme="violet"] header.header .main-navbar-wrapper{ background-color:#f1eefb !important; } html[data-theme="violet"] header.header #nav.navbar-nav>li.active>a, html[data-theme="violet"] header.header #nav.navbar-nav>li.current>a{ color:#5343d6 !important; background:#ece8fb !important; } html[data-theme="violet"] header.header .main-navbar-wrapper .navbar-nav.ml-auto>li:last-child>a{ background:#5343d6 !important; } /* -- 夜间 night（深色页头）-- */ html[data-theme="night"] .cblnk-topbar{ background:#050f14 !important; border-bottom-color:#14b8a6 !important; } html[data-theme="night"] #attvps-userbar{ background:linear-gradient(120deg,#06141a,#0f766e) !important; } html[data-theme="night"] header.header .main-navbar-wrapper, html[data-theme="night"] header.header .navbar.navbar-light{ background-color:#0e2530 !important; } html[data-theme="night"] header.header #nav.navbar-nav>li>a{ color:#dbe7e4 !important; } html[data-theme="night"] header.header #nav.navbar-nav>li>a:hover{ color:#fff !important; background:rgba(255,255,255,.08) !important; } html[data-theme="night"] header.header #nav.navbar-nav>li.active>a, html[data-theme="night"] header.header #nav.navbar-nav>li.current>a{ color:#5eead4 !important; background:rgba(94,234,212,.12) !important; } html[data-theme="night"] header.header .main-navbar-wrapper .navbar-nav.ml-auto>li:last-child>a{ background:#14b8a6 !important; color:#04231a !important; } html[data-theme="night"] header.header .main-navbar-wrapper>.container::before{ background:#26424a !important; } /* ===== TXYY: 修复 logo 主题切换（特异性对齐）+ 主导航底色加强 ===== */ html[data-theme="teal"] header.header .navbar.navbar-light .navbar-brand::after, html[data-theme="teal"] header.header .navbar-brand::after{ background-image:url("../assets/home/logo-teal.png?v=6") !important; } html[data-theme="violet"] header.header .navbar.navbar-light .navbar-brand::after, html[data-theme="violet"] header.header .navbar-brand::after{ background-image:url("../assets/home/logo-violet.png?v=6") !important; } html[data-theme="night"] header.header .navbar.navbar-light .navbar-brand::after, html[data-theme="night"] header.header .navbar-brand::after{ background-image:url("../assets/home/logo-night.png?v=6") !important; } /* 主导航底色更明显 */ html[data-theme="teal"] header.header .main-navbar-wrapper{ background-color:#e2f3ee !important; } html[data-theme="violet"] header.header .main-navbar-wrapper{ background-color:#eee9fb !important; } /* ===== TXYY: 主导航行底色（上面一行）明显跟随主题 ===== */ /* 蓝（默认）*/ header.header .main-navbar-wrapper{ background-color:#dce9fb !important; } /* 青 */ html[data-theme="teal"] header.header .main-navbar-wrapper{ background-color:#c7e9e0 !important; } /* 紫 */ html[data-theme="violet"] header.header .main-navbar-wrapper{ background-color:#e0d6f6 !important; } /* 夜间（深色行 + 浅字，已有则再确保）*/ html[data-theme="night"] header.header .main-navbar-wrapper, html[data-theme="night"] header.header .navbar.navbar-light{ background-color:#0e2530 !important; } /* ===== TXYY: 导航上下两行统一同色（浅）===== */ /* 蓝（默认）*/ header.header .navbar.navbar-light, header.header .main-navbar-wrapper{ background-color:#eaf1fb !important; } /* 青 */ html[data-theme="teal"] header.header .navbar.navbar-light, html[data-theme="teal"] header.header .main-navbar-wrapper{ background-color:#e6f5f0 !important; } /* 紫 */ html[data-theme="violet"] header.header .navbar.navbar-light, html[data-theme="violet"] header.header .main-navbar-wrapper{ background-color:#efeafb !important; } /* 夜间（两行都深）*/ html[data-theme="night"] header.header .navbar.navbar-light, html[data-theme="night"] header.header .main-navbar-wrapper{ background-color:#0e2530 !important; } /* ===== TXYY: 导航向 LOGO 靠拢（收窄左留白）===== */ header.header .navbar.navbar-light .navbar-brand::after, header.header .navbar-brand::after{ width:180px !important; } header.header .main-navbar-wrapper>.container::before{ left:196px !important; } header.header .navbar.navbar-light>.container, header.header .main-navbar-wrapper>.container{ padding-left:208px !important; }