|
|
| 第1行： |
第1行： |
| /* =============================================
| |
| 国漫宇宙 · 青蓝系主题
| |
| ============================================= */
| |
|
| |
|
| /* ----- 全局基础 ----- */
| |
| body {
| |
| background-color: #f5f7fa;
| |
| color: #181e28;
| |
| font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
| |
| }
| |
|
| |
| a {
| |
| color: #1a6fc4;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #155a9e;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| a:visited {
| |
| color: #5a4ea0;
| |
| }
| |
|
| |
| /* ----- 导航栏 ----- */
| |
| .navbar {
| |
| background-color: #1a6fc4 !important;
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.15);
| |
| }
| |
|
| |
| .navbar .nav-link,
| |
| .navbar .navbar-brand,
| |
| .navbar .navbar-nav .nav-link,
| |
| .navbar .dropdown-toggle {
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| .navbar .nav-link:hover,
| |
| .navbar .navbar-brand:hover,
| |
| .navbar .dropdown-toggle:hover {
| |
| color: #d0e8ff !important;
| |
| }
| |
|
| |
| /* ----- 下拉菜单 ----- */
| |
| .navbar .dropdown-menu {
| |
| background-color: #1a6fc4 !important;
| |
| border: none;
| |
| border-radius: 4px;
| |
| box-shadow: 0 4px 12px rgba(0,0,0,0.2);
| |
| margin-top: 0;
| |
| }
| |
|
| |
| .navbar .dropdown-menu .dropdown-item {
| |
| color: #ffffff !important;
| |
| padding: 8px 20px;
| |
| font-size: 0.95em;
| |
| }
| |
|
| |
| .navbar .dropdown-menu .dropdown-item:hover {
| |
| background-color: #155a9e !important;
| |
| color: #ffffff !important;
| |
| }
| |
|
| |
| .navbar .dropdown-menu .dropdown-item:active {
| |
| background-color: #0f4a85 !important;
| |
| }
| |
|
| |
| /* ----- 主内容区 ----- */
| |
| #mw-content-text {
| |
| margin-top: 16px;
| |
| }
| |
|
| |
| /* ----- 章节标题卡片 ----- */
| |
| .mw-parser-output h2 {
| |
| background-color: #ffffff;
| |
| border-left: 4px solid #1a6fc4;
| |
| border-top: 1px solid #e0e6ef;
| |
| border-right: 1px solid #e0e6ef;
| |
| border-bottom: none;
| |
| color: #1a6fc4;
| |
| font-size: 1.3em;
| |
| margin-top: 24px;
| |
| margin-bottom: 0;
| |
| padding: 12px 16px;
| |
| border-radius: 6px 6px 0 0;
| |
| }
| |
|
| |
| .mw-parser-output h3 {
| |
| border-left: 3px solid #1a6fc4;
| |
| color: #181e28;
| |
| font-size: 1.1em;
| |
| margin-top: 16px;
| |
| padding-left: 10px;
| |
| }
| |
|
| |
| /* ----- 表格样式 ----- */
| |
| .wikitable {
| |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background-color: #ffffff;
| |
| border: 1px solid #e0e6ef;
| |
| border-radius: 6px;
| |
| overflow: hidden;
| |
| box-shadow: 0 1px 4px rgba(0,0,0,0.06);
| |
| margin: 12px 0;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background-color: #1a6fc4;
| |
| color: #ffffff;
| |
| padding: 10px 14px;
| |
| text-align: left;
| |
| font-weight: 600;
| |
| border: 1px solid #155a9e;
| |
| }
| |
|
| |
| .wikitable td {
| |
| padding: 9px 14px;
| |
| border: 1px solid #e0e6ef;
| |
| vertical-align: top;
| |
| }
| |
|
| |
| .wikitable tr:nth-child(even) td {
| |
| background-color: #f5f7fa;
| |
| }
| |
|
| |
| .wikitable tr:hover td {
| |
| background-color: #eef4fc;
| |
| }
| |
|
| |
| /* ----- Infobox 样式 ----- */
| |
| .infobox {
| |
| background-color: #ffffff;
| |
| border: 1px solid #e0e6ef;
| |
| border-radius: 8px;
| |
| box-shadow: 0 2px 8px rgba(0,0,0,0.08);
| |
| float: right;
| |
| margin: 0 0 16px 24px;
| |
| padding: 0;
| |
| width: 300px;
| |
| overflow: hidden;
| |
| }
| |
|
| |
| .infobox th {
| |
| background-color: #1a6fc4;
| |
| color: #ffffff;
| |
| padding: 12px 16px;
| |
| text-align: center;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .infobox td {
| |
| padding: 8px 12px;
| |
| border-top: 1px solid #f0f4f8;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| /* ----- 境界高亮标签 ----- */
| |
| .realm-tag {
| |
| background-color: #e03020;
| |
| color: #ffffff;
| |
| border-radius: 4px;
| |
| padding: 2px 8px;
| |
| font-size: 0.85em;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| /* ----- 搜索框 ----- */
| |
| .navbar .form-control {
| |
| border-radius: 20px;
| |
| border: none;
| |
| padding: 4px 16px;
| |
| }
| |
|
| |
| /* ----- 页脚 ----- */
| |
| #footer {
| |
| background-color: #1a6fc4;
| |
| color: #d0e8ff;
| |
| margin-top: 40px;
| |
| padding: 20px;
| |
| text-align: center;
| |
| font-size: 0.85em;
| |
| }
| |
|
| |
| #footer a {
| |
| color: #ffffff;
| |
| }
| |
|
| |
| /* ----- 移动端适配 ----- */
| |
| @media (max-width: 768px) {
| |
| .infobox {
| |
| float: none;
| |
| width: 100%;
| |
| margin: 0 0 16px 0;
| |
| }
| |
|
| |
| .wikitable {
| |
| font-size: 0.85em;
| |
| }
| |
|
| |
| .mw-parser-output h2 {
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .navbar .dropdown-menu {
| |
| background-color: #155a9e !important;
| |
| }
| |
| }
| |
