body {
            font-family: 'Helvetica', sans-serif;
        }
        .homeup {
            background-color: #f8f8f8;
            padding: 10px 0;
        }
        .Contain {
            width: 97%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .sitename {
            font-size: 34px;
            color: #1a1a1a; /* 深灰色 */
            font-weight: bold;
            flex: 1;
        }
        .items {
            display: flex;
            align-items: center;
            flex: 2;
            justify-content: flex-end;
        }
        .items a {
            text-decoration: none;
            color: #333;
            margin-left: 20px;
            padding: 10px 15px;
            transition: background-color 0.3s ease;
        }
        .items a:hover {
            background-color: #ddd;
        }
        .dropdown {
            position: relative;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f8f8f8;
            box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
            z-index: 1;
            min-width: 200px;
        }
        .dropdown-content a {
            display: block;
            padding: 10px 15px;
            margin: 0;
        }
        .dropdown-content a:hover {
            background-color: #ddd;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }