.feedback-page { display: flex; min-height: 100vh; flex-direction: column; }
.feedback-main { padding-bottom: 80px; }
.feedback-hero { padding: 58px 0 34px; }
.feedback-tabs { display: flex; gap: 0; border-bottom: 2px solid var(--tad-ink); }
.feedback-tabs button { min-height: 45px; padding: 8px 18px; border: 1px solid var(--tad-line); border-bottom: 0; color: var(--tad-ink); background: #fff; }
.feedback-tabs button.active { border-color: var(--tad-ink); color: #fff; background: var(--tad-ink); }
.feedback-panel { max-width: 1040px; min-height: 420px; padding: 38px 0; }
.feedback-panel > header { margin-bottom: 24px; }
.feedback-panel h2 { margin: 7px 0; font: 34px CangErYuMo, sans-serif; }
.feedback-panel header p { color: var(--tad-muted); }
.feedback-form { display: grid; padding: 28px; grid-template-columns: 1fr 1fr; gap: 16px 18px; border: 1px solid var(--tad-line); background: #fff; }
.feedback-form .full { grid-column: 1 / -1; }
.feedback-trap { position: absolute; left: -9999px; }
.feedback-privacy { padding: 12px 0; border-top: 1px solid var(--tad-line); color: var(--tad-muted); }
.feedback-privacy summary { cursor: pointer; color: var(--tad-ink); }
.feedback-consent { display: flex; align-items: center; gap: 8px; }
.feedback-consent input { width: auto; }
.feedback-receipt { padding: 28px; border: 1px solid var(--tad-red); background: #fff; }
.feedback-receipt h3 { margin: 7px 0; font: 28px CangErYuMo, sans-serif; }
.feedback-auth { padding: 30px; border: 1px solid var(--tad-red); background: linear-gradient(135deg, #fff 0 82%, rgb(201 31 46 / 7%) 82%); }
.feedback-auth strong { font: 25px CangErYuMo, sans-serif; }
.feedback-auth p { color: var(--tad-muted); }
.feedback-list { display: grid; gap: 0; }
.ticket { padding: 20px 0; border-bottom: 1px solid var(--tad-line); }
.ticket h3 { margin: 6px 0; font: 23px CangErYuMo, sans-serif; }
.ticket small { color: var(--tad-red); }
.mine-ticket { position: relative; padding: 22px; border: 1px solid var(--tad-line); background: #fff; }
.mine-ticket::before { position: absolute; top: -1px; left: -1px; width: 22px; height: 22px; background: var(--tad-red); clip-path: polygon(0 0,100% 0,0 100%); content: ""; }
.mine-ticket header { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; }
.ticket-detail { margin-top: 18px; padding: 18px; border-left: 4px solid var(--tad-blue); background: var(--tad-surface); }
.ticket-detail h4 { margin: 14px 0 4px; }
.ticket-detail h4:first-child { margin-top: 0; }
@media (max-width: 680px) { .feedback-form { grid-template-columns: 1fr; padding: 20px; } .feedback-form > * { grid-column: 1 !important; } .feedback-tabs { overflow-x: auto; } .feedback-tabs button { white-space: nowrap; } .lookup-form { grid-template-columns: 1fr; } }