:root{color:#1f2933;background:#f4f6f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.page{width:100%;min-height:100vh;padding:max(18px,env(safe-area-inset-top)) 14px max(24px,env(safe-area-inset-bottom))}.form-page{display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(180deg,#b0202914,#f4f6f800 240px),#f4f6f8}.form-panel{width:min(100%,560px);margin-top:14px;overflow:hidden;border:1px solid #d9e0e7;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1f293314}.brand-bar{height:8px;background:linear-gradient(90deg,#b02029,#d8a23a)}h1,h2,p{margin:0}.form-panel h1{padding:24px 22px 4px;color:#8f1820;font-size:1.34rem;font-weight:700;line-height:1.35;text-align:center}.form-subtitle{padding:0 22px 6px;color:#303b46;font-size:1.05rem;font-weight:700;text-align:center}.feedback-form{display:grid;gap:18px;padding:22px}.field{display:grid;gap:8px}.field span{color:#303b46;font-weight:700}.field input,.field textarea{width:100%;border:1px solid #c8d2dc;border-radius:6px;background:#fff;color:#1f2933;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.field input{height:46px;padding:0 13px}.field textarea{min-height:150px;padding:12px 13px;resize:vertical}.field input:focus,.field textarea:focus{border-color:#b02029;box-shadow:0 0 0 3px #b020291f}.field strong,.error-line{color:#b02029;font-size:.88rem;font-weight:600}.primary-button,.export-button,.text-button{min-height:44px;border:0;border-radius:6px;font-weight:700}.primary-button{width:100%;background:#b02029;color:#fff}.primary-button:active,.export-button:active{transform:translateY(1px)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:22px;background:#0f172a73}.modal{width:min(100%,340px);border-radius:8px;background:#fff;padding:24px 20px 18px;text-align:center;box-shadow:0 18px 45px #0f172a3d}.modal h2{margin-bottom:8px;color:#8f1820;font-size:1.2rem}.modal p{margin-bottom:18px;color:#344150}.admin-page{background:#eef2f6}.admin-shell{width:min(100%,1180px);margin:0 auto}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:3px solid #b02029;background:#fff;padding:18px 20px}.admin-header h1{color:#8f1820;font-size:1.35rem}.admin-header p{margin-top:4px;color:#617080}.export-button{flex:0 0 auto;padding:0 18px;background:#b02029;color:#fff}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#4a5563}.text-button{min-width:72px;padding:0 14px;border:1px solid #c8d2dc;background:#fff;color:#344150}.table-wrap{width:100%;overflow-x:auto;border:1px solid #d9e0e7;background:#fff}.mobile-records{display:none}table{width:100%;min-width:860px;border-collapse:collapse}th,td{border-bottom:1px solid #e6ebf0;padding:12px 14px;text-align:left;vertical-align:top}th{background:#f8fafc;color:#303b46;font-weight:700;white-space:nowrap}td{color:#273340}.content-cell{max-width:420px;white-space:pre-wrap;word-break:break-word}.empty{height:96px;color:#7b8794;text-align:center;vertical-align:middle}@media(max-width:640px){.page{padding-right:12px;padding-left:12px}.form-panel{margin-top:0}.form-panel h1{padding:22px 18px 4px;font-size:1.2rem}.form-subtitle{padding-right:18px;padding-left:18px;font-size:1rem}.feedback-form{gap:16px;padding:20px 16px}.admin-header{display:grid;gap:12px;padding:16px}.admin-header h1{font-size:1.18rem}.export-button{width:100%}.admin-page{padding:12px 10px max(20px,env(safe-area-inset-bottom))}.toolbar{min-height:42px;padding:0 2px}.table-wrap{display:none}.mobile-records{display:grid;gap:10px}.mobile-record,.mobile-empty{border:1px solid #d9e0e7;border-radius:6px;background:#fff}.mobile-record{padding:14px}.mobile-empty{padding:32px 14px;color:#7b8794;text-align:center}.mobile-record-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e6ebf0}.mobile-record-header strong{min-width:0;overflow:hidden;color:#8f1820;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.mobile-record-header span{flex:0 0 auto;color:#7b8794;font-size:.82rem}.mobile-record-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;margin:12px 0 14px}.mobile-record-meta div{min-width:0}.mobile-record-meta dt,.mobile-record-content>span{margin-bottom:3px;color:#7b8794;font-size:.78rem}.mobile-record-meta dd{overflow:hidden;margin:0;color:#273340;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.mobile-record-content{border-left:3px solid #d8a23a;padding-left:10px}.mobile-record-content>span{display:block}.mobile-record-content p{margin:0;color:#273340;line-height:1.65;white-space:pre-wrap;word-break:break-word}}