.transfer-page{--tf-line: #e6ebf2;--tf-text: #1f2d3d;--tf-muted: #7a8699;--tf-accent: #1677ff;--tf-bg: #f5f7fa;display:flex;flex-direction:column;height:100%;min-height:100%;background:var(--tf-bg);color:var(--tf-text);font-family:"Source Sans 3",PingFang SC,Noto Sans SC,sans-serif;overflow:auto}.tf-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--tf-line);background:#fff}.tf-head-copy{min-width:0}.tf-title{margin:0;font-size:18px;font-weight:700;line-height:1.4}.tf-brand{color:var(--tf-accent);text-decoration:none}.tf-brand:hover{text-decoration:underline}.tf-sub{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--tf-muted)}.tf-upload{flex-shrink:0;height:36px;padding:0 16px;border:0;border-radius:8px;background:var(--tf-accent);color:#fff;font-size:14px;font-weight:650;cursor:pointer}.tf-upload:hover:not(:disabled){background:#0f66e8}.tf-upload:disabled{opacity:.45;cursor:default}.tf-progress{display:flex;flex-direction:column;gap:8px;margin:16px 24px 0;padding:12px 14px;border:1px solid rgba(22,119,255,.18);border-radius:10px;background:#fff}.tf-progress[hidden],.tf-status[hidden]{display:none!important}.tf-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.tf-cancel{flex-shrink:0;border:0;background:transparent;color:var(--tf-muted);font-size:13px;cursor:pointer}.tf-cancel:hover{color:#c2410c}.tf-track{height:6px;overflow:hidden;border-radius:99px;background:#e8eef6}.tf-fill{width:0;height:100%;border-radius:inherit;background:var(--tf-accent);transition:width .12s linear}.tf-status{margin:12px 24px 0;font-size:13px;color:var(--tf-muted)}.tf-status[data-kind=err]{color:#c2410c}.tf-panels{display:flex;flex-direction:column;gap:8px;padding:4px 24px 28px}.tf-section-title{margin:16px 0 10px;font-size:15px;font-weight:700}.tf-empty{display:grid;place-items:center;align-content:center;min-height:96px;color:var(--tf-muted);text-align:center}.tf-empty p{margin:0;font-size:15px}.tf-empty-hint{margin-top:6px!important;font-size:13px!important}.tf-table-wrap{overflow:auto;border:1px solid var(--tf-line);border-radius:12px;background:#fff}.tf-table{width:100%;border-collapse:collapse;font-size:14px}.tf-table th,.tf-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(15,39,72,.06);vertical-align:middle}.tf-table th{font-size:12px;font-weight:650;color:var(--tf-muted);background:#f8fafc}.tf-table tr:last-child td{border-bottom:0}.tf-name{max-width:360px;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tf-size,.tf-time{white-space:nowrap;color:#3d4d63}.tf-actions{width:1%;white-space:nowrap;text-align:right}.tf-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:99px;font-size:12px;font-weight:650;background:#eef2f6;color:#5b6b82}.tf-badge.is-ready{background:#e9f8f0;color:#128c5a}.tf-badge.is-uploading,.tf-badge.is-deleting{background:#fff6e8;color:#b86e00}.tf-badge.is-failed{background:#ffece8;color:#c2410c}.tf-link,.tf-del{border:0;background:transparent;font-size:13px;font-weight:650;cursor:pointer}.tf-link{margin-right:8px;color:var(--tf-accent);text-decoration:none}.tf-del{color:#c2410c}.tf-link:disabled,.tf-del:disabled{opacity:.4;cursor:default}.tf-link:hover:not(:disabled),.tf-del:hover:not(:disabled){text-decoration:underline}.tf-share{width:min(420px,calc(100% - 32px),calc(100dvw - 32px));padding:0;border:0;border-radius:14px;background:transparent}.tf-share::backdrop{background:#0f274859}.tf-share-card{display:flex;flex-direction:column;gap:10px;margin:0;padding:20px 22px 18px;border-radius:14px;background:#fff;color:var(--tf-text)}.tf-share-title{margin:0;font-size:16px;font-weight:700}.tf-share-name{margin:0;font-size:14px;color:#3d4d63;word-break:break-all}.tf-share-label{font-size:13px;font-weight:650;color:var(--tf-muted)}.tf-share-input{height:36px;padding:0 10px;border:1px solid var(--tf-line);border-radius:8px;font:inherit;font-size:14px}.tf-url{width:min(560px,calc(100% - 32px),calc(100dvw - 32px))}.tf-url-row{display:flex;align-items:center;gap:8px}.tf-url-input{flex:1;min-width:0;font-size:13px}.tf-url-copy{flex:0 0 auto;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--tf-line);border-radius:8px;background:#fff;color:var(--tf-muted);cursor:pointer}.tf-url-copy:hover{color:var(--tf-accent);border-color:#1677ff59}.tf-url-glyph{grid-area:1 / 1;display:grid;place-items:center}.tf-url-check{display:none}.tf-url-copy.is-copied{color:#128c5a;border-color:#b7ebd3;background:#e8f8f0}.tf-url-copy.is-copied .tf-url-icon{display:none}.tf-url-copy.is-copied .tf-url-check{display:grid}.tf-share-presets{display:flex;gap:8px}.tf-share-presets button{height:30px;padding:0 10px;border:1px solid rgba(22,119,255,.28);border-radius:8px;background:#eef4ff;color:var(--tf-accent);font-size:13px;font-weight:650;cursor:pointer}.tf-share-err{margin:0;font-size:13px;color:#c2410c}.tf-share-err[hidden]{display:none!important}.tf-share-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.tf-share-cancel,.tf-share-ok{height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer}.tf-share-cancel{border:1px solid var(--tf-line);background:#fff;color:var(--tf-text)}.tf-share-ok{border:0;background:var(--tf-accent);color:#fff}.tf-share-ok:disabled{opacity:.45;cursor:default}
