html,body,#root{min-height:100%;margin:0;padding:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}.app{color:#1f2937;background:#f6f8fb;min-height:100vh}.hero{background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:55vh;min-height:360px;position:relative}.overlay{box-sizing:border-box;text-align:center;background:#ffffff73;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.title{color:#111827;margin:0 0 12px;font-size:48px;font-weight:700}.subtitle{color:#4b5563;margin:0 0 28px;font-size:18px}.search-box{background:#fff;border-radius:999px;align-items:center;gap:10px;width:100%;max-width:760px;padding:10px;display:flex;box-shadow:0 10px 30px #0000001f}.search-box input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:14px 18px;font-size:18px}.search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:14px 24px;font-size:16px}.search-box button:hover{background:#1d4ed8}.result-section{box-sizing:border-box;z-index:2;max-width:960px;margin:-40px auto 0;padding:0 20px 40px;position:relative}.empty-tip{text-align:center;color:#6b7280;background:#fff;border-radius:20px;padding:30px;box-shadow:0 8px 24px #00000014}.result-list{flex-direction:column;gap:20px;display:flex}.result-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 24px #00000014}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-top h2{color:#111827;margin:0;font-size:28px}.card-top span{color:#2563eb;background:#eaf2ff;border-radius:999px;padding:6px 12px;font-size:14px}.result-card p{color:#374151;margin:8px 0;line-height:1.8}.feedback-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;margin-top:18px;padding:12px 20px;font-size:15px}.feedback-btn:hover{background:#000}.top-nav{z-index:50;flex-wrap:wrap;gap:10px;display:flex;position:fixed;top:18px;right:24px}.top-nav button{color:#1f2937;cursor:pointer;background:#ffffffe0;border:none;border-radius:999px;padding:10px 16px;font-size:14px;box-shadow:0 6px 18px #00000014}.top-nav button:hover{background:#fff}.top-nav .nav-active{color:#fff;background:#2563eb}.admin-login-btn{color:#fff!important;background:#111827e6!important}.modal-mask{z-index:99;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:24px;width:100%;max-width:560px;padding:24px;box-shadow:0 24px 60px #00000040}.login-modal{max-width:420px}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header h2{color:#111827;margin:0 0 6px;font-size:24px}.modal-header p{color:#6b7280;margin:0}.close-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1}.feedback-form{flex-direction:column;gap:14px;display:flex}.feedback-form label{color:#374151;flex-direction:column;gap:8px;font-size:15px;font-weight:600;display:flex}.feedback-form span{color:#dc2626}.feedback-form input,.feedback-form select,.feedback-form textarea{border:1px solid #d1d5db;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.feedback-form textarea{resize:vertical}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-size:15px}.cancel-btn{color:#374151;background:#f3f4f6}.submit-btn{color:#fff;background:#2563eb}.submit-btn:hover{background:#1d4ed8}.admin-section{max-width:1280px;margin:90px auto 40px;padding:0 20px}.admin-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-header h1{color:#111827;margin:0 0 8px}.admin-header p{color:#6b7280;margin:0}.admin-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px}.admin-header button:hover{background:#1d4ed8}.admin-tip{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;margin-bottom:18px;padding:12px 16px;font-size:14px}.visitor-tip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;margin-bottom:18px;padding:12px 16px;font-size:14px}.feedback-table{background:#fff;border-radius:20px;overflow:auto;box-shadow:0 8px 24px #00000014}.feedback-table table{border-collapse:collapse;width:100%;min-width:1100px}.feedback-table th,.feedback-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.feedback-table th{color:#374151;white-space:nowrap;background:#f9fafb;font-weight:700}.feedback-table td{color:#4b5563}.status-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;min-width:110px;padding:8px 10px;font-size:14px}.status-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.status-text{color:#374151;white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:8px 10px;font-size:14px;display:inline-block}.reply-box{flex-direction:column;gap:8px;min-width:260px;display:flex}.reply-box textarea{resize:vertical;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:80px;padding:10px;font-family:inherit;font-size:14px;line-height:1.6}.reply-box textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.reply-box button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;align-self:flex-start;padding:8px 12px;font-size:13px}.reply-box button:hover{background:#000}.reply-readonly{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;min-width:220px;padding:10px;line-height:1.6}@media (width<=768px){.top-nav{justify-content:flex-end;top:10px;left:10px;right:10px}.top-nav button{padding:8px 12px;font-size:13px}.hero{min-height:420px}.title{font-size:32px}.subtitle{font-size:15px}.search-box{border-radius:24px;flex-direction:column}.search-box input{width:100%;font-size:16px}.search-box button{width:100%}.card-top h2{font-size:22px}.modal{border-radius:20px;padding:20px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.admin-section{margin-top:90px;padding:0 12px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header button{width:100%}}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.export-btn{background:#047857!important}.export-btn:hover{background:#065f46!important}.delete-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:10px;padding:8px 12px;font-size:13px}.delete-btn:hover{background:#b91c1c}