MediaWiki:Common.css
MediaWiki界面页面
更多操作
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 首页样式 */
:root {
--ec-mainpage-border-radius: 8px;
--ec-mainpage-gap: 0.625rem;
--ec-mainpage-padding: 0.625rem;
}
.settings-notice {
background-color: #fff3cd;
color: #856404;
padding: 10px;
text-align: center;
border: 1px solid #ffeeba;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
font-weight: bold;
}
.ec-card {
--ec-card-image-width: 100px;
border-radius: var(--ec-mainpage-border-radius);
position: relative;
}
.ec-card:has(.ec-card--image, .ec-card--content) {
display: flex;
}
.ec-card .ec-card--image {
display: flex;
justify-content: center;
align-items: center;
width: var(--ec-card-image-width);
}
.ec-card .ec-card--image img {
display: block;
border-radius: calc(var(--ec-mainpage-border-radius) / 2);
}
.ec-card .ec-card--content {
width: calc(100% - var(--ec-card-image-width));
padding: var(--ec-mainpage-padding);
}
.ec-wrapper {
display: flex;
flex-direction: column;
gap: var(--ec-mainpage-gap);
}
.ec-header {
margin: var(--space-xxl) 0;
filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .6));
}
.ec-header .ec-header__title {
display: flex;
justify-content: center;
align-items: center;
gap: var(--ec-mainpage-gap);
user-select: none;
-webkit-user-select: none;
}
.ec-header .ec-header__title .ec-header__logo img {
display: block;
width: 76px;
height: 76px;
}
.ec-header .ec-header__title .ec-header__wordmark {
color: transparent;
font-size: 42px;
font-weight: bold;
letter-spacing: 0.0625rem;
background: repeating-linear-gradient(180deg, rgb(245, 144, 0), rgb(254, 254, 116), rgb(77, 202, 15));
background-clip: text;
-webkit-background-clip: text;
}
.ec-navigation .ec-navigation-intro {
display: flex;
font-size: 14px;
width: 100%;
background: rgba(255, 255, 255, .4);
border: 1px solid var(--border-color-base);
border-radius: var(--ec-mainpage-border-radius);
backdrop-filter: saturate(250%) blur(16px);
-webkit-backdrop-filter: saturate(250%) blur(16px);
overflow: hidden;
margin-bottom: var(--ec-mainpage-gap);
}
.ec-navigation .ec-navigation-intro .ec-card--content {
display: flex;
flex-direction: column;
gap: 4px;
}
.ec-navigation .ec-navigation-intro .ec-navigation-intro__title {
color: var(--color-base--emphasized);
font-size: 16px;
}
.ec-navigation .ec-navigation-intro ul {
font-size: 13px;
margin: 0 0 0 var(--space-lg);
}
.ec-navigation .ec-navigation-quote {
width: fit-content;
padding: 0 26px;
margin: 26px auto;
}
.ec-navigation .ec-navigation-quote__saying {
display: flex;
align-items: flex-end;
gap: 5px;
color: var(--color-base--emphasized);
font-size: 20px;
font-family: serif;
text-align: justify;
position: relative;
margin-bottom: 10px;
}
.ec-navigation .ec-navigation-quote__saying::before,
.ec-navigation .ec-navigation-quote__saying::after {
display: block;
height: 36px;
font-size: 58px;
font-family: sans-serif;
position: absolute;
}
.ec-navigation .ec-navigation-quote__saying::before {
content: '“';
color: #f59000;
top: -20px;
right: 100%;
}
.ec-navigation .ec-navigation-quote__saying::after {
content: '”';
color: #4dca0f;
left: 100%;
bottom: -10px;
}
.ec-navigation .ec-navigation-quote__author {
color: var(--color-base--subtle);
font-size: 13px;
text-align: right;
width: fit-content;
margin-left: auto;
margin-right: 16px;
position: relative;
}
.ec-navigation .ec-navigation-quote__author::before {
content: '——';
margin-right: 8px;
}
.ec-navigation .ec-navigation-quote__author::after {
content: '';
position: absolute;
top: 50%;
left: 32px;
right: 0;
bottom: 5px;
background: rgba(255, 165, 0, 0.7);
}
.ec-container {
display: grid;
grid-gap: var(--ec-mainpage-gap);
}
.ec-container .ec-container-card {
border: 1px solid var(--ec-container-card-main-color);
overflow: hidden;
}
.ec-container .ec-container-card__title {
color: #fff;
font-size: 22px;
text-align: center;
font-weight: bold;
padding: calc(var(--ec-mainpage-padding) / 2) var(--ec-mainpage-padding);
background: var(--ec-container-card-main-color);
height: 46px;
}
.ec-container .ec-container-card__title img {
width: auto;
height: 38px;
}
.ec-container .ec-container-card__content {
background: rgba(255, 255, 255, .3);
backdrop-filter: saturate(150%) blur(16px);
-webkit-backdrop-filter: saturate(150%) blur(16px);
height: calc(100% - 46px);
}
.ec-container .ec-container-welcome {
--ec-container-card-welcome-desc-width: 160px;
--ec-container-card-welcome-image-width: 60px;
--ec-container-card-welcome-item-line-color: #FF96C9;
}
.ec-container .ec-container-card-grid {
display: grid;
grid-gap: var(--ec-mainpage-padding);
align-items: flex-start;
}
.ec-container .ec-container-card-grid.ec-container-card-grid--col1 {
grid-template-columns: repeat(1, 1fr);
}
.ec-container .ec-container-card-grid.ec-container-card-grid--col2 {
grid-template-columns: repeat(2, 1fr);
}
.ec-container .ec-container-card-grid.ec-container-card-grid--col3 {
grid-template-columns: repeat(3, 1fr);
}
.ec-container .ec-container-card-grid.ec-container-card-grid--col4 {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
.ec-container .ec-container-card-grid.ec-container-card-grid--col4 {
grid-template-columns: repeat(2, 1fr);
row-gap: 24px;
column-gap: 32px;
}
}
.ec-container .ec-container-card-grid.ec-container-card-grid--col5 {
grid-template-columns: repeat(5,1fr);
align-items: flex-start;
}
@media (max-width: 768px) {
.ec-container .ec-container-card-grid.ec-container-card-grid--col5 {
grid-template-columns: repeat(2, 1fr);
}
}
.ec-container .ec-container-card-gridItem.ec-container-card-gridItem--colspan2 {
grid-column: span 2;
}
.ec-container .ec-container-card-gridItem.ec-container-card-gridItem--colspan3 {
grid-column: span 3;
}
.ec-container .ec-container-card-gridItem {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: var(--ec-mainpage-gap);
}
.ec-container .ec-container-card-gridItem__image img {
display: block;
width: 60px;
height: auto;
border-radius: calc(var(--ec-mainpage-border-radius) / 2);
}
.ec-container .ec-container-card-gridItem__title {
text-align: center;
}
@media (max-width: 768px) {
.ec-container .ec-container-card-gridItem {
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.ec-container .ec-container-card-gridItem__image img {
width: 40px;
}
.ec-container .ec-container-card-gridItem__title {
text-align: left;
font-size: 14px;
}
}
.ec-container .ec-container-welcome-group {
display: flex;
flex-direction: column;
height: 100%;
}
.ec-container .ec-container-welcome-item {
display: flex;
align-items: center;
gap: var(--ec-mainpage-gap);
width: 100%;
padding: calc(var(--ec-mainpage-padding) / 2) var(--ec-mainpage-padding);
border-bottom: 2px solid var(--ec-container-card-welcome-item-line-color);
}
.ec-container .ec-container-welcome-item:last-child {
border-bottom: unset;
}
.ec-container .ec-container-welcome-item.ec-container-welcome-item-siteinfo {
height: 100%;
background: var(--background-color-quiet--hover);
}
.ec-container .ec-container-welcome-item.ec-container-welcome-item-siteinfo .ec-container-welcome-item__content > * {
display: block;
}
.ec-container .ec-container-welcome-item.ec-container-welcome-item-siteinfo .ec-container-welcome-item-siteinfo__title {
color: var(--color-base--emphasized);
font-size: 18px;
font-weight: bold;
}
.ec-container .ec-container-welcome-item.ec-container-welcome-item-siteinfo .ec-container-welcome-item-siteinfo__desc {
color: var(--color-base);
font-size: 12px;
letter-spacing: 0.75px;
}
.ec-container .ec-container-welcome-item--reverse {
flex-direction: row-reverse;
}
.ec-container .ec-container-welcome-item__desc {
display: flex;
justify-content: center;
gap: var(--ec-mainpage-gap);
width: var(--ec-container-card-welcome-desc-width);
}
.ec-container .ec-container-welcome-item__descItem {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: var(--ec-mainpage-gap);
}
.ec-container .ec-container-welcome-item__image img {
display: block;
width: var(--ec-container-card-welcome-image-width);
height: auto;
border-radius: calc(var(--ec-mainpage-border-radius) / 2);
}
.ec-container .ec-container-welcome-item__title {
text-align: center;
}
.ec-container .ec-container-welcome-item__content {
text-align: justify;
width: calc(100% - var(--ec-container-card-welcome-desc-width));
}
.ec-container .ec-container-welcome-item__content p {
margin: 0;
}
@media (max-width: 768px) {
.ec-container .ec-container-welcome-item__descItem {
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.ec-container .ec-container-welcome-item__image img {
width: 40px;
}
.ec-container .ec-container-welcome-item__title,
.ec-container .ec-container-welcome-item__descItem,
.ec-container .ec-container-welcome-item__content {
font-size: 14px;
}
.ec-container .ec-container-welcome-item__desc {
width: 100%;
gap: 12px;
padding: 0 8px;
box-sizing: border-box;
}
.ec-container .ec-container-welcome-item__content {
width: 100%;
padding: 0 8px;
box-sizing: border-box;
}
.ec-container .ec-container-welcome-item__title {
text-align: left;
}
}
.ec-container .ec-container-rules .ec-container-card-gridItem--wrapper {
grid-column: span 3;
display: flex;
justify-content: center;
gap: calc(var(--ec-mainpage-gap) * 3);
}
.ec-container .ec-container-pages .ec-container-card-gridItem--colspan3 img {
width: 100%;
}
.ec-container .ec-container-news .ec-container-card__content {
background: rgba(0, 0, 0, .8);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ec-container .ec-container-news .ec-container-news__title {
color: #fff;
font-size: 20px;
text-align: center;
}
.ec-container .ec-container-news .ec-container-news__title .emphasized {
color: transparent;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.0625rem;
background: repeating-linear-gradient(180deg, rgb(245, 144, 0), rgb(254, 254, 116), rgb(77, 202, 15));
background-clip: text;
-webkit-background-clip: text;
}
.ec-container .ec-container-news .ec-container-news__invite {
color: #fff;
font-size: 12px;
padding: 4px 8px;
text-align: center;
}
.ec-container .ec-container-link .ec-container-card__content {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}
.ec-container .ec-container-special .ec-container-card-gridItem--colspan3 img {
width: 100%;
}
.ec-container .ec-container-editnow .ec-container-card__label {
text-align: center;
}
.ec-container-recentchanged {
max-height: 800px;
}
.ec-container-recentchanged .ec-container-card__content {
overflow-y: auto;
}
.ec-container-recentchanged .mw-changeslist h4 {
padding: var(--space-sm);
margin: 0;
}
.ec-container-recentchanged .mw-changeslist-legend {
position: absolute;
top: 0;
right: 0;
background: var(--background-color-overlay);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.ec-container-recentchanged .mw-changeslist::before,
.ec-container-recentchanged .mw-changeslist-line::before,
.ec-container-recentchanged .mw-contributions-list li::before {
content: none;
}
.ec-container-recentchanged .mw-changeslist-line,
.ec-container-recentchanged .mw-contributions-list li {
margin: 0 !important;
}
.ec-container-recentchanged table.mw-enhanced-rc td:nth-child(2) {
display: none;
}
.ec-footer {
font-size: 0.8125rem;
font-family: monospace;
text-align: center;
}
.ec-footer a {
text-decoration: none;
}
.ec-footer a::before {
content: '［';
color: var(--color-base--emphasized);
}
.ec-footer a::after {
content: '］' !important;
color: var(--color-base--emphasized);
display: unset !important;
width: unset !important;
height: unset !important;
margin-left: unset !important;
background-color: unset !important;
-webkit-mask: unset !important;
mask: unset !important;
-webkit-mask-size: unset !important;
mask-size: unset !important;
}
@media screen and (min-width: 1001px) {
.ec-container .ec-container-welcome {
grid-column: 1 / span 2;
grid-row: 1 / span 5;
}
.ec-container .ec-container-rules {
grid-column: 3;
grid-row: 1 / span 2;
}
.ec-container .ec-container-docs {
grid-column: 3;
grid-row: 3 / span 2;
}
.ec-container .ec-container-pages {
grid-column: 1;
grid-row: 6 / span 3;
}
.ec-container .ec-container-news {
grid-column: 1;
grid-row: 9;
}
.ec-container .ec-container-link {
grid-column: 1;
grid-row: 10 / span 2;
}
.ec-container .ec-container-special {
grid-column: 2;
grid-row: 6 / span 3;
}
.ec-container .ec-container-editnow {
grid-column: 2;
grid-row: 9 / span 3;
}
.ec-container .ec-container-recentchanged {
grid-column: 3;
grid-row: 5 / span 5;
}
}
@media screen and (max-width: 1000px) {
.ec-header .ec-header__title {
flex-direction: column;
gap: 0;
}
.ec-header .ec-header__title .ec-header__wordmark {
font-size: 32px;
}
.ec-navigation .ec-navigation-intro {
--ec-card-image-width: 80px;
}
.ec-container {
grid-template-columns: repeat(1, 1fr);
}
.ec-container .ec-container-welcome {
--ec-container-card-welcome-desc-width: 100%;
}
.ec-container .ec-container-welcome-item {
flex-direction: column;
}
.ec-container .ec-container-welcome-item__content {
width: 100%;
}
}
/* 原有的样式表 */
.skin-citizen-light .welcomeec {
width: 100%;
font-size: 80%;
margin: 0 auto;
border-radius: 5px;
background-color: #f9fafb;
}
.skin-citizen-dark .welcomeec {
background-color: #1e2830;
}
.flexdiv {
display: flex;
flex-wrap: wrap;
}
.wikibox,
.wikibox2,
.wikibox3 {
width: 100%;
padding: 10px;
box-sizing: border-box;
}
@media (min-width: 721px) {
.wikibox {
width: calc(100% / 3);
}
.wikibox2 {
width: calc(100% / 3 * 2);
}
.wikibox3 {
width: calc(100% / 2);
}
}
@media (max-width: 720px) {
.wikibox,
.wikibox2,
.wikibox3 {
width: 100%;
}
}
/*
.skin-citizen-dark .info-class {
filter: invert(1) hue-rotate(180deg);
}
*/
.mask {
color: #000000;
background-color: #000000;
transition: color 100ms ease;
}
.mask:hover {
color: #fff;
}
.page-首页 .mw-body-header,
.page-首页 .page-info,
.page-首页 .cs-comments,
.page-首页 .ec-container-recentchanged .mw-changeslist-legend,
.page-IndexTest .mw-body-header,
.page-IndexTest .page-info,
.page-IndexTest .cs-comments,
.page-招新中心页 .mw-body-header,
.page-招新中心页 .page-info,
.page-招新中心页 .cs-comments {
display: none;
}
.page-琴叶茜·葵 .mw-body-header,
.page-琴叶茜·葵 .page-info,
.page-琴叶茜·葵 .cs-comments {
display: none;
}
.page-琴叶茜·葵 .banner-image {
--banner-image-url: url("https://wiki.easecation.net/images/e/ea/Kotonoha_10th.jpeg");
--banner-image-height: 110vh;
background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
background-size: cover;
background-position: top;
height: var(--banner-image-height);
margin-bottom: calc(-1 * var(--banner-image-height));
}
.page-飽きて放置したゲームの世界、からヤンデレヒロインがやってきて… .banner-image {
--banner-image-url: url("https://ec-wiki.oss-cn-hangzhou.aliyuncs.com/images/4/4b/EchoBanner.png");
--banner-image-height: 120vh;
background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
background-size: cover;
background-position: top;
height: var(--banner-image-height);
margin-bottom: calc(-1 * var(--banner-image-height));
}
.page-首页 .banner-image,
.page-IndexTest .banner-image {
--banner-image-url: url("https://ec-wiki.oss-cn-hangzhou.aliyuncs.com/images/1/1f/Background.jpg");
--banner-image-height: 70vh;
background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
background-size: cover;
background-position: top;
height: var(--banner-image-height);
margin-bottom: calc(-1 * var(--banner-image-height));
}
.page-圣符传说 .banner-image {
--banner-image-url: url("https://ec-wiki.oss-cn-hangzhou.aliyuncs.com/images/f/fa/1759677793722.png");
--banner-image-height: 100vh;
background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
background-size: cover;
background-position: top;
height: var(--banner-image-height);
margin-bottom: calc(-1 * var(--banner-image-height));
}
.mw-message-box-warning {
backdrop-filter: saturate(125%) blur(16px);
-webkit-backdrop-filter: saturate(125%) blur(16px);
}
/* Player Card */
.player-card {
box-shadow: var(--box-shadow-dialog);
margin: 0 0 var(--space-lg) var(--space-lg);
}
.player-card__foreground {
backdrop-filter: blur(48px) saturate(200%) brightness(90%);
-webkit-backdrop-filter: blur(48px) saturate(200%) brightness(90%);
}
.page-2024行文竞赛 .citizen-page-container {
margin: 0;
}
.page-2024行文竞赛 .mw-editform {
background-color: white;
}
@keyframes neon {
0% {
text-shadow: 0 0 0.3125rem rgb(0, 0, 0),
0 0 0.625rem rgb(0, 0, 0),
0 0 0.9375rem rgb(0, 0, 0),
0 0 1.25rem rgb(255, 0, 0),
0 0 2.1875rem rgb(255, 0, 0),
0 0 2.5rem rgb(255, 0, 0),
0 0 3.125rem rgb(255, 0, 0),
0 0 4.6875rem rgb(255, 0, 0);
}
100% {
text-shadow: 0 0 0.1565rem rgb(0, 0, 0),
0 0 0.3125rem rgb(0, 0, 0),
0 0 0.469rem rgb(0, 0, 0),
0 0 0.625rem rgb(255, 0, 0),
0 0 1.094rem rgb(255, 0, 0),
0 0 1.25rem rgb(255, 0, 0),
0 0 1.5625rem rgb(255, 0, 0),
0 0 2.344rem rgb(255, 0, 0);
}
}
/* 2024行文竞赛 */
.page-2024行文竞赛 .page-actions,
.page-2024行文竞赛 .siteSub,
.page-2024行文竞赛 .contentSub,
.page-2024行文竞赛 .page-info,
.page-2024行文竞赛 .contentSub,
.page-2024行文竞赛 .mw-footer,
.page-2024行文竞赛 .mw-footer .citizen-footer,
.page-2024行文竞赛 .mw-header,
.page-2024行文竞赛 .mw-header .citizen-header,
.page-2024行文竞赛 .cs-comments,
.page-2024行文竞赛 .citizen-page-footer,
.page-2024行文竞赛 .mw-body-header,
.page-2024行文竞赛 .mw-body-header .citizen-page-header {
display: none;
}
.page-2024行文竞赛 #siteSub,
.page-2024行文竞赛 #contentSub,
.page-2024行文竞赛 #contentSub2 {
display: none;
}
.page-2024行文竞赛 .firstHeading-container {
display: unset;
}
.page-2024行文竞赛 .citizen-body-container {
padding: 0;
margin: 0;
justify-content: unset;
}
.floating-content {
width: 100%;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
text-align: center;
}
.page-2024行文竞赛 .grid {
margin: 0;
overflow: hidden;
background-color: black;
font-family: 'Courier New', Courier, monospace;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
grid-template-rows: repeat(auto-fill, minmax(50px, 1fr));
height: 100vh;
width: 100vw;
position: fixed;
z-index: 1;
}
.cell {
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-size: 24px;
color: rgba(0, 255, 0, 0);
transition: color 0.3s ease;
user-select: none;
}
.cell::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0);
z-index: 1;
}
.cell.active {
color: rgba(0, 255, 0, 1);
}
.cell.fade {
animation: fadeOut 1s forwards;
}
@keyframes fadeOut {
0% {
color: rgba(0, 255, 0, 1);
}
100% {
color: rgba(0, 255, 0, 0);
}
}
.tab-container {
width: 300px;
border: 1px solid #ccc;
}
.tab-buttons {
display: flex;
background: #ddd;
border-bottom: 1px solid #ccc;
}
.tab-btn {
flex: 1;
padding: 10px;
background: #ddd;
text-align: center;
cursor: pointer;
transition: background 0.3s;
}
.tab-btn:hover {
background: #ccc;
}
.tab-btn.active {
background: white;
border-bottom: 2px solid black;
}
.tab-content {
padding: 20px;
display: none;
text-align: center;
}
.tab-content.active {
display: block;
}
.tab-content img {
max-width: 100%;
height: auto;
}
.mw-parser-output p {
margin-bottom: 0;
}
/* 贡献排行榜样式 */
.contributionscores-wrapper {
max-width: 1000px;
margin: 1.5rem 0;
padding: 1rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
background-color: transparent;
}
.contributionscores-title {
margin: 0 0 1rem 0;
padding: 0.8rem 1rem;
border-radius: 6px 6px 0 0;
background: #004aad;
color: white;
font-size: 1.2rem;
font-weight: 600;
border-bottom: 3px solid #2850b8;
}
.contributionscores {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 0 0 6px 6px;
overflow: hidden;
}
.contributionscores .header {
background: #f5f7fa;
border-bottom: 2px solid #e0e0e0;
}
.contributionscores .header td {
padding: 0.8rem 1rem;
text-align: left;
font-weight: 600;
color: #333;
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 0.5px;
}
.contributionscores .content td {
padding: 0.8rem 1rem;
border-bottom: 1px solid #f0f0f0;
transition: background-color 0.2s ease;
}
.contributionscores .odd {
background-color: #fafafa;
}
.contributionscores .even {
background-color: transparent;
}
.contributionscores tr:hover td {
background-color: #f0f7ff;
}
.contributionscores .content td:first-child {
font-weight: bold;
color: #666;
width: 60px;
}
.contributionscores .content td:last-child {
font-weight: 600;
color: #4285f4;
}
.contributionscores .content a {
color: #1976d2;
text-decoration: none;
transition: color 0.2s ease;
}
.contributionscores .content a:hover {
color: #0d47a1;
text-decoration: underline;
}
@media (max-width: 768px) {
.contributionscores-wrapper {
padding: 0.5rem;
margin: 1rem 0;
}
.contributionscores .header td,
.contributionscores .content td {
padding: 0.6rem 0.5rem;
font-size: 0.9rem;
}
}
/* AI摘要 */
.mw-ai-summary {
display: inline-block;
margin: 2px 4px;
padding: 2px 8px;
font-size: 0.85em;
line-height: 1.3;
color: #ffffffff;
background: #5b9ad5a2;
border-radius: 8px;
box-shadow: 0 1px 1.5px rgba(0,0,0,.14);
transition: box-shadow .3s ease, background .3s ease;
/* 提示 */
position: relative;
cursor: help; /* 问号指针 */
}
.mw-ai-summary:hover {
background: #4473c4c4;
box-shadow: 0 3px 4px rgba(0,0,0,.2);
}
.mw-ai-summary:empty {
display: none !important;
}
/* 提示显示 */
.mw-ai-summary::after {
content: "此摘要为 AI 生成 (revid: " attr(data-revid) ")"; /* 显示修订ID，方便调试和定位 */
position: absolute;
left: 0;
bottom: 100%; /* 紧跟在元素上方 */
margin-bottom: 4px;
white-space: nowrap; /* 不换行 */
padding: 4px 8px;
font-size: 0.8em;
color: #ffffffff;
box-shadow: 0 1px 1.5px rgba(0,0,0,.20);
background: #4473c470;
border-radius: 4px;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease;
z-index: 9999;
}
/* 悬停时显出来 */
.mw-ai-summary:hover::after {
opacity: 1;
}
/* 编辑框背景高斯模糊 */
.mw-editform {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.18);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
border-radius: 6px;
}