:root { --ink:#17382f; --muted:#73857d; --teal:#177362; --paper:#f4f7f2; --line:#dce7df; --gold:#bd8b2e; font-family:"Microsoft YaHei","PingFang SC",sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 82% 8%,rgba(221,236,226,.9),transparent 30%),var(--paper); }
.feedback-header { display:flex; align-items:center; justify-content:space-between; height:72px; padding:0 max(24px,calc(50% - 540px)); border-bottom:1px solid rgba(23,56,47,.1); background:rgba(255,255,255,.86); backdrop-filter:blur(14px); }
.feedback-header a { color:var(--ink); font-size:18px; font-weight:800; text-decoration:none; }
.feedback-header span { color:var(--muted); font-size:13px; }
.feedback-main { width:min(1080px,calc(100% - 32px)); margin:0 auto; padding:42px 0 70px; }
.feedback-card { padding:34px; border:1px solid var(--line); border-radius:26px; background:rgba(255,255,255,.94); box-shadow:0 24px 55px rgba(31,64,52,.09); }
.feedback-card form { display:grid; gap:24px; }
.feedback-card fieldset { min-width:0; margin:0; padding:0; border:0; }
.feedback-card legend,.feedback-card>form>label,.feedback-row label { display:grid; gap:9px; color:var(--ink); font-size:14px; font-weight:700; }
.feedback-card legend { margin-bottom:12px; }
.feedback-categories { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.feedback-categories label { position:relative; cursor:pointer; }
.feedback-categories input { position:absolute; opacity:0; pointer-events:none; }
.feedback-categories span { display:grid; gap:4px; min-height:78px; padding:15px; border:1px solid var(--line); border-radius:15px; background:#f8faf8; transition:.16s ease; }
.feedback-categories b { font-size:14px; }
.feedback-categories small { color:var(--muted); font-size:11px; font-weight:400; }
.feedback-categories input:checked+span { border-color:var(--teal); color:var(--teal); background:#edf7f3; box-shadow:0 0 0 2px rgba(23,115,98,.08); }
.feedback-categories input:focus-visible+span { outline:2px solid var(--teal); outline-offset:2px; }
.feedback-row { display:grid; grid-template-columns:1fr 2fr; gap:14px; }
input,select,textarea { width:100%; border:1px solid var(--line); border-radius:13px; padding:13px 14px; color:var(--ink); background:#fff; font:inherit; font-size:13px; outline:none; }
textarea { resize:vertical; line-height:1.65; }
input:focus,select:focus,textarea:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(23,115,98,.08); }
.feedback-privacy { margin:0; padding:12px 14px; border-radius:12px; color:#6f623f; background:#fff9e8; font-size:11px; line-height:1.6; }
.feedback-actions { display:flex; align-items:center; gap:12px; }
.feedback-actions button,.feedback-actions a { display:inline-grid; min-height:46px; place-items:center; padding:0 22px; border:1px solid var(--teal); border-radius:13px; font-size:13px; font-weight:750; text-decoration:none; }
.feedback-actions button { color:#fff; background:var(--teal); cursor:pointer; }
.feedback-actions a { color:var(--teal); background:#f1f7f4; }
#feedback-status { min-height:1.5em; margin:0; color:var(--teal); font-size:12px; }
#feedback-status.is-error { color:#ad4937; }
.is-submitting .feedback-actions button { opacity:.55; pointer-events:none; }
@media(max-width:700px){.feedback-main{width:min(100% - 20px,1080px);padding-top:18px}.feedback-card{padding:20px 15px;border-radius:19px}.feedback-categories{grid-template-columns:1fr 1fr}.feedback-row{grid-template-columns:1fr}.feedback-actions{align-items:stretch}.feedback-actions>*{flex:1}}