.ygd-form-wrap { max-width: 640px; margin: 0 auto; font-family: inherit; }
.ygd-card { background: #fff; border: 1px solid #e2e2e6; border-radius: 10px; padding: 26px 28px; box-shadow: 0 1px 4px rgba(0,0,0,.04); }
.ygd-card h3 { margin-top: 0; font-size: 20px; }

.ygd-row { margin-bottom: 16px; display: flex; flex-direction: column; }
.ygd-row label { font-size: 13px; font-weight: 600; margin-bottom: 6px; color: #333; }
.ygd-row input[type="text"],
.ygd-row input[type="email"],
.ygd-row input[type="file"],
.ygd-row select,
.ygd-row textarea {
	padding: 10px 12px; border: 1px solid #d6d6dc; border-radius: 6px; font-size: 14px; width: 100%; box-sizing: border-box;
}
.ygd-row-group { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 560px) { .ygd-row-group { grid-template-columns: 1fr; } }

.ygd-btn {
	background: #1a1a2e; color: #fff; border: none; padding: 12px 22px; border-radius: 6px;
	font-size: 15px; font-weight: 600; cursor: pointer;
}
.ygd-btn:hover { background: #2c2c4a; }
.ygd-btn:disabled { opacity: .6; cursor: not-allowed; }

.ygd-form-msg { margin-top: 14px; padding: 12px 14px; border-radius: 6px; font-size: 14px; }
.ygd-form-msg.ygd-msg-success { background: #e6f6ea; color: #197e3d; }
.ygd-form-msg.ygd-msg-error { background: #fde7e9; color: #a02734; }

#ygd-track-result { margin-top: 20px; }
.ygd-track-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; }
.ygd-track-status { display: inline-block; padding: 4px 12px; border-radius: 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; background: #e7f0fd; color: #0a4b9f; }

.ygd-track-thread { border: 1px solid #eee; border-radius: 8px; padding: 14px; margin: 16px 0; max-height: 360px; overflow-y: auto; background: #fafafa; }
.ygd-track-msg { background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; }
.ygd-track-msg-head { font-size: 12px; color: #777; margin-bottom: 4px; }

.ygd-reply-box textarea { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #d6d6dc; box-sizing: border-box; }

.ygd-rating-stars { font-size: 28px; cursor: pointer; color: #ccc; }
.ygd-rating-stars .active { color: #f5a623; }