/* ============================================================
   传奇开区表 前台样式 (9gm 全结构风格)
   顶部信息条 + 古风横幅 + 10项双行导航 + 搜索筛选区 + dblist开服表 + 深色页脚
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei",PingFang SC,Arial,sans-serif;background:#efe8db url(../uploads/9gm_bg.jpg) no-repeat center top;background-size:100% auto;background-attachment:fixed;color:#333;font-size:14px;min-width:1300px}
a{text-decoration:none;color:#333}
a:hover{color:#dd0000}
img{border:0}
ul,ol{list-style:none}
.gray{color:#999}
.clearfix:after{content:"";display:block;clear:both}
.container{width:1300px;margin:0 auto}

/* ============ 两侧品牌装饰栏 ============ */
.side-deco{position:fixed;top:0;height:100%;width:120px;z-index:50;display:flex;align-items:center;justify-content:center;
  writing-mode:vertical-rl;letter-spacing:18px;font-size:20px;font-weight:bold;color:rgba(161,61,7,.18);opacity:.9;pointer-events:none}
.side-deco.left{left:0;background:linear-gradient(90deg,rgba(174,119,40,.10),rgba(239,232,219,0))}
.side-deco.right{right:0;background:linear-gradient(270deg,rgba(174,119,40,.10),rgba(239,232,219,0))}

/* ============ 顶部信息条 ============ */
#Topheader{width:100%;height:70px;background:linear-gradient(to bottom,#e7dbcd,#ffffff);box-shadow:0 2px 8px 0 rgba(0,0,0,.15);z-index:100;position:relative}
#Topheader .center{position:relative;width:1300px;margin:0 auto}
#Topheader .center .toplogo{float:left;height:70px;line-height:70px;width:360px}
#Topheader .toplogo img{height:70px;display:block}
#Topheader .toplogo .text-logo{font-size:30px;font-weight:bold;color:#8d2f00;letter-spacing:2px;text-shadow:0 1px 0 #fff}
#Topmenu{height:70px}
#Topmenu ul{float:right;width:900px}
#Topmenu ul li{float:right;list-style:none;height:70px;line-height:70px;margin-left:10px}
#Topmenu ul li:hover{background:linear-gradient(to bottom,#ae7253,#7b2500)}
#Topmenu ul li a{display:block;padding:8px 15px 2px;text-align:center;text-decoration:none}
#Topmenu ul li a:hover{text-decoration:none}
#Topmenu ul li a:hover span{color:#fff}
#Topmenu ul li a:hover strong{color:#fff}
#Topmenu ul li a strong{display:block;height:37px;line-height:37px;font-size:18px;font-weight:normal;color:#9b3400;white-space:nowrap}
#Topmenu ul li a span{display:block;line-height:14px;font-size:12px;color:#74594c;text-transform:uppercase}

