/* 见壹面 V6 Ultimate CSS（基础版） */
:root{
--primary:#2F80ED;
--primary-light:#EAF3FF;
--danger:#FF4D6D;
--text:#2D3748;
--muted:#8A94A6;
--border:#DCE5EE;
--radius:16px;
--shadow:0 12px 30px rgba(15,23,42,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",Arial,sans-serif;background:#F5F7FB;color:var(--text)}
.wrap{max-width:1200px;margin:auto;padding:0 20px}
.header{position:sticky;top:0;z-index:999;background:#00868B;box-shadow:var(--shadow)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:700}
.banner{margin:24px 0;padding:25px;border-radius:5px;background:#CD5C5C;color:#fff;    text-align: center;box-shadow:var(--shadow)}
.banner h1 {margin-bottom: 0px;}
.banner p {font-size: 20px;    color: #F0FFFF;    letter-spacing: 2px;}
.card{background:#fff;border-radius:5px;padding:28px;margin-bottom:22px;box-shadow:var(--shadow)}
.card-title{font-size:22px;color:#ff4568;margin-bottom:20px;text-align: center}
.grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.field{position:relative}
.field input,.field textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:22px 18px 10px;background:#fff;font-size:15px;color:var(--text);transition:.25s}
.field input{height:58px}
.field textarea{min-height:130px;resize:vertical}
.field label{position:absolute;left:16px;top:18px;background:#fff;padding:0 4px;color:var(--muted);transition:.2s;pointer-events:none;z-index:1}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(47,128,237,.15)}
.field input:focus~label,.field input:not(:placeholder-shown)~label,.field textarea:focus~label,.field textarea:not(:placeholder-shown)~label,.field.has-value label{top:-8px;font-size:12px;color:var(--primary)}
.field .char-count{text-align:right;color:#999;font-size:12px;margin-top:6px}
.select{position:relative}
.select-btn{display:flex;align-items:center;height:58px;border:1px solid var(--border);border-radius:14px;background:#fff;overflow:hidden;cursor:pointer;transition:.25s}
.select-btn span{flex:1;padding:0 18px;color:var(--muted)}
.select.selected .select-btn span{color:var(--text)}
.select.open .select-btn{border-color:var(--primary);box-shadow:0 0 0 4px rgba(47,128,237,.15)}
.select-icon{width:54px;border-left:1px solid #E8EDF3;height:100%;display:flex;align-items:center;justify-content:center;background:#FAFCFF}
.select-arrow{width:12px;height:12px;border-right:2px solid #7E8B9E;border-bottom:2px solid #7E8B9E;transform:rotate(45deg);transition:.25s}
.select.open .select-arrow{transform:rotate(225deg);border-color:var(--primary)}
.select-list{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.12);max-height:260px;overflow:auto;z-index:99}
.select.open .select-list{display:block}
.select-item{padding:14px 18px;cursor:pointer}
.select-item:hover{background:var(--primary-light);color:var(--primary)}
.select-item.active{background:var(--primary);color:#fff}
.upload-grid{    margin: 0 auto;    width: 250px;display:grid;gap:16px}
.photo-box{position:relative;aspect-ratio:1;border:2px dashed #BDD8FF;border-radius:18px;background:#FBFDFF;overflow:hidden}
.photo-delete{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--danger);color:#fff;z-index:9999;cursor:pointer}
.dalei {text-align:center;}
.submit-btn{margin-top:22px;width:250px;height:60px;border:none;border-radius:16px;background:#ff4568;color:#fff;font-size:20px;font-weight:bold;cursor:pointer}
@media(max-width:768px){
.wrap{padding:0;max-width:100%}
.banner{margin:0;border-radius:0;padding: 15px;}
.banner h1 {margin-bottom: 0px;font-size: 20px;}
.card{border-radius:0;padding:18px}
.grid2,.grid3{grid-template-columns:1fr}
.upload-grid{grid-template-columns:repeat(1,1fr)}
.header-inner{font-size:24px}
.banner p {font-size: 15px;    color: #F0FFFF;    letter-spacing: 2px;}
}