/*!
 * 简洁统一风格（非AI配色）
 * 配色：深石板灰 + 白色 + 极简蓝绿
 */
:root{
    --cc-bg:#f5f7fa;
    --cc-bg-2:#ffffff;
    --cc-border:#e6e8eb;
    --cc-border-2:#e9ecef;
    --cc-text:#2c3e50;
    --cc-text-2:#495057;
    --cc-text-3:#6c757d;
    --cc-text-4:#adb5bd;
    --cc-primary:#2c3e50;
    --cc-primary-hover:#1a252f;
    --cc-success:#28a745;
    --cc-success-2:#218838;
    --cc-warning:#e0a800;
    --cc-danger:#dc3545;
    --cc-info:#17a2b8;
    --cc-radius:6px;
    --cc-shadow:0 1px 3px rgba(0,0,0,0.04);
}

html,body{margin:0;padding:0;}
body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
    background:var(--cc-bg);
    color:var(--cc-text);
    -webkit-font-smoothing:antialiased;
    min-height:100vh;
}
.bg-default{background:var(--cc-bg)!important;}
* { box-sizing:border-box; }

/* 顶部导航 */
.cc-nav{
    background:#fff;
    border-bottom:1px solid var(--cc-border);
    padding:12px 0;
    position:sticky;top:0;z-index:100;
}
.cc-nav .cc-container{
    max-width:1180px;margin:0 auto;padding:0 16px;
    display:flex;align-items:center;justify-content:space-between;
}
.cc-nav-brand{
    font-size:17px;font-weight:600;color:var(--cc-text);
    text-decoration:none;
    display:flex;align-items:center;gap:8px;
}
.cc-nav-brand:hover{color:var(--cc-text);}
.cc-nav-brand .cc-dot{
    width:8px;height:8px;border-radius:50%;background:var(--cc-primary);
}
.cc-nav-menu{display:flex;align-items:center;gap:4px;flex-wrap:wrap;}
.cc-nav-link{
    color:var(--cc-text-2);
    text-decoration:none;
    padding:6px 12px;
    font-size:14px;
    border-radius:4px;
    transition:all .15s;
}
.cc-nav-link:hover{background:#f1f3f5;color:var(--cc-text);}
.cc-nav-link.active{color:var(--cc-text);background:#f1f3f5;}

/* 页面标题区 */
.cc-header{
    background:#fff;
    border-bottom:1px solid var(--cc-border);
    padding:36px 16px 28px;
    text-align:center;
}
.cc-header h1{
    margin:0 0 8px;
    font-size:24px;
    font-weight:600;
    color:var(--cc-text);
}
.cc-header p{
    margin:0;
    color:var(--cc-text-3);
    font-size:14px;
}
.cc-header .cc-tip{
    display:inline-block;
    margin-top:12px;
    padding:5px 12px;
    font-size:12px;
    color:var(--cc-text-3);
    background:#f8f9fa;
    border:1px solid var(--cc-border-2);
    border-radius:12px;
}

/* 主体容器 */
.cc-main{
    max-width:520px;
    margin:0 auto;
    padding:24px 16px 40px;
}
.cc-main-wide{
    max-width:880px;
}

/* 卡片 */
.cc-card{
    background:#fff;
    border:1px solid var(--cc-border);
    border-radius:var(--cc-radius);
    box-shadow:var(--cc-shadow);
    margin-bottom:14px;
}
.cc-card-head{
    padding:14px 18px;
    border-bottom:1px solid var(--cc-border);
    font-size:15px;
    font-weight:600;
    color:var(--cc-text);
    display:flex;align-items:center;justify-content:space-between;
}
.cc-card-head .cc-tag{
    font-size:12px;
    color:var(--cc-text-3);
    font-weight:400;
}
.cc-card-body{
    padding:20px 18px;
}
.cc-card-body.no-pad{padding:0;}

/* 表单 */
.cc-form-group{margin-bottom:14px;}
.cc-label{
    display:block;
    margin-bottom:6px;
    font-size:13px;
    color:var(--cc-text-2);
    font-weight:500;
}
.cc-label .cc-req{color:var(--cc-danger);margin-left:2px;}
.cc-input{
    display:block;
    width:100%;
    padding:10px 12px;
    font-size:14px;
    line-height:1.5;
    color:var(--cc-text);
    background:#fff;
    border:1px solid var(--cc-border);
    border-radius:4px;
    transition:border-color .15s,box-shadow .15s;
    word-break:break-all;
}
.cc-input:focus{
    border-color:var(--cc-primary);
    outline:0;
    box-shadow:0 0 0 3px rgba(44,62,80,0.08);
}
.cc-input::placeholder{color:var(--cc-text-4);}
.cc-input-group{
    display:flex;
    border:1px solid var(--cc-border);
    border-radius:4px;
    overflow:hidden;
    transition:border-color .15s,box-shadow .15s;
}
.cc-input-group:focus-within{
    border-color:var(--cc-primary);
    box-shadow:0 0 0 3px rgba(44,62,80,0.08);
}
.cc-input-group .cc-input-prefix{
    display:flex;align-items:center;justify-content:center;
    padding:0 12px;
    background:#f8f9fa;
    border-right:1px solid var(--cc-border);
    color:var(--cc-text-3);
    font-size:14px;
    min-width:42px;
}
.cc-input-group .cc-input{
    border:0;
    border-radius:0;
    flex:1;
}
.cc-input-group .cc-input:focus{box-shadow:none;}
.cc-form-row{
    display:flex;gap:8px;
}
.cc-form-row > *{flex:1;}

/* 按钮 */
.cc-btn{
    display:inline-block;
    padding:10px 18px;
    font-size:14px;
    font-weight:500;
    line-height:1.5;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:var(--cc-primary);
    border:1px solid var(--cc-primary);
    border-radius:4px;
    cursor:pointer;
    transition:all .15s;
    user-select:none;
}
.cc-btn:hover{background:var(--cc-primary-hover);border-color:var(--cc-primary-hover);color:#fff;}
.cc-btn:active{transform:translateY(1px);}
.cc-btn:disabled,.cc-btn.disabled{
    background:var(--cc-text-4);border-color:var(--cc-text-4);cursor:not-allowed;
}
.cc-btn-block{display:block;width:100%;}
.cc-btn-lg{padding:12px 20px;font-size:15px;}
.cc-btn-sm{padding:6px 12px;font-size:13px;}
.cc-btn-success{background:var(--cc-success);border-color:var(--cc-success);}
.cc-btn-success:hover{background:var(--cc-success-2);border-color:var(--cc-success-2);}
.cc-btn-danger{background:var(--cc-danger);border-color:var(--cc-danger);}
.cc-btn-danger:hover{background:#c82333;border-color:#c82333;}
.cc-btn-outline{
    background:#fff;color:var(--cc-primary);
}
.cc-btn-outline:hover{background:#f1f3f5;color:var(--cc-primary-hover);}

/* 选项卡/链接按钮 */
.cc-link{
    color:var(--cc-primary);
    text-decoration:none;
    font-size:13px;
    transition:color .15s;
}
.cc-link:hover{color:var(--cc-primary-hover);text-decoration:underline;}

/* 提示框 */
.cc-alert{
    padding:12px 14px;
    font-size:13px;
    border:1px solid var(--cc-border);
    background:#f8f9fa;
    border-radius:4px;
    color:var(--cc-text-2);
    margin-bottom:14px;
    line-height:1.7;
    word-break:break-word;
}
.cc-alert-success{background:#f0f9f3;border-color:#c3e6cb;color:#155724;}
.cc-alert-danger{background:#fbe9eb;border-color:#f5c6cb;color:#721c24;}
.cc-alert-warning{background:#fff8e6;border-color:#ffeeba;color:#856404;}
.cc-alert-info{background:#e6f3f6;border-color:#bee5eb;color:#0c5460;}
.cc-alert b{font-weight:600;}

/* 分割线 */
.cc-divider{
    height:1px;background:var(--cc-border);
    margin:14px 0;
}
.cc-divider-dashed{
    height:1px;
    background:repeating-linear-gradient(90deg,var(--cc-border) 0,var(--cc-border) 6px,transparent 6px,transparent 12px);
    margin:14px 0;
}

/* 信息条目 */
.cc-info-list{margin:0;padding:0;list-style:none;}
.cc-info-list > li{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    font-size:13px;
    border-bottom:1px solid var(--cc-border-2);
    word-break:break-word;
}
.cc-info-list > li:last-child{border-bottom:0;}
.cc-info-list .cc-label{color:var(--cc-text-3);margin:0;font-weight:400;}
.cc-info-list .cc-value{color:var(--cc-text);font-weight:500;text-align:right;max-width:60%;}

/* 状态颜色 */
.cc-text-success{color:var(--cc-success);}
.cc-text-danger{color:var(--cc-danger);}
.cc-text-warning{color:var(--cc-warning);}
.cc-text-info{color:var(--cc-info);}
.cc-text-muted{color:var(--cc-text-3);}

/* 标签徽章 */
.cc-badge{
    display:inline-block;
    padding:2px 8px;
    font-size:12px;
    font-weight:500;
    color:var(--cc-text-2);
    background:#f1f3f5;
    border:1px solid var(--cc-border-2);
    border-radius:10px;
}
.cc-badge-success{color:#155724;background:#d4edda;border-color:#c3e6cb;}
.cc-badge-danger{color:#721c24;background:#f8d7da;border-color:#f5c6cb;}
.cc-badge-warning{color:#856404;background:#fff3cd;border-color:#ffeeba;}
.cc-badge-info{color:#0c5460;background:#d1ecf1;border-color:#bee5eb;}

/* 页脚 */
.cc-footer{
    padding:24px 16px;
    background:#fff;
    border-top:1px solid var(--cc-border);
    color:var(--cc-text-3);
    font-size:12px;
    text-align:center;
}
.cc-footer a{color:var(--cc-text-2);text-decoration:none;margin:0 6px;}
.cc-footer a:hover{color:var(--cc-primary);text-decoration:underline;}

/* 文字对齐 */
.cc-center{text-align:center;}
.cc-right{text-align:right;}
.cc-mt-0{margin-top:0!important;}
.cc-mt-1{margin-top:6px!important;}
.cc-mt-2{margin-top:12px!important;}
.cc-mt-3{margin-top:18px!important;}
.cc-mb-0{margin-bottom:0!important;}
.cc-mb-1{margin-bottom:6px!important;}
.cc-mb-2{margin-bottom:12px!important;}
.cc-mb-3{margin-bottom:18px!important;}

/* 响应式 */
@media (max-width:600px){
    .cc-nav .cc-container{flex-direction:column;align-items:flex-start;gap:8px;}
    .cc-nav-menu{width:100%;justify-content:flex-start;}
    .cc-header{padding:24px 14px 20px;}
    .cc-header h1{font-size:20px;}
    .cc-main{padding:16px 12px 32px;}
    .cc-form-row{flex-direction:column;}
    .cc-info-list > li{flex-direction:column;gap:2px;}
    .cc-info-list .cc-value{text-align:left;max-width:100%;}
}