/* ============ 横幅 ============ */
.header{height:380px;background:transparent no-repeat center top;position:relative;overflow:hidden}
.header-mask{width:1300px;margin:0 auto;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}
.header-logo{width:600px;height:300px;margin:0 auto;padding-top:10px;padding-bottom:10px}
.header-logo img{width:600px;height:300px;display:block}
.banner-title{font-size:72px;font-weight:bold;letter-spacing:10px;color:#ffd580;
  background:linear-gradient(180deg,#ffe9b0,#ffb347 55%,#d97a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 3px 0 #7b2500,0 6px 18px rgba(0,0,0,.6);filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.banner-sub{margin-top:18px;font-size:15px;letter-spacing:5px;color:#f3d9a8;text-shadow:0 1px 3px #000;opacity:.95}

/* ============ 主体容器 ============ */
.content{background:url() no-repeat center top;min-height:500px;padding-bottom:20px}
.container .top{background:#fff;border:1px solid #d8c8a8;border-top:none;padding:0 10px 16px;position:relative;transform:translateY(-20px)}

/* ============ 大导航 (9gm同款白底浮层) ============ */
.navc{height:78px;background:transparent;margin:0}
.nav{width:100%;height:78px;background:linear-gradient(to bottom,#e9ccaa,#ffffff);box-shadow:0 4px 16px rgba(65,65,65,.4);border-radius:2px;display:flex}
.nav a{position:relative;flex:1;display:block;text-align:center;color:#333;height:78px;line-height:1.2}
.nav a>div{display:inline-block;border-bottom:2px solid transparent;height:100%;box-sizing:border-box}
.nav a p:first-child{font-size:16px;font-weight:bold;margin:15px 0 7px;color:#333}
.nav a p:nth-child(2){font-size:10px;color:#a5a5a5}
.nav a em{height:24px;position:absolute;width:1px;background:#aaa;top:50%;right:0;transform:translateY(-50%)}
.nav a:last-child em{display:none}
.nav a:hover{color:#FF6408}
.nav a:hover p:nth-child(2){color:#FF6408}
.nav a:hover>div{border-bottom:2px solid #FF6408}
.nav a.active{color:#FF6408}
.nav a.active p:nth-child(2){color:#FF6408}
.nav a.active>div{border-bottom:2px solid #FF6408}

/* ============ 标题行 (全网正版...) ============ */
.indexCommonTitle{line-height:60px;padding:0 30px;border-top:1px solid #FF6408;border-bottom:1px solid #ddd;position:relative;height:60px}
.indexCommonTitle .left{float:left;line-height:60px}
.indexCommonTitle .left span{font-size:22px;font-weight:bold;color:#FF6408}
.indexCommonTitle .left b{font-size:16px;color:#672711;font-weight:bold;margin-left:12px}
.indexCommonTitle .lxwm{position:absolute;right:30px;top:85%;transform:translateY(-50%)}
.indexCommonTitle .lxwm img{width:90px;height:32px}
.scrollInTitle{display:inline-block;margin-left:20px;color:#cc3300;font-size:14px;min-width:300px;vertical-align:middle}

/* ============ 搜索筛选区 ============ */
.filterBox{background:#fff;border:1px solid #d8c8a8;border-top:0;padding:18px 14px 10px}
.search{position:relative}
.search-input{float:left;width:560px;height:46px;border:1px solid #ccc;border-radius:4px;font-size:16px;padding:0 14px;color:#333;outline:none;background:#fff}
.search-input:focus{border-color:#FF6408}
.btn-search{float:left;width:130px;height:46px;margin-left:8px;border:0;border-radius:4px;cursor:pointer;font-size:16px;font-weight:bold;color:#fff;background:linear-gradient(to top right,#a02e10,#601400);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.btn-search:hover{background:linear-gradient(to top right,#c04a20,#802000)}
.btn-rank{float:left;width:150px;height:46px;line-height:46px;margin-left:8px;text-align:center;border-radius:4px;font-size:15px;font-weight:bold;color:#fff;background:linear-gradient(to top right,#8a4a2a,#502810)}
.btn-rank:hover{background:linear-gradient(to top right,#a05a3a,#603018)}
.filterNew{padding-top:16px}
.filterNew select{float:left;height:36px;margin-right:8px;padding:0 8px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;font-size:14px;outline:none;cursor:pointer}
.filterNew select:hover{border-color:#FF6408}
.hotsearch{margin-top:14px;font-size:0}
.hotsearch>span{font-size:20px;font-weight:bold;color:#FF6408;line-height:26px;margin-right:20px}
.hotsearch>div{display:inline;font-size:0}
.hotsearch a{display:inline-block;font-size:14px;color:#fff;border:1px solid #c08c02;border-radius:4px;padding:0 20px;line-height:26px;margin:0 10px 14px 0;background:linear-gradient(to bottom,#ac3202,#5f1401)}
.hotsearch a:hover{color:#f6c004;background:#b71b01;font-weight:bold}
.hotsearch a.on{color:#a61902;background:#fff;border-color:#ffdddd}

/* ============ 公告 ============ */
.gonggao{background:linear-gradient(to bottom,#fffbe9,#fff3c9);border:1px solid #e8d488;color:#a06a00;margin-top:10px;padding:9px 14px;font-size:14px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============ 日期页签 ============ */
.day-tabs{margin-top:14px;height:52px}
.day-tabs .tab{float:left;margin-right:6px;background:linear-gradient(to bottom,#f4ead9,#e8d7bb);border:1px solid #d8c8a8;border-radius:5px 5px 0 0;padding:6px 22px 8px;text-align:center;color:#7b2500;position:relative}
.day-tabs .tab strong{display:block;font-size:16px}
.day-tabs .tab span{display:block;font-size:11px;color:#a07740;margin-top:2px}
.day-tabs .tab i{position:absolute;top:-7px;right:-7px;background:#e63b00;color:#fff;font-size:11px;font-style:normal;border-radius:9px;min-width:18px;height:18px;line-height:18px;padding:0 4px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.3)}
.day-tabs .tab.on{background:linear-gradient(to bottom,#fff,#fff8ea);border-bottom-color:#fff;color:#c72a00;font-weight:bold}
.day-tabs .tab.on i{background:#c72a00}

/* ============ 开服表 ============ */
.listContainer{margin-top:0}
table.dblist{width:100%;border-collapse:collapse;border:1px solid #ae7728;table-layout:fixed}
table.dblist th{background:linear-gradient(to bottom,#904532,#a13d07);color:#fff;font-size:14px;font-weight:bold;height:36px;line-height:36px;border:1px solid #ae7728;letter-spacing:1px}
table.dblist td{border:1px solid #ae7728;height:28px;line-height:18px;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;text-align:center}
table.dblist tr.jtth{background:linear-gradient(to bottom,#904532,#a13d07)}
table.dblist tr.jtth td{height:30px;line-height:30px;text-align:left;padding-left:12px;color:#fff;border-color:#ae7728}
table.dblist tr.jtjp{background:linear-gradient(to bottom,#fff6ea,#ffead0)}
table.dblist tr.thwd{background:#fffdf8}
table.dblist tr.txtj{background:#f7f1e4}
table.dblist tr:hover td{background:#fff3d6}
table.dblist tr.slot-gap td{border:none;height:6px;background:transparent;padding:0}
.slot-label{display:inline-block;font-weight:bold;padding:1px 10px;border-radius:3px;color:#fff;font-size:13px}
.slot-label.whole{background:#e63b00}
.slot-label.half{background:#1273c9}
.slot-count{margin-left:12px;font-size:12px;opacity:.9}
td.r b{font-weight:bold;font-size:14px}
td.r{white-space:nowrap;overflow:visible}
td.r b.whole{color:#e63b00}
td.r b.half{color:#1273c9}
.slot-tag{display:inline-block;font-size:11px;margin-left:5px;padding:0 5px;border-radius:3px;color:#fff}
.slot-tag.whole{background:#e63b00}
.slot-tag.half{background:#1273c9}
td.star{color:#ffb347;font-size:13px;letter-spacing:1px}
.c-name{font-weight:bold;color:#7b2500}
.badge-top{display:inline-block;background:#e63b00;color:#fff;font-size:11px;border-radius:3px;padding:0 4px;margin-right:4px}
.btn-enter{display:inline-block;background:#FF6408;color:#fff !important;border-radius:3px;padding:4px 12px;font-size:13px;font-weight:bold}
.btn-enter:hover{background:#e85500}
.btn-link{display:inline-block;color:#1273c9 !important;font-size:12px;border:1px solid #7db9e8;border-radius:3px;padding:3px 6px}
.btn-link:hover{background:#1273c9;color:#fff !important}
.rec-tag{display:inline-block;background:#e63b00;color:#fff;font-size:11px;border-radius:3px;padding:1px 6px}
.empty{color:#999;padding:30px 0 !important}

/* ============ 内容页 ============ */
.page-box{background:#fff;border:1px solid #d8c8a8;margin-top:14px;padding:20px 26px}
.page-title{font-size:22px;font-weight:bold;color:#7b2500;border-left:6px solid #e63b00;padding-left:12px;margin-bottom:16px;line-height:1.4}
.page-body{font-size:14px;line-height:1.9;color:#444}
.page-body p{margin-bottom:10px}
.link-list li{float:left;width:30%;margin:0 3% 12px 0;background:#fffaf0;border:1px solid #e8d488;border-radius:4px;padding:10px 14px}
.link-list li a{color:#7b2500;font-weight:bold}
.link-list li a:hover{color:#e63b00}
.link-list:after{content:"";display:block;clear:both}

/* ============ 页脚 ============ */
.footer{background:#1f1f24;color:#9a9a9a;padding:24px 0;margin-top:20px;font-size:13px;line-height:2}
.footer p{text-align:center}
.footer a{color:#c9c9c9}
.footer a:hover{color:#fff}

/* ============ 右侧悬浮 ============ */
.side-fix{position:fixed;right:14px;bottom:90px;z-index:300;text-align:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.side-fix a{display:block;width:70px;padding:8px 4px;background:#fff;color:#666;font-size:12px;text-decoration:none;border-bottom:1px solid #eee}
.side-fix a:last-child{border-bottom:0}
.side-fix a:hover{color:#e60012}
.side-fix i{display:block;font-style:normal;font-size:28px;line-height:30px;color:#e60012;margin-bottom:2px;font-weight:bold}