/*物品寄售*/
.data-info {
	cursor: pointer;
	/*position: absolute;*/
	opacity: 0.8;
}

.data-info:hover {
	padding: 1px;
	opacity: 1;
}

.data-info img {
	/*width: 100%;*/
	/*height: 100%;*/
	object-fit: contain;
}

/*新闻*/
.news:hover{
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transform: translate(0, -1px) !important;
	transform: translate(0, -1px) !important;
}
/* 战盟个人资料样式 */
.profiles_guild_card {
	width: 100%;
	background: #000000 url('/assets/360/images/guild.jpg') no-repeat;
	background-size: cover;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: .05rem;
	-khtml-border-radius: 10px;
	border: 1px solid #333;
	-moz-box-shadow: 0 0 5px #555;
	-webkit-box-shadow: 0 0 5px #555;
	box-shadow: 0 0 5px #555;
	color: #fff;
}
.guild-member{width: 18%;}
/* 玩家个人资料样式 */
.profiles_player_card {
	-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: .05rem;
	-khtml-border-radius: 10px;
	border: 1px solid #333;
	-moz-box-shadow: 0 0 5px #555;
	 -webkit-box-shadow: 0 0 5px #555;
	box-shadow: 0 0 5px #555;
	color: #fff;
}

.DK.profiles_player_card, .BK.profiles_player_card, .BM.profiles_player_card, .DGK.profiles_player_card {
	background: url('/assets/360/images/knight.jpg') no-repeat; background-size: cover;
}
.DW.profiles_player_card, .SM.profiles_player_card, .GM.profiles_player_card, .SW.profiles_player_card {
	background: url('/assets/360/images/wiz.jpg') no-repeat; background-size: cover;
}
.ELF.profiles_player_card, .ME.profiles_player_card, .HE.profiles_player_card, .NE.profiles_player_card {
	background: url('/assets/360/images/elf.jpg') no-repeat; background-size: cover;
}
.SUM.profiles_player_card, .BS.profiles_player_card, .DSM.profiles_player_card, .DS.profiles_player_card {
	background: url('/assets/360/images/sum.jpg') no-repeat; background-size: cover;
}
.DL.profiles_player_card, .LE.profiles_player_card, .EL.profiles_player_card {
	background: url('/assets/360/images/dl.jpg') no-repeat; background-size: cover;
}
.MG.profiles_player_card, .DM.profiles_player_card, .MK.profiles_player_card {
	background: url('/assets/360/images/mg.jpg') no-repeat; background-size: cover;
}
.RF.profiles_player_card, .FM.profiles_player_card, .FB.profiles_player_card {
	background: url('/assets/360/images/rf.jpg') no-repeat; background-size: cover;
}
.GL.profiles_player_card, .ML.profiles_player_card, .SL.profiles_player_card {
	background: url('/assets/360/images/gl.jpg') no-repeat; background-size: cover;
}
.RW.profiles_player_card, .RSM.profiles_player_card, .GRM.profiles_player_card {
	background: url('/assets/360/images/rw.jpg') no-repeat; background-size: cover;
}
.SLA.profiles_player_card, .RSLA.profiles_player_card, .GSLA.profiles_player_card {
	background: url('/assets/360/images/sla.jpg') no-repeat; background-size: cover;
}
.GUN.profiles_player_card,.BGUN.profiles_player_card,.MGUN.profiles_player_card{
	background: url('/assets/360/images/guncrusher.jpg') no-repeat; background-size: cover;
}
/* 玩家个人信息::排名 */
#InventoryC {
	background-image: url('/assets/360/images/inventoryc.png');
	width: 395px;
	height: 319px;
	text-align: center;
	display: inline-block;
	position: relative;
}
#InventoryC > img {
	margin-top: 20%;
}
#InventoryC > div {
    position:absolute;
    background-repeat:no-repeat;
    background-position:center center;
}
#InventoryC #in_weapon {width: 73px;height:136px;bottom:0;left: 1px;}
#InventoryC #in_shield {width: 75px;height:136px;bottom:0;right: 0px;}
#InventoryC #in_helm {width: 59px;height:68px;top:2px;left: 69px;}
#InventoryC #in_armor {width: 72px;height:110px;top:72px;left: 39px;}
#InventoryC #in_pants {width: 62px;height:68px;bottom:8px;left:82px;}
#InventoryC #in_gloves {width: 85px;height: 56px;top: 122px;right: 43px;}
#InventoryC #in_boots {width: 57px;height: 76px;bottom: 2px;right: 84px;}
#InventoryC #in_wings {width: 127px;height: 113px;top: 1px;right: 1px;}
#InventoryC #in_zoo {width: 57px;height: 67px;top:2px;left: 2px;}
#InventoryC #in_pendant {width: 30px;height: 30px;top: 24px;right: 136px;}
#InventoryC #in_ring1 {width: 30px;height: 30px;bottom: 94px;left:96px;}
#InventoryC #in_ring2 {width: 30px;height: 30px;bottom: 94px;right: 98px;}
#InventoryC #in_pentagram {width: 80px;height: 80px;bottom: 3px;right: 156px;}
#InventoryC #in_ear1 {width: 30px;height: 30px;top: 76px;left: 1px;}
#InventoryC #in_ear2 {width: 30px;height: 30px;top: 76px;left: 119px;}

