.index{
    width: 100%;
    min-height: 100vh;
    box-sizing: border-box;
    overflow-x: hidden;
    background-color:#f9f9f9;
}
.layui-nav { display: flex; width: 100%; overflow-x: auto; white-space: nowrap; }
.layui-nav-item { flex: 1 0 auto; }
.layui-nav-item a { padding: 0 12px; }
.search-container {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr) 58px;
    align-items: center;
    gap: 6px;
    margin: 18px 12px 0;
}
 #searchText {
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
            padding: 10px;
            font-size: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-right: 0;
        }
#searchBtn {
            padding: 5px 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        #searchBtn:hover {
            background-color: #0056b3;
        }

.layui-col-md6{ width: 88px !important; margin-left: 0 !important; }
.layui-form-select { width: 88px; }
.layui-form-select .layui-input { padding: 0 6px; font-size: 12px; }
.day-dj{
width: auto;
margin: 18px 12px 0;

}
#body_size>tr>{

}
#body_size>tr>td{
    padding: 5px 1px;
}

#body_size>tr>td>a{
    display: block;
  margin-top: 10px;
  margin-bottom: 15px;
    color: #31bdec;
    font-size: 18px;
    text-align: center;



}

a:hover{text-decoration: underline;
    text-decoration-color: #7c7c7c;

}
.sm{
    font-size: 12px;
    padding: 8px;
}
.jrgx{
    text-align: center;
    color: #c76565;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 16px;

}
.sm{
float: left;
    margin-top: 5%}
.submit-link.disabled {
  pointer-events: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  color: #999 !important; /* 可选：文字变灰 */
}

/* 短剧封面卡片 */
.drama-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 10px; width: 100%; }
.drama-card { min-width: 0; overflow: hidden; border-radius: 7px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); }
.drama-poster { position: relative; aspect-ratio: 2 / 3; overflow: hidden; background: linear-gradient(135deg, #38465e, #141923); }
.drama-poster::before { content: ""; position: absolute; z-index: 2; left: 50%; top: 50%; width: 26px; height: 26px; margin: -21px 0 0 -13px; box-sizing: border-box; border: 3px solid rgba(255, 255, 255, .25); border-top-color: #fff; border-radius: 50%; animation: poster-spin .8s linear infinite; }
.drama-poster.poster-loaded::before { display: none; }
.drama-poster img { position: relative; z-index: 1; width: 100%; height: 100%; display: block; object-fit: cover; }
.drama-time { position: absolute; z-index: 3; right: 6px; bottom: 6px; max-width: calc(100% - 12px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 5px; border-radius: 3px; background: rgba(0, 0, 0, .65); color: #fff; font-size: 10px; }
@keyframes poster-spin { to { transform: rotate(360deg); } }
.drama-title { height: 40px; margin: 8px 8px 6px; overflow: hidden; color: #272727; font-size: 14px; font-weight: 600; line-height: 20px; }
.drama-action { display: block; margin: 0 8px 10px; padding: 8px 6px; border-radius: 4px; background: #1e9fff; color: #fff !important; font-size: 13px; text-align: center; text-decoration: none; }
.drama-action:hover { text-decoration: none; }
@media (max-width: 360px) { .drama-grid { gap: 12px 8px; } .day-dj { margin-left: 8px; margin-right: 8px; } }
.demo { width: 100%; margin: 22px 0; text-align: center; }
.search-empty { padding: 50px 12px; color: #999; font-size: 15px; text-align: center; }