:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#17253f;background:#edf2f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:620px;margin:auto;min-height:100dvh;background:#fff;padding:24px 20px calc(108px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:28px;margin:10px 0 24px}h2{font-size:20px;margin:24px 0 14px}input,textarea,select,button{font:inherit;font-size:16px}input:not([type=checkbox]),textarea,select{width:100%;padding:13px;border:1px solid #d4ddea;border-radius:10px;background:#fff;color:#17253f;margin:8px 0}textarea{min-height:140px;resize:vertical;line-height:1.7}label{display:block;margin:14px 0;font-weight:500}button{border:1px solid #315ae8;border-radius:9px;min-height:48px;background:#fff;color:#315ae8;padding:10px 16px;cursor:pointer;margin:7px 0;width:100%;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#315ae8;color:#fff}.small{width:auto;font-size:14px;min-height:40px}.row{display:block;text-align:left;border:0;border-bottom:1px solid #e3e9f1;border-radius:0;padding:22px 0;color:#17253f}.row p{margin:10px 0 0;color:#64748b;font-weight:400}small,.hint{font-size:14px;color:#64748b;line-height:1.6}.badge{display:inline-block;font-size:13px;color:#9a5a13;background:#fff3e0;border-radius:6px;padding:4px 8px;margin:8px}.tabs{display:flex;border-bottom:1px solid #e3e9f1}.tabs button,nav button{border:0;background:transparent;color:#64748b}.tabs .active,nav .active{color:#315ae8;border-bottom:3px solid #315ae8}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:620px;display:flex;background:#fff;border-top:1px solid #e3e9f1;padding:4px 16px calc(4px + env(safe-area-inset-bottom))}section{border-bottom:1px solid #e3e9f1;padding:12px 0 20px}.choice{display:flex;align-items:center;gap:12px;font-weight:400;flex-wrap:wrap}.choice span{font-size:13px;color:#64748b}input[type=checkbox]{width:24px;height:24px;accent-color:#315ae8;vertical-align:middle;margin-right:10px}.error,aside{padding:14px;background:#fff4df;color:#86510d;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}.empty{padding:50px 0;color:#64748b;line-height:1.8}.sticky{margin-top:40px}.preview{background:#f5f8ff;padding:16px}p{line-height:1.7;overflow-wrap:anywhere}:focus-visible{outline:3px solid #9cb5ff;outline-offset:3px}a{color:#315ae8}button strong{font-size:18px}@media(min-width:900px){main{margin:32px auto;border-radius:16px}nav{border-radius:0 0 16px 16px}}.file-picker{font-size:0!important;border:0!important;padding:0!important;height:48px}.file-picker::file-selector-button{font-size:0;border:1px solid #315ae8;background:#fff;color:#315ae8;border-radius:9px;width:100%;height:48px}.file-picker:before{content:"选择文件";font-size:16px;color:#315ae8;position:absolute;pointer-events:none;padding:13px 0;width:calc(100% - 40px);max-width:580px;text-align:center}aside{font-size:13px;padding:8px 10px}aside .small{min-height:32px;font-size:12px;margin:0 0 0 4px;padding:6px}main:has(.tabs) .sticky{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom));max-width:580px;width:calc(100% - 40px);left:50%;transform:translate(-50%)}.file-control{display:block;position:relative;border:1px solid #315ae8;border-radius:9px;color:#315ae8;height:48px;text-align:center;line-height:46px;margin:8px 0}.file-control .file-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.file-control .file-picker:before{content:none}.file-control:focus-within{outline:3px solid #9cb5ff}
