.main-content{width:100%;margin:20px auto;background:white;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.section-subtitle{color:#666;font-size:14px;font-weight:normal;margin-left:10px}.form-section{padding:20px}.form-row{display:flex;align-items:center;margin-bottom:20px;min-height:40px}.form-label{width:100px;font-size:14px;color:#333;flex-shrink:0}.form-content{flex:1;display:flex;align-items:center;flex-wrap:wrap}.height-slider{position:relative;width:100%;max-width:500px;margin:20px 0}.height-slider-container{position:relative;height:5px;background:#e0e0e0;border-radius:0px;cursor:pointer;margin:20px 0 0 0}.height-progress{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:0px;width:37.5%;position:relative}.height-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:15px;height:15px;background:white;border:3px solid #8b5cf6;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.2);z-index:99}.height-handle:hover{transform:translateY(-50%) scale(1.1)}.height-handle:active{cursor:pointer;transform:translateY(-50%) scale(1.15)}.height-value{position:absolute;top:-45px;right:0px;transform:translateX(50%);background:#8b5cf6;color:white;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:bold;white-space:nowrap}.height-value::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#8b5cf6}.height-ruler{position:relative;margin-top:0px;height:40px;padding:0px 1px}.ruler-marks{position:relative;width:100%;height:100%}.ruler-mark{position:absolute;top:0;width:1px;background:#666;transform:translateX(-50%)}.ruler-mark.long{height:12px;background:#333;width:1px}.ruler-mark.medium{height:15px;background:#555;width:1.5px}.ruler-mark.short{height:10px;background:#777;width:1px}.ruler-mark.tiny{height:6px;background:#999;width:0.5px}.ruler-label{position:absolute;top:15px;transform:translateX(-50%);font-size:11px;color:#666;font-weight:normal}.ruler-label.major{font-size:12px;color:#333;font-weight:bold}.location-selector{position:relative;width:300px}.location-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:white;cursor:pointer;color:#999}.location-input.selected{color:#333}.location-dropdown{position:absolute;top:100%;left:0;width:500px;max-height:320px;overflow-y:auto;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);z-index:1000;display:none}.location-level{display:none;padding:10px}.location-level.active{display:block}.location-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.location-item{padding:8px 10px;cursor:pointer;font-size:13px;border:1px solid #e5e7eb;border-radius:4px;transition:all 0.2s;text-align:center;background:#fafafa;color:#374151;min-height:32px;display:flex;align-items:center;justify-content:center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-item:hover{background:#e0e7ff;border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.location-breadcrumb{background:#f8f9fa;padding:8px 12px;font-size:12px;color:#666;border-bottom:1px solid #eee;display:none}.breadcrumb-item{color:#8b5cf6;cursor:pointer;text-decoration:none}.breadcrumb-item:hover{text-decoration:underline}.location-warning{color:#ff4444;font-size:12px;margin-top:5px;width:100%}.select-box{width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:white;cursor:pointer}.register-section{margin-top:30px}.input-field{width:300px;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.input-field:focus{outline:none;border-color:#8b5cf6}.input-error{border-color:#ff4444}.error-text{color:#ff4444;font-size:12px;margin-left:10px}.password-tips{color:#999;font-size:12px;margin-left:10px;display:flex;align-items:center;gap:5px}.eye-icon{cursor:pointer;user-select:none}.agreement-row{margin:20px 0}.checkbox{margin-right:8px}.agreement-text{font-size:14px;color:#666}.agreement-link{color:#8b5cf6;text-decoration:none}.agreement-link:hover{text-decoration:underline}.register-btn{background:linear-gradient(90deg,#8b5cf6,#a855f7);color:white;border:none;padding:12px 40px;border-radius:6px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s}.register-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,0.3)}.register-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.error-text{display: none;}.password-strength {
  margin-left: 6px;
  font-size: 12px;
  color: #666;
}
.strength-level {
  display: inline-block;
  padding: 2px 6px;
  margin-right: 4px;
  border-radius: 2px;
  background: #eee;
  color: #fff;
}
.strength-level.weak.active   { background: #ff4d4f; }
.strength-level.medium.active { background: #faad14; }
.strength-level.strong.active { background: #52c41a; }

.radio-label {
    margin-right: 20px;
    cursor: pointer;
    user-select: none;
}
.radio-label input[type="radio"] {
    margin-right: 5px;
}
.birthday-selector {
    position: relative;
    display: inline-block;
}
.birthday-selector span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
}
.birthday-selector ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 0;
    border-radius: 4px;
    padding: 0px;
    z-index: 1000;
    height: 0;
}
.birthday-selector li:hover ul {
    display: block;
}
.birthday-box {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    z-index: 1000;
}
.birthday-box p {
    margin: 0;
}
.birthday-box i {
    display: inline-block;
    padding: 5px 10px;
    margin: 2px;
    cursor: pointer;
    border-radius: 4px;
}
.birthday-box i.ed {
    background: #8b5cf6;
    color: white;
}
.radio-label.selected {
  color: #8b5cf6;
  font-weight: bold;
}
.birthday-box {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  z-index: 1000;
}
.Ybox, .Mbox, .Dbox {
  display: none;
  position: absolute;
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  z-index: 1000;
}
.reg2 ul li {left:0;right:0;top:0;border:0;}
.reg2 ul.birthday li .msk{background: none;min-height: auto;}
.reg2 ul.birthday li {padding:0;width:580px;}
.reg2 ul:hover li {box-shadow: none ;}
.reg2 ul.birthday li .Mbox,.reg2 ul.birthday li .Dbox{padding:10px 0 0 10px;}