/* ====== 前端UI美化 - 科技感高级风 ====== */

/* 三角洲图标(首页) */
.icon-game-\u4e09\u89d2\u6d32 {
    width: 40px;
    height: 40px;
    background: #667eea;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.icon-game-\u4e09\u89d2\u6d32:before {
    content: "三";
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    display: block;
}

/* Banner完整显示 */
#slides li {
    background-size: cover !important;
    background-position: center center !important;
}

/* Logo替换为文字 */
.m-header .top .icon-logo {
    width: auto !important;
    height: auto !important;
    background: none !important;
    text-indent: 0 !important;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
    line-height: 70px;
}
.m-header .top .icon-logo:before {
    content: "东洞电竞";
    background: linear-gradient(135deg, #00d2ff, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 导航栏美化 */
.m-header .top nav ul {
    display: flex;
    align-items: center;
    gap: 8px;
    list-style: none;
}
.m-header .top nav ul li a {
    padding: 8px 18px !important;
    border-radius: 20px !important;
    font-size: 15px;
    font-weight: 500;
    transition: all .25s;
    border-bottom: none !important;
    color: #d0d5dd !important;
    background: transparent !important;
}
.m-header .top nav ul li a:hover {
    background: rgba(102,126,234,.25) !important;
    color: #00d2ff !important;
}
.m-header .top nav ul li a.active {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}

/* 全局背景 */
body {
    background: #f5f6fa !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* 顶部导航 - 毛玻璃效果 */
.m-header .top {
    background: rgba(26, 26, 46, 0.95) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0,0,0,.15);
}
.m-header .top nav ul li a {
    color: #d0d5dd !important;
    transition: all .2s;
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
}
.m-header .top nav ul li a:hover {
    color: #00d2ff !important;
    border-bottom-color: #00d2ff;
}
.m-header .top .apply-enter {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 15px rgba(102,126,234,.4);
    transition: all .2s;
}
.m-header .top .apply-enter:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102,126,234,.5);
}
.m-header .top .search-bar {
    border-radius: 20px !important;
    background: rgba(255,255,255,.12) !important;
}
.m-header .top .search-bar input {
    color: #fff !important;
}
.m-header .top .search-bar input::placeholder {
    color: rgba(255,255,255,.5);
}
.m-header .top .login a {
    color: #d0d5dd !important;
}
.m-header .top .logged .userName,
.m-header .top .logged a {
    color: #d0d5dd !important;
}
.m-header .top .logged .user-head img {
    border-radius: 50% !important;
    border: 2px solid #00d2ff;
}

/* Banner区域 - 卡片化圆角 */
main#index > header {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 100%) !important;
    padding-top: 20px !important;
}
#full-screen-slider {
    border-radius: 0 !important;
    overflow: hidden;
}
#slides {
    border-radius: 16px !important;
}
#slides li {
    border-radius: 16px !important;
}
main#index > header .box-1 {
    margin-top: 20px !important;
}
main#index > header .box-1 .ta-justify .hot-service,
main#index > header .box-1 .ta-justify .platform-notice {
    background: rgba(255,255,255,.06);
    border-radius: 16px;
    padding: 20px;
    backdrop-filter: blur(10px);
}
main#index > header .box-1 .ta-justify .hot-service .games a {
    border-radius: 14px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    transition: all .3s;
    background: rgba(255,255,255,.15) !important;
}
main#index > header .box-1 .ta-justify .hot-service .games a span {
    color: #fff !important;
}
main#index > header .box-1 .ta-justify .hot-service .games a:hover {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102,126,234,.4);
}
main#index > header .box-1 .ta-justify .platform-notice ul {
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    background: rgba(255,255,255,.95) !important;
}

/* 热门推荐卡片 */
.accompany-play {
    border-radius: 16px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0,0,0,.06);
    transition: all .3s;
    padding: 10px;
}
.accompany-play:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(102,126,234,.15);
}
.accompany-play .user-pic img {
    border-radius: 12px !important;
}
.accompany-play .user-name,
.accompany-play .user-price {
    padding: 5px 8px;
}
.accompany-play .user-price strong {
    color: #ff4757 !important;
}

