Best Seller On Sale!

关于

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap'); * { box-sizing: border-box; margin: 0; padding: 0; } body { background: #000000; font-family: 'Inter', sans-serif; padding: 40px 20px; } .banner { position: relative; max-width: 1200px; margin: 0 auto; background: #000000; overflow: hidden; isolation: isolate; } .slash { position: absolute; top: 0; right: -8%; width: 55%; height: 100%; background: #111111; transform: skewX(-18deg); z-index: 0; } .slash-line { position: absolute; top: 0; right: 18%; width: 4px; height: 100%; background: #66FF00; transform: skewX(-18deg); z-index: 1; } .content { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 52px 56px; flex-wrap: wrap; } .eyebrow { color: #66FF00; font-size: 13px; font-weight: 700; letter-spacing: 2px; } .headline-block h1 { font-family: 'Archivo Black', sans-serif; color: #FFFFFF; font-size: 56px; line-height: 0.92; letter-spacing: -1px; text-transform: uppercase; font-style: italic; margin-top: 8px; } .headline-block h1 em { font-style: italic; color: #66FF00; } .subline { margin-top: 14px; color: #B3B3B3; font-size: 15px; font-weight: 400; max-width: 380px; font-style: normal; } .code-row { display: flex; align-items: center; gap: 12px; margin-top: 22px; } .code-tag { display: inline-flex; align-items: center; padding: 10px 18px; background: #FFFFFF; color: #000000; font-family: 'Archivo Black', sans-serif; font-size: 14px; letter-spacing: 1px; } .code-label { color: #7A7A7A; font-size: 13px; font-weight: 500; } .right { flex-shrink: 0; position: relative; z-index: 3; } .cta { display: inline-block; background: #66FF00; color: #000000; font-family: 'Archivo Black', sans-serif; text-transform: uppercase; font-size: 15px; letter-spacing: 0.5px; padding: 18px 38px; text-decoration: none; transition: transform 0.15s ease, background 0.15s ease; } .cta:hover { background: #FFFFFF;