.myarticle a {
        color: black;
        font-size: 14px;
    }

    .myarticle li {
        text-align: left;
        list-style-type: none;
    }

    .myarticle li h1 {
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        font-size: 14px;
        line-height: 2;
    }

    article li {
        text-align: left;
        list-style-type: none;
    }

    article {
        background-color: #fff;
        padding: 15px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        transition: all 0.2s ease-in-out;
        margin-top: 0px !important;
    }

    /*article:hover {*/
    /*    transform: translateY(-5px);*/
    /*    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);*/
    /*}*/

    article h2,
    h3 {
        margin-top: 5px;
        /*font-size: 30px;*/
        margin-bottom: 10px;
    }

    #neirong span {
        font-size: 17px !important;
        line-height: 2 !important;

    }

    #neirong p {
        font-size: 17px !important;
        line-height: 2 !important;
        text-indent: 2em;
        /* 首行缩进2个汉字 */
        margin: 0.8em 0;
        /* 段落上下间距 */
    }

    /* 排除不需要缩进的：图片、标题、li列表、引用、table内段落 */
    #neirong p:has(img),
    #neirong p.title,
    #neirong li p,
    #neirong a {
        text-indent: 0 !important;
    }

    #neirong blockquote p,
    #neirong table p {
        text-indent: 0 !important;
    }




    #neirong>p>span {
        font-size: 17px !important;
        line-height: 2 !important;
    }

    h3,
    h4,
    h5 {
        font-size: 17px !important;
        line-height: 2 !important;
        font-weight: 700;
    }

    h2 {
        font-size: 18px !important;
        font-weight: bolder !important;
        line-height: 2;
    }


    #neirong table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        overflow: hidden !important;
    }

    #neirong table td,
    #neirong table th {
        /*width: auto !important;*/
        white-space: normal !important;
        word-break: break-all !important;
        padding: 4px !important;
    }

    #neirong table tr {
        display: table-row !important;
    }


    #neirong table tr td {
        font-size: 15px;
        line-height: 1.3;
        text-align: left;
    }

    body {
        font-family: "Microsoft YaHei", sans-serif, Arial, sans-serif, "Times New Roman", Times, serif;
        margin: 0;
        padding: 0;
    }

    h1,
    h2 {
        font-size: 36px;
        margin-bottom: 0;
        font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif
    }

    /* 文章小小导航栏 */
    .crumbs {
        height: 56px;
        margin: 0 auto;
        line-height: 56px;
        font-size: 14px;
        color: #333;
    }

    .crumbs a {
        color: #333;
    }

    article p {
        margin-bottom: 5px;
    }

    /*p显示2行文字*/
    .truncate {
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table tr td {
        font-size: 14px;
        line-height: 1.5;
    }

    table {
        border: 1px solid black;
        margin: auto;
        vertical-align: middle;
    }

    td {
        border: 1px solid black;
        font-size: 14px;
    }

    strong {
        font-weight: bold;
    }

    article img {
        max-width: 80%;
        height: auto;
    }

    #qrious {
        position: absolute;
        right: 65px;
        bottom: 0px;
        z-index: 999;
    }

    #wxfxts {
        width: 100px;
        position: absolute;
        right: 65px;
        bottom: -100px;
        z-index: 999;
    }

    #ggpic {
        width: 100%;
    }

    .custom-width {
        width: 70px !important;
    }

    a {
        /*display: inline-block;*/
        max-width: 100%;
    }

    body {
        font-family: "Microsoft YaHei", "微软雅黑", "Arial", sans-serif !important;
    }

    hr {
        margin: 8px 0 8px 0
    }


    #contant table {
        width: 95%;
        border-collapse: collapse;
        box-sizing: border-box;
    }

    #contant {
        text-align: left;
        text-indent: 2em;
    }

    /* 特有 */
    .huarun table {
        border: none !important;
    }

    .huarun .title {
        text-align: center !important;
        font-size: 19px;
        font-weight: bold;
    }

    .huarun table tbody tr td {
        text-align: left !important;
    }

    .huarun .count {
        margin-left: 40px;
        display: block;
        line-height: 2;
        text-align: left;
    }

    .huarun .marginTop {
        margin-top: 18px;
        font-weight: bold;
        font-size: 16px;
    }

    .huarun .zbno {
        float: right;
        margin-right: 8px;
    }

    /*特有*/
    #sanxia {
        line-height: 2;
        font-size: 17px;
    }

    #sanxia h2 {
        margin-top: 5px;
        font-size: 16px;
        margin-bottom: 15px;
        text-align: left;
    }

    #sanxia h1 {
        margin-top: 5px;
        font-size: 16px;
        margin-bottom: 15px;
        text-align: center;
    }

    #sanxia strong {
        font-weight: none;
    }

    .container {
        max-width: 1200px;
    }

    main.container {
        padding: 0;
    }

    .text-indent-4 {
        text-indent: 4em;
    }

    /* ===== 推荐阅读 ===== */
    .recommend-article {
        margin-top: 20px;
        padding: 18px 20px;
        background: #f8fafc;
        border-radius: 10px;
        border-left: 4px solid #1ba6d9;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    }

    .recommend-header {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 14px;
    }

    .recommend-badge {
        background: #1ba6d9;
        color: #fff;
        padding: 2px 14px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 600;
        line-height: 28px;
    }

    .recommend-count {
        font-size: 13px;
        color: #8899aa;
    }

    .recommend-list {
        padding: 0;
        margin: 0;
        list-style: none;
        text-indent: 0;
        /* 对齐修复：抵消 .col-md-9 ul 的 2rem 缩进 */
    }

    .recommend-item {
        display: flex;
        align-items: center;
        /* 垂直对齐整行 */
        gap: 10px;
        padding: 6px 12px;
        border-radius: 6px;
        /* 去掉 line-height: 22px，避免干扰子元素 */
    }

    .recommend-item:hover {
        background: #f0f6fc;
    }


    .recommend-link {
        flex: 1;
        min-width: 0;
        font-size: 14px;
        line-height: 22px;
        /* 文字行高保持 22px，与圆同高 */
        color: #1a2a3a;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .recommend-num {
        flex: 0 0 22px;
        text-align: center;
        font-size: 13px;
        /* font-style: italic; */
        font-weight: 700;
        color: #b0b8c4;
    }

    .recommend-link:hover {
        color: #1ba6d9;
    }

    .recommend-empty {
        text-align: center;
        color: #8899aa;
        padding: 12px 0;
        font-size: 14px;
    }

    /* ===== 右侧栏图片自适应 ===== */
    .sidebar-image {
        margin-bottom: 15px;
        padding: 0 4px;
    }

    .sidebar-image img {
        width: 100%;
        height: auto;
        border-radius: 6px;
        display: block;
    }


    .col-md-9 ul,
    .col-md-9 ol {
        /*padding-inline-start: 2rem !important; */
        padding-left: 12px !important;
        text-indent: 2rem;
    }


    /* ==========================================================
       ★★★ 顶部「上下滚动广告条」样式 ★★★
       数据源：static/json/top_roll_ad.json
       说明：选择器特意加了 .roll-ad 前缀，用来压过上面
             `.col-md-9 ul, .col-md-9 ol { padding-left:12px !important;
              text-indent:2rem }` 造成的影响，否则列表会缩进错位。
       ========================================================== */
    .roll-ad {
        display: none;
        /* 数据就绪后再显示，避免空白闪烁 */
        align-items: center;
        gap: 10px;
        box-sizing: border-box;
        height: 40px;
        /* 会被 JS 按 JSON 里的 height 覆盖 */
        padding: 0 12px;
        margin-bottom: 12px;
        background: linear-gradient(90deg, #eaf6ff 0%, #f8fcff 100%);
        border: 1px solid #cfe7f6;
        border-radius: 8px;
        overflow: hidden;
    }

    .roll-ad .roll-ad-tag {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        height: 24px;
        padding: 0 10px;
        background: #1ba6d9;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
        border-radius: 12px;
        white-space: nowrap;
    }

    .roll-ad .roll-ad-viewport {
        flex: 1 1 auto;
        height: 40px;
        /* 会被 JS 按 JSON 里的 height 覆盖 */
        overflow: hidden;
        position: relative;
    }

    .roll-ad .roll-ad-list {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        text-indent: 0 !important;
        will-change: transform;
    }

    .roll-ad .roll-ad-list>li {
        list-style: none !important;
        text-indent: 0 !important;
        text-align: left;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }

    .roll-ad .roll-ad-list>li>a {
        display: block;
        text-indent: 0 !important;
        font-size: 14px;
        color: #1a5f85;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: color .2s;
    }

    .roll-ad .roll-ad-list>li>a:hover {
        color: #1ba6d9;
        text-decoration: underline;
    }

    .roll-ad .roll-ad-icon {
        margin-right: 4px;
    }

    /* 手机端：字号收一点，标签只留图标 */
    @media (max-width: 767px) {
        .roll-ad {
            padding: 0 8px;
            gap: 6px;
        }

        .roll-ad .roll-ad-tag {
            padding: 0 8px;
        }

        .roll-ad .roll-ad-tag-text {
            display: none;
        }

        .roll-ad .roll-ad-list>li>a {
            font-size: 13px;
        }
    }

    /* ==========================================================
       ★★★ 右侧栏：排行榜风格面板（最新文章 / 新能源工具 / 学社课程） ★★★
       ========================================================== */
    .rank-panel {
        background: #fff;
        border: 1px solid #eef2f6;
        border-radius: 8px;
        padding: 12px 14px;
        margin-bottom: 14px;
    }

    .rank-title {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0 0 4px;
        padding-bottom: 8px;
        font-size: 15px;
        font-weight: 700;
        color: #1a2a3a;
        border-bottom: 1px solid #f0f2f5;
    }

    .rank-title::before {
        content: '';
        flex: 0 0 4px;
        height: 15px;
        border-radius: 2px;
        background: #1ba6d9;
    }

    .rank-list {
        margin: 0;
        padding: 0;
        list-style: none;
        text-indent: 0;
    }

    .rank-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 7px 0;
        border-bottom: 1px dashed #f0f2f5;
    }

    .rank-item:last-child {
        border-bottom: none;
    }

    .rank-num {
        flex: 0 0 18px;
        text-align: center;
        font-size: 13px;
        font-style: italic;
        font-weight: 700;
        color: #b0b8c4;
    }

    .rank-num.top1 {
        color: #e23c3c;
    }

    .rank-num.top2 {
        color: #ff8c1a;
    }

    .rank-num.top3 {
        color: #f0b429;
    }

    .rank-link {

        min-width: 0;
        font-size: 14px;
        color: #333;
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rank-link:hover {
        color: #1ba6d9;
    }

    /* 工具面板：绿色点缀 */
    .rank-panel.tools .rank-title::before {
        background: #2e9e5b;
    }

    .rank-panel.tools .rank-link:hover {
        color: #2e9e5b;
    }

    /* 学社课程：每行 2 个 */
    .course-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding-top: 6px;
    }

    .course-card {
        display: block;
        background: #fff;
        border: 1px solid #eef2f6;
        border-radius: 8px;
        overflow: hidden;
        text-decoration: none;
        transition: box-shadow .2s;
    }

    .course-card:hover {
        box-shadow: 0 4px 12px rgba(26, 166, 217, .15);
    }

    .course-card img {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
        border-bottom: 1px solid #f0f2f5;
    }

    .course-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 6px 8px 8px;
        font-size: 13px;
        line-height: 1.4;
        color: #333;
    }


    #neirong .zzjj,
    #neirong .zzjj p,
    #neirong .zzjj span {
        font-size: 14px !important;
        line-height: 1.8 !important;
        color: #666 !important;
        text-indent: 0 !important;
        background: #f8fafc;
        border-left: 3px solid #1ba6d9;
        padding: 8px 12px;
        margin: 12px 0;
        border-radius: 4px;
    }


    #neirong table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        overflow: hidden !important;
        border-collapse: collapse !important;
    }

    #neirong table th {
        border: 1px solid #000 !important;
        background: #eaf2f8 !important;
        color: #1a2a3a !important;
        font-weight: 700 !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 8px 6px !important;
        line-height: 1.4 !important;
        word-break: break-all !important;
    }

    #neirong table td {
        border: 1px solid #000 !important;
        padding: 6px !important;
        vertical-align: middle !important;
        line-height: 1.4 !important;
        white-space: normal !important;
        word-break: break-all !important;
    }

    #neirong table tbody tr:nth-child(even) td {
        background-color: #f8fafc;
    }

    #neirong table th[style*="text-align"] {
        text-align: center !important;
    }

    @media (max-width: 767px) {
        #neirong table {
            table-layout: auto !important;
        }

        #neirong table th,
        #neirong table td {
            padding: 5px 4px !important;
            font-size: 13px !important;
        }
    }