/* 招投标SaaS用户端公共样式 */
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;}
body{background:#f0f2f5;min-height:100vh;color:#2c3e50;}

/* 顶部导航 */
.top-nav{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.06);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
.top-nav-logo{display:flex;align-items:center;gap:10px;}
.top-nav-logo-icon{width:32px;height:32px;background:#00b4d8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;}
.top-nav-logo-text{font-size:16px;font-weight:600;color:#1a2a3a;}
.top-nav-links{display:flex;gap:24px;align-items:center;}
.top-nav-links a{text-decoration:none;color:#6a7a8a;font-size:14px;font-weight:500;transition:color .2s;}
.top-nav-links a:hover{color:#00b4d8;}
.top-nav-links a.active{color:#00b4d8;}
.top-nav-user{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a5a6a;}
.top-nav-user .avatar{width:32px;height:32px;border-radius:50%;background:#e8f5e9;color:#2e7d32;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;}

/* 容器 */
.container{max-width:480px;margin:40px auto;padding:0 16px;}
.container-wide{max-width:800px;margin:40px auto;padding:0 16px;}

/* 卡片 */
.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);padding:32px;margin-bottom:20px;}
.card-title{font-size:18px;font-weight:600;color:#1a2a3a;margin-bottom:24px;text-align:center;}

/* 表单 */
.form-group{margin-bottom:18px;}
.form-label{display:block;font-size:13px;color:#4a5a6a;margin-bottom:6px;font-weight:500;}
.form-input{width:100%;padding:10px 14px;border:1px solid #d0d8e0;border-radius:8px;font-size:14px;color:#2c3e50;outline:none;transition:border-color .2s;background:#fff;}
.form-input:focus{border-color:#00b4d8;box-shadow:0 0 0 3px rgba(0,180,216,0.1);}
.form-select{width:100%;padding:10px 14px;border:1px solid #d0d8e0;border-radius:8px;font-size:14px;color:#2c3e50;outline:none;background:#fff;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%239ab'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
.form-hint{font-size:12px;color:#9ab;margin-top:4px;}
.form-error{font-size:12px;color:#e53935;margin-top:4px;display:none;}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;}
.btn-primary{background:#00b4d8;color:#fff;}
.btn-primary:hover{background:#009ec0;}
.btn-outline{background:transparent;color:#00b4d8;border:1px solid #00b4d8;}
.btn-outline:hover{background:#00b4d8;color:#fff;}
.btn-block{width:100%;}
.btn-sm{padding:6px 14px;font-size:13px;}

/* 链接 */
.link{color:#00b4d8;cursor:pointer;text-decoration:none;font-size:14px;}
.link:hover{text-decoration:underline;}

/* 分割线 */
.divider{border-top:1px solid #eef0f3;margin:20px 0;}

/* 提示 */
.tip{text-align:center;font-size:13px;color:#9ab;margin-top:16px;}
.tip a{color:#00b4d8;text-decoration:none;}

/* 标签 */
.tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500;}
.tag-green{background:#e8f5e9;color:#2e7d32;}
.tag-orange{background:#fff3e0;color:#ef6c00;}
.tag-blue{background:#e3f2fd;color:#1565c0;}
.tag-gray{background:#f5f5f5;color:#9ab;}

/* 消息提示 */
.msg{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:8px;font-size:14px;z-index:999;display:none;box-shadow:0 4px 16px rgba(0,0,0,0.12);}
.msg-success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;}
.msg-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2;}

/* 步骤条 */
.steps{display:flex;gap:0;margin-bottom:32px;}
.step{flex:1;text-align:center;position:relative;}
.step:not(:last-child):after{content:'';position:absolute;top:14px;left:50%;width:100%;height:2px;background:#eef0f3;z-index:0;}
.step-num{width:28px;height:28px;border-radius:50%;background:#eef0f3;color:#9ab;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin:0 auto 6px;position:relative;z-index:1;transition:all .3s;}
.step.active .step-num{background:#00b4d8;color:#fff;}
.step.done .step-num{background:#2e7d32;color:#fff;}
.step-label{font-size:12px;color:#9ab;}
.step.active .step-label{color:#00b4d8;font-weight:500;}
.step.done .step-label{color:#2e7d32;}

/* 单选卡片 */
.radio-cards{display:flex;flex-direction:column;gap:12px;}
.radio-card{border:2px solid #eef0f3;border-radius:10px;padding:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:14px;}
.radio-card:hover{border-color:#b0d8e8;}
.radio-card.selected{border-color:#00b4d8;background:#f0faff;}
.radio-card input{display:none;}
.radio-card .dot{width:20px;height:20px;border-radius:50%;border:2px solid #d0d8e0;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.radio-card.selected .dot{border-color:#00b4d8;}
.radio-card.selected .dot:after{content:'';width:10px;height:10px;border-radius:50%;background:#00b4d8;}
.radio-card-info{flex:1;}
.radio-card-title{font-size:14px;font-weight:600;color:#1a2a3a;}
.radio-card-desc{font-size:12px;color:#9ab;margin-top:2px;}

/* 列表 */
.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f5f5f5;}
.list-item:last-child{border-bottom:none;}
.list-item-info{flex:1;}
.list-item-title{font-size:14px;font-weight:500;color:#1a2a3a;}
.list-item-sub{font-size:12px;color:#9ab;margin-top:2px;}