:root{
  --gold:#ad985e;--gold2:#8c7948;--text:#242424;--muted:#777;
  --line:#e7e4dc;--bg:#f5f2eb;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#fff 0,#faf8f2 35%,#f2efe7 100%)}
.page{max-width:680px;margin:0 auto;padding:18px 14px 42px}
.card{background:#fff;border-radius:24px;padding:24px 20px 20px;box-shadow:0 10px 35px rgba(74,64,38,.10);border:1px solid rgba(174,153,95,.14)}
.logo-wrap{text-align:center;margin:0 auto 8px}.logo{width:134px;height:96px;object-fit:cover;object-position:center;border-radius:15px}
.eyebrow{text-align:center;color:var(--gold2);font-size:14px;letter-spacing:3px;font-weight:800}
h1{text-align:center;font-size:25px;margin:8px 0}.desc{text-align:center;color:var(--muted);line-height:1.7;margin:0 0 23px}
.section-title{display:block;font-weight:800;margin:20px 0 9px;font-size:15px}.section-title em{color:#d33;font-style:normal}.section-title small{color:#999;font-weight:500}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:82px;border:1px solid var(--line);border-radius:14px;background:#fafafa;font-weight:800;cursor:pointer}.type-card input{position:absolute;opacity:0}.type-card .icon{font-size:24px}
.complaint:has(input:checked){border-color:#e36b6b;background:#fff6f6;box-shadow:0 0 0 3px rgba(227,107,107,.08)}
.suggestion:has(input:checked){border-color:#e6b44f;background:#fffbef;box-shadow:0 0 0 3px rgba(230,180,79,.08)}
.praise:has(input:checked){border-color:#59b97f;background:#f3fff7;box-shadow:0 0 0 3px rgba(89,185,127,.08)}
textarea,input[type=text]{width:100%;font-size:16px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;outline:none}textarea:focus,input[type=text]:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(174,153,95,.11)}textarea{resize:vertical;min-height:145px}.counter{text-align:right;font-size:12px;color:#aaa;margin-top:4px}
.file-input{display:none}.upload-box{width:112px;height:100px;border:1px dashed #cfc8b4;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b8060;background:#fbfaf7;cursor:pointer;margin:0}.upload-box .plus{font-size:30px;line-height:1}.file-names{font-size:13px;color:#777;margin-top:8px}.anonymous{display:flex;align-items:center;gap:8px;margin:17px 0 0;font-weight:500;color:#555}
button{width:100%;margin-top:18px;border:0;border-radius:14px;padding:15px 16px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(143,124,72,.22)}button:disabled{opacity:.55;cursor:not-allowed}.privacy{text-align:center;color:#aaa;font-size:12px;line-height:1.6;margin:15px 0 0}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;padding:18px;z-index:20}.modal[hidden]{display:none}.modal-card{width:min(92vw,440px);background:#fff;border-radius:24px;padding:28px 22px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.22)}.result-icon{width:70px;height:70px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;background:#edf9f0;color:#329a59}.modal-card h2{margin:0 0 8px}.modal-card p{color:#666;line-height:1.7}.ticket{background:#f7f5ef;border-radius:14px;padding:14px;margin:18px 0;display:flex;flex-direction:column;gap:4px}.ticket span{font-size:13px;color:#888}.ticket strong{font-family:Consolas,monospace}.secondary{background:#222;box-shadow:none;margin-top:8px}
@media(max-width:420px){.card{padding:20px 16px}.logo{width:122px;height:88px}h1{font-size:22px}.type-card{height:76px}}