/* =========================================================
     秋云 Fallyun 旗舰版全局样式核心配置 (Enterprise UI)
     主色调重构：枫叶黄 (#D97736) | 极简务实设计
========================================================== */

@media (min-width: 768px){
    .yunyoo-login {
        padding: 3rem 18% !important;
    }
}
.yunyoo-login {
    padding: 0 12% ;
}
@media (min-width: 1200px){
    .yunyoo-login {
        padding: 0 12% !important;
    }
}

.icon-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 75%;
}

/* 顶部导航栏底色修饰 */
#page-topbar {
    background-color: rgba(255, 255, 255, 0.9) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0,0,0,0.03);
}

#avatar {
    opacity: 0;
}
.link {
    cursor: pointer;
}

/* 全局图标与数字色彩强制继承主色 */
.login-info-icon {
    color: var(--bs-global) !important;
}
.yunyoo-num {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-weight: 700;
}
.yunyoo-num small {
    font-size: 12px;
    margin-left: 5px;
}
.fs-6 {
    font-size: 1rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.main-content * {
    -webkit-transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* 剔除过度渲染，修改为干练的企业级软阴影 */
.shadow {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.03) !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.03) !important;
}

select {
    word-wrap: normal;
    color: var(--bs-global);
    padding: 0.15em;
    line-height: var(--bs-btn-line-height);
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: 6px; /* 企业级微圆角 */
}

/* 头部卡片背景：修改为微渐变质感，拒绝虚幻感 */
.server_header_box {
    background-image: linear-gradient(135deg, var(--bs-btn-bg) 0%, var(--bs-btn-active-border-color) 100%) !important;
}
.car-num {
    font-family: 'SFMono-Regular', Consolas, monospace;
    font-size: 22px;
    font-weight: 700;
}

/* 修正原本散发浓烈紫色霓虹光的按钮，改为务实的品牌色投影 */
.row.align-items-center.server_header_box .custom-button, .row.align-items-center.server_header_box .left_wrap_btn {
    background-color: var(--bs-global) !important;
    box-shadow: 0px 4px 10px rgba(217, 119, 54, 0.2) !important;
}
.powerimg {
    width: 48px !important;
    height: 48px !important;
    box-shadow: 0px 4px 10px rgba(217, 119, 54, 0.2) !important;
    border-radius: 50% !important;
}

.left_wrap_btn {
    box-shadow: inherit !important;
    background-color: var(--primary) !important;
}

.dc {
    color: var(--primary) !important;
}
.configuration-btn-down {
    color: var(--primary) !important;
}
.configuration-btn-down::after {
    border: 1px solid var(--primary) !important;
}
.c-red {
    color: #EF4444; /* 替换为现代 UI 警示红 */
}
.tips {
    border-left: 4px solid var(--primary);
    background-color: var(--bs-global-1);
    border-radius: var(--bs-btn-border-radius);
    padding: 0.75rem 1rem !important;
    color: #4B5563;
}

.modal.fade.show {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.2); /* 降低黑色遮罩浓度，更通透 */
}
.modal-content {
    -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08) !important;
    border: none;
    border-radius: 1rem;
}

.wspace::before {
  content: "\00a0"; 
}
.wspace::after {
  content: "\00a0"; 
}

.yunyoo-c-primary {
    color: var(--primary);
}
.yunyoo-br-primary {
  border-radius: var(--bs-btn-border-radius);
}

/* 修正硬编码的浅紫色背景 */
.badge-soft-yunyoo {
    color: var(--bs-global);
    background-color: rgba(217, 119, 54, 0.1); 
    border: 1px solid rgba(217, 119, 54, 0.15);
}

.bl-hover:hover, .bl-hov:hover { border-width: 8px; }
.bl-active:active, .bl-hov:active { border-width: 3px; }