/* 新秀推荐 */
.recommend_list_content_box {
    border-radius: 12px !important;
    overflow: hidden;
    transition: all .3s;
}
.recommend_list_content_box:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,.1);
    transform: translateY(-3px);
}
.recommend_list_avatar_big img {
    border-radius: 50% !important;
    border: 3px solid #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

/* 排行榜 */
.ranking-lists .list {
    background: #fff;
    border-radius: 16px !important;
    padding: 20px;
    box-shadow: 0 2px 15px rgba(0,0,0,.06);
}
.ranking-lists .list header {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #333;
    font-weight: 600;
}
.ranking-user {
    border-radius: 12px;
    transition: background .2s;
    padding: 8px;
}
.ranking-user:hover {
    background: #f5f9ff;
}
.ranking-user .user-head img {
    border-radius: 50% !important;
}

/* 公会推荐 */
.guild .single {
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 2px 15px rgba(0,0,0,.08);
    transition: all .3s;
}
.guild .single:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,.15);
}

/* 底部保障 */
.promise {
    background: #fff !important;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -2px 15px rgba(0,0,0,.05);
    padding: 30px 0;
}

/* 通用按钮 */
.comm-btn, .btn-primary {
    border-radius: 25px !important;
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(102,126,234,.3);
    transition: all .2s;
}
.comm-btn:hover, .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102,126,234,.4);
}

/* 输入框 */
.comm-input, input[type="text"], input[type="password"], input[type="email"] {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    transition: border .2s, box-shadow .2s;
}
.comm-input:focus, input:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102,126,234,.1) !important;
    outline: none;
}

/* 所有图片圆角优化 */
img {
    transition: opacity .2s;
}

/* 链接过渡 */
a {
    transition: color .2s;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
    background: #c0c4cc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #909399;
}

/* ====== 内页通用优化 ====== */

/* 所有卡片/内容块圆角阴影 */
.search-box, .detail-box, .user-box, .list-box,
.tc-box, .panel, .well, .box, .card {
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
    border: none !important;
    overflow: hidden;
}

/* 所有头像圆形 */
.user-head img, .user-avatar img, .avatar img,
.user-pic img, .head-img img, .pic img {
    border-radius: 50% !important;
}

/* 陪玩师列表卡片 */
.accompany, .player-item, .user-item, .search-item {
    border-radius: 14px !important;
    overflow: hidden;
    transition: all .25s;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
.accompany:hover, .player-item:hover, .user-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(102,126,234,.12);
}
.accompany .user-pic, .player-item .user-pic {
    border-radius: 12px !important;
    overflow: hidden;
}

