为 JavDB 网站添加圆角、阴影效果、标签按钮间距调整，以及详细页面优化。
Tính đến
// ==UserScript==
// @name JavDB 美化
// @namespace http://tampermonkey.net/
// @description 为 JavDB 网站添加圆角、阴影效果、标签按钮间距调整，以及详细页面优化。
// @version 1.0
// @author kitawa
// @match *://*.javdb.com/*
// @license MIT
// ==/UserScript==
(function () {
"use strict";
// 替换逗号为空格
const metaSpans = document.querySelectorAll("span.meta");
metaSpans.forEach((span) => {
if (span.textContent) {
console.log(`原始文本: ${span.textContent}`); // 打印原始文本
span.textContent = span.textContent.replace(/,/g, " "); // 替换逗号为空格
console.log(`替换后文本: ${span.textContent}`); // 打印替换后的文本
}
});
// 定义隐藏包含 'male' 的行的函数
function hideMaleLines() {
document.querySelectorAll("strong.symbol.male").forEach((element) => {
// 隐藏 <strong> 的前一个 <a> 元素
const previousLink = element.previousElementSibling;
if (previousLink && previousLink.tagName === "A") {
previousLink.classList.add("hidden");
}
// 隐藏 <strong> 元素
element.classList.add("hidden");
});
}
// 添加隐藏样式（CSS 类）
const style = document.createElement("style");
style.textContent = `
.hidden {
display: none !important;
}
`;
document.head.appendChild(style);
// 初次执行隐藏逻辑
hideMaleLines();
// 如果页面是动态生成的，使用 MutationObserver 监听 DOM 变化
const observer = new MutationObserver(() => {
hideMaleLines(); // 在 DOM 变化时重新执行隐藏逻辑
});
// 开始观察，监听整个文档的子节点变化
observer.observe(document.body, {
childList: true,
subtree: true,
});
})();
(function () {
"use strict";
// 创建 <style> 并立即注入
const style = document.createElement("style");
style.textContent = `
/* 全局背景色 */
body {
background-color: #FFF0F6 !important; /* 修改为你想要的背景色 */
text-decoration: none !important;
}
/* 全局圆角 */
* {
border-radius: 8px !important;
}
/* 全局阴影 */
.cover, .video-meta-panel, .tag, .button, .item, .message.video-panel {
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1) !important;
}
/* 全局卡片白底 */
.item {
background-color:#fff !important;
}
/* 全局按钮 */
.button {
background-color: #fff;
border-color: #Ed7676 ;
border-width: 1px;
border-radius: 6px!important;
color: #888;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}
/* 全局按钮（hover） */
.button:hover {
background-color: #Ed7676 !important; /* 当鼠标悬停时，背景颜色保持为浅红色 */
border-color: transparent !important; /* 鼠标悬停时，边框颜色保持为透明 */
color: #fff !important;/* 鼠标悬停时，文字颜色保持为白色 */
}
/* 全局按钮点击效果 */
.button.is-info:active {
transform: scale(1.5);
}
/* ---- ---- ---- ----顶部导航栏 ---- ---- ---- ---- */
.navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown {
box-shadow: none;
top: 100%;
transform: none;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3) !important;
}
.navbar-dropdown {
border-top: none;
}
.navbar {
background-color: #e14859e0 !important;
border-radius: 0px !important;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !important;
backdrop-filter: blur(50px) !important;
}
.document.querySelector {
background-color: #CE5966 !important;
}
/* 鼠标悬停时改变导航项和下拉菜单项的背景色 */
.navbar-item:hover,
.navbar-item.has-dropdown:hover .navbar-link {
background-color: #e45e6b !important; /* 修改为你想要的背景色 */
}
/* 鼠标悬停时改变下拉菜单项的背景色 */
.navbar-item.has-dropdown:hover .navbar-dropdown .navbar-item:hover {
background-color: #F6F6F6 !important; /* 修改为你想要的背景色 */
border-radius: 0px !important;
}
/* SVG 修改 */
rect[fill="#2F80ED"] {
fill: #e45e6b !important;
}
/* 隐藏广告 */
.list-tab,
.navbar-item[href='/rankings/playback'], /* 热播 */
.movie-list .item .cover .tag-can-play.cnsub, /* 中字可播放 */
.sub-header, /* 广告 */
.navbar.is-dark.is-fluid {
display: none !important;
}
/* 去除蓝色线 */
.has-left-sep {
border: none !important;
}
/* 背景 */
.navbar.is-blackcusbar,
.navbar.is-black,
.navbar.is-blackcusbar:hover,
.navbar.is-black:hover {
background-color: #e45e6b !important;
}
.navbar-dropdown a.navbar-item,
.navbar-dropdown .navbar-item {
padding: 0 !important;
text-align: center !important;
display: flex;
flex-direction: column;
align-items: center;
}
#navbar-menu-hero > div > div:nth-child(n+1) > div {
display: flex;
flex-direction: column;
align-items: center;
padding: 15px 10px 15px 10px;
gap: 10px;
position: absolute;
left: 37%;
top: 100%;
transform: translate(-50%, 0%);
}
.navbar-dropdown:hover a.navbar-item:hover,
.navbar-dropdown:hover .navbar-item:hover {
display: flex;
flex-direction: column;
align-items: center;
}
.navbar-item:hover, .navbar-item.has-dropdown:hover .navbar-link {
background-color: #e45e6b !important;
border-radius: 6px !important;
}
.navbar-dropdown .navbar-item,
.navbar-dropdown a.navbar-item {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.navbar-dropdown.is-right {
display: none; /* 默认隐藏菜单 */
flex-direction: column;
align-items: center;
gap: 10px;
padding: 10px;
position: absolute; /* 让菜单浮动 */
}
.navbar-item.has-dropdown:hover .navbar-dropdown.is-right {
display: flex; /* 鼠标悬停时显示菜单 */
}
/* ---- ---- ---- ---- 搜索---- ---- --- ---- -------*/
/* 影片和小箭头（左边）*/
/* 下拉框样式 */
.search-bar-wrap .search-type select {
height: 40px !important; /* 下拉框高度，与其他控件一致 */
border: none !important; /* 去除边框 */
color: #7367B6 !important; /* 悬停文字颜色 */
}
/* 小箭头 */
.select:not(.is-multiple):not(.is-loading):after {
border-color: #7367B6 !important;
right: 1.125em;
z-index: 4;
}
/* 鼠标悬停时改变箭头颜色 */
.select:not(.is-multiple):not(.is-loading):hover:after {
border-color: #7367B6 !important;
}
/* 搜索框背景 */
.search-bar-wrap {
background-color: #AC86C5 !important; /* 紫色 */
padding: 0.8rem; /* 内间距 */
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1) !important;
margin-top: 30px !important; /* 和顶部距离 */
height: 70px; /* 高度 */
}
/* 搜索框内输入框样式 */
.search-bar-wrap .search-input .input {
box-shadow: none !important; /* 移除内阴影 */
border: none !important; /* 去除边框 */
height: 40px; /* 高度 */
}
/* 控件整体间距 */
.search-bar-wrap .control {
display: flex !important; /* 使用 Flex 布局 */
align-items: center !important; /* 垂直方向居中对齐 */
transform: translateY(-4px); /* 向下移动按钮组 10 像素 */
margin: 4px !important; /* 控件之间的间距 */
}
/* 检索按钮组 */
.search-bar-wrap .control .button {
background-color: #9473aa !important; /* 按钮背景色 */
margin: 2px !important; /* 按钮之间的间距 */
height: 40px !important; /* 设置按钮高度，保证与搜索框一致 */
border: 1px solid #9473aa !important; /* 边框 */
}
/* 鼠标悬停按钮效果 */
.search-bar-wrap .control .button:hover {
background-color: #CE5966 !important; /* 悬停背景色 */
border: 1px solid #CE5966 !important; /* 边框 */
}
/* 弹出气泡 */
.tooltip::before {
border-radius: 6px !important;
top: -5px !important;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) !important;
}
/* 删除泡泡小箭头 */
[data-tooltip]:not(.is-disabled):after,
[data-tooltip]:not(.is-loading):after,
[data-tooltip]:not([disabled]):after {
content: none !important;
}
/* ----猜你喜欢，全部，有码，无码 ---- ---- ------- ---- --- ---- -------*/
/* 按钮样式 */
.pagination-link.is-current,
.float-buttons a {
color: #fff !important;
background-color: #AC86C5 !important; /* 设置背景颜色为紫色 */
border: none !important; /* 无边框*/
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
}
/* 激活按钮的样式 */
.tabs li.is-active a {
color: #fff !important;
border: none !important; /* 无边框 */
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
background-color: #AC86C5 !important; /* 设置背景颜色为紫色 */
}
/* 激活按钮的鼠标悬停样式（不改变任何效果） */
.tabs li.is-active a:hover {
color: #fff !important; /* 保持文字颜色 */
background-color: #AC86C5 !important; /* 保持背景颜色 */
}
/* 鼠标悬停时的样式（其他按钮） */
.tabs li a:hover {
color: #AC86C5 !important; /* 鼠标悬停时的文字颜色 */
}
/* 按钮*/
.tabs.main-tabs.is-boxed {
margin-left: -18px !important; /* 左对齐*/
margin-bottom: 10px !important;/* 上下间距*/
}
/* ----删除 -------*/
/* 移除tab底部边框 */
.tabs ul {
border-bottom: none !important;
}
/* 移除主页顶部和详细页tab蓝色分隔线 */
.tabs.is-boxed,
.tabs.no-bottom {
border-bottom: 0 !important;
margin-bottom: 10px !important;
}
/* ----大封面，小封面 ---- ---- ------- ---- --- ---- -------*/
/* 按钮组 hover 样式 */
.buttons.has-addons :hover {
color: #Ed7676 !important; /* 鼠标悬停时的字体颜色 */
border-color: #Ed7676 !important; /* 鼠标悬停时的边框颜色 */
background-color: #fff !important; /* 保持背景颜色不变（可选） */
}
/* 激活按钮 */
.buttons.has-addons .button.is-selected {
background-color: #Ed7676 !important; /* 默认背景颜色 */
border-color: #Ed7676; /* 默认边框颜色 */
border-width: 1px;
color: #fff; /* 默认字体颜色 */
}
/* 鼠标悬停时的样式 */
.buttons.has-addons .button.is-selected:hover {
color: #fff !important; /* 鼠标悬停时的字体颜色 */
border-color: #Ed7676 !important; /* 鼠标悬停时的边框颜色 */
background-color: #Ed7676; /* 保持背景颜色不变（可选） */
}
/* 按钮组样式调整 */
.buttons.has-addons > .button {
margin: 0 !important; /* 去除按钮之间的间距 */
border-radius: 0 !important; /* 移除单独按钮的圆角 */
}
/* 调整按钮组首尾按钮圆角 */
.buttons.has-addons > .button:first-child {
border-top-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
}
.buttons.has-addons > .button:last-child {
border-top-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
border-left-width: 1px !important; /* 确保最后一个按钮和前一个按钮显示正常边框 */
}
.buttons.has-addons > .button:not(:first-child) {
border-left: none !important; /* 移除中间按钮的左边框 */
/* border-right: none !important; /* 移除中间按钮的左边框 */
}
/* ---- ---- ---- ---- ---- 主页更新页面 ---- ---- ---- ---- ----*/
/* 1.卡片 */
/*整体布局*/
.item {
border: 0px solid #fff !important; /* 设置边框 */
margin-left: 0 !important; /* 左对齐 */
margin-right: 0 !important; /* 右对齐 */
transform: translateY(10px); /* 向下移动 */
}
/*卡片间距*/
.movie-list {
display: grid;
grid-column-gap: .4rem;
-moz-column-gap: .4rem;
column-gap: .8rem;
grid-row-gap: 1rem;
row-gap: 1.6rem;
grid-template-columns: repeat(4,minmax(0,1fr));
padding-bottom: .5rem;
}
/* 鼠标指向卡片边框 */
a.box:focus, a.box:hover {
outline: 4px solid #Ed7676; /* 修改为橙色边框 */
box-shadow: 0 0 12px 5px rgba(238, 149, 149, 0.5);
}
/* 2.封面 */
/* 封面填充 */
.movie-list .item .cover.contain img {
width: 100%;
object-fit: cover;
}
/* 封面圆角 */
.item .cover img {
border-radius: 6px !important; /* 保证图片顶部圆角 */
border-bottom-left-radius: 0 !important; /* 默认移除底部圆角 */
border-bottom-right-radius: 0 !important; /* 默认移除底部圆角 */
}
/* 封面图背景 */
.movie-list .item .cover {
background: #fff;
border-bottom-left-radius: 0 !important; /* 默认移除底部圆角 */
border-bottom-right-radius: 0 !important; /* 默认移除底部圆角 */
}
/* 鼠标悬停状态*/
.item .cover img:hover {
border-radius: 6px !important; /* 保证放大时四个角有圆角 */
border-bottom-left-radius: 6px !important; /* 恢复底部左角圆角 */
border-bottom-right-radius: 6px !important; /* 恢复底部右角圆角 */
}
.item .video-title {
border-radius: 0 !important; /* 免疫标题部分的圆角 */
}
/* 3.标题 */
/* 修改未访问链接的颜色 */
.movie-list .box .video-title {
color: #444444 !important; /* 修改未访问链接的标题颜色为灰色 */
}
/* 两行显示*/
.movie-list .item .video-title {
font-size: 14px !important; /* 设置字体大小 */
padding-top: 0.2rem; /* 控制顶部间距 */
padding-bottom: 0.2rem; /* 控制底部间距 */
white-space: normal; /* 允许换行 */
overflow: hidden; /* 隐藏超出容器的内容 */
text-overflow: ellipsis; /* 超出部分显示省略号 */
line-height: 1.5rem; /* 每行文字高度 */
height: 3.5rem; /* 设置容器高度为两行文字略多 */
display: -webkit-box; /* Flex 布局，支持多行截断 */
-webkit-box-orient: vertical; /* 垂直布局 */
-webkit-line-clamp: 2; /* 限制最多显示两行 */
}
/* 4.评分 */
.movie-list .item .score {
padding-top: 0.4rem; /* 设置顶部边距 */
padding-bottom: .2rem; /* 设置底部边距 */
color: #777;
font-size: 12px;
}
/* 5.日期 */
.movie-list .item .meta {
padding-bottom: .2rem;
color: #777;
font-size: 12px;
}
/* 6.标签 */
/* 标签间距 */
.tags.has-addons .tag, .tags.is-right .tag:not(:last-child) {
margin-right: 10px; /* 恢复默认值 */
}
.tag:not(body).is-info {
background-color: #3e8ed0;
color: #fff;
}
/* 含中字磁链 */
.tag.is-warning {
color: #fff !important; /* 设置字体颜色 */
background-color: #f4b16b !important; /* 背景色为黑色 */
}
/* 昨日新种 */
.tag:not(body) {
background-color: #b4b4b8;
color: #fff;
}
.tags .tag {
margin-bottom: .3rem;
}
/* ---- 底部翻页按钮----*/
/* 去横线 */
nav.pagination {
margin-top: 1.5rem;
padding-top: 1.5rem;
border-top: 0px solid hsla(0,0%,85.9%,.5);
}
/* 底部当前页激活时的翻页按钮颜色 */
.pagination-link.is-current:active {
background-color: transparent;
border: none !important; /* 无边框*/
}
/* 底部按钮（还包括部分顶部按钮） */
.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
color: #AC86C5 !important;
border: none; /* 移除边框 */
}
/* 底部按钮 */
.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
color: #AC86C5 !important;
font-size: .85em;
}
.pagination-link, .pagination-next, .pagination-previous {
background-color: transparent;
}
/* 去掉省略号阴影 */
.pagination-ellipsis {
box-shadow: none !important;
}
/* 底部按浮动按钮 */
.float-buttons {
padding: 0.2rem!important;
display: flex!important;
gap: 10px!important; /* 间距 */
}
.tags .tag {
border-radius: 6px !important;
}
.movie-list .item .cover.contain img, .movie-list .item .cover img {
transition: transform .5s ease;
}
.pagination-link:active, .pagination-next:active, .pagination-previous:active {
box-shadow: none;
color: #E45E6B !important;
}
.app-desktop-banner .container {
display: none !important;
}
/* ---- ---- ---- ---- ---- --- ---- ---- ---2.详细页 ---- ---- --- ---- ---- --- ---- ---- ---- -------*/
/* ---- ----2.0 封面 ---- ---- -*/
.column-video-cover img {
outline: 6px solid #fff; !important;
box-shadow: 0 1px 16px rgba(0, 0, 0, 0.3) !important;
margin-top: 5px;
}
/* ---- ---- ---- ---- 2.1 封面右边详细信息---- ---- ---- ---- -*/
/* 卡片背景色 */
.message-body {
background-color: #fffcfc !important;
}
/* 行高 */
.movie-panel-info .panel-block {
line-height: 1.5; /* 设置行内间距 */
margin-bottom: 10px; /* 设置行间距 */
}
.movie-panel-info .panel-block:last-child {
margin-bottom: 0; /* 移除最后一行的额外间距 */
}
/* 隐藏指定的元素 */
/* 去分隔线 */
.panel-block {
border-bottom: none !important; /* 番号，日期，时长，片商 */
}
/* 其他 */
.buttons.are-small.review-buttons, /* 下载，修正 */
.play-button,
.list-tab,
.is-size-7.has-text-grey, /* 多少人想看 */
.sub-header, /* 广告 */
.top-meta, /* 官方app，telegram频道 */
.search-recent-keywords,
.navbar.is-dark.is-fluid {
display: none !important;
}
/* 右边文字 */
/* 复制按钮 */
.button.is-white.copy-to-clipboard {
box-shadow: none !important; /* 去阴影 */
}
.button.is-white.copy-to-clipboard:hover{
background-color: #fff !important; /* hover 背景色 */
}
/* 其他 */
.panel.movie-panel-info .panel-block {
font-size: 14px !important; /* 示例字体大小 */
}
.panel.movie-panel-info .panel-block a {
color: #777777 !important; /* 超链接的颜色 */
}
.panel.movie-panel-info a:hover {
color: #ef9595 !important; /* 修改鼠标悬停时的超链接颜色为浅番茄红 */
}
.score-stars [class^=icon-] {
color: #ED7676 !important; /* 星星得分 */
}
.score-stars .gray {
color:#E2E2E2 !important; /* 星星 */
}
.video-panel .magnet-links .item .magnet-name .name {
font-weight: 700;
word-break: break-all;
font-size: 13px !important;
}
/* ---- ---- ---- ---- 2.2 预览图框格---- ---- ---- ---- ----*/
/*整体布局*/
.preview-images {
display: grid !important; /* 使用grid布局 */
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)) !important; /* 根据屏幕大小自动等分，保证每个框格的宽度至少为100px */
grid-template-rows: 1fr 1fr !important; /* 确保每一行的高度相等 */
grid-gap: 16px !important; /* 每个框格之间的间距 */
}
/* 确保每个框格的图片按原始比例展示，且黑色填充空白 */
.preview-images img {
width: 100% !important; /* 让图片宽度填满框格 */
height: 100% !important; /* 让图片高度填满框格 */
object-fit: contain !important; /* 强制图片填满框格 */
background-color: #000 !important; /* 背景色为黑色 */
display: block !important; /* 图片作为块级元素显示 */
aspect-ratio: 16 / 10 !important; /* 设置 16:9 的固定长宽比 */
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important; /* 阴影效果 */
outline: 4px solid #000 !important; /* 设置边框，5px 白色边框 */
}
/* 确保每个框格的容器用黑色背景填满整个区域 */
.preview-images .item {
background-color: black !important; /* 背景色为黑色 */
display: flex !important; /* 使用flex布局来让图片居中 */
justify-content: center !important; /* 水平居中 */
align-items: center !important; /* 垂直居中 */
height: 100% !important; /* 确保框格的高度填满容器 */
width: 100% !important; /* 让图片宽度填满框格 */
}
/* 视频预览 */
/* 修改 preview-video-container 字体大小和颜色 */
.preview-video-container span {
font-size: 11px !important; /* 设置字体大小 */
border-radius: 3px !important;
color: #FFFFFF !important; /* 设置字体颜色 */
position: absolute !important; /* 按钮绝对定位 */
top: 10% !important; /* 相对于父容器的垂直居中 */
left: 5% !important; /* 距离左侧 */
}
/* 去掉视频预览遮罩 */
.preview-video-container:after {
background-color: rgba(0,0,0,.0);
}
.tag.is-dark {
background-color:#000 !important; /* 背景色为黑色 */
}
.tag.is-warning.tooltip {
background-color:#ff90bc !important; /* 背景色为黑色 */
}
/* ---- ---- ---- ---- ---- 2.3 下载页 ---- ---- ---- ---- ----*/
/* 移除边框残影 */
.tabs a {
border-bottom: none !important;
margin-bottom: 0px;
}
/* 列居中 */
.item.columns.is-desktop,
.item.columns.is-desktop.odd {
margin: 6px !important;
transform: translateY(-4px); /* 向下移动按钮组 10 像素 */
}
.item.columns.is-desktop:hover,
.item.columns.is-desktop.odd:hover {
background-color: #fff !important;
}
/* 按钮组 */
.tabs.is-boxed, .tabs.no-bottom {
border-bottom: 0 !important;
margin-bottom: 0px !important;
overflow: visible;
}
/* 背景透明 */
.tabs.is-boxed a {
background-color: transparent !important;
}
/* name、meta 和 tags 列整体右移 20px */
.magnet-links .item .magnet-name,
.magnet-links .item .magnet-meta,
.magnet-links .item .magnet-tags {
margin-left: 10px !important; /* 向右移动 20px */
}
/* 高清 */
.tag.is-primary.is-small.is-light {
color: #fff !important; /* 设置字体颜色 */
background-color: #49C78E !important; /* 背景色为黑色 */
}
/* 字幕 */
.tag.is-warning.is-small.is-light {
color: #fff !important; /* 设置字体颜色 */
background-color: #f4b16b !important; /* 背景色 */
}
/* meta(大小，文件个数）) */
.video-panel .magnet-links .item .magnet-name .meta {
color: #888888 !important; /* 设置字体颜色 */
font-size: 11px !important;
}
/* 磁力链接按钮位置，颜色 */
.magnet-links .item .buttons {
position: absolute !important; /* 按钮绝对定位 */
top: 50% !important; /* 相对于父容器的垂直居中 */
right: 120px !important; /* 距离右侧调整至 120px，可根据需要手动调整 */
transform: translateY(-50%) !important; /* 确保垂直方向真正居中 */
display: flex !important; /* 使用 flex 布局方便调整间距 */
gap: 0px !important; /* 复制和下载按钮之间的间距，调整为 10px */
color: #888888 !important; /* 设置字体颜色 */
}
/*----复制，下载 ----*/
/*按钮（复制，下载，赞，收藏） */
.button.is-info {
background-color: #Ed7676 !important;
color: #fff;
transition: transform 0.8s ease;
}
/*按钮居中 */
.buttons.column {
display: flex;
flex-wrap: wrap; /* 确保按钮不重叠，并且能换行 */
justify-content: flex-start; /* 按钮的排列方式 */
align-items: center; /* 按钮垂直居中 */
}
.buttons.column > .button.is-info.is-small {
color: #fff;
margin: 6px;
}
/*按钮（复制，下载，赞，收藏） */
.button.is-info.is-small:hover {
border-color: transparent;
color: #fff;
}
/* 日期 */
.magnet-links .item .date {
position: absolute !important; /* 日期列绝对定位 */
top: 50% !important; /* 垂直居中 */
right: 15px !important; /* 距离右侧调整至 10px */
transform: translateY(-50%) !important; /* 确保垂直方向真正居中 */
}
/* 短评 */
.review-items .review-item {
padding: .8rem 0;
border-bottom: 1px dashed #ddd;
border-radius: 0px !important; /* 保证图片顶部圆角 */
font-size: 14px !important;
}
/* 隐藏更多短评 */
.review-item.more.has-text-link {
display: none !important;
}
/* -------- ---- ---- ---- 2.5 其他---- ---- ---- ---- ----*/
/* header颜色 */
.video-panel .message-header {
background-color: #AC86C5 !important;
border-radius: 6px !important; /* 保证放大时四个角有圆角 */
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
/* 链接颜色 */
.video-panel .tile-images .tile-item .video-number, .video-panel .tile-images .tile-item .video-title {
color: #888 !important;
font-size: .7rem;
}
/* 卡片化 */
.tile-images.tile-small .tile-item {
border: 0px solid #ccc; /* 添加浅灰色边框 */
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important; /* 阴影*/
padding: 10px; /* 内部内容的间距 */
background-color: #fff; /* 可选，背景颜色 */
}
/* ---- ---- ---- ---- ---- --- ---- ---- ---3.女优主页---- ---- --- ---- ---- --- ---- ---- ---- -------*/
/* 头像 */
.avatar {
object-fit: cover !important; /* 强制图片填满框格 */
background-color: #Ed7676 !important; /* 背景色为黑色 */
display: block !important; /* 图片作为块级元素显示 */
aspect-ratio: 16 / 16 !important; /* 设置 16:9 的固定长宽比 */
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2) !important; /* 阴影效果 */
outline: 5px solid #fff !important;
border-radius: 12px !important; /* 保证图片顶部圆角 */
}
.has-text-justified {
font-size: 1.5rem;
text-align: justify!important;
margin-left: 16px;
}
/* 收藏，twitter,instagram. */
/*按钮左对齐，增加间距 */
.column.section-addition > .field.has-addons {
display: flex; /* 启用 Flexbox 布局 */
align-items: center; /* 垂直方向居中对齐 */
justify-content: flex-start; /* 保证按钮组左对齐 */
}
.column.section-addition > .field.has-addons > .control:not(:first-child) {
margin-left: 10px; /* 从第二个按钮开始设置水平间距 */
}
/* 心形图标 */
.icon-heart-o {
display: flex;
justify-content: flex-end;
align-items: center;
width: 20px;
height: 20px;
}
/* twitter */
a.button.is-info[href*="twitter.com"] {
background-color: #028FD6 !important;
}
/* instagramr */
a.button.is-info[href*="instagram.com"] {
background-color: #b547a3 !important;
}
/* 标签组 */
.actor-tags.tags {
border: none; !important; /* 移除tag底部边框 */
transform: translateY(20px); /* 向下移动 */
}
/* 下移 */
.actor-tags .collapse {
height: 30px !important;
}
/* 标签文字大小…（全局） */
.tag:not(body).is-medium {
font-size: 0.8rem;
border: 1px solid #999 !important;
box-shadow: none !important; /* 阴影效果 */
}
/* “全部”*/
.tag:not(body).is-link {
background-color: #AC86C5 !important;
border: 1px solid #AC86C5 !important;
color: #fff !important;
}
div.actor-tags.tags > div > a.button.is-link.tag-expand > span.text:hover {
color: #fff !important;
}
/* “可播放，单体作品……” */
.actor-tags .tag {
color: #888 !important;
background-color: #fff !important;
}
.actor-tags .tag:hover,
.actor-tags .button:hover {
text-decoration: none !important;
color: #Ed7676 !important;
}
.tag.is-medium.is-link:hover,
.button.is-link.tag-expand.is-outlined:hover,
.button.is-link.tag-expand:hover {
color: #fff !important;
}
.tag:not(body) .delete {
border-radius: 50% !important;
}
.tags .tag:not(:last-child) {
margin-right: .4rem;
}
/* 更多 */
/* 按钮大小 */
.actor-tags .content .tag-expand {
padding: calc(.9em - 6px) 0.5em;
font-size: .75rem;
float: right;
}
/* 按钮颜色 */
.button.is-link.is-outlined,
.button.is-link {
background-color:#AC86C5 !important;
border: none; !important;
color: #fff !important;
}
.button.is-link.is-outlined.tag-expand:hover {
background-color: #AC86C5 !important; /* 设置背景色为紫色 */
color: white !important; /* 设置文字颜色为白色 */
}
}
/* ---- ---- ---- ---- ---- --- ---- ---- ---4.女优主页---- ---- --- ---- ---- --- ---- ---- ---- -------*/
#tags dt a.tag-expand {
float: right;
margin-top: .6rem;
font-size: .6rem;
padding: 2px 5px;
border-color: #e45e6b !important;
color: #fff;
}
.actors .box img {
min-width: 3rem;
height: auto;
transition: all .2s ease-in-out;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
}
.actors .box {
display: inline-block;
text-align: center;
margin: 2px;
font-size: .8rem;
overflow: hidden !important;
margin-bottom: .4rem;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.actor-box a:visited strong {
color: #ac86c5 !important;
}
.actor-box a strong {
padding-top: .6rem;
padding-bottom: .4rem;
display: block;
line-height: 1rem;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #009e86;
}
body > section > div > h3:nth-child(6) {
font-size: 1.5rem;
margin-top: 16px;
}
.section-container .box {
margin-bottom: 0;
padding: 1rem 1.2rem;
color: #3273dc;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) !important;
word-wrap: break-word;
}
`;
document.head.appendChild(style); // 将其添加到 <head> 中
})();