Remember the glow-in-the-dark fairy dress at the Met Gala? In 2016, the red carpet show of the Met Gala at the Metropolitan Museum of Art, New York, this year's theme was "Manus x Machina: Fashion in an Age of Technology". Many girl stars are wearing skirts with a technological style. Although there are a variety of styles, they all lose to actress Claire Danes when it comes to fitting the theme. At that time, Claire Danes wore a glow-in-the-dark dress, which was a blockbuster in the fashion industry, making celebrities flock to it. This dress looks unremarkable and seems to have nothing to do with technology. But once it's in the dark, the dress's peculiarity emerges: sparkling in the dark, it couldn't be more beautiful! The dress, designed by Zac Posen, has 30 mini battery packs on the bottom of the dress. Because the lining fabric of the beautiful skirt is made of optical fiber material, it glows with attractive fluorescent colors when it is in the dark. The design features of Zac Posen can be summed up as follows: the use of wrinkled satin, the fishtail-shaped skirt, the bias cutting technique, 3D printing and other high-tech technologies, each of which is an amazing art treasure.

产品聚合页 - 公司网站 /* 基础样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; } main { width: 100%; overflow-x: hidden; } section { padding: 60px 0; } h1, h2, h3 { color: #1a365d; margin-bottom: 15px; } p { margin-bottom: 15px; } .subtitle { color: #666; font-size: 1.1rem; margin-bottom: 40px; text-align: center; } /* 通用flex容器 */ .flex-container { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* 第一部分样式 */ .section-1 { position: relative; min-height: 600px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .section-1-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/js/htmledit/kindeditor/attached/20260116/20260116143737_54740.jpg'); background-size: cover; background-position: center; opacity: 0.5; z-index: 1; } .section-1-content { position: relative; z-index: 2; width: 100%; max-width: 1200px; padding: 0 20px; } .section-1-title { text-align: center; color: #fff; font-size: 3rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 50px; } .section-1-columns { display: flex; gap: 30px; } .section-1-left { flex: 2; display: flex; justify-content: center; align-items: center; } .section-1-right { flex: 1; } .quote-card { background-color: white; border-radius: 15px; padding: 40px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); max-width: 500px; width: 100%; } .quote-card h2 { font-size: 2rem; margin-bottom: 15px; color: #1a365d; } .quote-card p { font-size: 1.1rem; color: #555; margin-bottom: 30px; } .quote-btn { background-color: #2c5282; color: white; border: none; padding: 15px 40px; font-size: 1.1rem; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; } .quote-btn:hover { background-color: #1a365d; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* 第二部分样式 */ .section-2 { background-color: #2d3748; color: white; } .section-2-columns { display: flex; gap: 40px; } .section-2-left { flex: 1; } .section-2-right { flex: 1; } .toc-box { background-color: #1a365d; padding: 30px; border-radius: 10px; height: 100%; } .toc-box h3 { color: white; font-size: 1.8rem; margin-bottom: 25px; text-align: center; } .toc-list { list-style: none; } .toc-list li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .toc-list a { color: #cbd5e0; text-decoration: none; font-size: 1.1rem; transition: color 0.3s ease; } .toc-list a:hover { color: white; padding-left: 10px; display: block; transition: all 0.3s ease; } .toc-image { margin-bottom: 25px; } .toc-image img { width: 100%; height: 250px; object-fit: cover; border-radius: 10px; } .image-caption { text-align: center; color: #a0aec0; font-style: italic; margin-top: 10px; font-size: 0.95rem; } .pdf-request { display: flex; gap: 15px; margin-top: 20px; } .pdf-request input { flex...

产品聚合页 - 公司网站 /* 基础样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; } main { width: 100%; overflow-x: hidden; } section { padding: 60px 0; } h1, h2, h3 { color: #1a365d; } p { margin-bottom: 15px; } /* 通用标题样式 */ .section-header { width: 100%; text-align: center; margin-bottom: 60px; padding: 0 20px; } .section-title { font-size: 2.8rem; margin-bottom: 20px; color: #1a365d; position: relative; display: inline-block; } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background-color: #2c5282; border-radius: 2px; } .section-subtitle { color: #666; font-size: 1.4rem; /* 增大1倍 */ max-width: 800px; margin: 20px auto 0; line-height: 1.8; } /* 通用按钮样式 */ .quote-btn { background-color: #2c5282; color: white; border: none; padding: 15px 40px; font-size: 1.3rem; /* 增大1倍 */ border-radius: 15px; /* 与名片圆角相同 */ cursor: pointer; transition: all 0.3s ease; font-weight: bold; } .quote-btn:hover { background-color: #1a365d; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } /* 图片下方文字样式 */ .image-caption, .product-name, .app-text p, .text-block p { font-size: 1.2rem; /* 增大1倍 */ } /* 第一部分样式 */ .section-1 { position: relative; min-height: 700px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .section-1-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); background-size: cover; background-position: center; opacity: 0.5; z-index: 1; } .section-1-content { position: relative; z-index: 2; width: 100%; max-width: 1200px; padding: 0 20px; } .section-1-title { text-align: center; color: #fff; font-size: 3.5rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 20px; } .section-1-subtitle { text-align: center; color: #fff; font-size: 1.5rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 50px; } .section-1-columns { display: flex; gap: 40px; } .section-1-left { flex: 2; display: flex; flex-direction: column; justify-content: center; } .section-1-right { flex: 1; display: flex; align-items: center; justify-content: center; } .quote-card { background-color: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); max-width: 100%; text-align: left; /* 左对齐 */ } .quote-card h2 { font-size: 2.2rem; margin-bottom: 20px; color: #1a365d; } .quote-card p { font-size: 1.2rem; color: #555; margin-bottom: 25px; line-height: 1.7; } .quote-card .quote-btn { align-self: flex-start; /* 按钮左对齐 */ } .section-1-right img { width: 100%; height: 100%; max-height: 400px; /* 与左侧高度一致 */ object-fit: cover; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); } /...

产品聚合页 - 公司网站 /* 基础样式 */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; background-color: #f9f9f9; } main { width: 100%; overflow-x: hidden; } section { padding: 60px 0; } h1, h2, h3 { color: #1a365d; } p { margin-bottom: 15px; } /* 通用标题样式 */ .section-header { width: 100%; text-align: center; margin-bottom: 60px; padding: 0 20px; } .section-title { font-size: 2.8rem; margin-bottom: 20px; color: #1a365d; position: relative; display: inline-block; } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background-color: #2c5282; border-radius: 2px; } .section-subtitle { color: #666; font-size: 2rem; /* 增大1倍 */ max-width: 800px; margin: 20px auto 0; line-height: 1.8; } /* 通用按钮样式 */ .quote-btn { background-color: #2c5282; color: white; border: none; padding: 15px 40px; font-size: 1.5rem; /* 增大1倍 */ border-radius: 10px; /* 与名片圆角相同 */ cursor: pointer; transition: all 0.3s ease; font-weight: bold; /* 防止按钮在点击时出现灰色 */ -webkit-tap-highlight-color: transparent; outline: none; } .quote-btn:hover { background-color: #1a365d; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .quote-btn:active { background-color: #2c5282; /* 与正常状态相同 */ transform: translateY(0); /* 移除悬停效果 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* 较浅的阴影 */ } .quote-btn a { color: white; text-decoration: none; display: block; } .quote-btn a:hover { color: white; } /* 图片下方文字样式 */ .image-caption, .product-name { text-align: center; margin-top: 10px; font-size: 1.5rem; /* 增大1倍 */ } .text-block p { margin-top: 10px; font-size: 1.5rem; /* 增大1倍 */ } /* 第一部分样式 */ .section-1 { position: relative; min-height: 700px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .section-1-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/js/htmledit/kindeditor/attached/20260119/20260119164932_39544.jpg'); background-size: cover; background-position: center; opacity: 0.5; z-index: 1; } .section-1-content { position: relative; z-index: 2; width: 100%; max-width: 1200px; padding: 0 20px; } .section-1-title { text-align: center; color: #fff; font-size: 3.5rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 20px; line-height: 1.5; /* 设置行间距，可以是数字、百分比或具体单位 */ } .section-1-subtitle { text-align: center; color: #fff; font-size: 2rem; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 50px; } .section-1-columns { display: flex; gap: 40px; } .section-1-left { flex: 2; display: flex; flex-direction: column; justify-content: center; } .section-1-right { flex: 1; display: flex; align-items: center; justify-content: center; } .quote-card { background-color: white; border-radius: 15px; padding: 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); max-width: 100%; text-align: left; /* 左对齐 */ } .quote-card h2 { font-size: 2.2rem; margin...