/*－－－－－－
作者：keny
主题：Vincent Mars 的数字星域 - 深空星空版
－－－－－－*/

@import url(default.css);

body			{
			text-align: center; cursor: default; color: #E2E8F0; padding: 0; width: 100%;
			/* 深空渐变背景 - 核心星空底色 */
			background: linear-gradient(180deg, #0A0E27 0%, #1A1A3A 100%) center fixed no-repeat;
			font: 15px georgia,microsoft yahei;
			}

a			{
			color: #BFDBFE; text-decoration: none; cursor: help;
			}

a:hover			{
			/* 星云紫星光hover效果 */
			color: #E879F9;
			text-shadow: 0 0 6px rgba(232, 121, 249, 0.6);
			border-bottom: 1px dashed rgba(232, 121, 249, 0.5);
			position: relative; left: 1px; top: 1px;
			}

img			{
			border: 0px;
			}

*			{
			margin: 0; padding: 0;
			}

.header			{
			width: 1000px;
			/* 半透明星云边框+背景 */
			border: 3px solid rgba(255,255,255,0.2);
			margin: 0 auto;
			background: rgba(22, 33, 62, 0.95);
			text-align: center;
			}

.main_menu		{
			width: 1000px; height: 30px;
			}

.mm_left		{
			float: left; padding: 4px 2px 4px 2px; width: 595px;
			/* 深空深蓝导航栏 */
			background: #0F172A;
			text-align: center;
			}

.mm_right		{
			float: right; padding: 4px 2px 4px 2px; width: 395px;
			/* 星轨浅蓝导航栏 */
			background: #3B82F6;
			text-align: center;
			}

a.silver		{
			/* 星云浅紫导航文字 */
			color: #A78BFA; font-weight: bold; text-decoration: none;
			}

a.silver:hover		{
			text-decoration: none;
			}

a.white			{
			/* 星光白文字 + 微弱发光 */
			color: #F8FAFC; font-weight: bold; text-decoration: none;
			text-shadow: 0 0 3px rgba(224,242,254,0.8);
			}

a.white:hover		{
			text-decoration: none;
			}

.mainline		{
			clear: both; width: auto; display: block;
			/* 星轨渐变分割线 */
			background: linear-gradient(90deg, transparent, #3B82F6, transparent);
			font: 0px/0px sans-serif; height: 3px;
			}

.clear			{
			clear: both; font: 0px/0px sans-serif;
			}

.main_div		{
			width: 1006px; margin: auto;
			}

.main_l			{
			float: left; width: 265px; padding-right: 3px; table-layout: fixed;
			}

.main_r			{
			float: right; width: 738px; table-layout: fixed; text-align: center;
			}

.index_list		{
			/* 半透明星云卡片 */
			border: 3px solid rgba(255,255,255,0.2);
			clear: both; margin: auto;
			background: rgba(22, 33, 62, 0.95);
			text-align: left; height: 333px;
			}

.ico_title		{
			border-right: 3px solid rgba(255,255,255,0.2);
			float: left; width: 25px;
			}

.r_title_bg		{
			float: right; width: 331px;
			/* 星盘蓝标题背景 */
			background: #1A365D;
			color: #F8FAFC; line-height: 25px;
			text-align: left; height: 25px;
			}

.r_title_name		{
			float: left; padding-left: 5px; width: 331px; font-weight: bold; text-align: left;
			/* 星光文字阴影 */
			text-shadow: 0 0 4px rgba(224, 242, 254, 0.7);
			}

.left_desk		{
			/* 半透明星云侧边栏 */
			border: 3px solid rgba(255,255,255,0.2);
			margin: 0 auto; clear: both;
			background: rgba(22, 33, 62, 0.95);
			text-align: left;
			}

.l_title		{
			float: right; width: 225px;
			color: #F8FAFC;
			/* 星盘蓝标题背景 */
			background: #1A365D;
			font-weight: bold;
			text-align: left; line-height: 25px; height: 25px;
			text-shadow: 0 0 4px rgba(224, 242, 254, 0.7);
			}

.main_list		{
			border-top: 3px solid rgba(255,255,255,0.2);
			float: left; width: 360px;
			/* 星群深色背景 */
			background: #1E293B;
			height: 300px; overflow: hidden;
			}

.list			{
			float: left; margin: 0 auto; padding: 0; list-style-type: none; overflow: hidden;
			}

.list ul		{
			margin: 0; padding: 0;
			}

.list li		{
			border-bottom: 1px solid rgba(255,255,255,0.1);
			padding: 4px 0 0 15px; width: 350px; display: block;
			overflow: hidden; height: 18px;
			}

.list li span		{
			font-family: georgia; font-style: oblique; float: right; padding: 0 16px 0 0;
			/* 星光绿文字 */
			color: #6EE7B7;
			text-align: right;
			}

.list_left		{
			float: left; width: 367px; padding-right: 3px;
			}

.list_right		{
			float: right; width: 367px; text-align: center;
			}

.ce_list		{
			border-top: 3px solid rgba(255,255,255,0.2);
			/* 星群深色背景 */
			background: #1E293B;
			text-align: left; height: 300px;
			}

.ce_list ul		{
			margin: 0 0 0 0px; list-style: none;
			}

.ce_list li		{
			border-bottom: 1px solid rgba(255,255,255,0.1);
			padding: 5px 0 0 8px; display: block;
			color: #E2E8F0; height: 18px; overflow: hidden;
			}

.ce_list li span	{
			font-family: georgia; font-style: oblique; float: right; padding: 0 16px 0 0;
			/* 星光绿文字 */
			color: #6EE7B7;
			text-align: right;
			}

.twotoone		{
			width: 1000px;
			border: 3px solid rgba(255,255,255,0.2);
			margin: 0.1em auto;
			background: rgba(22, 33, 62, 0.95);
			height: 5em; position: relative;
			}

.twotooneup {
	color: #F8FAFC;
	position: absolute; left: 1em; top: 0.5em;
	font-size: 26px; clip: rect(0 auto 18px 0);
	text-shadow: 0 0 6px rgba(224, 242, 254, 0.8);
}

.twotoonedw {
	color: #A78BFA;
	position: absolute; left: 1em; top: 0.5em;
	font-size: 26px; clip: rect(18px auto auto auto);
	text-shadow: 0 0 6px rgba(167, 139, 250, 0.8);
}

.footer			{
			width: 1000px;
			border: 3px solid rgba(255,255,255,0.2);
			margin: 0 auto; text-align: center;
			}

.bottom			{
			padding-top: 5px; margin: 0 auto;
			background: rgba(22, 33, 62, 0.95);
			line-height: 150%; height: 70px;
			}
			
/* 基础重置与星空背景 */
* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    cursor: default;
    color: #cbd5ff;          /* 星辉淡蓝 */
    padding: 0;
    width: 100%;
    /* 深邃星空背景：径向渐变+微小粒子点阵模拟星空 */
    background: #0a0f1a radial-gradient(ellipse at 30% 40%, rgba(25, 35, 70, 0.6) 0%, #03060c 100%);
    background-attachment: fixed;
    font: 15px georgia, "microsoft yahei", system-ui;
    position: relative;
}

/* 增加星尘粒子效果（纯装饰，不破坏布局） */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: radial-gradient(2px 2px at 15% 40%, #fff, rgba(0,0,0,0)),
                      radial-gradient(1px 1px at 75% 85%, #f8f2c0, rgba(0,0,0,0)),
                      radial-gradient(1px 1px at 45% 20%, #bfe2ff, rgba(0,0,0,0));
    background-repeat: no-repeat;
    background-size: 200px 200px, 300px 300px, 150px 150px;
    opacity: 0.4;
    z-index: -1;
}

/* 链接样式 */
a {
    color: #b8cbff;
    text-decoration: none;
    cursor: help;
    transition: all 0.2s ease;
}
a:hover {
    color: #ffdd77;          /* 星芒黄 */
    border-bottom: 1px solid #ffdd77;
    position: relative;
    left: 1px;
    top: 1px;
    text-shadow: 0 0 4px #ffb347;
}

img {
    border: 0px;
}

/* 头部区域（原.header） */
.header,
.index_list,
.left_desk,
.twotoone,
.footer,
.main_div .main_l .left_desk,
.main_div .main_r .index_list {
    background: rgba(12, 20, 35, 0.75);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(80, 120, 200, 0.35);
    box-shadow: 0 0 12px rgba(0, 10, 30, 0.5), inset 0 0 1px rgba(255,255,200,0.1);
}

.twotoone {
    background: rgba(8, 14, 26, 0.85);
    border: 1px solid #3e5a9c;
    box-shadow: 0 0 15px rgba(30, 100, 200, 0.2);
}

.header {
    background: rgba(6, 12, 24, 0.8);
    border: 1px solid #2f4470;
}

/* 菜单栏背景 */
.mm_left {
    background: #0b1530;     /* 深沉星蓝 */
}
.mm_right {
    background: #1a2a4a;     /* 稍亮的星区 */
}

/* 白色系链接（原.white class） */
a.white {
    color: #eaf2ff;
    font-weight: bold;
    text-decoration: none;
}
a.white:hover {
    color: #ffdd77;
    text-decoration: none;
    text-shadow: 0 0 3px #ffaa33;
}

/* 银色系链接（原.silver class） */
a.silver {
    color: #b0c7ff;
    font-weight: bold;
}
a.silver:hover {
    color: #ffdd77;
    text-decoration: none;
}

/* 标题栏背景（二级标题） */
.r_title_bg,
.l_title {
    background: linear-gradient(90deg, #162a50, #0b1a3a);
    color: #eef4ff;
    border-radius: 0px;
    box-shadow: inset 0 1px 0 rgba(255,255,200,0.1);
}

/* 图标装饰区 */
.ico_title {
    background: #1e2b4a url(yiarsfer/icoding.gif) no-repeat center;
    border-right: 1px solid #2e4b7a;
}

/* 列表容器（原 .main_list, .ce_list） */
.main_list,
.ce_list {
    background: rgba(20, 30, 55, 0.5);
    border-top: 1px solid #2a4170;
}

/* 列表项 */
.list li,
.ce_list li {
    border-bottom: 1px solid #253c66;
    background: transparent;
    color: #ccdaff;
}
.list li:hover,
.ce_list li:hover {
    background: rgba(60, 100, 180, 0.2);
}

/* 列表中的日期/数字 span（原 .list li span 等） */
.list li span,
.ce_list li span {
    color: #77aaff;
    font-family: georgia;
}

/* 侧边栏“注销停用”特殊区域 */
.left_desk .ce_list ul span,
.left_desk .ce_list ul a[title] {
    color: #7590b5;
}

/* 特殊双行文字 (JH 信息港 上下叠色效果) */
.twotooneup {
    color: #ffe2a4;
    text-shadow: 0 0 4px #ffaa33;
    clip: rect(0 auto 18px 0);
}
.twotoonedw {
    color: #5f9eff;
    text-shadow: 0 0 2px #2266ff;
    clip: rect(18px auto auto auto);
}

/* 分割线 */
.mainline {
    background: linear-gradient(90deg, transparent, #5a7bc0, #aac9ff, #5a7bc0, transparent);
    height: 2px;
    box-shadow: 0 0 4px #4a6fcf;
}

/* 底部区域 */
.footer {
    background: rgba(4, 8, 18, 0.9);
    border: 1px solid #2f4470;
}
.bottom {
    background: transparent;
    color: #90a6d0;
}
.bottom a {
    color: #ffdd99;
}
.bottom a:hover {
    color: #ffbb55;
}

/* 清除浮动(原样保留) */
.clear {
    clear: both;
    font: 0px/0px sans-serif;
}

/* 原有布局宽高保持不变，只调整边框颜色 */
.header,
.main_menu,
.main_div,
.main_l,
.main_r,
.index_list,
.left_desk,
.twotoone,
.footer {
    border-color: #2a4675;   /* 星轨蓝边框 */
}

/* 额外：滚动条美化（可选） */
::-webkit-scrollbar {
    width: 8px;
    background: #0a1022;
}
::-webkit-scrollbar-thumb {
    background: #2a4a7a;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4e7bbf;
}