.header-area {
            width: 780px;
            height: 200px;
            background: url('https://image.eralen.cc/im/total/obel.jpg') no-repeat center center;
            background-size: cover;
            margin: 20px auto;
            position: relative;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }

        .header-title {
            position: absolute;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            color: #fff;
            font-size: 26px;
            font-weight: bold;
            text-shadow: 2px 2px 4px #000;
        }

        .select-box {
            position: absolute;
            top: 15px;
            right: 15px;
        }

        select.rating-select {
            padding: 6px 10px;
            font-size: 14px;
            border-radius: 4px;
            border: 1px solid #ccc;
            background-color: #fff;
        }

        .rating-table {
            width: 780px;
            margin: 0 auto 30px auto;
            background: #fff;
            border-collapse: collapse;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        .rating-table th, .rating-table td {
            padding: 8px 10px;
            border: 1px solid #ccc;
        }

        .update-time {
            text-align: center;
            padding: 15px;
            font-size: 13px;
            color: #666;
        }

        .no-data {
            text-align: center;
            padding: 20px;
            font-size: 14px;
            color: #900;
        }