@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);
}