.bl-global { border-left: 4px solid var(--bs-global); border-radius: var(--bs-btn-border-radius); }
.bl-blue { border-left: 4px solid #3B82F6; border-radius: var(--bs-btn-border-radius); }
.bl-indigo { border-left: 4px solid var(--indigo); border-radius: var(--bs-btn-border-radius); }
.bl-purple { border-left: 4px solid var(--purple); border-radius: var(--bs-btn-border-radius); }
.bl-pink { border-left: 4px solid var(--pink); border-radius: var(--bs-btn-border-radius); }
.bl-red { border-left: 4px solid var(--red); border-radius: var(--bs-btn-border-radius); }
.bl-orange { border-left: 4px solid var(--orange); border-radius: var(--bs-btn-border-radius); }
.bl-yellow { border-left: 4px solid var(--yellow); border-radius: var(--bs-btn-border-radius); }
.bl-green { border-left: 4px solid var(--green); border-radius: var(--bs-btn-border-radius); }
.bl-teal { border-left: 4px solid var(--teal); border-radius: var(--bs-btn-border-radius); }
.bl-cyan { border-left: 4px solid var(--cyan); border-radius: var(--bs-btn-border-radius); }
.bl-white { border-left: 4px solid var(--white); border-radius: var(--bs-btn-border-radius); }
.bl-gray { border-left: 4px solid var(--gray); border-radius: var(--bs-btn-border-radius); }
.bl-gray-dark { border-left: 4px solid var(--gray-dark); border-radius: var(--bs-btn-border-radius); }
.bl-primary { border-left: 4px solid var(--primary); border-radius: var(--bs-btn-border-radius); }
.bl-secondary { border-left: 4px solid var(--secondary); border-radius: var(--bs-btn-border-radius); }
.bl-success { border-left: 4px solid var(--success); border-radius: var(--bs-btn-border-radius); }
.bl-info { border-left: 4px solid var(--info); border-radius: var(--bs-btn-border-radius); }
.bl-warning { border-left: 4px solid var(--warning); border-radius: var(--bs-btn-border-radius); }
.bl-danger { border-left: 4px solid var(--danger); border-radius: var(--bs-btn-border-radius); }
.bl-light { border-left: 4px solid var(--light); border-radius: var(--bs-btn-border-radius); }
.bl-dark { border-left: 4px solid var(--dark); border-radius: var(--bs-btn-border-radius); }

pre.newscontent {
    line-height: 1.8;
    color: #4B5563;
    font-family: 'Inter', sans-serif;
}

/* ===================================================
   根变量配置域 (彻底覆盖底层原生紫色映射)
=================================================== */
:root {
    /* 核心品牌色：枫叶黄 */
    --bs-global: #D97736;
    
    /* 品牌色阶扩展 (用于背景填充、激活反馈) */
    --bs-global-1: #FAF8F5; /* 最淡的背景衬色 */
    --bs-global-2: #FCFBF9;
    --bs-global-3: #E2A072;
    
    /* 透明度层级映射 (取代原有的紫光) */
    --bs-global-o-1: rgba(217, 119, 54, 0.1);
    --bs-global-o-2: rgba(217, 119, 54, 0.2);
    --bs-global-o-3: rgba(217, 119, 54, 0.3);
    --bs-global-o-4: rgba(217, 119, 54, 0.4);
    --bs-global-o-5: rgba(217, 119, 54, 0.5);
    --bs-global-o-0: rgba(217, 119, 54, 0);
    
    /* 按钮组件映射体系 */
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-global);
    --bs-btn-border-color: var(--bs-global);
    
    /* 交互色阶：悬浮与点击采用略深的降级枫叶黄，极具务实感 */
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #C25D23;
    --bs-btn-hover-border-color: #B35019;
    
    --bs-btn-focus-shadow-rgb: 217, 119, 54;
    
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #B35019;
    --bs-btn-active-border-color: #A14311;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: rgba(217, 119, 54, 0.6);
    --bs-btn-disabled-border-color: rgba(217, 119, 54, 0.6);
    
    /* 按钮基础规格规范 */
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-font-family: inherit;
    --bs-btn-font-size: 0.9rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 0.5rem; /* 企业级克制圆角 */
    --bs-btn-box-shadow: none;
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 3px rgba(var(--bs-btn-focus-shadow-rgb), .2);

    /* 同步覆写 Bootstrap 原生 primary 变量防漏网 */
    --primary: #D97736;
    --bs-primary: #D97736;
    --bs-primary-rgb: 217, 119, 54;
}