*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.wrap{max-width:680px;margin:auto;padding:22px 14px 60px}.wrap.wide{max-width:1040px}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.07)}h1{margin:0 0 8px;font-size:28px}.lead{font-size:17px;line-height:1.6}.muted{color:#6b7280;font-size:14px}label{display:block;font-weight:600;margin:18px 0 7px}input,select,button,.button{width:100%;font:inherit;border-radius:12px;border:1px solid #d1d5db;padding:13px 14px;background:#fff}button,.button{border:0;background:#1677ff;color:#fff;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;margin-top:14px}button:disabled{opacity:.55}.secondary{background:#eef4ff;color:#1459b8}.picker{display:flex;align-items:center;justify-content:center;min-height:110px;border:2px dashed #9bbef5;border-radius:16px;background:#f5f9ff;color:#1459b8;font-size:18px}.picker input{display:none}.alert{background:#fff0f0;color:#b42318;border-radius:10px;padding:12px;margin:12px 0}.tip{background:#fff8df;padding:13px;border-radius:12px;margin-top:18px;line-height:1.55;font-size:14px}.progress{margin-top:14px}.hidden{display:none}.bar{height:10px;background:#e5e7eb;border-radius:99px;overflow:hidden}.bar div{height:100%;width:0;background:#1677ff;transition:width .2s}.sharebox{margin:20px 0;padding:15px;background:#f6f8fb;border-radius:14px}.sharebox label{margin-top:0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.actions .button,.actions button{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.photo{background:#f4f5f7;border-radius:12px;overflow:hidden}.photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.smallbtn{display:block;padding:10px;text-align:center;text-decoration:none;color:#1459b8;font-size:13px;font-weight:600}@media(max-width:650px){.card{padding:17px}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.actions{grid-template-columns:1fr}h1{font-size:25px}}
.toolbar{margin:14px 0;display:grid;gap:8px}.toolbar-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini{margin:0;padding:10px 8px;font-size:14px}.photo-select-list{display:grid;gap:9px;margin-top:12px}.photo-select-item{display:grid;grid-template-columns:26px 64px 1fr;align-items:center;gap:10px;margin:0;padding:8px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer}.photo-select-item input{width:20px;height:20px;margin:0}.photo-select-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#eee}.photo-select-meta{min-width:0}.photo-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.item-progress{margin-top:7px}.small-bar{height:7px}.item-status{font-size:12px;margin-top:4px;color:#6b7280}.upload-success .item-status{color:#16803c;font-weight:600}.upload-error{border-color:#f0a4a4;background:#fff7f7}.upload-error .item-status{color:#b42318;font-weight:600}.overall{margin-top:16px;padding:13px;background:#f6f8fb;border-radius:12px}.overall-title{font-size:14px;font-weight:600;margin-bottom:8px}