<section data-role="paragraph" class="_135editor">
?? ?<p>
?? ??? ?<br/>
?? ?</p>
</section>
<p>
?? ?瑪哈特2025中國國際金屬成形展覽會邀請函
</p><style>* {
? ? ? ? ? ? margin: 0;
? ? ? ? ? ? padding: 0;
? ? ? ? ? ? box-sizing: border-box;
? ? ? ? }
? ? ? ??
? ? ? ? body {
? ? ? ? ? ? font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif;
? ? ? ? ? ? background: linear-gradient(135deg, #1a2a3a 0%, #2c3e50 100%);
? ? ? ? ? ? color: #fff;
? ? ? ? ? ? line-height: 1.6;
? ? ? ? ? ? padding-bottom: 40px;
? ? ? ? ? ? background-attachment: fixed;
? ? ? ? }
? ? ? ??
? ? ? ? .container {
? ? ? ? ? ? max-width: 800px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? padding: 0 15px;
? ? ? ? }
? ? ? ??
? ? ? ? /* 頭部樣式 */
? ? ? ? header {
? ? ? ? ? ? text-align: center;
? ? ? ? ? ? padding: 30px 0;
? ? ? ? ? ? background: rgba(0, 0, 0, 0.4);
? ? ? ? ? ? position: relative;
? ? ? ? ? ? overflow: hidden;
? ? ? ? }
? ? ? ??
? ? ? ? header::before {
? ? ? ? ? ? content: "";
? ? ? ? ? ? position: absolute;
? ? ? ? ? ? top: 0;
? ? ? ? ? ? left: 0;
? ? ? ? ? ? right: 0;
? ? ? ? ? ? height: 4px;
? ? ? ? ? ? background: linear-gradient(90deg, #3498db, #2ecc71, #3498db);
? ? ? ? ? ? background-size: 300% 100%;
? ? ? ? ? ? animation: gradientMove 4s ease infinite;
? ? ? ? }
? ? ? ??
? ? ? ? .title {
? ? ? ? ? ? font-size: 28px;
? ? ? ? ? ? font-weight: bold;
? ? ? ? ? ? margin-bottom: 15px;
? ? ? ? ? ? letter-spacing: 1px;
? ? ? ? ? ? color: #fff;
? ? ? ? ? ? text-shadow: 0 0 10px rgba(52, 152, 219, 0.7);
? ? ? ? ? ? animation: titleFloat 3s ease infinite;
? ? ? ? }
? ? ? ??
? ? ? ? .subtitle {
? ? ? ? ? ? font-size: 20px;
? ? ? ? ? ? color: #3498db;
? ? ? ? ? ? margin-bottom: 20px;
? ? ? ? }
? ? ? ??
? ? ? ? .date-location {
? ? ? ? ? ? display: flex;
? ? ? ? ? ? justify-content: center;
? ? ? ? ? ? gap: 20px;
? ? ? ? ? ? margin-top: 20px;
? ? ? ? }
? ? ? ??
? ? ? ? .info-card {
? ? ? ? ? ? background: rgba(255, 255, 255, 0.1);
? ? ? ? ? ? padding: 15px 20px;
? ? ? ? ? ? border-radius: 12px;