*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fb;color:#172033}.page{min-height:100vh;padding:18px 12px 40px;background:linear-gradient(180deg,#eef4ff 0,#f7f8fb 260px)}.shell{max-width:720px;margin:0 auto}.card{background:#fffffff0;border:1px solid rgba(20,40,80,.06);box-shadow:0 12px 30px #1f2d3d14;border-radius:10px;padding:18px;margin-bottom:14px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#eef5ff)}.hero:after{content:"";position:absolute;right:-50px;top:-60px;width:180px;height:180px;border-radius:28px;background:linear-gradient(135deg,#3b82f6,#80b9ff);opacity:.15;transform:rotate(16deg)}.eyebrow{font-size:12px;color:#3274d9;background:#e9f2ff;border-radius:4px;padding:3px 8px}.hero h1{font-size:24px;margin:12px 0 8px}.hero p{margin:0;color:#5e6a7d;line-height:1.55}.center{text-align:center}.danger{color:#b42318;background:#fff4f2}.notice{background:#eef8f3;color:#177245;border:1px solid #cfeddb;border-radius:8px;padding:10px 12px;margin-bottom:14px}.field{display:block;margin-bottom:14px}.field span{display:block;margin-bottom:7px;font-weight:650}.field b{color:#e5484d}input,textarea{width:100%;border:1px solid #d9e0ec;background:#fff;border-radius:8px;font-size:15px;padding:12px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}textarea{min-height:86px;resize:vertical}.limitLine{padding:10px 12px;border-radius:8px;background:#f7f9fc;color:#58667a;margin:8px 0 14px}.uploadBlock{border:1px solid #e6ebf2;border-radius:9px;padding:13px;margin-bottom:12px;background:#fbfcff}.blockTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.blockTitle span{font-size:12px;color:#6b7586}.uploadBtn,.recordBtn{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border:1px dashed #9ab9ef;background:#f2f7ff;color:#2465c9;border-radius:8px;font-weight:700}.uploadBtn input{display:none}.recordBtn{border-style:solid}.recordBtn.recording{background:#fff2f2;color:#d92d20;border-color:#ffb3ad}.fileList{display:flex;flex-direction:column;gap:10px;margin-top:12px}.fileItem{border:1px solid #e5eaf2;background:#fff;border-radius:9px;padding:10px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.fileMeta{min-width:0;display:flex;align-items:center;gap:8px;cursor:pointer}.fileMeta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.fileMeta small{color:#7b8494;white-space:nowrap}.tag{background:#edf4ff;color:#2164c8;border-radius:4px;padding:2px 6px;font-size:12px;white-space:nowrap}.progress{grid-column:1/-1;height:6px;border-radius:99px;background:#eef2f7;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:.2s}.btn{border:0;border-radius:8px;padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:#2563eb;color:#fff;box-shadow:0 8px 18px #2563eb38}.ghost{background:#f2f5f9;color:#233047;margin-top:10px}.submit{width:100%;height:48px;margin-top:12px}.mini{border:0;border-radius:7px;padding:7px 9px;background:#f2f5f9;color:#344054}.dangerText{color:#d92d20;background:#fff1f0}.successBox{text-align:center;padding:34px 18px}.successIcon{width:58px;height:58px;line-height:58px;border-radius:50%;background:#e8f7ef;color:#159947;font-size:34px;font-weight:900;margin:0 auto 14px}.successBox h2{margin:0 0 8px}.successBox p{color:#667085}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20;animation:fade .18s ease}.modalCard{position:relative;width:min(94vw,760px);max-height:88vh;overflow:auto;background:#fff;border-radius:10px;padding:16px;animation:pop .18s ease}.modalCard h3{font-size:16px;margin:0 36px 12px 0;word-break:break-all}.modalCard img{display:block;max-width:100%;max-height:68vh;margin:auto;object-fit:contain;cursor:grab}.modalCard video,.modalCard audio{width:100%;max-height:70vh}.close{position:absolute;right:10px;top:8px;border:0;background:#f3f4f6;border-radius:6px;font-size:24px;width:34px;height:34px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translateY(10px) scale(.98);opacity:.6}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width:480px){.page{padding:12px 10px 34px}.card{padding:15px;border-radius:9px}.hero h1{font-size:21px}.fileItem{grid-template-columns:1fr auto}.fileItem .mini:first-of-type{display:none}}.imgStage{max-height:68vh;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px}.imgStage img{transition:.15s;transform-origin:center center}.previewControls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.previewControls button{border:0;border-radius:7px;background:#eef2f7;color:#243044;padding:8px 10px;font-weight:700}.fileMeta{flex-wrap:wrap}.fileMeta em{font-style:normal;font-size:12px;color:#4f5f76;white-space:nowrap;background:#f6f8fb;border-radius:999px;padding:2px 7px}.progress.active i{background:linear-gradient(90deg,#2563eb,#60a5fa)}.progress.done i{background:linear-gradient(90deg,#16a34a,#4ade80)}.progress.failed i{background:#ef4444}.progress.failed{background:#fee2e2}.mini:disabled,.submit:disabled{cursor:not-allowed;opacity:.58}.hint{font-size:13px;margin:10px 0 0;color:#667085}.dangerHint{color:#b42318;background:#fff4f2;border-radius:8px;padding:8px 10px}.recordHint{margin:8px 2px 0;color:#6b7586;font-size:12px;line-height:1.6}.recordBtn.recording+.recordHint{color:#8a4b0a}