查看“︁用户:Apt install/common.css”︁的源代码

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;700&display=swap');

:root {
    --neon-blue: #0ff;
    --cyber-purple: #bc13fe;
    --matrix-green: #0f0;
    --dark-bg: #000000;
    --accent-color: #0ff;
    --border-glow: rgba(0, 255, 255, 0.35);
}

/* 页面主体（仅作者页） */
body.page-用户_Apt_install {
    background: var(--dark-bg) !important;
    color: #fff;
    font-family: 'Orbitron', 'Rajdhani', Arial, sans-serif;
    line-height: 1.6;
}

/* 导航标签页科技化 */
body.page-用户_Apt_install .wds-tabs__tab {
    border: 1px solid var(--neon-blue);
    background: rgba(0, 255, 255, 0.1);
    margin: 0 5px;
    transition: all 0.3s ease;
}

body.page-用户_Apt_install .wds-tabs__tab:hover {
    box-shadow: 0 0 15px var(--neon-blue);
    background: rgba(0, 255, 255, 0.3);
}

/* 标题特效（含页面标题） */
body.page-用户_Apt_install #firstHeading,
body.page-用户_Apt_install .mw-body h2,
body.page-用户_Apt_install .mw-body h3 {
    text-shadow: 0 0 10px var(--neon-blue);
    position: relative;
    padding-left: 25px;
}

body.page-用户_Apt_install #firstHeading::before,
body.page-用户_Apt_install .mw-body h3::before {
    content: ">";
    color: var(--neon-blue);
    position: absolute;
    left: 0;
    text-shadow: 0 0 8px var(--neon-blue);
}

body.page-用户_Apt_install #firstHeading:hover::before,
body.page-用户_Apt_install .mw-body h2:hover::before,
body.page-用户_Apt_install .mw-body h3:hover::before {
    transform: translateX(0.2em);
    opacity: 1;
    text-shadow: 0 0 12px var(--neon-blue);
}

/* 内容区科技边框 */
body.page-用户_Apt_install .mw-body {
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(0, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

body.page-用户_Apt_install .mw-body-content {
    padding: 20px;
    margin: 15px 0;
}

/* 右栏星云效果（原 .wikiabar -> .CosmosRail） */
body.page-用户_Apt_install .CosmosRail,
body.page-用户_Apt_install .cosmos-rail-inner {
    background: rgba(16, 45, 68, 0.9);
    border-left: 1px solid var(--accent-color);
    box-shadow: -3px 0 10px var(--border-glow);
}

/* 链接特效 */
body.page-用户_Apt_install a {
    color: var(--neon-blue);
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

body.page-用户_Apt_install a:hover {
    color: #fff;
}

body.page-用户_Apt_install a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--neon-blue);
    bottom: -2px;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

body.page-用户_Apt_install a:hover::after {
    transform: scaleX(1);
}

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

body.page-用户_Apt_install pre {
    padding: 15px;
    overflow-x: auto;
    position: relative;
}

body.page-用户_Apt_install pre::before {
    content: "CODE TERMINAL";
    position: absolute;
    top: -20px;
    left: 0;
    color: var(--neon-blue);
    font-size: 0.8em;
}

/* 未来感表格 */
body.page-用户_Apt_install table {
    border: 2px solid var(--neon-blue);
    background: rgba(0, 0, 0, 0.7);
    margin: 20px 0;
}

body.page-用户_Apt_install th {
    background: rgba(0, 255, 255, 0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
}

body.page-用户_Apt_install td {
    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
    padding: 12px;
}

/* 动态扫描线（仅作者页） */
@keyframes scanline {
    0% { transform: translateY(-100%); opacity: 0.8; }
    80% { opacity: 0.5; }
    100% { transform: translateY(100vh); opacity: 0.2; }
}

body.page-用户_Apt_install::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, transparent 49%, rgba(0, 255, 255, 0.15) 50%, transparent 51%);
    background-size: 100% 5px;
    pointer-events: none;
    animation: scanline 3s linear infinite;
    z-index: 9999;
}

/* 未来感按钮 */
body.page-用户_Apt_install .button,
body.page-用户_Apt_install .wds-button {
    background: linear-gradient(45deg, #000, var(--neon-blue));
    border: 1px solid var(--neon-blue);
    padding: 8px 20px;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease;
    cursor: pointer;
}

body.page-用户_Apt_install .button:hover,
body.page-用户_Apt_install .wds-button:hover {
    box-shadow: 0 0 15px var(--neon-blue);
    transform: translateY(-2px);
}