:root{
  --gold:#a36a0d;
  --gold-line:#c38c31;
  --cream-1:#fffaf0;
  --cream-2:#fff0d1;
  --paper:#fffefc;
  --ink:#19110c;
  --muted:#969ba5;
  --line:#edcf98;
  --red:#ef4742;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fbf6ee;color:var(--ink);font-family:"Microsoft YaHei","微软雅黑","Microsoft YaHei UI","Noto Sans CJK SC","PingFang SC",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{overflow-x:hidden}
.page{width:100%;max-width:414px;margin:0 auto;padding:0;background:#fbf6ee}
.shell{overflow:hidden;background:transparent}
.brand-hero{position:relative;overflow:hidden;height:147px;background:linear-gradient(145deg,var(--cream-1) 0%,#fff5e0 50%,var(--cream-2) 100%);padding:13px 18px 19px}
.soft-shape{position:absolute;pointer-events:none;border-radius:50%;background:rgba(255,255,255,.46)}
.shape-a{width:176px;height:176px;left:-91px;top:-91px}
.shape-b{width:154px;height:154px;right:-78px;bottom:-80px;background:rgba(255,255,255,.23)}
.hero-inner{position:relative;z-index:2;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand-logo{display:block;width:100px;height:50px;object-fit:contain;margin:0 auto 6px;filter:none}
.store-line{font-size:13px;font-weight:700;line-height:1.28;color:#20150e;letter-spacing:.15px;margin:0 auto 5px}
.hero-thanks{display:flex;align-items:center;justify-content:center;gap:9px;color:#9b6204;margin:0 auto;font-size:20px;line-height:1.12;white-space:nowrap}
.hero-thanks span{width:33px;height:1px;background:#b47f26}
.hero-thanks strong{font-weight:800;letter-spacing:0}
.feedback-form{position:relative;z-index:5;margin:-1px 8px 10px;padding:14px 13px 12px;border:1px solid rgba(233,213,181,.68);border-radius:18px;background:rgba(255,255,253,.995);box-shadow:0 7px 22px rgba(88,58,23,.055)}
.form-section{margin-top:14px}.form-section:first-child{margin-top:0}
.section-title{display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:800;line-height:1.2;margin:0 0 8px;color:#17110d;letter-spacing:0}
.section-title em{font-style:normal;color:#ef3f3c}.section-title small{font-size:9.2px;font-weight:500;color:#9a9da4}
.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.type-card{position:relative;height:90px;border:1px solid #ead2aa;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 8px rgba(75,47,20,.025);transition:.16s ease}
.type-card input{position:absolute;opacity:0;pointer-events:none}
.type-icon{font-size:24px;line-height:1;margin-bottom:1px}.type-card strong{font-size:15px;line-height:1.15;font-weight:800;letter-spacing:0}.type-card small{font-size:8.5px;line-height:1.1;color:#9d9993;font-weight:500}
.complaint:has(input:checked){border-color:#ff4f4b;background:linear-gradient(145deg,#fff9f8,#fff2f1);box-shadow:0 0 0 1px rgba(255,79,75,.035)}
.complaint:has(input:checked) strong,.complaint:has(input:checked) small{color:#ef413c}.suggestion:has(input:checked){border-color:#e6b55b;background:#fffaf0}.praise:has(input:checked){border-color:#74ba82;background:#f8fff9}
.textarea-wrap{position:relative}textarea,input[type=text]{width:100%;border:1px solid #e7c68b;border-radius:13px;background:#fff;outline:none;color:#403a35;font-family:"Microsoft YaHei","微软雅黑","Microsoft YaHei UI","Noto Sans CJK SC","PingFang SC",Arial,sans-serif}
textarea{height:116px;min-height:116px;padding:12px 13px 25px;font-size:11.5px;line-height:1.72;font-weight:500;resize:none}
textarea::placeholder,input::placeholder{color:#9ca0a8;opacity:1;font-weight:500}.counter{position:absolute;right:9px;bottom:7px;font-size:9px;color:#9699a1;background:#fff;padding-left:5px}
.upload-section{margin-top:14px}.upload-title{gap:7px;margin-bottom:7px}.preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:stretch}.file-input{display:none}
.upload-box,.preview-item,.upload-placeholder{aspect-ratio:1/1;border-radius:10px;overflow:hidden;min-width:0}
.upload-box{border:1.2px dashed #cc9b4b;background:#fffbf4;color:#a56c14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}
.upload-box .plus{font-size:23px;line-height:1}.upload-box strong{font-size:8.6px;line-height:1.1;font-weight:700}.upload-box small{font-size:6.8px;color:#b49d7a;line-height:1.1}.upload-placeholder{border:1px dashed #d6d7da;background:#fff;display:flex;align-items:center;justify-content:center;color:#c8c9cd;font-size:20px}
.preview-item{position:relative;background:#f4efe8;border:1px solid #eadfce}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-remove{position:absolute!important;top:3px!important;right:3px!important;width:19px!important;height:19px!important;border-radius:50%!important;border:0!important;padding:0!important;margin:0!important;background:rgba(39,33,28,.76)!important;color:#fff!important;font-size:12px!important;line-height:19px!important;box-shadow:none!important}
.file-names{min-height:2px;margin-top:2px;font-size:8px;color:#a09282}
.contact-section{margin-top:13px}.contact-section .section-title{margin-bottom:7px}.contact-wrap{position:relative}.contact-wrap input{height:37px;padding:0 11px 0 38px;font-size:11.5px;font-weight:500}.contact-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#a87423;font-size:15px}
#submitBtn{width:100%;height:42px;margin-top:12px;border:0;border-radius:14px;padding:0 14px;background:linear-gradient(90deg,#e9ba55,#c68425);color:#fff;font-family:"Microsoft YaHei","微软雅黑","Microsoft YaHei UI","Noto Sans CJK SC","PingFang SC",Arial,sans-serif;font-size:15px;font-weight:800;box-shadow:0 6px 16px rgba(168,111,35,.18)}
.send-icon{display:inline-block;transform:rotate(-18deg);margin-right:7px}
.modal{position:fixed;inset:0;background:rgba(34,29,24,.45);display:flex;align-items:center;justify-content:center;padding:18px;z-index:20}.modal[hidden]{display:none}.modal-card{width:min(92vw,400px);background:#fffdf9;border-radius:23px;padding:27px 21px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.22)}.result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 13px;background:#edf8ef;color:#32975a;font-size:31px;font-weight:900}.modal-card h2{margin:0 0 7px}.modal-card p{color:#6f675f;line-height:1.65}.ticket{background:#f7f0e6;border-radius:14px;padding:13px;margin:15px 0;display:flex;flex-direction:column;gap:4px}.ticket span{font-size:11px;color:#958977}.ticket strong{font-family:Consolas,monospace}.secondary{width:100%;border:0;border-radius:15px;padding:13px;background:#29251f;color:#fff;font-weight:800}
@media(max-width:360px){
  .brand-hero{height:141px}.brand-logo{width:94px;height:47px}.store-line{font-size:12.5px}.hero-thanks{font-size:19px;gap:7px}.hero-thanks span{width:27px}
  .feedback-form{margin-left:7px;margin-right:7px;padding:13px 11px 11px}.type-grid{gap:6px}.type-card{height:86px}.section-title{font-size:14.5px}.type-card strong{font-size:14.5px}.type-card small{font-size:8px}textarea{height:112px;min-height:112px}.preview-grid{gap:4px}
}