- 操作系统
- Window10/11
- 处理器
- ..."> /* 容器整体：深邃纯黑配高级哑光质感 */ .bdp-container { margin: 35px 0; background: #111111; border: 1px solid #2a2215; border-radius: 14px; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 15px 40px rgba(0,0,0,0.5); text-align: left; } /* 头部栏：拉丝暗金渐变 */ .bdp-header { background: linear-gradient(135deg, #1c1710, #2d2417); padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #3d311d; color: #e5c185; } .bdp-header h3 { margin: 0 !important; font-size: 17px !important; font-weight: 600; letter-spacing: 1px; color: #e5c185 !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } /* 解压密码徽章：微光金边 */ .bdp-unzip-badge { background: rgba(229,193,133,0.08); padding: 5px 12px; border-radius: 6px; font-size: 13px; border: 1px solid #54442b; color: #d1b480; } .bdp-unzip-badge strong { color: #f9d99a; text-shadow: 0 0 8px rgba(249,217,154,0.3); } /* 网格线框 */ .bdp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1px; background: #231c12; } /* 单个卡片：纯黑背景悬停显露暗金高光 */ .bdp-card { background: #141414; padding: 28px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); position: relative; } .bdp-card:hover { background: #191815; z-index: 2; box-shadow: inset 0 0 15px rgba(229,193,133,0.08), 0 0 25px rgba(0,0,0,0.6); } /* 卡片标题：统一的高级黑金小原点 */ .bdp-card-title { font-size: 15px; font-weight: 600; margin-bottom: 16px; color: #dfd5c6; display: flex; align-items: center; gap: 8px; letter-spacing: 0.5px; } .bdp-card-title::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #d1b480; box-shadow: 0 0 6px #d1b480; } /* 二维码安全白底包裹盒（带高级暗金描边） */ .bdp-qrcode-box { background: #ffffff !important; padding: 8px !important; border-radius: 8px !important; box-shadow: 0 5px 15px rgba(0,0,0,0.4); margin-bottom: 16px; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, border-color 0.3s; border: 2px solid #2d2417; } .bdp-card:hover .bdp-qrcode-box { transform: scale(1.04); border-color: #d1b480; } .bdp-qrcode-box img { width: 114px !important; height: 114px !important; display: block !important; margin: 0 auto !important; border: none !important; min-width: 114px !important; min-height: 114px !important; background: #fff !important; } /* 提取码/说明框：低调暗沉金底 */ .bdp-pwd-box { background: #1b1915; border: 1px dashed #443722; border-radius: 6px; padding: 7px 12px; font-size: 13px; color: #9f9380; width: 88%; margin-top: auto; box-sizing: border-box; letter-spacing: 0.3px; } .bdp-pwd-box strong { color: #f9d99a; margin-left: 5px; text-shadow: 0 0 5px rgba(249,217,154,0.2); } /* 豪华重工业感黑金渐变按钮 */ .bdp-btn { display: inline-flex; align-items: center; justify-content: center; width: 88%; padding: 11px 15px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none !important; color: #141414 !important; transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s; margin-top: 18px; margin-bottom: 4px; box-sizing: border-box; letter-spacing: 0.5px; border: 1px solid #dfb774; background: linear-gradient(135deg, #f3d69b, #c49d56); box-shadow: 0 4px 15px rgba(196,157,86,0.2); } .bdp-btn:hover { transform: translateY(-2px); opacity: 0.95; box-shadow: 0 6px 20px rgba(196,157,86,0.35); color: #000000 !important; } /* 响应式调整 */ @media (max-width: 600px) { .bdp-header { flex-direction: column; gap: 12px; text-align: center; padding: 15px; } .bdp-grid { grid-template-columns: 1fr; } .bdp-card { padding: 24px 20px; } } /* ========================================================= 1. 品牌外框 + 外围白橙渐变跑光 ========================================================= */ .brand-badge-card { position: relative !important; padding: 22px 10px 20px 10px !important; background: transparent !important; border-radius: 10px !important; text-align: center !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important; box-sizing: border-box !important; } .brand-badge-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient( from 0deg, transparent 0deg, #ffffff 30deg, #ff7700 60deg, transparent 90deg, transparent 360deg ); animation: card-rotate-gradient 7s linear infinite; z-index: 1; } .brand-badge-card::after { content: ''; position: absolute; inset: 1.5px; background: #121212 !important; border-radius: 9px; z-index: 2; } .brand-content { position: relative; z-index: 3; } /* ========================================================= 2. GAMER 520 徽章 ========================================================= */ .brand-logo-icon { margin-bottom: 12px !important; display: inline-block !important; } .gamer-brand-logo { display: inline-flex; align-items: center; font-family: 'Arial Black', Impact, sans-serif; font-weight: 900; font-size: 24px; letter-spacing: -0.5px; padding: 4px 12px; background: rgba(255, 255, 255, 0.04); border-radius: 6px; border: 1px solid rgba(0, 243, 255, 0.3); box-shadow: 0 0 15px rgba(0, 243, 255, 0.2); transform: skewX(-10deg); } .gamer-text { color: #ffffff !important; margin-right: 3px; } .num-520 { background: linear-gradient(135deg, #00f3ff, #9d4edd) !important; -webkit-background-clip: text !important; color: transparent !important; } .cool-registered { display: none !important; } /* ========================================================= 3. 主标题样式 ========================================================= */ .brand-title-box { margin-bottom: 10px !important; } .pill-tag { display: inline-block !important; font-size: 11px !important; font-weight: 900 !important; padding: 2px 8px !important; background: linear-gradient(90deg, #ff007f, #7f00ff) !important; color: #ffffff !important; border-radius: 4px !important; letter-spacing: 1px !important; margin-bottom: 6px !important; } .main-feature-text { font-size: 13.5px !important; font-weight: 900 !important; color: #ffffff !important; letter-spacing: 0.5px !important; white-space: nowrap; } .main-feature-text .dot { color: #00f3ff !important; font-weight: bold; } /* ========================================================= 4. brand-sub-grid 4项精简排版 ========================================================= */ .sub-grid-light-box { display: inline-flex !important; align-items: center; justify-content: center; padding: 5px 10px !important; background: #181818 !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 4px; margin-bottom: 12px !important; max-width: 100%; box-sizing: border-box; } .sub-grid-light-box .brand-sub-grid { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 4px !important; font-size: 11px !important; font-weight: bold !important; color: #cccccc !important; white-space: nowrap !important; margin: 0 !important; } .sub-dot { color: #00f3ff !important; font-size: 10px !important; opacity: 0.8; } /* ========================================================= 5. 情怀寄语样式（字号加大 + 金橙渐变流光 + 动态发光呼吸） ========================================================= */ .brand-slogan-text { font-size: 13.5px !important; font-weight: 800 !important; letter-spacing: 0.8px !important; white-space: nowrap !important; margin-bottom: 12px !important; background: linear-gradient(90deg, #ffaa00, #ff5500, #ffdd00, #ffaa00) !important; background-size: 200% auto !important; -webkit-background-clip: text !important; color: transparent !important; animation: slogan-shine 3s linear infinite, slogan-glow 2s ease-in-out infinite alternate !important; } .slogan-dot { color: #00f3ff !important; font-weight: 900 !important; -webkit-text-fill-color: #00f3ff !important; } /* ========================================================= 6. 官方新域名跳转胶囊按钮（最下层） ========================================================= */ .brand-domain-status { display: inline-block !important; } .brand-domain-status a { display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 4px 10px !important; background: rgba(255, 119, 0, 0.08) !important; border: 1px solid rgba(255, 119, 0, 0.3) !important; border-radius: 20px !important; text-decoration: none !important; transition: all 0.25s ease !important; } .brand-domain-status a:hover { background: rgba(255, 119, 0, 0.18) !important; border-color: rgba(255, 119, 0, 0.7) !important; box-shadow: 0 0 12px rgba(255, 119, 0, 0.25) !important; } .status-dot { width: 6px; height: 6px; background-color: #00e676; border-radius: 50%; box-shadow: 0 0 6px #00e676; animation: dot-blink 1.2s infinite ease-in-out; } .domain-text { font-size: 11px !important; color: #ffd700 !important; font-weight: bold !important; letter-spacing: 0.3px !important; } .click-btn { background: linear-gradient(135deg, #ff7700, #ff007f) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 900 !important; padding: 1px 6px !important; border-radius: 10px !important; transition: transform 0.2s ease !important; } .brand-domain-status a:hover .click-btn { transform: scale(1.08) !important; } /* ========================================================= 7. 动画定义 ========================================================= */ @keyframes card-rotate-gradient { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes dot-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } } @keyframes slogan-shine { 0% { background-position: 0% center; } 100% { background-position: 200% center; } } @keyframes slogan-glow { 0% { filter: drop-shadow(0 0 2px rgba(255, 170, 0, 0.3)); } 100% { filter: drop-shadow(0 0 8px rgba(255, 85, 0, 0.8)); } }