.ItemData{width:auto;padding: 5px 18px 5px 18px;background:rgba(0,0,0,0.9);font-size:12px;text-align:center;color:#fff;border:0.01rem solid #a0580042;border-radius:2px;}
.Items{line-height:20px;}
.ExcItemName{color:#18F479;font-size: 13px}
.SetItemName{color:#00D100;font-size: 13px}
.SocketItemName{color:#723fcc;font-size: 13px}
.ItemName{color:#FFF;font-size: 14px}
.PvP380Item{color:#CC7FCC;}
.SocketOption{color:#723fcc}
.SocketOptionText{color: #7698b0}
.SocketOptionNull{color:#777}
.UseItemReq{color:#FF0000}
.ExcItemOption{color:#5694f1}
.LuckyItem{color:#5694f1}
.ItemOption{color:#5694f1}
.SetOption{color:#DCB016;}
.SetOptionText{color:#777777}
.PeriodItem{color:#dc5016}
.PeriodItemExpire{color:#FF0000}
.HarmonyOption{color:#DCB016}
.serial{color: #9c9c9c;font-size:11px}
.skillNameText{color:#5694f1}
.attributeName{color:#DCB016;}
.attributeText{color:#5694f1}
.attribute{color: #00a300;}
.MasteryBonusOption{color: #b30798}
.MasteryBonusText{color: #5074cb}
.WingGradeOption{color:#5694f1}
.WingAttribute{color: #be0001}
.PentagramNone{color:#777}
.Pentagram{color: #cc2b20}
.AddOption{color: #ff8bac;font-weight: 700}
.CustomItem{color:#FF0000}
.CustomItemBufferEX{color:#FF0000}
.Custom0 {color:#FFFFFF}/**白色**/
.Custom1 {color:#0000CD}/**蓝色**/
.Custom2 {color:#FF0000}/**红色**/
.Custom3 {color:#FFD700}/**金色**/
.Custom4 {color:#3CB371}/**绿色**/
.Custom5 {background:#FF0000;color:#FFFFFF}/**红底白字**/
.Custom6 {color:#FFC0CB}/**粉红色**/
.Custom7 {background:#FFFFFF;color:#0000CD}/**白底蓝字**/
.Custom8 {background:#A0522D;color:#FFFFFF}/**土黄色底白字**/
.Custom9 {background:#1E90FF;color:#00FF00}/**浅蓝底绿字**/
.Custom10{color:#808080}/**灰色**/
.Custom11{color:#800080}/**紫色**/
.Custom12{color:#BA55D3}/**紫色**/
.Custom13{color:#F4A460}/**棕色**/
.Custom14{color:#9932CC}/**紫色**/

/* 交易市场 */
#InventoryM {
	background-image: url('/assets/360/images/equipment.jpg');
	width: 201px;
	height: 184px;
	text-align: center;
	display: inline-block;
	position: relative;
}
#InventoryM #in_weapon {position: absolute;width: 50px;height: 77px;left: 1px;top: 54px;}
#InventoryM #in_shield {position: absolute;width: 50px;height: 77px;right: 1px;top: 53px;}
#InventoryM #in_helm {position: absolute;width: 49px;height: 49px;top: 1px;left: 76px;}
#InventoryM #in_armor {position: absolute;width: 50px;height: 77px;top: 55px;left: 76px;}
#InventoryM #in_pants {position: absolute;width: 49px;height: 49px;bottom: 1px;left: 75px;}
#InventoryM #in_gloves {position: absolute;width: 49px;height: 49px;bottom: 1px;left: 1px;}
#InventoryM #in_boots {position: absolute;width: 49px;height: 49px;bottom: 1px;right: 1px;}
#InventoryM #in_wings {position: absolute;width: 68px;height: 50px;top: 1px;right: 1px;}
#InventoryM #in_zoo {position: absolute;width: 49px;height: 49px;top: 1px;left: 1px;}
#InventoryM #in_pendant {position: absolute;width: 28px;height: 28px;top: 55px;right: 124px;}
#InventoryM #in_ring1 {position: absolute;width: 28px;height: 28px;bottom: 22px;left: 49px;}
#InventoryM #in_ring2 {position: absolute;width: 28px;height: 28px;bottom: 23px;right: 49px;}
/* Blue Whale MU: CSS-only cinematic theme (page loads this file last) */
body .main {
    background-color: #eef1f4;
    overflow: hidden;
}

body .menu {
    position: relative;
    z-index: 20;
    background: rgba(5, 14, 20, .18);
    border-bottom: 1px solid rgba(208, 231, 230, .16);
    box-shadow: 0 8px 28px rgba(0, 0, 0, .12);
    backdrop-filter: blur(16px) saturate(1.08);
    -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

body .menu .navbar-brand > img[src*="logo.png"] {
    width: 260px !important;
    height: auto;
    max-height: 94px;
    object-fit: contain;
    filter: drop-shadow(0 7px 14px rgba(0, 0, 0, .75));
}

body .menu .navbar {
    min-height: 110px;
    flex-wrap: nowrap !important;
    gap: 18px;
}

body .menu .navbar > .navbar-brand:first-child {
    flex: 0 0 272px;
    margin-right: 0 !important;
}

body .menu #navbarNav {
    min-width: 0;
    margin: 0 !important;
    flex: 1 1 auto;
}

body .menu #navbarNav .nav {
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: flex-end;
    align-items: center;
}

body .menu #navbarNav .nav-item {
    flex: 0 1 auto;
    white-space: nowrap;
}

body .menu #navbarNav .nav-link {
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.15;
}

body .menu #navbarNav .navbar-tag {
    margin-top: 5px;
    font-size: 11px !important;
    color: #aeb8c6;
}

body .menu .nav-link {
    position: relative;
    color: #f1f4f7 !important;
    transition: color .25s ease, text-shadow .25s ease, transform .25s ease;
}

body .menu .nav-link::after {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 3px;
    height: 1px;
    background: #e3b95e;
    box-shadow: 0 0 12px rgba(227, 185, 94, .9);
    transition: left .25s ease, right .25s ease;
}

body .menu .nav-link:hover,
body .menu .nav-link.active {
    color: #f2c866 !important;
    text-shadow: 0 0 14px rgba(227, 185, 94, .55);
    transform: translateY(-2px);
}

body .menu .nav-link:hover::after,
body .menu .nav-link.active::after {
    left: 16%;
    right: 16%;
}

body .kv-video {
    isolation: isolate;
    background-color: #080d15;
    background-image:
        linear-gradient(90deg, rgba(5, 10, 18, .54) 0%, rgba(7, 12, 20, .18) 42%, rgba(5, 9, 16, .42) 100%),
        linear-gradient(180deg, rgba(4, 8, 14, .22) 0%, rgba(4, 8, 14, .08) 62%, rgba(4, 8, 14, .48) 100%),
        url('/assets/360/images/xianxia-hero.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: 50% 18% !important;
    background-size: cover, cover, 100% auto !important;
    animation: bwBackdropMove 14s ease-in-out infinite alternate !important;
}

body .kv-video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.025);
    transform-origin: center center;
    filter: saturate(.88) contrast(1.12) brightness(.78);
    opacity: 1 !important;
    pointer-events: none;
}

/* Two moving radial-gradient fields create light dust without JavaScript. */
body .kv-video::before {
    content: "" !important;
    position: absolute;
    inset: -18%;
    z-index: 3;
    pointer-events: none;
    opacity: .34;
    background-image:
        radial-gradient(circle at 12% 26%, rgba(169, 226, 220, .86) 0 1px, transparent 2px),
        radial-gradient(circle at 25% 68%, rgba(216, 238, 226, .62) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 43% 36%, rgba(126, 204, 197, .75) 0 1px, transparent 2px),
        radial-gradient(circle at 61% 78%, rgba(227, 239, 217, .64) 0 1.5px, transparent 2.5px),
        radial-gradient(circle at 78% 28%, rgba(143, 211, 203, .72) 0 1px, transparent 2px),
        radial-gradient(circle at 91% 63%, rgba(215, 235, 218, .62) 0 1.5px, transparent 2.5px);
    background-size: 190px 230px, 260px 310px, 330px 270px, 290px 370px, 410px 320px, 350px 430px;
    filter: drop-shadow(0 0 5px rgba(148, 215, 207, .62));
    animation: bwDustRise 15s linear infinite;
}

body .kv-video::after {
    content: "" !important;
    position: absolute;
    inset: auto 0 0 !important;
    width: 100% !important;
    height: 210px !important;
    z-index: 4 !important;
    background: linear-gradient(180deg, transparent 0%, rgba(5, 15, 25, .48) 54%, #07131f 100%) !important;
    box-shadow: none !important;
    pointer-events: none;
}

body img[src*="kv-title1.png"] {
    position: relative;
    z-index: 12;
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .85)) drop-shadow(0 0 10px rgba(227, 185, 94, .25));
    animation: bwTitleFloat 4.8s ease-in-out infinite !important;
}

body .main > .container.text-center {
    min-height: 635px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 0 52px;
    pointer-events: none;
}

body .main > .container.text-center img[src*="kv-title1.png"] {
    display: none !important;
}

body .btn-down,
body .btn-sidebar {
    transition: filter .28s ease, transform .28s ease !important;
    filter: drop-shadow(0 12px 18px rgba(4, 12, 23, .28));
}

body .btn-down:hover,
body .btn-sidebar:hover {
    transform: translateY(-4px);
    filter: brightness(1.12) drop-shadow(0 0 18px rgba(82, 196, 200, .42));
}

/* Carry the night-blue hero palette through the long content area. */
body .main {
    color: #cbd8e4;
    background-color: #07131f !important;
    background-image:
        linear-gradient(180deg, rgba(7, 19, 31, .12) 0, rgba(7, 19, 31, .72) 920px, rgba(5, 15, 25, .9) 100%),
        linear-gradient(90deg, rgba(8, 28, 40, .92), rgba(18, 45, 57, .58) 50%, rgba(8, 25, 38, .92)),
        url('/assets/360/images/bd-bg.jpg') !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center top, center top, center bottom !important;
    background-size: cover, cover, 1920px auto !important;
    background-blend-mode: normal, color, multiply;
}

body .main::after {
    background: transparent !important;
}

body .main .card {
    overflow: hidden;
    color: #c8d5e1;
    background: rgba(8, 24, 37, .82) !important;
    border: 1px solid rgba(89, 190, 194, .28) !important;
    border-radius: 2px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

body .main .card-header {
    color: #e8c87c !important;
    background: linear-gradient(90deg, rgba(19, 49, 63, .96), rgba(8, 25, 38, .84)) !important;
    border-bottom: 1px solid #52c4c8 !important;
    text-shadow: 0 0 14px rgba(227, 185, 94, .2);
}

body .main .card-body {
    color: #c8d5e1;
    background: linear-gradient(145deg, rgba(14, 39, 53, .5), rgba(6, 20, 32, .2));
}

body .main .card-body p,
body .main .card-body a,
body .main .list-group-item {
    color: #c8d5e1;
}

body .main .list-group-item,
body .main .card-footer {
    background: rgba(7, 22, 34, .62) !important;
    border-color: rgba(82, 196, 200, .16) !important;
}

@keyframes bwHeroBreathe {
    from { transform: scale(1.025); }
    to { transform: scale(1.085); }
}

@keyframes bwBackdropMove {
    from {
        background-size: cover, cover, 100% auto;
        background-position: 50% 18%;
    }
    to {
        background-size: cover, cover, 104% auto;
        background-position: 52% 22%;
    }
}

@keyframes bwDustRise {
    from { transform: translate3d(0, 12%, 0) rotate(0.001deg); }
    to { transform: translate3d(2%, -12%, 0) rotate(0.001deg); }
}

@keyframes bwTitleFloat {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-10px) scale(1.012); }
}

@media (prefers-reduced-motion: reduce) {
    body .kv-video video,
    body .kv-video,
    body .kv-video::before,
    body img[src*="kv-title1.png"] { animation: none !important; }
}