@charset "utf-8";

 

body {
  max-width: 80%;    /* 内容最大宽度 */
  margin: 0 auto;       /* 水平居中 */
  padding: 20px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

 .center-div {width: 80%;  / margin: 0 auto; }/* 上下边距0，左右自动 */
	
 
        .logo-container {
            display: inline-block;
            font-family: 'Arial', sans-serif;
            font-weight: bold;
            font-size: 48px;
            color: #333;
            position: relative;
            padding: 10px 15px;
            border-radius: 8px;
            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        .logo-i {
            color: #4a6bdf;
            font-size: 1.2em;
        }
        .logo-5 {
            color: #ff6b6b;
            position: relative;
            top: -5px;
        }
        .logo-p {
            color: #57cc99;
            transform: scale(1.1);
            display: inline-block;
        }
        .logo-dotcom {
            font-size: 0.6em;
            color: #888;
            vertical-align: super;
            margin-left: 2px;
        }
        .highlight {
            position: absolute;
            width: 60px;
            height: 3px;
            background: linear-gradient(90deg, #4a6bdf, #ff6b6b, #57cc99);
            bottom: 5px;
            left: 15px;
            border-radius: 3px;
        }