模板:Internet.css

/* 中文后联网 —— TemplateStyles 正文版
   用途：粘贴到 模板:Internet.css（内容模型 sanitized-css）
   重要：TemplateStyles 会自动给所有选择器加 .mw-parser-output 前缀，
   所以这里【不要写 body.page-... 前缀】，直接写正文内元素即可。
   只覆盖正文区域：链接、h2/h3、代码块、表格、按钮。
   页面外围样式（黑背景、导航标签、右栏、标题、扫描线、字体）
   必须放 MediaWiki:Common.css（见 用户页_Apt_install_赛博主题.css 完整版）。 */

/* 正文链接 */
a {
    color: #0ff;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

a:hover {
    color: #ffffff;
}

a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0ff;
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

a:hover::after {
    transform: scaleX(1);
}

/* 正文标题（h1 通常指页面标题，在外层，这里只管 h2/h3） */
h2,
h3 {
    text-shadow: 0 0 10px #0ff;
    position: relative;
    padding-left: 25px;
}

h3::before {
    content: ">";
    color: #0ff;
    position: absolute;
    left: 0;
    text-shadow: 0 0 8px #0ff;
}

h2:hover::before,
h3:hover::before {
    transform: translateX(0.2em);
    opacity: 1;
    text-shadow: 0 0 12px #0ff;
}

/* 代码块 */
pre,
.mw-code {
    background: #00161f;
    border: 1px solid #004455;
    box-shadow: inset 0 0 10px #002233;
    color: #6cffeb;
    font-family: 'Space Mono', monospace;
}

pre {
    padding: 15px;
    overflow-x: auto;
    position: relative;
}

pre::before {
    content: "CODE TERMINAL";
    position: absolute;
    top: -20px;
    left: 0;
    color: #0ff;
    font-size: 0.8em;
}

/* 表格 */
table {
    border: 2px solid #0ff;
    background: rgba(0, 0, 0, 0.7);
    margin: 20px 0;
}

th {
    background: rgba(0, 255, 255, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
}

td {
    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
    padding: 12px;
}

/* 正文内按钮 */
.button,
.wds-button {
    background: linear-gradient(45deg, #000000, #0ff);
    border: 1px solid #0ff;
    padding: 8px 20px;
    color: #ffffff;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
}

.button:hover,
.wds-button:hover {
    box-shadow: 0 0 15px #0ff;
    transform: translateY(-2px);
}