:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#f3f4fa;background:#05060a;font-synthesis:none;--soft:#adb4c9;--line:#a8b4d14d;--blue:#58b9ff}
*{box-sizing:border-box}body{display:flow-root;margin:0;min-width:320px;min-height:100vh;background:#05060a url(/metal-aurora-bg.png) center top / cover fixed no-repeat;isolation:isolate;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;background:#03040985;z-index:-1;pointer-events:none}h1,h2,p{margin:0}h1{font-size:clamp(28px,2.4vw,40px);line-height:1.35;font-weight:700}h2{font-size:20px;line-height:1.5}p{line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}
.feedback-layout{width:min(1520px,calc(100% - 80px));margin:36px auto 48px;display:grid;grid-template-columns:minmax(0,2.12fr) minmax(280px,1fr);gap:58px}.main-column{min-width:0}.intro{margin:0 0 36px}.intro p{color:var(--soft);font-size:20px;margin-top:12px;line-height:1.8}.glass{border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#ffffff17,transparent 42%),#080b14e8;box-shadow:inset 0 1px #ffffff42,0 15px 40px #0003;backdrop-filter:blur(22px)}.form-card{padding:34px}.form-card fieldset{padding:0;margin:0;border:0;min-width:0}.form-card label{display:block;font-weight:600;font-size:19px;margin-bottom:12px}.optional{font-weight:400;color:var(--soft);margin-left:5px}.textarea-wrap{position:relative;margin-bottom:30px}.form-card textarea,.form-card input:not([type=file]),.review-form textarea,select{width:100%;border:1px solid #8b98be42;background:#171d2ed9;border-radius:26px;color:#f3f4fa;box-shadow:inset 0 0 0 1px #ffffff03}.form-card textarea{min-height:350px;padding:22px 22px 50px;font-size:19px;line-height:1.8;resize:vertical;display:block}.count{position:absolute;bottom:19px;right:23px;color:#a3afca;font:14px ui-monospace,Consolas,monospace;pointer-events:none}.form-card input:not([type=file]){padding:17px 22px;margin-bottom:30px;font-size:18px}.form-card input::placeholder{color:#929eb9}.upload-zone{width:100%;display:flex;align-items:center;text-align:left;gap:20px;border:1px dashed #929baa;border-radius:26px;padding:20px 22px;color:#d9dcea;background:#090d1899}.upload-zone:hover,.upload-zone.dragover{border-color:var(--blue);background:#172337cc}.upload-zone strong{display:block;font-size:19px;margin-bottom:7px}.upload-zone #upload-help{display:block;font-size:15px;line-height:1.65;color:#a2adc5}.image-icon{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border:1px solid #65729366;border-radius:18px;background:#171d2ed9;color:var(--soft)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.image-preview{display:flex;gap:20px;align-items:center;margin-top:20px;overflow-wrap:anywhere}.image-preview img{max-width:160px;max-height:130px;object-fit:contain;border-radius:12px}.image-preview p{color:var(--soft);font-size:14px}.quiet-button{border:1px solid var(--line);border-radius:10px;padding:7px 12px;background:#151b2b;color:#d7dcea;margin-top:8px}.form-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.primary-button{padding:13px 26px;border:1px solid #84b8ffb8;border-radius:14px;color:#fff;background:linear-gradient(135deg,#468cff65,#9057ff45);box-shadow:inset 0 1px #ffffff47}.primary-button:hover{filter:brightness(1.15)}.back-link{color:var(--soft);font-size:15px}.form-message{margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--soft);font-size:15px}.form-message:empty{display:none}.form-message[data-state=error]{color:#ffb6b6}.form-message[data-state=success]{color:#a1e9c7}.tips{display:flex;flex-direction:column;gap:24px}.tip-card{padding:29px}.tip-card h2{margin-bottom:18px}.tip-card p,.tip-card li{font-size:18px;color:var(--soft);line-height:1.85}.tip-card ol{padding:0;margin:0;list-style:none;counter-reset:tips}.tip-card li{counter-increment:tips;display:flex;gap:16px;margin-top:10px}.tip-card li::before{content:"0" counter(tips);color:var(--blue);font:600 14px/2.4 ui-monospace,Consolas,monospace}.site-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;padding:26px 20px;border-top:1px solid #8190b633;background:#030409a8;font-size:12px;color:#9097ad}
.admin-shell{width:min(1360px,calc(100% - 48px));margin:32px auto}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-header h1{font-size:30px}.admin-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.admin-toolbar select{width:auto;padding:10px 32px 10px 16px;border-radius:12px}.admin-toolbar label{color:var(--soft)}.admin-toolbar button{margin:0}.admin-columns{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.25fr);gap:24px}.feedback-list,.detail-card{padding:24px;border-radius:22px;min-width:0}.list-item{display:block;text-align:left;width:100%;padding:18px;border:1px solid var(--line);border-radius:14px;background:#151b2ba6;color:#f3f4fa;margin-bottom:12px}.list-item:hover,.list-item[aria-pressed=true]{border-color:var(--blue);background:#1e2c42}.item-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--soft);margin-bottom:10px}.item-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.7}.badge{display:inline-block;padding:4px 9px;border-radius:8px;background:#314775;color:#c5dafa;white-space:nowrap}.badge[data-status=pending]{background:#6d502c;color:#ffe0a5}.badge[data-status=resolved]{background:#245b4a;color:#c4f4de}.pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:18px}.pagination button{margin:0}.detail-card h2{margin-bottom:12px}.detail-meta{font-size:14px;color:var(--soft);margin-bottom:20px;overflow-wrap:anywhere}.feedback-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:20px 0}.detail-image{display:block;max-width:100%;max-height:450px;border-radius:12px;margin:16px 0}.review-form{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.review-form label{display:block;margin:14px 0 10px}.review-form select{padding:10px 14px;border-radius:12px}.review-form textarea{min-height:130px;resize:vertical;border-radius:14px;padding:14px;line-height:1.8}.review-form .primary-button{margin-top:20px}.note-hint{font-size:13px;color:var(--soft)}.history{margin-top:26px}.history summary{cursor:pointer;color:var(--soft)}.history-entry{border-left:2px solid var(--line);padding:0 0 0 14px;margin:18px 0}.history-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.history-entry time{font-size:12px;color:var(--soft)}.empty-state{color:var(--soft);padding:20px 0}
@media(min-width:1600px){.feedback-layout{width:calc(100% - 96px);max-width:1740px;gap:60px}.form-card{padding:36px}.form-card textarea{min-height:400px}.intro p{font-size:23px}.tip-card p,.tip-card li{font-size:21px}}
@media(max-width:1050px){.feedback-layout{width:calc(100% - 40px);gap:26px;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)}.form-card,.tip-card{padding:24px}.intro p{font-size:17px}.tip-card h2{font-size:18px}.tip-card p,.tip-card li{font-size:16px}.upload-zone{padding:18px;gap:14px}.upload-zone strong{font-size:17px}.upload-zone #upload-help{font-size:13px}}
@media(max-width:760px){body{background-size:auto 1100px}.feedback-layout{grid-template-columns:1fr;margin-top:24px;gap:24px;width:calc(100% - 28px)}.intro{margin-bottom:24px}.intro p{font-size:16px}.glass{border-radius:24px}.form-card{padding:22px 18px}.form-card label{font-size:17px}.form-card textarea{min-height:290px;border-radius:20px;padding:18px 18px 48px;font-size:17px}.form-card input:not([type=file]){font-size:16px;padding:15px 18px}.upload-zone{border-radius:20px;padding:16px;gap:12px}.image-icon{width:42px;height:48px;border-radius:14px}.upload-zone strong{font-size:16px}.upload-zone #upload-help{font-size:13px}.tip-card{padding:24px}.tip-card p,.tip-card li{font-size:16px}.tips{gap:20px}.admin-shell{width:calc(100% - 28px);margin-top:24px}.admin-columns{grid-template-columns:1fr}.admin-header{align-items:flex-start}.admin-header h1{font-size:25px}.feedback-list,.detail-card{padding:18px}.item-meta{flex-wrap:wrap}.form-actions{gap:20px}}

.delete-feedback-area{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.danger-button{padding:11px 20px;border:1px solid #b07070;border-radius:12px;background:#6a292930;color:#ffc1c1}.danger-button:hover{background:#6a292970}