:root{--ink:#273e3c;--muted:#7b827b;--accent:#ac6949;--line:#e8e5dc;--cream:#faf7f1}*{box-sizing:border-box}body{margin:0;background:#efeee8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7}.demo{background:#eae4d8;color:#77654e;text-align:center;padding:7px 12px;font-size:11px}.shell{max-width:540px;margin:auto;background:var(--cream);min-height:100vh}header{display:flex;align-items:center;padding:24px 25px 18px;gap:11px}header img{width:48px;height:48px;object-fit:cover;border-radius:5px}header b{font-size:14px;font-weight:600;letter-spacing:.5px}header small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-top:2px}.seal{margin-left:auto;font-size:10px;writing-mode:vertical-rl;letter-spacing:3px;border:1px solid #bca58b;padding:7px 3px;color:#987759;line-height:1.3}main{padding:0 25px}.hero{position:relative;overflow:hidden;padding:27px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#9b7757}h1{font-size:43px;letter-spacing:3px;font-weight:500;margin:14px 0 16px;font-family:"Songti SC","STSong",serif;position:relative;z-index:1}h1 span{display:block;font-size:21px;letter-spacing:2px;margin-top:1px}.hero p{font-size:15px;line-height:1.9;color:#69756c;position:relative;z-index:1}.feather{position:absolute;width:156px;right:-12px;top:24px;opacity:.75;transform:rotate(11deg)}.hero-bottom{border-top:1px solid #dedfd3;margin-top:30px;padding:15px 0 22px;font-size:11px;color:#89897c;letter-spacing:.4px}nav{display:flex;border-bottom:1px solid var(--line);gap:30px}button,input,textarea{font:inherit}button{cursor:pointer}nav button{border:0;background:none;padding:12px 0;font-size:15px;color:#8a8a80;position:relative}nav button.active{color:var(--ink);font-weight:600}nav button.active:after{content:"";height:3px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}nav span{font-size:13px}.trust{display:flex;align-items:center;gap:9px;margin:20px 0 28px;border-radius:6px;background:#eef0e8;padding:12px}.trust>span{font-size:26px;color:#748876}.trust p{font-size:12px;margin:0;flex:1}.trust small{display:block;font-size:10px;color:#7c8678;line-height:1.6;margin-top:3px}.trust button{border:0;background:none;font-size:10px;padding:0;color:#73816d;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:center}h2{font-size:20px;font-weight:500;margin:0 0 16px;font-family:"Songti SC",serif}.section-heading span{font-size:10px;color:var(--muted);margin-bottom:16px}.identity{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.identity button{text-align:left;padding:13px 12px;border:1px solid #dedfd4;background:transparent;position:relative;border-radius:6px;color:var(--ink)}.identity b{font-size:14px;font-weight:500}.identity small{display:block;font-size:9px;color:#878b7d;margin-top:3px}.identity i{display:none;position:absolute;right:10px;top:12px;font-style:normal;color:#a66a48}.identity .selected{border-color:#b18b6c;background:#f5ecdf}.selected i{display:block}label{display:block;margin-bottom:15px;font-size:12px}.label-title{font-size:13px;margin:22px 0 10px}em{color:#ad735b;font-style:normal}.optional{font-size:10px;color:#96978d;font-weight:400;margin-left:5px}input,textarea{width:100%;border:1px solid var(--line);background:#fffdf9;border-radius:5px;color:var(--ink);padding:12px;outline:none;margin-top:7px;font-size:14px}input:focus,textarea:focus{border-color:#b38d6d;box-shadow:0 0 0 2px #b38d6d15}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.textarea-wrap{position:relative}textarea{resize:vertical;min-height:210px;margin:0;padding:16px 14px 38px;line-height:1.9}textarea::placeholder,input::placeholder{color:#a5a69a;font-size:12px}#counter{position:absolute;bottom:12px;right:12px;color:#9b9e92;font-size:10px}.draft{display:flex;justify-content:space-between;font-size:10px;color:#989d91;margin-top:4px}.draft button{font-size:10px;background:none;border:none;color:#8e8e82;padding:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 12px;color:#7d8378;font-size:11px}.chips button.selected{background:#eee7da;border-color:#bca085;color:#87654c}.upload{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;border:1px dashed #d5d5c7;border-radius:5px;padding:14px;cursor:pointer;margin-bottom:7px}.upload>span{font-size:21px;color:#9f8b6f}.upload b{font-weight:400;font-size:12px}.upload small{width:100%;font-size:9px;color:#999c90}.hint{font-size:10px;color:#94988b;line-height:1.8;margin:7px 0 12px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:12px}summary span{float:right;font-size:10px;color:#929789}.before-submit{font-size:10px;color:#94988b;margin:23px 0 15px;line-height:1.9}.primary{width:100%;background:var(--ink);color:#fffaf0;border:0;border-radius:5px;padding:15px 18px;text-align:center;font-size:14px;letter-spacing:1px}.primary span{float:right}.primary:disabled{opacity:.6}.under-button{text-align:center;font-size:10px;color:#9a9d90;margin:10px 0}footer{text-align:center;padding:40px 0 25px;color:#9b9d8e;letter-spacing:1px;font-size:11px}footer small{font-size:9px;display:block;margin-top:5px;letter-spacing:.3px}.muted{font-size:12px;color:#8c9386}#queryView,#successView,#detailView{padding:5px 0 15px}#queryForm{margin-top:25px}.text-button{display:block;margin:20px auto;background:none;border:0;color:#a17351;font-size:12px}#error,#queryError{color:#ad4a3b;font-size:12px}#fileList{padding:0;list-style:none;font-size:11px}#fileList li,.attachment{padding:9px;background:#eeeae1;margin:5px 0;border-radius:4px;overflow-wrap:anywhere}#fileList button{float:right;background:none;border:0;color:#986449}.success-mark{font-size:35px;color:#9a7851}.code-box{background:#eee9df;padding:20px;text-align:center;border:1px solid #ded7c9;border-radius:6px;margin:20px 0}.code-box b{font-size:23px;letter-spacing:2px;display:block}.code-box button{background:none;border:0;color:#a36c49;margin-top:10px}.status{color:#96714e;font-size:11px;border:1px solid #ccb79e;border-radius:20px;padding:3px 9px}.timeline{display:flex;justify-content:space-between;margin:25px 0;color:#a4a697;font-size:10px}.timeline .done{color:#8e6948}.message{padding:15px;border:1px solid var(--line);border-radius:6px;margin:14px 0;background:#fffdf9}.message small{color:#969b8c;font-size:10px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.message.reply{background:#edf0e7}.message h3{font-size:12px;margin:0}dialog{border:1px solid var(--line);border-radius:10px;padding:25px;max-width:calc(100% - 40px);width:420px;background:var(--cream);color:var(--ink)}dialog p{font-size:12px}dialog::backdrop{background:#172a2666}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#273e3c;color:white;padding:10px 18px;border-radius:5px;display:none;font-size:12px;z-index:10}[hidden]{display:none!important}@media(max-width:360px){main{padding:0 18px}header{padding:20px 18px}header b{font-size:12px}.seal{display:none}.identity small{font-size:8px}.feather{right:-35px;opacity:.5}}
