/* =========================
CardShop Admin Layout Fix
后台布局修复补丁
不覆盖原style.css
========================= */



/* 整体后台区域 */

.layout{

display:flex !important;

width:100%;

min-height:calc(100vh - 70px);

}





/* 左侧菜单 */

.layout nav{

width:240px !important;

flex-shrink:0;

}





/* 右侧内容区域 */

.layout section{

flex:1 !important;

width:auto !important;

max-width:none !important;

padding:40px 50px !important;

}





/* 页面标题 */

.layout section h1{

max-width:1200px;

margin:

0 auto 30px auto !important;

}





/* 内容卡片居中 */


.panel{

width:100%;

max-width:1200px;

margin-left:auto !important;

margin-right:auto !important;

}





/* 表格区域 */


table{

width:100% !important;

}





.panel table{

max-width:1200px;

margin:auto;

}





/* 输入区域 */


.panel input,

.panel textarea,

.panel select{

max-width:100%;

}





/* 按钮不要贴边 */

.panel button{

margin-top:8px;

}





/* 空间优化 */

section > div{

max-width:1200px;

}





/* 统计卡 */

.statistics,

.dashboard-cards{

max-width:1200px;

margin-left:auto;

margin-right:auto;

}





/* 手机端 */

@media(max-width:900px){


.layout{

display:block !important;

}



.layout nav{

width:100% !important;

}



.layout section{

padding:20px !important;

}



}


/* =====================
Admin UI
===================== */


.admin-toast{


position:fixed;


top:30px;


left:50%;


transform:translateX(-50%);


background:rgba(20,20,20,.95);


border:1px solid #ffc43d;


color:#ffc43d;


padding:15px 35px;


border-radius:30px;


z-index:99999;


}


.admin-toast.success{

display:block;

}


.admin-toast.error{

display:block;

border-color:#ff5555;

}





#adminConfirm{


display:none;


position:fixed;


inset:0;


background:rgba(0,0,0,.65);


backdrop-filter:blur(8px);


align-items:center;


justify-content:center;


z-index:99998;


}





.admin-confirm-box{


width:380px;


background:#151515;


border:1px solid #333;


border-radius:25px;


padding:35px;


text-align:center;


}





.admin-confirm-box h3{


color:#ffc43d;


}





.admin-confirm-box button{


margin:10px;


}


/* =====================
控制台布局优化
===================== */


.layout section{

max-width:1200px;

margin:0 auto;

width:100%;

}




/* 数据卡片 */

.stats{

width:100%;

max-width:1200px;

margin:0 auto 40px;

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:30px;

}





.stat-card{

height:160px;

background:#151515;

border:1px solid #222;

border-radius:22px;

padding:30px;

display:flex;

flex-direction:column;

justify-content:center;

}





.stat-card p{

margin:0;

color:#aaa;

font-size:16px;

}





.stat-card strong{

margin-top:20px;

font-size:42px;

color:#ffc43d;

}





/* 系统状态 */

.panel{

max-width:1200px;

margin:0 auto;

padding:40px;

border-radius:25px;

}





.panel h2{

margin-top:0;

}





@media(max-width:900px){


.stats{

grid-template-columns:

repeat(2,1fr);

}


}



@media(max-width:600px){


.stats{

grid-template-columns:

1fr;

}


}




.detail-actions{

margin-top:30px;

}



.detail-actions a{

display:inline-block;

background:#ffc43d;

color:#111;

padding:12px 30px;

border-radius:30px;

}



.range-btn{

background:#191919;

color:#aaa;

border:1px solid #333;

padding:10px 25px;

border-radius:25px;

margin-right:10px;

transition:.2s;

}



.range-btn:hover{

border-color:#ffc43d;

color:#ffc43d;

}



.range-btn.active{

background:#ffc43d;

color:#111;

border-color:#ffc43d;

}