.breadcrumb {
            background-color: rgba(88, 88, 88, 0.1);

        }

        .breadcrumb .container {
            display: flex;
            justify-content: space-between;
        }

        .breadcrumb .tabs {
            display: flex;
            justify-content: center;

            border-bottom: 2px solid #eee;
        }

        .breadcrumb .location {
            line-height: 48px;
        }

        .breadcrumb .tabs li {

            padding: 10px 0;
            cursor: pointer;
            font-size: 18px;
            position: relative;
        }

        .breadcrumb .tabs li:not(:first-child) {
            margin: 0 20px;
        }

        .tabs li.active {
            color: #0c9;
            font-weight: bold;
        }

        .tabs li.active::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -2px;
            transform: translateX(-50%);
            width: 50%;
            height: 2px;
            background: #0c9;
        }
 #main .container {        max-width :  1200px;        margin :  0 auto;        padding :  20px;        display :  flex  ;        flex-wrap :  wrap;        gap :  20px;   }
        .main {
            flex: 3;
            min-width: 280px;
        }

        .sidebar {
            flex: 1;
            min-width: 250px;
        }

        .main h1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .meta {
            font-size: 12px;
            color: #888;
            margin-bottom: 20px;
        }

        .main img {
            max-width: 100%;
            margin: 20px 0;
        }

        .main p {
            margin: 15px 0;
            font-size: 16px;
        }

        .recommendation h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .rec-item {
            display: flex;
            align-items: flex-start;
            /* Align items to the top */
            gap: 10px;
            /* Space between image and text */
            margin-bottom: 15px;
        }

        .rec-item img {
            width: 90px;
            height: 65px;
            object-fit: cover;
            border-radius: 5px;
        }

        .rec-item .text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            /* Center vertically */
        }

        .rec-item span.date {
            font-size: 12px;
            color: #888;
            display: block;
            /* Ensure it takes full width */
            margin-bottom: 5px;
            /* Space below the date */
        }

        .rec-item span.title a {
            font-size: 12px;
            color: #333;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            /* Limit to two lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            text-decoration: none;
        }


        .split {
            width: 100%;
            height: 1px;
            background-color: #ddd;
            margin: 20px 0;
        }

        .prev-next {
            display: flex;
            flex-direction: column;
            /* 改为纵向排列 */
            gap: 10px;
            /* 上下链接之间留点空隙 */
            padding: 10px 0;
        }

        .prev-next a {
            color: #333;
            font-size: 14px;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .prev-next a:hover {
            color: #0c9;
        }


        @media (max-width: 768px) {
            .container {
                flex-direction: column;
            }
        }


    .bews-content p span
    {
      
         word-wrap: break-word!important;
         min-width: 0; /* 允许项目缩小 */
        text-wrap: wrap!important;
        text-wrap: balance; 
          overflow-wrap: break-word; /* 强制在任意字符间断行 */
  word-break: break-all;  
    }