/* 按钮统一 */
.btn, button[type="submit"], input[type="submit"],
.comm-btn, .btn-default, .btn-success, .btn-danger, .btn-info {
    border-radius: 20px !important;
    transition: all .2s;
}
.btn-success {
    background: linear-gradient(135deg, #11998e, #38ef7d) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(17,153,142,.3);
}
.btn-danger {
    background: linear-gradient(135deg, #ff416c, #ff4b2b) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255,65,108,.3);
}
.btn-default {
    background: #f5f6fa !important;
    border: 1px solid #e0e0e0 !important;
    color: #555 !important;
}

/* 标签/小标签 */
.tag, .label, .badge {
    border-radius: 10px !important;
    padding: 2px 10px !important;
    font-weight: 500;
}

/* 价格文字突出 */
.price, .user-price strong, .jiage {
    color: #ff4757 !important;
    font-weight: 700;
}

/* 表单行 */
.form-group, .form-item {
    border-radius: 10px;
}
select, textarea {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0;
    padding: 8px 12px;
}
select:focus, textarea:focus {
    border-color: #667eea !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(102,126,234,.1);
}

/* 分页 */
.pagination li a, .pagination li span {
    border-radius: 8px !important;
    margin: 0 3px;
    border: none !important;
    color: #666;
    transition: all .2s;
}
.pagination li.active a {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}

/* 详情页大图 */
.detail-pic img, .banner-pic img, .main-pic img {
    border-radius: 16px !important;
}

/* 个人中心侧边栏 */
.user-side, .profile-side, .left-menu {
    border-radius: 12px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    overflow: hidden;
}
.user-side a, .left-menu a {
    border-radius: 8px !important;
    transition: all .2s;
}
.user-side a:hover, .left-menu a:hover,
.user-side a.active, .left-menu a.active {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff !important;
}

/* 消息/通知列表 */
.msg-list li, .notice-list li, .order-list li {
    border-radius: 10px !important;
    transition: background .15s;
}
.msg-list li:hover, .order-list li:hover {
    background: #f5f9ff;
}

/* 图片圆角(非头像类) */
.cover-img, .thumbnail, .goods-img {
    border-radius: 10px !important;
    overflow: hidden;
}

/* 标签页/tab */
.nav-tabs > li > a {
    border-radius: 20px !important;
    border: none !important;
    margin: 0 3px;
    color: #666;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}

/* ====== 点单区/搜索页优化 ====== */

/* 筛选区整体卡片 */
.filter {
    background: #fff;
    border-radius: 14px;
    padding: 15px 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.filter .type {
    color: #333 !important;
    font-weight: 600;
}
/* 纯文字筛选(等级/性别/个性) */
.filter .items:not(:first-child) .list a.single {
    color: #666 !important;
    border-radius: 8px;
    padding: 5px 14px !important;
    transition: all .2s;
    display: inline-block;
}
.filter .items:not(:first-child) .list a.single:hover {
    color: #667eea !important;
    background: #f0f0ff;
}
.filter .items:not(:first-child) .list a.single.isFocus {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: #fff !important;
}
/* 游戏服务图标(第一个items) */
.filter .items:first-child .list a.single {
    border-radius: 12px;
    padding: 8px;
    transition: all .25s;
}
.filter .items:first-child .list a.single:hover {
    background: #f5f6fa;
    transform: translateY(-2px);
}
.filter .items:first-child .list a.single.isFocus {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    box-shadow: 0 4px 15px rgba(102,126,234,.3);
}
.filter .items:first-child .list a.single .img {
    border-radius: 10px;
    overflow: hidden;
}

/* 排序栏 */
.sorting {
    background: #fff;
    border-radius: 14px;
    padding: 10px 20px;
    margin: 15px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    overflow: hidden;
}
.sorting .items {
    line-height: normal;
}
.sorting a.single {
    border-radius: 16px !important;
    padding: 6px 16px !important;
    background: #f5f6fa !important;
    color: #666 !important;
    border: none !important;
    margin: 3px 4px;
    line-height: 1.5;
    transition: all .2s;
    font-size: 14px;
}
.sorting a.single:hover {
    color: #667eea !important;
    background: #eef0ff !important;
}
.sorting a.single.isFocus {
    background: linear-gradient(135deg,#667eea,#764ba2) !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(102,126,234,.3) !important;
    border: none !important;
    font-weight: 600;
}

/* 搜索结果卡片 */
.results .list .single {
    border-radius: 14px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    transition: all .25s;
}
.results .list .single:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(102,126,234,.12);
}
.results .list .single .img img {
    border-radius: 12px 12px 0 0 !important;
    width: 100% !important;
    object-fit: cover;
}
.results .list .single .detail {
    padding: 10px 12px;
}
.results .list .single .price strong {
    color: #ff4757 !important;
}

/* ====== 用户中心美化 ====== */
.vip_cont { background: #f5f6fa !important; }
.vip_left {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
    padding: 20px 0 !important;
    overflow: hidden;
}
.vip_left dl { margin: 0 0 10px !important; padding: 0 16px !important; }
.vip_left dl dt {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    padding: 10px 0 8px !important;
    border-bottom: 2px solid #667eea !important;
    margin-bottom: 4px !important;
    letter-spacing: 1px;
}
.vip_left dl dd p { margin: 0 !important; }
.vip_left dl dd p a {
    display: block !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    color: #555 !important;
    transition: all .2s;
}
.vip_left dl dd p a:hover {
    background: #f0f0ff !important;
    color: #667eea !important;
    padding-left: 20px !important;
}
.vip_left dl dd p.active a {
    background: linear-gradient(135deg,#667eea,#764ba2) !important;
    color: #fff !important;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(102,126,234,.3);
}
.vip_right {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
    padding: 24px !important;
}
.user_tit {
    border-bottom: 2px solid #f0f0f0 !important;
    margin-bottom: 20px !important;
}
.user_tit li {
    margin-right: 8px !important;
}
.user_tit li a {
    display: inline-block;
    padding: 10px 24px !important;
    font-size: 15px !important;
    color: #888 !important;
    border-radius: 10px 10px 0 0 !important;
    transition: all .2s;
}
.user_tit li.cr a, .user_tit li.active a {
    color: #667eea !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #667eea !important;
}
.dingdan_search { margin-bottom: 20px !important; }
.dseach_box {
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
}
.dseach_box {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}
.dseach_box form.well, .dseach_box form {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: 360px !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.dseach_box .ds_txt {
    flex: 1 !important;
    min-width: 0 !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 25px 0 0 25px !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    outline: none !important;
    box-sizing: border-box !important;
    height: 38px !important;
    line-height: 20px !important;
}
.dseach_box .ds_txt:focus {
    border-color: #667eea !important;
}
.dseach_box .ds_btn {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    width: auto !important;
    border-radius: 0 25px 25px 0 !important;
    padding: 0 20px !important;
    height: 38px !important;
    font-size: 13px !important;
    background: linear-gradient(135deg,#667eea,#764ba2) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
    margin: 0 !important;
}
.ds_txt {
    flex: 1;
    min-width: 0;
    border: 2px solid #e8e8e8 !important;
    border-radius: 25px !important;
    padding: 9px 18px !important;
    font-size: 13px;
    outline: none;
    transition: border .2s;
    box-sizing: border-box;
}
.ds_txt:focus { border-color: #667eea !important; }
.ds_btn {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    background: linear-gradient(135deg,#667eea,#764ba2) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 9px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(102,126,234,.3);
    line-height: 1.4 !important;
    height: auto !important;
}
.pingjia_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.pingjia_list thead th {
    background: #f8f9ff !important;
    padding: 14px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #666 !important;
    border-bottom: 2px solid #e8e8e8 !important;
}
.pingjia_list thead th:first-child { border-radius: 10px 0 0 10px; }
.pingjia_list thead th:last-child { border-radius: 0 10px 10px 0; }
.pingjia_list tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
    transition: background .2s;
}
.pingjia_list tbody tr:hover { background: #f8f9ff !important; }
.pingjia_list tbody td {
    padding: 14px 12px !important;
    font-size: 13px !important;
    color: #555 !important;
    vertical-align: middle;
}
.pingjia_list tbody td a { color: #667eea !important; font-weight: 600; }
.page_btns { margin-top: 20px !important; }
.pagination li a, .pagination li span {
    border-radius: 8px !important;
    margin: 0 3px !important;
}

/* PC接单/订单卡片美化 */
.cus01 {
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
    padding: 20px !important;
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    margin-bottom: 10px !important;
    position: relative;
}
.cus01 .cusFen {
    float: right !important;
    width: 150px !important;
    text-align: center !important;
}
.cus01 .cusFen .button1 {
    margin: 4px auto !important;
    display: block !important;
    width: 120px !important;
}
.cus01 .progress {
    clear: both !important;
    margin-top: 15px !important;
    padding-top: 8px !important;
}
.cus01 .cusImg img { border-radius: 16px !important; }
.cus01 .cusName { line-height: 2 !important; }
.cus01 .cusName span { font-size: 13px !important; }
.cus01 .cusFen span, .cus01 .cusFen br { font-size: 13px; }
.button1 {
    display: inline-block;
    padding: 8px 24px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    margin-top: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}
a .button1:has-text("立即接单"),
a[href*="kaishi"] .button1 {
    background: linear-gradient(135deg,#667eea,#764ba2) !important;
    box-shadow: 0 3px 10px rgba(102,126,234,.35) !important;
}
a[href*="jiesu"] .button1 {
    background: linear-gradient(135deg,#f093fb,#f5576c) !important;
    box-shadow: 0 3px 10px rgba(245,87,108,.35) !important;
}
a[href*="yanshou"] .button1, a[href*="zhifu"] .button1 {
    background: linear-gradient(135deg,#43e97b,#38f9d7) !important;
    box-shadow: 0 3px 10px rgba(67,233,123,.35) !important;
}
.type_navs {
    border-bottom: 2px solid #f0f0f0 !important;
    margin-bottom: 16px !important;
}
.type_navs li a {
    padding: 10px 18px !important;
    font-size: 14px !important;
    color: #888 !important;
    border-radius: 8px 8px 0 0;
}
.type_navs li a.cur {
    color: #667eea !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #667eea !important;
}
.demand_right h3 { font-size: 18px !important; color: #1a1a2e !important; margin-bottom: 10px !important; }

/* 个人中心首页修复 */
.vip_right > .cus01 {
    height: auto !important;
    min-height: 170px;
    padding: 20px !important;
    overflow: hidden;
}
.vip_right > .cus01 .cusImg {
    float: left !important;
    margin-right: 20px !important;
}
.vip_right > .cus01 .cusImg img {
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
}
.vip_right > .cus01 .cusName {
    overflow: hidden !important;
    float: none !important;
    width: auto !important;
    padding-top: 5px;
}
.vip_right > .cus01 .cusName p {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin-bottom: 8px;
}
.vip_right > .cus01 .cusName .bdTell {
    display: inline-block !important;
    float: none !important;
    margin-right: 20px;
    color: #888 !important;
    font-size: 13px !important;
}
.vip_right > .cus01 .edit_uid {
    float: none !important;
    display: inline-block !important;
    margin: 0 0 0 10px;
    position: static !important;
    border-radius: 15px !important;
    font-size: 12px !important;
}
.cus03 {
    margin: 15px 0 !important;
}
.cus03 {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 15px 0 !important;
}
.cus03 .mess {
    background: linear-gradient(135deg,#eef2ff,#f5f3ff) !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    border-left: 4px solid #667eea !important;
    border: none !important;
}
.cus03 .mess a {
    color: #555 !important;
    font-size: 13px;
}
.cus03 .mess a {
    color: #555 !important;
    font-size: 13px;
}
ul.cus02 {
    display: flex !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 15px 0 !important;
}
ul.cus02 li {
    flex: 1 !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 20px 15px !important;
    text-align: center !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
    list-style: none !important;
    border: none !important;
}
ul.cus02 li p {
    margin-bottom: 10px !important;
}
ul.cus02 li p span {
    font-size: 14px !important;
    color: #888 !important;
}
ul.cus02 li .numbers {
    font-size: 14px !important;
    color: #999 !important;
}
ul.cus02 li .numbers font {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #667eea !important;
}

/* 消息列表页美化 */
.demand_right h3 {
    font-size: 18px !important;
    color: #1a1a2e !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}
.demand_right table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
.demand_right table thead th {
    background: #f8f9ff !important;
    padding: 14px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #666 !important;
    border-bottom: 2px solid #e8e8e8 !important;
}
.demand_right table tbody tr {
    border-bottom: 1px solid #f5f5f5 !important;
    transition: background .2s;
}
.demand_right table tbody tr:hover {
    background: #f8f9ff !important;
}
.demand_right table tbody td {
    padding: 14px 12px !important;
    font-size: 13px !important;
    color: #555 !important;
    vertical-align: middle;
}
.demand_right table tbody td a {
    color: #667eea !important;
    font-weight: 500;
    margin: 0 4px;
}
.demand_right table tbody td img {
    border-radius: 4px;
}

/* 我的技能表格美化 */
.user_tit {
    background: #fff;
    border-radius: 12px 12px 0 0;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.user_tit li.cr a {
    color: #333 !important;
    font-weight: 600;
    font-size: 16px;
}
.user_tit li:last-child a {
    color: #667eea !important;
    font-weight: 500;
}
.pingjia_list {
    background: #fff;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    width: 100%;
    border-collapse: collapse;
}
.pingjia_list thead th {
    background: #f8f9ff !important;
    color: #667eea !important;
    font-weight: 600;
    padding: 12px 8px;
    border: none;
}
.pingjia_list tbody td {
    padding: 12px 8px;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
}
.pingjia_list tbody tr:hover {
    background: #f8f9ff;
}
.pingjia_list a {
    color: #667eea;
    margin: 0 4px;
}
.pingjia_list a:hover {
    text-decoration: underline;
}


/* ====== 全局深色科技风 ====== */
body {
    background: #0f0f1a !important;
    color: #c8d0e0 !important;
}
a { color: #00c8ff; }
a:hover { color: #00e5ff; }

.m-header {
    background: linear-gradient(135deg, #1a1a2e, #16213e) !important;
    border-bottom: 1px solid rgba(0,200,255,0.1) !important;
}
.m-header .nav li a { color: #c8d0e0 !important; }
.m-header .nav li a:hover, .m-header .nav li.active a { color: #00c8ff !important; }

.node_1505866184, .panel, .card, .well {
    background: linear-gradient(135deg, #1a1a2e, #16213e) !important;
    border: 1px solid rgba(0,200,255,0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
}

.form-control, input[type=text], input[type=password], input[type=email], input[type=number], select, textarea {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus {
    border-color: #00c8ff !important;
    box-shadow: 0 0 0 3px rgba(0,200,255,0.15) !important;
}
.form-control::placeholder { color: #667 !important; }

.btn-primary, .btn-default, .comm-btn, .js-ajax-submit {
    background: linear-gradient(135deg, #00c8ff, #0066ff) !important;
    border: none !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-default:hover, .comm-btn:hover {
    box-shadow: 0 5px 20px rgba(0,200,255,0.4) !important;
    transform: translateY(-1px);
}

table { color: #c8d0e0 !important; }
table th { background: rgba(0,200,255,0.08) !important; border-color: rgba(255,255,255,0.08) !important; }
table td { border-color: rgba(255,255,255,0.05) !important; }

p, span, div, label, li { color: #c8d0e0; }
h1, h2, h3, h4, h5, h6 { color: #fff; }
.text-muted, .help-block { color: #667 !important; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #1a1a2e; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #00c8ff; }


/* ====== 深色主题修复 ====== */
/* 热门推荐区域 */
.hot-list, .tuijian, .product-list, .list-wrap, .main-content, .container {
    background: #0f0f1a !important;
}
/* 白色卡片改深色 */
.tuijian .item, .product-list .item, .list-item, .item-card,
.node_1505866184 .item, .layui-card, .panel-default {
    background: linear-gradient(135deg, #1a1a2e, #16213e) !important;
    border: 1px solid rgba(0,200,255,0.08) !important;
    border-radius: 12px !important;
}
/* 公告/资讯白色小框改深色 */
.notice-item, .news-item, .gonggao li, .zixun li,
.home-notice .item, .home-news .item {
    background: rgba(255,255,255,0.05) !important;
    color: #c8d0e0 !important;
    border-radius: 8px !important;
}
.notice-item a, .news-item a, .gonggao a, .zixun a {
    color: #c8d0e0 !important;
}
/* 游戏分类名称 */
.game-item, .cat-item, .hot-service .item p {
    color: #c8d0e0 !important;
}
/* 热门推荐标题 */
.section-title, .home-title, .tuijian-title {
    color: #fff !important;
}
/* 底部footer */
.footer, #footer, .site-footer {
    background: #0a0a12 !important;
    color: #667 !important;
    border-top: 1px solid rgba(0,200,255,0.08) !important;
}
/* 白色区域强制改深色 */
.main, .content, .wrapper {
    background: #0f0f1a !important;
}
/* 卡片内文字 */
.item h3, .item .name, .item .title, .card h3, .card .name {
    color: #fff !important;
}
.item .desc, .item .price, .item .info, .card .desc {
    color: #8899aa !important;
}
/* 价格高亮 */
.price, .money {
    color: #ff6b35 !important;
}


/* ====== 内容页美化 ====== */
/* 文章/公告内容包卡片 */
.article-content, .detail-content, .page-content,
.portal-article, .article-box, .content-box {
    max-width: 900px;
    margin: 30px auto;
    padding: 40px;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    border: 1px solid rgba(0,200,255,0.1);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3);
}
.article-content h1, .detail-content h1, .page-content h1 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
}
.article-content .meta, .detail-content .meta {
    color: #667;
    font-size: 13px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 25px;
}
.article-content p, .detail-content p {
    color: #c8d0e0;
    line-height: 1.8;
}
/* 面包屑 */
.breadcrumb, .location {
    color: #667;
    font-size: 13px;
    margin-bottom: 20px;
}
.breadcrumb a, .location a { color: #00c8ff; }

/* 表格美化 */
.article-content table, .detail-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
}
.article-content table th, .detail-content table th {
    background: rgba(0,200,255,0.12) !important;
    color: #00c8ff;
    padding: 12px 16px;
    text-align: left;
    border: none !important;
}
.article-content table td, .detail-content table td {
    background: rgba(255,255,255,0.03);
    color: #c8d0e0;
    padding: 12px 16px;
    border: 1px solid rgba(255,255,255,0.05) !important;
}
.article-content table tr:hover td, .detail-content table tr:hover td {
    background: rgba(0,200,255,0.06);
}

/* Footer改深色 */
.footer-wrap, .footer-box, .footer-bottom {
    background: #0a0a12 !important;
    border-top: 1px solid rgba(0,200,255,0.08) !important;
}
.footer-box h4, .footer-box .title {
    color: #00c8ff !important;
    font-size: 14px;
}
.footer-box a, .footer-box p, .footer-box span {
    color: #8899aa !important;
    font-size: 13px;
}
.footer-box a:hover { color: #00c8ff !important; }
.copyright {
    color: #556 !important;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
}


/* ====== 悬浮按钮修复 ====== */
.float-box {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.float-box > a, .float-box > div {
    width: 56px;
    background: #fff;
    border-radius: 12px;
    padding: 12px 6px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: all .3s;
    cursor: pointer;
    text-decoration: none;
}
.float-box > a:hover, .float-box > div:hover {
    box-shadow: 0 6px 20px rgba(0,200,255,0.4);
    transform: translateY(-2px);
}
.float-box span {
    display: block;
    font-size: 12px;
    color: #333;
    margin-top: 4px;
}
.float-box i {
    font-size: 24px;
    color: #00c8ff;
    display: block;
}

/* 热门推荐区域深色 */
.tuijian, .hot-list, .recommend {
    background: #0f0f1a !important;
}
.tuijian .item, .hot-list .item, .recommend .item {
    background: linear-gradient(135deg, #1a1a2e, #16213e) !important;
    border: 1px solid rgba(0,200,255,0.08) !important;
    border-radius: 14px !important;
    overflow: hidden;
}
.tuijian .item img, .hot-list .item img, .recommend .item img {
    border-radius: 14px 14px 0 0;
}
.tuijian .item .name, .hot-list .item .name, .recommend .item .name {
    color: #fff !important;
}
.tuijian .item .price, .hot-list .item .price, .recommend .item .price {
    color: #ff6b35 !important;
}



/* 悬浮按钮文字深色 */
.float-box span {
    color: #333 !important;
}
.float-box i {
    color: #00c8ff !important;
}


/* 悬浮按钮 - 白色卡片黑字 */
.float-box {
    position: fixed !important;
    right: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.float-box > a, .float-box > div {
    width: 56px !important;
    background: #fff !important;
    border-radius: 14px !important;
    padding: 12px 6px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    transition: all .3s !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: block !important;
}
.float-box > a span, .float-box > div span {
    display: block !important;
    font-size: 12px !important;
    color: #333 !important;
    margin-top: 4px !important;
    line-height: 1.3 !important;
}
.float-box > a i, .float-box > div i {
    font-size: 22px !important;
    color: #00c8ff !important;
    display: block !important;
}


/* 悬浮按钮 - 恢复原始橙色圆形图标 */
.float-box > a, .float-box > div {
    color: #333 !important;
    font-size: 12px !important;
    margin-top: 15px !important;
    position: relative !important;
    width: auto !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: block !important;
}
.float-box > a span, .float-box > div span {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    background-color: #ff6a45 !important;
    border-radius: 19px !important;
    position: relative !important;
    margin: 0 auto 5px auto !important;
}
.float-box > a span i, .float-box > div span i {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 38px !important;
    display: block !important;
    text-align: center !important;
}
.float-box {
    width: 84px !important;
    border-radius: 30px !important;
    padding-bottom: 10px !important;
    right: 50px !important;
    display: block !important;
}


/* ====== 悬浮按钮美化 ====== */
.float-box {
    width: 60px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    padding: 8px 0 !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
}
.float-box > a, .float-box > div {
    color: #555 !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    position: relative !important;
    width: 100% !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 4px !important;
    display: block !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all .3s !important;
}
.float-box > a:hover, .float-box > div:hover {
    transform: translateY(-2px) !important;
}
.float-box > a span, .float-box > div span {
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #00c8ff, #0066ff) !important;
    border-radius: 50% !important;
    position: relative !important;
    margin: 0 auto 4px auto !important;
    box-shadow: 0 3px 10px rgba(0,200,255,0.3) !important;
}
.float-box > a span i, .float-box > div span i {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 40px !important;
    display: block !important;
    text-align: center !important;
    font-style: normal;
}
.float-box > a span:hover, .float-box > div span:hover {
    box-shadow: 0 5px 15px rgba(0,200,255,0.5) !important;
}


/* 图标居中修复 */
.float-box > a span i, .float-box > div span i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* 图标居中 - 用margin auto */
.float-box > a span i, .float-box > div span i {
    display: block !important;
    margin: 0 auto !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.float-box > a span, .float-box > div span {
    position: relative !important;
    overflow: hidden !important;
}


/* ====== 悬浮按钮新样式 ====== */
.float-box {
    width: 60px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    padding: 8px 0 !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 99999 !important;
    position: fixed !important;
}
.float-btn {
    text-align: center !important;
    padding: 6px 0 !important;
    cursor: pointer !important;
    transition: all .3s !important;
}
.float-btn:hover {
    transform: translateY(-2px) !important;
}
.float-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #00c8ff, #0066ff) !important;
    border-radius: 50% !important;
    margin: 0 auto 4px auto !important;
    font-size: 20px !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0,200,255,0.3) !important;
    line-height: 1 !important;
}
.float-text {
    display: block !important;
    font-size: 11px !important;
    color: #555 !important;
    text-align: center !important;
    line-height: 1.3 !important;
}


/* 强制覆盖旧样式 */
.float-box .float-btn span.float-icon,
.float-box .float-btn span.float-text {
    all: unset;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.float-box .float-btn span.float-icon {
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #00c8ff, #0066ff) !important;
    border-radius: 50% !important;
    margin: 0 auto 4px auto !important;
    font-size: 20px !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(0,200,255,0.3) !important;
}
.float-box .float-btn span.float-text {
    display: block !important;
    font-size: 11px !important;
    color: #555 !important;
    text-align: center !important;
}
.float-box .float-btn {
    all: unset;
    display: block !important;
    text-align: center !important;
    padding: 6px 0 !important;
    cursor: pointer !important;
}


/* ====== 悬浮客服按钮（全新class不冲突） ====== */
.kefu-float {
    position: fixed;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    width: 60px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    padding: 10px 0;
}
.kefu-item {
    text-align: center;
    padding: 6px 0;
    cursor: pointer;
    text-decoration: none;
    display: block;
    transition: all .3s;
}
.kefu-item:hover {
    transform: translateY(-2px);
}
.kefu-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #00c8ff, #0066ff);
    border-radius: 50%;
    margin: 0 auto 4px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0,200,255,0.3);
    line-height: 1;
}
.kefu-label {
    font-size: 11px;
    color: #555;
    text-align: center;
    line-height: 1.3;
}