:root { --blue: #1769f5; --blue-dark: #1259d4; --blue-soft: #eef5ff; --ink: #14203a; --muted: #71809a; --line: #e7ecf4; --page: #f6f8fc; --ok: #14a94c; --danger: #e25b64; --fc-icon-xs: 14px; --fc-icon-sm: 16px; --fc-icon-md: 18px; --fc-icon-lg: 20px; --fc-icon-xl: 24px; }
* { box-sizing: border-box; }
.fc-icon { width: 1em; height: 1em; flex: 0 0 auto; vertical-align: -.14em; }
.fc-icon.is-spinning { animation: fc-icon-spin .8s linear infinite; }
@keyframes fc-icon-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .fc-icon.is-spinning { animation: none; } }
html { background: var(--page); }
body { margin: 0; min-width: 0; background: var(--page); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; }
button, textarea, input { font: inherit; }
button { cursor: pointer; }
.primary-button[hidden] { display: none !important; }
.share-settings-button[hidden] { display: none !important; }
.share-settings-button[hidden] + .upload-and-share { grid-column: 1 / -1; }
.site-header { min-height: 72px; padding: 0 32px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #edf1f7; background: rgba(255, 255, 255, .88); }
.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); font-size: 26px; font-weight: 750; letter-spacing: -.7px; text-decoration: none; }
.brand-mark { width: 40px; height: 40px; display: grid; place-items: center; overflow: visible; border-radius: 0; border: 0; background: transparent; box-shadow: none; }
.brand-mark svg { width: 24px; height: 24px; stroke-width: 2.6; }
.brand-mark img { width: 40px; height: 40px; display: block; object-fit: contain; }
.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;margin-right:24px}.site-nav a,.transfer-nav-menu summary{color:#52647d;font-size:14px;font-weight:650;text-decoration:none}.site-nav a:hover,.transfer-nav-menu summary:hover{color:var(--blue)}.transfer-nav-menu{position:relative}.transfer-nav-menu summary{display:inline-flex;align-items:center;gap:5px;list-style:none;cursor:pointer}.transfer-nav-menu summary::-webkit-details-marker{display:none}.transfer-nav-menu summary::after{width:6px;height:6px;content:'';border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}.transfer-nav-menu[open] summary::after{transform:rotate(225deg) translate(-2px,-1px)}.transfer-nav-popover{position:absolute;z-index:70;top:calc(100% + 11px);left:-12px;width:208px;display:grid;gap:3px;padding:7px;border:1px solid #dfe8f4;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(36,61,102,.16)}.transfer-nav-popover a{display:grid;gap:3px;padding:9px 10px;border-radius:9px;color:#395370;font-size:13px;font-weight:730}.transfer-nav-popover a:hover{background:#f0f6ff}.transfer-nav-popover a span{color:#7c8ea6;font-size:11px;font-weight:500}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }.header-actions { width: 40px; height: 40px; flex: 0 0 40px; display: block; }.header-account-menu { position: relative; width: 40px; height: 40px; }.header-account-menu summary { list-style: none; }.header-account-menu summary::-webkit-details-marker { display: none; }.header-account-trigger { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 1px solid #cfe0fa; border-radius: 50%; color: #3978d3; background: #f7fbff; transition: border-color .18s ease, background .18s ease, box-shadow .18s ease; }.header-account-trigger:hover,.header-account-menu[open] .header-account-trigger { border-color: #8eb8fa; background: #eef5ff; box-shadow: 0 3px 10px rgba(23,105,245,.13); }.header-account-avatar { position: relative; width: 32px; height: 32px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: #7890ad; background: #eaf1f8; }.header-account-avatar > svg { width: 18px; height: 18px; }.header-account-avatar .fc-avatar { width: 100%; height: 100%; }.header-account-avatar.is-loading::after { width: 100%; height: 100%; border-radius: 50%; content: ''; background: linear-gradient(110deg,#e8eff7 25%,#f8fbff 43%,#e8eff7 62%); background-size: 220% 100%; animation: header-avatar-skeleton 1.2s ease-in-out infinite; }.header-account-avatar.is-pro { padding: 2px; background: linear-gradient(135deg,#8b6cff,#d9c0ff 48%,#7eaefb); box-shadow: 0 0 0 1px rgba(123,92,225,.2); }.header-account-avatar.is-pro .fc-avatar { border: 2px solid #fff; }.header-account-popover { position: absolute; z-index: 60; top: calc(100% + 8px); right: 0; width: 220px; display: grid; gap: 2px; padding: 8px; border: 1px solid #dfe8f4; border-radius: 14px; background: #fff; box-shadow: 0 14px 34px rgba(36,61,102,.16); }.header-account-menu-name { margin: 3px 7px 2px; overflow: hidden; color: #314761; font-size: 14px; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }.header-plan-badge { justify-self: start; margin: 1px 7px 6px; padding: 3px 7px; border-radius: 999px; font-size: 11px; font-weight: 750; }.header-plan-badge.is-free { color: #52708e; background: #edf3f9; }.header-plan-badge.is-pro { color: #6847b8; background: #f1ebff; }.header-account-popover a,.header-account-popover button { min-height: 35px; display: flex; align-items: center; width: 100%; padding: 0 8px; border: 0; border-radius: 8px; color: #536883; background: transparent; font: inherit; font-size: 13px; font-weight: 650; text-align: left; text-decoration: none; }.header-account-popover a:hover,.header-account-popover button:hover { color: var(--blue); background: #f0f6ff; }.header-account-popover button[data-header-logout] { color: #a44b54; }.header-account-popover button[data-header-logout]:hover { color: #b43f4a; background: #fff3f4; }.header-account-divider { height: 1px; margin: 5px 3px; background: #e9eef5; }.header-account-benefits { margin: 5px 7px 4px; color: #788aa1; font-size: 12px; line-height: 1.55; } @keyframes header-avatar-skeleton { to { background-position: -220% 0; } } @media (prefers-reduced-motion: reduce) { .header-account-avatar.is-loading::after { animation: none; } } @media(max-width:767px){.header-actions,.header-account-menu,.header-account-trigger{width:36px;height:36px;flex-basis:36px}.header-account-avatar{width:30px;height:30px}.header-account-popover{width:212px}}
.page { width: min(100%, 1000px); margin: 0 auto; padding: 18px 22px 28px; }
.transfer-card { width: min(100%, 800px); margin: 0 auto; padding: 20px; border: 1px solid rgba(224, 231, 242, .95); border-radius: 22px; background: rgba(255, 255, 255, .96); box-shadow: 0 9px 24px rgba(30, 58, 104, .06); }
.transfer-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid #e5ebf4; }
.transfer-tab { position: relative; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 0; background: transparent; color: #7a879b; font-size: 16px; font-weight: 700; transition: color .18s ease, transform .18s ease; }
.transfer-tab::after { position: absolute; right: 18%; bottom: -1px; left: 18%; height: 2px; border-radius: 999px; content: ""; background: transparent; }
.transfer-tab svg { width: 20px; height: 20px; stroke-width: 2; }
.transfer-tab:hover { color: var(--blue); }
.transfer-tab:active, .primary-button:active { transform: translateY(1px) scale(.99); }
.transfer-tab.is-active { color: var(--blue); }
.transfer-tab.is-active::after { background: var(--blue); }
.send-mode-switch { width: min(100%, 288px); display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; margin: 18px auto 0; padding: 3px; border-radius: 11px; background: #f1f4f8; }
.send-mode-switch[hidden] { display: none; }
.send-mode-tab { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid transparent; border-radius: 8px; color: #77849a; background: transparent; font-size: 14px; font-weight: 700; }
.send-mode-tab svg { width: 16px; }
.send-mode-tab.is-active { border-color: #bdd7ff; color: var(--blue); background: white; box-shadow: 0 1px 4px rgba(45, 88, 147, .1); }
.transfer-panel { padding-top: 20px; animation: panel-in .22s ease-out; }
.transfer-panel[hidden] { display: none; }
@keyframes panel-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.panel-heading { margin: 0 0 16px; text-align: center; }.panel-heading h2 { margin: 0; color: var(--ink); font-size: 24px; letter-spacing: -.55px; }.panel-heading p { margin: 7px 0 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.dropzone { min-height: 236px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px 18px; border: 2px dashed #9bc3ff; border-radius: 18px; background: #fbfdff; text-align: center; transition: border-color .18s ease, background .18s ease, transform .18s ease; }.dropzone[hidden] { display: none !important; }.dropzone.is-staging { min-height: 68px; flex-direction: row; justify-content: space-between; gap: 14px; padding: 11px 14px; text-align: left; }.dropzone.is-staging .dropzone-icon { width: 36px; height: 36px; flex: 0 0 auto; margin: 0; border-radius: 10px; }.dropzone.is-staging .dropzone-icon svg { width: 20px; height: 20px; }.dropzone.is-staging .dropzone-copy { min-width: 0; flex: 1; }.dropzone.is-staging .dropzone-title { font-size: 14px; }.dropzone.is-staging .dropzone-copy > p, .dropzone.is-staging .desktop-paste-hint, .dropzone.is-staging .upload-quota-status, .dropzone.is-staging .upload-login-hint { display: none; }.dropzone.is-staging .primary-button { min-height: 40px; flex: 0 0 auto; padding: 0 14px; border-radius: 10px; font-size: 13px; box-shadow: none; }
.dropzone.is-dragging, .dropzone:hover { border-color: var(--blue); background: #f2f7ff; }
.dropzone.is-dragging { transform: scale(1.004); }
.dropzone-icon { width: 94px; height: 94px; display: grid; place-items: center; margin-bottom: 17px; border-radius: 50%; color: var(--blue); background: #eaf3ff; }
.dropzone-icon svg { width: 45px; height: 45px; stroke-width: 1.9; }
.dropzone h2, .text-panel h2 { margin: 0; font-size: clamp(25px, 3vw, 32px); letter-spacing: -.9px; }
.dropzone-title { color: var(--ink); font-size: 21px; font-weight: 750; letter-spacing: -.45px; }.dropzone-title-compact, .dropzone-mobile-note, .file-list-clear-compact, .pending-summary-compact { display: none; }
.dropzone p, .text-panel > p { margin: 10px 0 16px; color: var(--muted); font-size: 16px; }
.desktop-paste-hint { display: inline-flex; align-items: center; gap: 6px; margin: -7px 0 22px; color: #8794a9; font-size: 12px; line-height: 1.5; }.desktop-paste-hint svg { width: 15px; color: #7895c0; }.keycap { display: inline-flex; align-items: center; min-height: 20px; padding: 0 5px; border: 1px solid #d6dfec; border-bottom-color: #bfcbdb; border-radius: 5px; color: #5b6d87; background: #fff; box-shadow: 0 1px 0 rgba(50, 75, 111, .08); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; font-weight: 700; }
.primary-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 28px; border: 0; border-radius: 13px; background: var(--blue); box-shadow: 0 7px 16px rgba(23, 105, 245, .19); color: white; font-size: 16px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.primary-button:hover { background: var(--blue-dark); box-shadow: 0 9px 18px rgba(23, 105, 245, .24); }
.primary-button svg { width: 22px; height: 22px; }
.primary-button:disabled { cursor: not-allowed; opacity: .65; box-shadow: none; }
.upload-login-hint { display: inline-flex; align-items: center; gap: 4px; margin-top: 11px; padding: 0; border: 0; color: #8190a6; background: transparent; font: inherit; font-size: 12px; line-height: 1.5; }.upload-login-hint:hover { color: var(--blue); }.upload-login-hint strong { color: #5e7597; font-weight: 720; }.upload-login-hint svg { width: 14px; }
.upload-quota-status { margin: 11px auto 0; color: #6b7e97; font-size: 12px; font-weight: 620; }
.recent-login-link[hidden] { display: none !important; }.account-storage-summary { color: #5f7594; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }.account-transfers .recent-list { padding-bottom: 2px; }.account-transfer-empty { padding: 25px 10px; color: var(--muted); font-size: 14px; text-align: center; }.account-transfer-row { display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 11px; align-items: center; min-height: 68px; border-bottom: 1px solid #eef1f5; }.account-transfer-row:last-child { border-bottom: 0; }.account-transfer-row > i { color: #5a91eb; }.account-transfer-name { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.account-transfer-meta { margin-top: 4px; color: var(--muted); font-size: 12px; }.account-transfer-code { color: var(--blue); font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; }
.account-auth-mask { position: fixed; z-index: 130; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(18,32,58,.34); opacity: 0; transition: opacity .18s ease; }.account-auth-mask[hidden] { display: none !important; }.account-auth-mask.is-open { opacity: 1; }.account-auth-dialog { width: min(100%, 430px); position: relative; padding: 27px; border: 1px solid #e1e9f4; border-radius: 20px; background: #fff; box-shadow: 0 22px 60px rgba(20,43,82,.22); transform: translateY(8px) scale(.985); transition: transform .2s ease; }.account-auth-mask.is-open .account-auth-dialog { transform: translateY(0) scale(1); }.account-auth-close { position: absolute; top: 12px; right: 12px; }.account-auth-mark { width: 46px; height: 46px; display: grid; place-items: center; margin: 0 auto 13px; border-radius: 14px; color: var(--blue); background: #eaf3ff; }.account-auth-mark svg { width: 23px; }.account-auth-dialog h2 { margin: 0; color: var(--ink); font-size: 20px; letter-spacing: -.45px; text-align: center; }.account-auth-dialog > p { margin: 8px auto 20px; color: var(--muted); font-size: 13px; line-height: 1.65; text-align: center; }.account-auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 18px 0 13px; padding: 4px; border-radius: 10px; background: #f2f6fb; }.account-auth-tabs button,.account-auth-link { border: 0; background: transparent; color: #637692; font: inherit; cursor: pointer; }.account-auth-tabs button { min-height: 34px; border-radius: 7px; font-size: 12px; font-weight: 700; }.account-auth-tabs button.is-active { color: var(--ink); background: #fff; box-shadow: 0 1px 3px rgba(21,45,80,.12); }.account-auth-link { display: block; margin: 12px auto 0; font-size: 12px; color: var(--blue); }.account-auth-form { display: grid; gap: 13px; }.account-auth-form label { display: grid; gap: 6px; min-width: 0; color: #526782; font-size: 12px; font-weight: 720; }.account-auth-form label[hidden],.account-code-row[hidden] { display: none !important; }.account-auth-form input { width: 100%; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid #d8e4f3; border-radius: 10px; outline: 0; color: var(--ink); background: #fcfdff; }.account-auth-form input:focus { border-color: #77acff; box-shadow: 0 0 0 3px rgba(43,117,245,.11); }.account-code-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 9px; align-items: end; }.account-code-row .secondary-button { min-height: 44px; padding: 0 11px; font-size: 12px; white-space: nowrap; }.account-auth-form .primary-button { width: 100%; min-height: 48px; }.account-auth-message { min-height: 18px; margin: -3px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.account-auth-message.is-error { color: #c34c54; }.account-auth-note { margin-bottom: 0 !important; font-size: 12px !important; }
.account-auth-mask { background: rgba(18,32,58,.36); backdrop-filter: blur(3px); }.account-auth-dialog { width: min(100%, 480px); padding: 30px 32px 28px; border-radius: 24px; box-shadow: 0 28px 70px rgba(20,43,82,.20); }.account-auth-dialog > #accountAuthLead { max-width: 300px; margin-bottom: 22px; }.account-auth-tabs { margin: 0 0 16px; padding: 4px; border: 1px solid #e5edf8; border-radius: 12px; background: #f4f8fe; }.account-auth-tabs button { min-height: 38px; color: #788aa4; font-size: 13px; }.account-auth-tabs button.is-active { color: #1d3a61; box-shadow: 0 1px 4px rgba(21,45,80,.12); }.account-login-method-switch { margin: -2px 0 17px !important; padding-top: 15px; border-top: 1px solid #edf1f6; color: #7487a1 !important; font-size: 13px !important; text-align: center; }.account-login-method-switch button { padding: 0; border: 0; color: var(--blue); background: transparent; font: inherit; font-weight: 720; cursor: pointer; }.account-login-method-switch button:hover,.account-auth-link:hover { color: var(--blue-dark); text-decoration: underline; text-underline-offset: 3px; }.account-auth-form { gap: 15px; }.account-auth-form label { gap: 7px; font-size: 13px; }.account-auth-form input { min-height: 48px; padding: 0 14px; border-radius: 12px; }.account-password-field { position: relative; display: block; }.account-password-field input { padding-right: 56px; }.account-password-toggle { position: absolute; top: 50%; right: 10px; min-width: 38px; padding: 4px; border: 0; color: #6e86a4; background: transparent; font: inherit; font-size: 12px; font-weight: 720; transform: translateY(-50%); cursor: pointer; }.account-password-toggle:hover { color: var(--blue); }.account-code-row .secondary-button { min-height: 48px; padding: 0 13px; border-radius: 12px; }.account-auth-form .primary-button { min-height: 50px; border-radius: 13px; }.account-auth-link { margin-top: 14px; font-size: 13px; }.account-auth-note { margin-top: 14px !important; color: #8998ad !important; font-size: 12px !important; } @media (max-width: 520px) { .account-auth-mask { padding: 14px; }.account-auth-dialog { padding: 26px 20px 22px; border-radius: 20px; }.account-code-row { grid-template-columns: minmax(0,1fr) auto; gap: 7px; }.account-code-row .secondary-button { padding: 0 10px; } }
.file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.upload-feedback, .text-result { max-width: 760px; margin: 18px auto 0; }
.upload-feedback:empty, .text-result:empty { display: none; }
.feedback-row { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 14px; border-radius: 12px; color: #49617e; background: #f6f9fd; font-size: 14px; text-align: left; overflow-wrap: anywhere; }
.feedback-row.error { color: #b4424a; background: #fff3f4; }
.feedback-row.success { color: #14763a; background: #f0fbf4; }
.guest-space-limit-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding: 12px 14px; border: 1px solid #ffd7da; border-radius: 13px; background: #fff7f7; color: #a9444d; text-align: left; }.guest-space-limit-card[hidden] { display: none !important; }.guest-space-limit-card > div { display: grid; gap: 3px; min-width: 0; }.guest-space-limit-card strong { font-size: 13px; }.guest-space-limit-card span, .guest-space-limit-card small { color: #b4646c; font-size: 12px; line-height: 1.45; }.guest-space-limit-card button { flex: 0 0 auto; min-height: 34px; padding: 0 11px; border: 1px solid #ef8d95; border-radius: 9px; color: #b33f49; background: #fff; font: inherit; font-size: 12px; font-weight: 750; white-space: nowrap; }.guest-space-limit-card button:hover { border-color: #d95d68; background: #fff0f1; }
.guest-file-limit-card { min-height: 116px; display: grid; grid-template-columns: minmax(0, 1fr) 110px; align-items: center; gap: 16px; padding: 17px 20px; border: 1px solid #ffe2e6; border-radius: 16px; color: #172c4a; background: linear-gradient(110deg, #fff5f6, #fffafb); text-align: left; }.guest-file-limit-copy { min-width: 0; }.guest-file-limit-copy p { margin: 0; line-height: 1.6; }.guest-file-limit-copy p:first-child { font-size: 16px; font-weight: 780; }.guest-file-limit-copy p + p { margin-top: 4px; font-size: 14px; }.guest-file-limit-login { display: inline; padding: 0; border: 0; color: var(--blue); background: transparent; font: inherit; font-weight: 760; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }.guest-file-limit-login:hover { color: #0b59d4; }.guest-file-limit-card img { width: 104px; height: 104px; justify-self: end; object-fit: contain; }
.upload-progress-card { display: grid; gap: 11px; min-width: 0; padding: 15px; border: 1px solid #d9e8ff; border-radius: 14px; background: linear-gradient(135deg, #fbfdff, #f1f7ff); box-shadow: 0 8px 22px rgba(32, 99, 202, .08); text-align: left; }
.upload-progress-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; min-width: 0; }
.upload-progress-copy { min-width: 0; }.upload-progress-name { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }.upload-progress-state { margin-top: 3px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.upload-progress-percent { color: var(--blue); font-size: 15px; font-variant-numeric: tabular-nums; font-weight: 750; }
.upload-progress-track { height: 10px; overflow: hidden; border-radius: 999px; background: #dce9fb; box-shadow: inset 0 1px 2px rgba(40, 91, 165, .08); }.upload-progress-value { position: relative; display: block; width: 0; height: 100%; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg, #1972ff, #4ba2ff); box-shadow: 0 2px 7px rgba(25, 114, 255, .28); transition: width .24s ease-out; }.upload-progress-value::after { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, transparent 25%, rgba(255,255,255,.46) 45%, transparent 65%); transform: translateX(-120%); animation: upload-progress-shimmer 1.35s linear infinite; }.upload-progress-card.is-merging .upload-progress-value { animation: upload-progress-pulse 1.1s ease-in-out infinite alternate; }
@keyframes upload-progress-shimmer { to { transform: translateX(120%); } } @keyframes upload-progress-pulse { to { filter: saturate(1.2) brightness(1.07); } }
.upload-compress-button { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid #cfe0fa; border-radius: 8px; color: var(--blue); background: white; font-size: 12px; font-weight: 650; }.upload-compress-button:hover { background: var(--blue-soft); }.upload-compress-button:disabled { cursor: not-allowed; color: #8b9ab0; border-color: #e2e8f2; background: #f5f7fa; }
.upload-compress-button svg { width: 16px; }
.share-row { display: flex; justify-content: center; gap: 10px; margin-top: 16px; }
.share-controls { display: grid; justify-items: center; gap: 8px; margin-top: 16px; text-align: center; }
.share-controls[hidden] { display: none !important; }
.share-callout { max-width: 520px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.secondary-button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 15px; border: 1px solid #cfe0fa; border-radius: 10px; background: white; color: var(--blue); font-weight: 650; }
.secondary-button:hover { background: var(--blue-soft); }
.text-panel { max-width: 850px; margin: 0 auto; padding: 14px 0 6px; text-align: center; }
.text-panel textarea { width: 100%; min-height: 220px; resize: vertical; padding: 18px; border: 1px solid #d9e5f4; border-radius: 16px; outline: none; color: var(--ink); background: #fcfdff; line-height: 1.65; transition: border-color .18s ease, box-shadow .18s ease; }
.text-panel textarea:focus { border-color: #77acff; box-shadow: 0 0 0 4px rgba(43, 117, 245, .11); }
.text-panel textarea::placeholder { color: #a9b4c5; }
.text-meta { display: flex; justify-content: space-between; gap: 12px; margin: 8px 2px 20px; color: var(--muted); font-size: 13px; text-align: left; }
.text-panel .primary-button { width: 100%; min-height: 52px; }
.code-result { display: grid; gap: 8px; justify-items: center; padding: 18px; border: 1px solid #d9e8ff; border-radius: 14px; background: #f7fbff; color: var(--muted); }
.code-result strong { color: var(--blue); font-size: 30px; letter-spacing: .18em; }
.receive-panel { max-width: 850px; margin: 0 auto; padding: 14px 0 6px; text-align: center; }
.receive-panel h2 { margin: 0; font-size: clamp(25px, 3vw, 32px); letter-spacing: -.9px; }
.receive-panel > p { margin: 10px 0 25px; color: var(--muted); font-size: 16px; }
.receive-form { display: grid; grid-template-columns: minmax(0, 1fr) 168px; gap: 10px; }
.receive-code-input { min-width: 0; min-height: 56px; padding: 0 17px; border: 1px solid #d9e5f4; border-radius: 12px; outline: none; color: var(--ink); background: #fcfdff; font-size: 16px; transition: border-color .18s ease, box-shadow .18s ease; }
.receive-code-input:focus { border-color: #77acff; box-shadow: 0 0 0 4px rgba(43, 117, 245, .11); }
.receive-result { margin-top: 18px; text-align: left; }
.receive-result:empty { display: none; }
.receive-form-state { transition: opacity .18s ease, transform .18s ease; }.receive-form-state[hidden] { display: none !important; }
.received-workspace { text-align: left; animation: received-workspace-in .2s ease-out; }.received-workspace[hidden] { display: none !important; } @keyframes received-workspace-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
.received-workspace-status { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 3px 3px 13px; }.received-workspace-kicker { display: inline-flex; align-items: center; gap: 7px; color: #168647; font-size: 13px; font-weight: 720; }.received-workspace-kicker svg { width: 17px; }.received-workspace-summary { margin: 3px 0 0; color: var(--muted); font-size: 13px; }.received-workspace-reset { flex: 0 0 auto; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 9px; border: 0; border-radius: 8px; color: #547095; background: transparent; font: inherit; font-size: 13px; font-weight: 700; white-space: nowrap; }.received-workspace-reset:hover { color: var(--blue); background: #edf5ff; }.received-workspace-reset svg { width: 16px; }
.received-content-card { overflow: visible; border-top: 1px solid #dfe8f4; border-bottom: 1px solid #dfe8f4; background: #fff; }.received-content-head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid #edf1f5; }.received-content-title { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--ink); font-size: 16px; font-weight: 750; }.received-content-title svg { width: 19px; color: var(--blue); }.received-content-summary { flex: 0 0 auto; color: var(--muted); font-size: 12px; white-space: nowrap; }
.received-file-tools { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid #edf1f5; }.received-file-tools .file-select-all { flex: 0 0 auto; }.received-file-tool-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; min-width: 0; }.received-download-all { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 8px; border: 0; border-radius: 8px; color: #4d6c94; background: transparent; font: inherit; font-size: 12px; font-weight: 700; white-space: nowrap; }.received-download-all:hover { color: var(--blue); background: #edf5ff; }.received-download-all svg { width: 16px; }
.received-file-list { padding: 0 16px; }.received-file-list.is-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px 16px; }.received-file-item { min-width: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr) auto 32px; align-items: center; gap: 12px; min-height: 82px; border-bottom: 1px solid #edf1f5; }.received-file-item.is-selectable { grid-template-columns: 20px 52px minmax(0, 1fr) auto 32px; }.received-file-item:last-child { border-bottom: 0; }.received-file-item:hover { margin: 0 -8px; padding: 0 8px; border-radius: 10px; background: #f8fbff; }.received-file-visual { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #f3f7fc; }.received-file-visual .file-type-icon { width: 38px; height: 44px; }.received-file-thumbnail { width: 100%; height: 100%; display: block; object-fit: cover; }.received-file-copy { min-width: 0; }.received-file-name { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }.received-file-meta { margin-top: 4px; color: var(--muted); font-size: 12px; }.received-download { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 10px; border: 1px solid #cfe0fa; border-radius: 8px; color: var(--blue); background: #fff; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }.received-download:hover { background: var(--blue-soft); }.received-download[aria-disabled="true"] { color: #72839a; border-color: #d8e0eb; background: #f7f9fc; cursor: wait; }.received-file-actions { position: relative; }.received-file-actions summary { list-style: none; }.received-file-actions summary::-webkit-details-marker { display: none; }.received-file-list.is-grid .received-file-item { grid-template-columns: 1fr 32px; align-content: start; min-height: 188px; padding: 12px; border: 1px solid #e5ecf5; border-radius: 12px; background: #fbfdff; }.received-file-list.is-grid .received-file-item .file-row-check { display: none; }.received-file-list.is-grid .received-file-visual { grid-column: 1; width: 100%; height: 106px; }.received-file-list.is-grid .received-file-visual .file-type-icon { width: 48px; height: 56px; }.received-file-list.is-grid .received-file-copy { grid-column: 1 / -1; }.received-file-list.is-grid .received-download { grid-column: 1; justify-self: start; }.received-file-list.is-grid .received-file-actions { grid-column: 2; grid-row: 1; }
.received-reader-card { overflow: hidden; border: 1px solid #e6edf7; border-radius: 18px; background: #fff; box-shadow: 0 9px 24px rgba(30,58,104,.045); }.received-reader-card .reader-body { padding-bottom: 15px; }.received-reader-card .reader-toolbar { justify-content: flex-end; border-top: 1px solid #edf1f5; }.received-reader-card .reader-expand { border-top: 1px solid #edf1f5; }
.receive-result-card { padding: 16px; border: 1px solid #dce8f8; border-radius: 15px; background: #fbfdff; }
.receive-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; color: var(--ink); font-weight: 720; }
.receive-result-heading span { color: var(--muted); font-size: 13px; font-weight: 500; }
.received-text { width: 100%; min-height: 150px; resize: vertical; padding: 13px; border: 1px solid #e0e8f5; border-radius: 10px; color: var(--ink); background: white; line-height: 1.65; }
.receive-files { display: grid; gap: 8px; }
.receive-file { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 11px; border: 1px solid #e7edf7; border-radius: 10px; background: white; }
.receive-file > svg { flex: 0 0 auto; width: 20px; color: var(--blue); }
.receive-file-info { min-width: 0; flex: 1; }.receive-file-name { overflow: hidden; color: var(--ink); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }.receive-file-meta { margin-top: 3px; color: var(--muted); font-size: 12px; }
.receive-file-actions { display: inline-flex; gap: 6px; }.receive-file-actions button, .receive-file-actions a { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #d4e2f5; border-radius: 8px; color: var(--blue); background: white; font-size: 13px; font-weight: 650; text-decoration: none; }.receive-file-actions button:hover, .receive-file-actions a:hover { background: var(--blue-soft); }
.recent-card { border: 1px solid #e5eaf2; border-radius: 16px; overflow: visible; background: white; }
.recent-card { width: min(100%, 800px); margin: 20px auto 0; }
.recent-activity { width: min(100%, 800px); display: block; margin: 20px auto 0; }.recent-activity[hidden] { display: none !important; }.recent-activity .recent-card { width: 100%; min-width: 0; margin: 0; }.recent-activity .recent-head { min-height: 58px; padding: 0 17px; }.recent-activity .recent-title { gap: 8px; font-size: 16px; }.recent-activity .recent-title svg { width: 18px; color: var(--blue); }.recent-activity .recent-list { padding: 0 13px; }.recent-activity .recent-item { grid-template-columns: 36px minmax(0, 1fr) auto 28px; gap: 10px; min-height: 65px; }.recent-activity .recent-icon { width: 32px; height: 36px; color: #fff; }.recent-activity .recent-icon svg { width: 18px; }.recent-activity .recent-meta { font-size: 12px; }.recent-activity .status-tag { max-width: 88px; padding: 4px 6px; font-size: 11px; }.recent-activity .recent-footer { min-height: 47px; padding: 0 12px; text-align: center; }.recent-activity .recent-footer > span { color: var(--muted); font-size: 12px; }.recent-activity .recent-empty { padding: 25px 4px; font-size: 13px; }
.recent-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px; padding: 0 22px; border-bottom: 1px solid #eef1f5; }
.recent-title { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); font-size: 18px; font-weight: 750; }
.recent-title svg { width: 22px; color: #344663; }
.recent-actions { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }.recent-login-link, .view-all { padding: 0; border: 0; background: none; color: #5583d7; font: inherit; font-size: 13px; font-weight: 650; white-space: nowrap; }.recent-login-link:hover, .view-all:hover { color: var(--blue); }.recent-footer { display: flex; align-items: center; justify-content: center; min-height: 52px; border-top: 1px solid #eef1f5; }.recent-footer[hidden], .view-all[hidden] { display: none !important; }
.recent-list { padding: 0 16px; }
.recent-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 28px; align-items: center; gap: 16px; min-height: 74px; border-bottom: 1px solid #eef1f5; transition: background .16s ease; }
.recent-item:last-child { border-bottom: 0; }
.recent-item:hover { margin: 0 -8px; padding: 0 8px; border-radius: 10px; background: #f8fbff; }
.recent-icon { width: 36px; height: 42px; display: grid; place-items: center; border-radius: 9px; color: white; background: #3981f6; }
.recent-icon.zip { background: linear-gradient(135deg, #ffc13c, #f2a100); }.recent-icon.video { background: linear-gradient(135deg, #9c6af8, #6b34d2); }.recent-icon.text { background: linear-gradient(135deg, #58a5ff, #2374d8); }
.recent-icon svg { width: 21px; }
.recent-name-row { display: flex; align-items: baseline; gap: 9px; min-width: 0; }.recent-name { flex: 1 1 auto; min-width: 0; overflow: hidden; color: var(--ink); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.recent-text-preview { min-width: 0; overflow: hidden; color: #8090a6; font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.recent-meta { margin-top: 4px; color: var(--muted); font-size: 13px; }
.status-tag { max-width: 190px; padding: 6px 10px; border: 0; border-radius: 8px; overflow: hidden; font-size: 13px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
button.status-tag { cursor: pointer; font: inherit; } button.status-tag:hover { filter: brightness(.97); }
.status-tag.valid { color: #158943; background: #eaf9ee; }.status-tag.text { color: var(--blue); background: #eaf3ff; }.status-tag.expired { color: #d04d56; background: #fff0f1; }
.more-button { width: 28px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; color: #45536b; background: transparent; }.more-button:hover { background: #eaf1fb; }
.more-button svg { width: 20px; }
.received-item { grid-template-columns: 48px minmax(0, 1fr) 62px 28px; }.received-item > div { min-width: 0; }.received-item .recent-name-row { display: block; }.received-item .recent-name { display: block; min-width: 0; max-width: 100%; }.received-item .recent-text-preview { display: block; min-width: 0; margin-top: 4px; overflow: hidden; color: #8090a6; font-size: 13px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }.received-item .recent-meta { min-width: 0; }.received-row-action { width: 62px; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; padding: 0 7px; border: 0; border-radius: 8px; color: var(--blue); background: transparent; font: inherit; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }.received-row-action:hover { background: var(--blue-soft); }.received-row-action.is-expired { color: #8a96a8; cursor: default; }.received-row-source { display: block; margin-top: 3px; color: #9aa6b7; font-size: 11px; }
.recent-empty { padding: 34px 20px; color: var(--muted); text-align: center; }.recent-empty svg { width: 28px; margin-bottom: 8px; color: #8aa3c5; }
.seo-intro { width: min(100%, 800px); margin: 0 auto 18px; text-align: center; }.seo-intro h1 { margin: 0; color: var(--ink); font-size: clamp(28px, 3.2vw, 32px); line-height: 1.28; letter-spacing: -.75px; }.seo-intro-lead { max-width: 720px; margin: 8px auto 0; color: #68778d; font-size: 15px; line-height: 1.6; }.value-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 12px; }.value-tag { display: inline-flex; align-items: center; min-height: 29px; padding: 4px 9px; border: 1px solid #e0e9f5; border-radius: 999px; color: #547095; background: #f9fbfe; font-size: 12px; font-weight: 650; }
.seo-intro-note { width: min(100%, 800px); margin: 38px auto 0; padding: 22px 4px 0; border-top: 1px solid var(--line); }.seo-intro-note h2 { margin: 0; color: var(--ink); font-size: 18px; letter-spacing: -.3px; }.seo-intro-note p { margin: 8px 0 0; color: #627188; font-size: 14px; line-height: 1.75; }
.seo-content { width: min(100%, 1080px); margin: 72px auto 0; padding: 50px 8px 12px; border-top: 1px solid var(--line); }.seo-section { padding: 30px 0; }.seo-section + .seo-section { border-top: 1px solid #edf1f7; }.seo-section h2, .faq h2 { margin: 0; color: var(--ink); font-size: clamp(24px, 3vw, 30px); line-height: 1.35; letter-spacing: -.55px; }.seo-section-copy { max-width: 760px; margin: 14px 0 0; color: #52617a; font-size: 15px; line-height: 1.82; }.seo-section-copy p { margin: 0 0 11px; }.seo-section-copy p:last-child { margin-bottom: 0; }
.seo-flow { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; counter-reset: seo-flow; }.seo-flow-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }.seo-flow-four { grid-template-columns: repeat(4, minmax(0, 1fr)); }.seo-flow li { position: relative; min-width: 0; padding: 18px 18px 17px; border: 1px solid #dce8f7; border-radius: 14px; background: #fbfdff; counter-increment: seo-flow; }.seo-flow li::before { display: grid; place-items: center; width: 26px; height: 26px; margin-bottom: 14px; border-radius: 8px; content: counter(seo-flow); color: var(--blue); background: #eaf3ff; font-size: 12px; font-weight: 800; }.seo-flow strong { display: block; color: var(--ink); font-size: 15px; }.seo-flow span { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.wechat-guide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr); gap: 24px; align-items: start; }.wechat-path { display: grid; gap: 7px; margin-top: 18px; padding: 18px; border: 1px solid #cdebd7; border-radius: 16px; background: #f4fbf6; }.wechat-path-item { min-height: 38px; display: flex; align-items: center; gap: 10px; color: #365845; font-size: 14px; font-weight: 650; }.wechat-path-item svg { width: 18px; flex: 0 0 auto; color: #15924a; }.wechat-path-arrow { height: 15px; display: grid; place-items: center; color: #76a987; }.wechat-path-arrow svg { width: 16px; }.seo-tip { margin-top: 18px; padding: 17px 18px; border-left: 3px solid #22a85a; border-radius: 0 12px 12px 0; background: #f3fbf5; }.seo-tip strong { display: block; color: #176f3c; }.seo-tip p { margin: 6px 0 0; color: #4f6b59; font-size: 14px; line-height: 1.7; }
.device-transfer { width: min(100%, 440px); display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; margin-top: 24px; padding: 20px; border: 1px solid #dce8f7; border-radius: 16px; background: #fbfdff; }.device-node { display: grid; justify-items: center; gap: 8px; color: #3d536f; font-size: 13px; font-weight: 700; }.device-node svg { width: 34px; height: 34px; color: var(--blue); }.device-link { display: grid; justify-items: center; gap: 5px; color: var(--muted); font-size: 12px; text-align: center; }.device-link svg { width: 24px; color: #76a5ec; }
.scene-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }.scene-item { min-width: 0; padding: 18px; border: 1px solid #e1e9f5; border-radius: 14px; background: #fff; }.scene-item:nth-child(2), .scene-item:nth-child(5) { background: #f6faff; }.scene-item:nth-child(3), .scene-item:nth-child(6) { background: #f5fbf7; }.scene-item svg { width: 22px; color: var(--blue); }.scene-item h3 { margin: 12px 0 0; color: var(--ink); font-size: 15px; }.scene-item p { margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.scene-item nav { display: grid; gap: 7px; margin-top: 13px; }.scene-item a { color: var(--blue); font-size: 13px; font-weight: 700; line-height: 1.45; text-decoration: none; }.scene-item a:hover { text-decoration: underline; }
.faq { padding: 38px 0 8px; border-top: 1px solid #edf1f7; }.faq-list { display: grid; gap: 9px; margin-top: 22px; }.faq details { border: 1px solid #e0e7f1; border-radius: 12px; background: #fff; }.faq summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; color: #273751; font-size: 15px; font-weight: 700; cursor: pointer; list-style: none; }.faq summary::-webkit-details-marker { display: none; }.faq summary svg { width: 18px; flex: 0 0 auto; color: #73839b; transition: transform .18s ease; }.faq details[open] summary svg { transform: rotate(180deg); }.faq details p { margin: 0; padding: 0 16px 17px; color: #5d6c83; font-size: 14px; line-height: 1.75; }
.guide-links { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; }.guide-links a { color: var(--blue); font-size: 14px; font-weight: 700; text-decoration: none; }.guide-links a:hover { text-decoration: underline; }.security-note { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 9px 13px; padding: 27px 8px 0; color: #8a98ad; font-size: 14px; }.security-note > span:first-child { display: inline-flex; align-items: center; gap: 9px; }.security-note svg { width: 19px; }.security-note a { display: inline-flex; align-items: center; gap: 5px; color: #6c86a9; font-size: 13px; font-weight: 650; text-decoration: none; }.security-note a:hover { color: var(--blue); }.security-note a svg { width: 16px; }.security-note-separator { color: #c0cad8; }.footer-metrics { display: inline-flex; align-items: center; gap: 13px; color: #8a98ad; font-size: 13px; }.footer-metrics[hidden] { display: none; }.footer-metrics-content { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }.footer-metrics-content svg { width: 16px; color: #7b9dcc; }.footer-metrics-content strong { color: #5f7697; font-weight: 720; font-variant-numeric: tabular-nums; }
.toast { position: fixed; z-index: 60; top: calc(18px + env(safe-area-inset-top)); left: 50%; display: none; max-width: calc(100vw - 28px); transform: translateX(-50%); padding: 11px 15px; border: 1px solid #d9e8ff; border-radius: 12px; background: rgba(255, 255, 255, .96); box-shadow: 0 12px 34px rgba(24, 54, 100, .16); color: #2d547f; font-size: 14px; font-weight: 650; }.toast.show { display: block; animation: toast-in .18s ease-out; }.toast.error { border-color: #ffd3d6; color: #b4424a; } @keyframes toast-in { from { opacity: 0; transform: translate(-50%, -6px); } to { opacity: 1; transform: translate(-50%, 0); } }
.transfer-detail-mask { position: fixed; z-index: 25; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(20, 32, 58, .32); opacity: 0; transition: opacity .18s ease; }.transfer-detail-mask[hidden] { display: none !important; pointer-events: none; }.transfer-detail-mask.is-open { opacity: 1; }.transfer-detail-dialog { width: min(100%, 640px); max-height: min(700px, calc(100dvh - 40px)); overflow: auto; padding: 22px; border: 1px solid #e4ebf5; border-radius: 18px; background: white; box-shadow: 0 24px 70px rgba(20, 40, 78, .22); transform: translateY(8px); transition: transform .18s ease; }.transfer-detail-mask.is-open .transfer-detail-dialog { transform: translateY(0); }.transfer-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }.transfer-detail-head h2 { margin: 0; font-size: 20px; letter-spacing: -.4px; }.detail-close { width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 9px; color: #617089; background: #f4f7fb; }.detail-close:hover { color: var(--ink); background: #eaf1fb; }.detail-close svg { width: 20px; }.detail-list { display: grid; gap: 10px; margin: 0; }.detail-list div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid #eef2f7; }.detail-list dt { color: var(--muted); font-size: 13px; }.detail-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: 14px; font-weight: 600; }.detail-section-title { margin: 20px 0 9px; color: var(--muted); font-size: 13px; font-weight: 700; }.detail-file-list { display: grid; gap: 9px; }.detail-file { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; min-width: 0; padding: 11px; border: 1px solid #e7eef8; border-radius: 12px; background: #fafdff; }.detail-preview { width: 72px; height: 72px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; color: var(--blue); background: #eaf3ff; }.detail-preview img, .detail-preview video { width: 100%; height: 100%; object-fit: cover; }.detail-preview audio { width: 100%; }.detail-preview svg { width: 26px; }.detail-file-info { min-width: 0; }.detail-file-name { overflow: hidden; color: var(--ink); font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.detail-file-meta { margin-top: 4px; color: var(--muted); font-size: 12px; }.detail-file-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px; }.detail-file-copy, .detail-file-compress { min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; border: 1px solid #cfe0fa; border-radius: 8px; color: var(--blue); background: white; font: inherit; font-size: 12px; font-weight: 650; line-height: 1; vertical-align: middle; }.detail-file-copy svg, .detail-file-compress svg { width: 16px; }.detail-file-copy:hover, .detail-file-compress:hover { background: var(--blue-soft); }.detail-file-compress:disabled { cursor: not-allowed; opacity: .65; }.desktop-detail-actions { display: grid; gap: 9px; margin-top: 20px; padding-top: 17px; border-top: 1px solid #edf1f7; }.desktop-detail-action { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 12px 13px; border: 1px solid #e1eaf6; border-radius: 12px; background: #fbfdff; }.desktop-detail-action-copy { min-width: 0; }.desktop-detail-action h3 { margin: 0; color: #354761; font-size: 14px; }.desktop-detail-action p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.desktop-detail-code { display: inline-block; margin-top: 6px; color: var(--blue); font-size: 19px; font-weight: 800; letter-spacing: .1em; }.desktop-detail-copy { flex: 0 0 auto; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 10px; border: 1px solid #cfe0fa; border-radius: 8px; color: var(--blue); background: white; font: inherit; font-size: 12px; font-weight: 700; }.desktop-detail-copy:hover { background: var(--blue-soft); }.desktop-detail-copy.primary { border-color: var(--blue); color: white; background: var(--blue); }.desktop-detail-copy.primary:hover { background: #1f6fd0; }.desktop-detail-copy svg { width: 15px; }.detail-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }.detail-delete { min-height: 40px; padding: 0 14px; border: 1px solid #ffd2d6; border-radius: 9px; color: #c53e48; background: #fff7f7; font-weight: 700; }.detail-delete:hover { background: #fff0f1; }.detail-delete:disabled { cursor: not-allowed; opacity: .6; }.detail-mobile, .mobile-sheet-handle, .recent-mobile-meta { display: none; }
.share-result-mask { position: fixed; z-index: 35; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(20, 32, 58, .38); backdrop-filter: blur(4px); opacity: 0; transition: opacity .2s ease; }.share-result-mask[hidden] { display: none !important; pointer-events: none; }.share-result-mask.is-open { opacity: 1; }.share-result-dialog { width: min(100%, 720px); max-height: calc(100dvh - 48px); overflow: auto; padding: 28px 30px; border: 1px solid #dfe8f5; border-radius: 22px; background: #fff; box-shadow: 0 28px 78px rgba(20, 40, 78, .25); transform: translateY(12px) scale(.94); transition: transform .22s cubic-bezier(.2, .8, .25, 1); will-change: transform; }.share-result-mask.is-open .share-result-dialog { transform: translateY(0) scale(1); }.share-result-head { position: relative; padding: 4px 44px 20px; text-align: center; }.share-result-head h2 { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin: 0; color: var(--ink); font-size: 23px; letter-spacing: -.5px; }.share-result-head h2 svg { width: 27px; color: var(--ok); fill: #e6f9ed; }.share-result-head p { margin: 7px 0 0; color: var(--muted); font-size: 14px; }.share-result-close { position: absolute; top: 0; right: 0; }.share-result-main { display: grid; grid-template-columns: minmax(0, 1fr) 184px; gap: 20px; align-items: start; }.share-code-block { padding: 4px 0 13px; }.share-field-label { display: block; color: #51637d; font-size: 13px; font-weight: 750; }.share-code-row { display: flex; align-items: center; gap: 14px; margin-top: 7px; }.share-code { min-width: 0; color: var(--blue); font-size: clamp(40px, 5.2vw, 54px); font-weight: 800; letter-spacing: .12em; line-height: 1.1; font-variant-numeric: tabular-nums; white-space: nowrap; }.share-copy-button { flex: 0 0 auto; min-height: 36px; padding: 0 11px; font-size: 12px; }.share-expiry { display: flex; align-items: center; gap: 7px; margin-top: 11px; color: #65758c; font-size: 13px; }.share-expiry svg { width: 17px; color: #6386bd; }.share-expiry strong { color: var(--blue); font-variant-numeric: tabular-nums; }.share-info-list { display: grid; gap: 9px; }.share-info-field { display: grid; gap: 5px; }.share-value-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 5px 6px 5px 10px; border: 1px solid #dce8f7; border-radius: 10px; background: #fbfdff; }.share-value { min-width: 0; overflow: hidden; color: #50627d; font-size: 12px; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }.share-copy-small { min-height: 30px; padding: 0 8px; font-size: 12px; }.share-text-value { white-space: pre-line; }.share-qr-card { display: grid; justify-items: center; gap: 6px; padding: 14px 12px 12px; border: 1px solid #dce8f7; border-radius: 14px; background: #fbfdff; text-align: center; }.share-qr-card h3 { margin: 0; color: #40526b; font-size: 14px; }.share-qr-card img { width: 142px; height: 142px; padding: 7px; border: 1px solid #e6edf7; border-radius: 8px; background: white; image-rendering: pixelated; }.share-qr-card p { margin: 0; color: var(--muted); font-size: 12px; }.share-quick-title { margin: 20px 0 9px; color: #50617a; font-size: 13px; font-weight: 750; }.share-quick-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }.share-quick-button { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 8px; border: 1px solid #d7e6fa; border-radius: 9px; color: #4771ab; background: #fff; font: inherit; font-size: 12px; font-weight: 700; white-space: nowrap; }.share-quick-button:hover { color: var(--blue); background: var(--blue-soft); }.share-quick-button svg { width: 16px; }.share-result-lock { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 18px; padding: 11px 12px; border-radius: 10px; color: #3970bc; background: #eff6ff; font-size: 13px; text-align: center; }.share-result-lock svg { width: 17px; flex: 0 0 auto; }.share-result-footer { display: flex; justify-content: center; margin-top: 18px; }.share-result-footer .primary-button { min-width: 184px; min-height: 46px; }.file-share-complete { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 9px; padding: 13px; border: 1px solid #d8e9fb; border-radius: 13px; background: #f7fbff; color: #536780; font-size: 13px; }.file-share-complete > i { width: 19px; color: var(--ok); }.file-share-complete strong { color: var(--blue); letter-spacing: .08em; }.file-share-complete .secondary-button { min-height: 34px; padding: 0 10px; font-size: 12px; }
.mobile-action-sheet-mask { position: fixed; z-index: 50; inset: 0; display: flex; align-items: end; background: rgba(20, 32, 58, .36); opacity: 0; transition: opacity .2s ease; }.mobile-action-sheet-mask[hidden] { display: none !important; pointer-events: none; }.mobile-action-sheet-mask.is-open { opacity: 1; }.mobile-action-sheet { width: 100%; max-height: min(72dvh, 520px); overflow: auto; padding: 8px 12px calc(12px + env(safe-area-inset-bottom)); border-radius: 20px 20px 0 0; background: #fff; box-shadow: 0 -12px 38px rgba(20, 40, 78, .18); transform: translateY(100%); transition: transform .22s cubic-bezier(.2, .8, .25, 1); will-change: transform; }.mobile-action-sheet-mask.is-open .mobile-action-sheet { transform: translateY(0); }.mobile-action-sheet-handle { width: 38px; height: 4px; display: block; margin: 2px auto 10px; border-radius: 999px; background: #d6deea; }.mobile-action-sheet-content { display: grid; gap: 3px; }.mobile-action-sheet-content button { width: 100%; min-height: 50px; display: flex; align-items: center; gap: 11px; padding: 0 12px; border: 0; border-radius: 12px; color: #354963; background: transparent; font: inherit; font-size: 15px; font-weight: 650; text-align: left; }.mobile-action-sheet-content button:active { background: #eef5ff; }.mobile-action-sheet-content button.danger { color: #bd4b55; }.mobile-action-sheet-content button svg { width: 19px; flex: 0 0 auto; }
@media (min-width: 768px) { .mobile-action-sheet-mask { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .share-result-mask, .share-result-dialog, .mobile-action-sheet-mask, .mobile-action-sheet { transition-duration: .01ms !important; } }
@media (max-width: 767px) { .site-header { min-height: 68px; padding: 0 16px; }.brand { gap: 9px; font-size: 20px; }.brand-mark { width: 33px; height: 33px; overflow: visible; border-radius: 0; border: 0; background: transparent; box-shadow: none; }.brand-mark img { width: 33px; height: 33px; display: block; object-fit: contain; }.header-account-status { min-height: 33px; max-width: 168px; padding: 0 9px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }.header-account-status svg { width: 15px; flex: 0 0 auto; }.page { padding: 14px 12px 24px; }.transfer-card { padding: 16px; border-radius: 20px; }.transfer-tab { min-height: 48px; gap: 6px; font-size: 14px; }.transfer-tab svg { width: 18px; }.send-mode-switch { width: min(100%, 268px); margin-top: 15px; }.send-mode-tab { min-height: 38px; }.transfer-panel { padding-top: 16px; }.panel-heading { margin-bottom: 14px; }.panel-heading h2 { font-size: 22px; }.panel-heading p { font-size: 13px; }.dropzone { min-height: 220px; padding: 16px 12px; border-radius: 16px; }.dropzone-icon { width: 62px; height: 62px; margin-bottom: 10px; }.dropzone-icon svg { width: 32px; height: 32px; }.dropzone-title { font-size: 18px; }.dropzone h2, .text-panel h2, .receive-panel h2 { font-size: 22px; }.dropzone p, .text-panel > p, .receive-panel > p { margin: 6px 0 14px; font-size: 13px; line-height: 1.55; }.desktop-paste-hint { display: none; }.upload-login-hint { margin-top: 8px; text-align: center; font-size: 11px; }.primary-button { width: 100%; min-height: 48px; }.receive-form { grid-template-columns: 1fr; }.recent-card { margin-top: 18px; }.recent-head { min-height: 58px; padding: 0 14px; }.recent-title { font-size: 16px; }.recent-actions { gap: 8px; }.recent-login-link { max-width: 156px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; }.recent-list { padding: 0 10px; }.recent-item { grid-template-columns: 42px minmax(0, 1fr) 24px; gap: 10px; min-height: 76px; }.recent-icon { width: 33px; height: 38px; }.status-tag { grid-column: 2; grid-row: 2; justify-self: start; max-width: 100%; padding: 3px 7px; font-size: 11px; }.more-button { grid-column: 3; grid-row: 1 / span 2; }.recent-item:hover { margin: 0; padding: 0; }.received-row-action { display: none; }.text-meta { align-items: flex-start; flex-direction: column; margin-bottom: 16px; }.text-panel textarea { min-height: 188px; padding: 14px; }.share-row { flex-direction: column; }.secondary-button { width: 100%; min-height: 44px; }.security-note { gap: 8px 10px; padding-top: 22px; font-size: 12px; }.footer-metrics { flex-basis: 100%; justify-content: center; gap: 0; }.footer-metrics > .security-note-separator { display: none; }.receive-file { align-items: flex-start; flex-wrap: wrap; }.receive-file-actions { width: 100%; margin-left: 30px; }.upload-progress-card { padding: 13px; }.upload-result-item { gap: 7px; padding: 11px; }.upload-result-item .file-size { font-size: 12px; }.upload-compress-button { width: 36px; padding: 0; }.upload-compress-button span { display: none; } }
@media (max-width: 1023px) { .scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.seo-flow-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .header-actions { gap: 7px; }.header-tool-link { min-width: 34px; min-height: 34px; padding: 0 8px; font-size: 0; }.header-tool-link svg { width: 18px; }.seo-intro { margin-bottom: 15px; padding: 0 4px; }.seo-intro h1 { font-size: clamp(24px, 7vw, 28px); }.seo-intro-lead { margin-top: 7px; font-size: 14px; line-height: 1.55; }.value-tags { gap: 6px; margin-top: 10px; }.value-tag { min-height: 28px; padding: 4px 8px; font-size: 12px; }.seo-intro-note { margin-top: 32px; padding-top: 20px; }.seo-content { margin-top: 42px; padding: 36px 4px 4px; }.seo-section { padding: 28px 0; }.seo-section h2, .faq h2 { font-size: 22px; line-height: 1.35; }.seo-section-copy { font-size: 15px; line-height: 1.72; }.seo-flow-three, .seo-flow-four, .scene-grid, .wechat-guide { grid-template-columns: 1fr; }.seo-flow { gap: 9px; margin-top: 18px; }.seo-flow li { padding: 15px; }.wechat-path, .device-transfer { margin-top: 18px; }.device-transfer { grid-template-columns: 1fr; gap: 12px; }.device-link svg { transform: rotate(0deg); }.scene-grid { gap: 9px; margin-top: 18px; }.scene-item { padding: 16px; }.guide-links { display: grid; gap: 12px; }.faq { padding-top: 30px; }.faq summary { min-height: 52px; padding: 12px 14px; }.faq details p { padding: 0 14px 15px; } }
@media (max-width: 767px) {
  .recent-head { gap: 10px; }.recent-login-link { max-width: 126px; font-size: 0; }.recent-login-link::after { content: '登录同步记录 →'; font-size: 12px; }
  .recent-list { padding: 0 12px; }.recent-item { grid-template-columns: 40px minmax(0, 1fr) 32px; align-items: start; gap: 11px; min-height: 0; padding: 14px 0; cursor: pointer; }.recent-item:focus-visible { outline: 2px solid #83b0fa; outline-offset: -2px; }.recent-icon { width: 38px; height: 38px; }.recent-item > div { min-width: 0; padding-top: 1px; }.recent-name-row { display: flex; flex-direction: column; align-items: stretch; gap: 3px; min-width: 0; }.recent-name { min-width: 0; max-width: 100%; font-size: 14px; line-height: 1.35; }.recent-text-preview { display: block; max-width: 100%; font-size: 13px; line-height: 1.45; }.recent-meta { margin-top: 4px; font-size: 12px; line-height: 1.4; }.recent-mobile-meta { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }.recent-item .recent-meta { display: none; }.recent-item .status-tag { display: none; }.more-button { width: 32px; min-height: 36px; grid-column: 3; grid-row: 1; }.recent-item:hover { margin: 0; padding: 14px 0; background: transparent; }.recent-footer { min-height: 44px; }.view-all { min-height: 44px; padding: 0 8px; }
  .transfer-detail-mask { place-items: end stretch; padding: 0; }.transfer-detail-dialog { width: 100%; max-height: min(78dvh, 720px); padding: 0 18px calc(18px + env(safe-area-inset-bottom)); border: 0; border-radius: 24px 24px 0 0; transform: translateY(100%); }.transfer-detail-mask.is-open .transfer-detail-dialog { transform: translateY(0); }.mobile-sheet-handle { width: 42px; height: 5px; display: block; margin: 10px auto 8px; border-radius: 999px; background: #d4dce8; }.transfer-detail-head { margin-bottom: 12px; }.transfer-detail-head h2 { display: none; }.detail-close { width: 34px; height: 34px; margin-left: auto; }.detail-desktop-only { display: none; }.detail-mobile { display: block; padding-bottom: 2px; }.mobile-detail-kicker { margin: 0; color: var(--muted); font-size: 12px; }.mobile-detail-title { margin: 5px 0 3px; overflow: hidden; color: var(--ink); font-size: 19px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }.mobile-detail-meta { margin: 0; color: var(--muted); font-size: 13px; }.mobile-text-preview { display: -webkit-box; margin: 14px 0 0; overflow: hidden; color: #596b85; font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }.mobile-detail-section { padding: 17px 0; border-top: 1px solid #edf1f7; }.mobile-detail-section:first-of-type { margin-top: 18px; }.mobile-detail-section h3 { margin: 0; color: #41526b; font-size: 13px; }.mobile-detail-section p { margin: 6px 0 12px; color: var(--muted); font-size: 13px; line-height: 1.6; }.mobile-code { display: inline-block; margin: 8px 0 12px; color: var(--blue); font-size: 27px; font-weight: 800; letter-spacing: .14em; }.mobile-detail-copy { width: 100%; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #cfe0fa; border-radius: 10px; color: var(--blue); background: white; font: inherit; font-size: 14px; font-weight: 700; }.mobile-detail-copy.primary { border-color: transparent; color: white; background: var(--blue); }.mobile-detail-copy svg { width: 17px; }.mobile-file-direct + .mobile-file-direct { margin-top: 9px; }.mobile-file-direct-name { display: block; margin-bottom: 7px; overflow: hidden; color: #586980; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.mobile-danger { width: 100%; min-height: 42px; margin-top: 4px; border: 0; color: #c8444e; background: transparent; font: inherit; font-size: 14px; font-weight: 700; text-align: left; }.detail-file-list, .detail-actions { display: none; }
}

/* File media tones for the shared Tabler sprite. */
.file-type-icon.audio { color: #9859bd; background: #f7effb; }
.file-type-icon.video { color: #4c78b8; background: #edf4ff; }
@media (max-width: 767px) {
  html, body { overflow-x: hidden; }
  .site-header { min-height: 64px; }
  .page { padding-top: 12px; }
  .seo-intro { margin-bottom: 14px; padding: 4px 0 0; }
  .seo-intro h1 { overflow: visible; font-size: clamp(18px, 5.4vw, 22px); line-height: 1.25; letter-spacing: -.055em; white-space: nowrap; }
  .seo-intro-lead { margin-top: 6px; font-size: 13px; line-height: 1.5; }
  .value-tags { flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin: 10px -4px 0; padding: 0 4px 2px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  .value-tags::-webkit-scrollbar { display: none; }
  .value-tag { min-height: 28px; flex: 0 0 auto; padding: 4px 10px; font-size: 12px; }
  .transfer-card { padding: 14px 16px 16px; }
  .transfer-tab { min-height: 46px; }
  .send-mode-switch { width: min(100%, 252px); margin-top: 10px; }
  .send-mode-tab { min-height: 36px; }
  .transfer-panel { padding-top: 14px; }
  .panel-heading { margin-bottom: 14px; }
  .panel-heading h2 { font-size: 21px; }
  .panel-heading p { margin-top: 6px; font-size: 13px; }
  .text-panel, .receive-panel { padding: 10px 0 2px; }
  .text-panel > p, .receive-panel > p { margin: 6px 0 14px; }
  .received-workspace-status { min-height: 51px; padding: 0 0 10px; }.received-workspace-summary { font-size: 12px; }.received-workspace-reset { min-height: 32px; padding: 0 7px; font-size: 12px; }.received-workspace-reset span { display: none; }.received-content-head { min-height: 52px; padding: 0 13px; }.received-content-title { font-size: 15px; }.received-content-summary { font-size: 11px; }.received-file-tools { min-height: 48px; padding: 0 13px; }.received-download-all span { display: none; }.received-file-list { padding: 0 13px; }.received-file-item, .received-file-item.is-selectable { grid-template-columns: 46px minmax(0, 1fr) auto; gap: 11px; min-height: 78px; }.received-file-item .file-row-check { display: none; }.received-file-visual { width: 46px; height: 46px; border-radius: 9px; }.received-file-visual .file-type-icon { width: 36px; height: 42px; }.received-file-item .received-download { grid-column: 3; grid-row: 1; align-self: center; justify-self: end; margin-top: 0; }.received-file-item .received-file-actions { grid-column: 3; grid-row: 1; }.received-file-list.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 12px; }.received-file-list.is-grid .received-file-item { min-height: 174px; padding: 10px; }.received-file-list.is-grid .received-file-visual { height: 88px; }.received-reader-card { border-radius: 16px; }.received-reader-card .reader-toolbar { padding-right: 13px; }
  .text-panel textarea { min-height: 180px; }
  .dropzone { min-height: 232px; padding: 17px 14px; }
  .dropzone-icon { width: 60px; height: 60px; margin-bottom: 9px; }
  .dropzone-icon svg { width: 30px; height: 30px; }
  .dropzone-title { font-size: 19px; }
  .dropzone p { margin: 7px 0 13px; font-size: 13px; }
  .upload-login-hint { margin-top: 7px; font-size: 12px; }
}
@media (max-width: 340px) {
  .seo-intro h1 { font-size: 18px; letter-spacing: -.065em; }
}
/* 分享链接直达页：文件沿用 FileList，文本切换为只读 Reader。 */
.shared-transfer-page { width: min(100%, 800px); margin: 0 auto; padding: 4px 0 28px; }.shared-transfer-page[hidden] { display: none !important; } body.is-shared-view .page > :not(.shared-transfer-page), body.is-shared-view .home-hero, body.is-shared-view .home-page-content { display: none !important; }
.shared-page-bar { min-height: 54px; display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; margin-bottom: 10px; }.shared-page-bar h1 { margin: 0; overflow: hidden; color: var(--ink); font-size: 20px; letter-spacing: -.4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }.shared-page-back, .shared-page-menu { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 10px; color: #35455f; background: transparent; }.shared-page-back:hover, .shared-page-menu:hover { color: var(--blue); background: #eef5ff; }.shared-page-back svg, .shared-page-menu svg { width: 23px; }
.shared-info-card { padding: 18px 20px; border: 1px solid #e8edf5; border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: 0 10px 24px rgba(30, 58, 104, .06); }.shared-author { display: flex; align-items: center; gap: 12px; min-width: 0; }.shared-avatar { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #4e8ef5; background: linear-gradient(135deg,#e6f1ff,#bdd8ff); }.shared-avatar svg { width: 29px; }.shared-author-copy { min-width: 0; }.shared-author-name { overflow: hidden; color: var(--ink); font-size: 17px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }.shared-author-meta { display: flex; flex-wrap: wrap; gap: 5px 12px; margin-top: 4px; color: #7c889a; font-size: 13px; }.shared-author-meta span + span { padding-left: 12px; border-left: 1px solid #dce4ef; }.shared-info-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 15px; border-top: 1px solid #edf1f6; color: #7b899c; font-size: 13px; }.shared-expiry { display: inline-flex; align-items: center; gap: 7px; }.shared-expiry svg { width: 17px; }.shared-expiry strong { color: #eb881f; font-variant-numeric: tabular-nums; }.shared-summary { white-space: nowrap; }
.shared-content-card { margin-top: 16px; overflow: visible; border: 1px solid #e6edf7; border-radius: 18px; background: #fff; box-shadow: 0 9px 24px rgba(30,58,104,.045); }.shared-content-toolbar { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid #edf1f5; }.shared-content-title { display: inline-flex; align-items: center; gap: 8px; color: #425571; font-size: 14px; font-weight: 750; }.shared-content-title svg { width: 19px; color: var(--blue); }.shared-view-switch { display: inline-flex; gap: 3px; padding: 3px; border-radius: 9px; background: #f2f5fa; }.shared-view-button { width: 31px; height: 29px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 7px; color: #73839a; background: transparent; }.shared-view-button.is-active { color: var(--blue); background: #fff; box-shadow: 0 1px 4px rgba(28,64,115,.12); }.shared-view-button svg { width: 17px; }
.shared-file-tools { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid #edf1f5; }.shared-file-tools label { display: inline-flex; align-items: center; gap: 7px; color: #63738a; font-size: 13px; font-weight: 650; }.shared-file-tools input { width: 15px; height: 15px; margin: 0; accent-color: var(--blue); }.shared-file-list { padding: 0 16px; }.shared-file-item { display: grid; grid-template-columns: 20px 40px minmax(0,1fr) 36px; align-items: center; gap: 12px; min-height: 74px; border-bottom: 1px solid #edf1f5; }.shared-file-item:last-child { border-bottom: 0; }.shared-file-item:hover { margin: 0 -8px; padding: 0 8px; border-radius: 10px; background: #f8fbff; }.shared-file-item .file-type-icon { width: 36px; height: 42px; }.shared-file-name { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }.shared-file-meta { margin-top: 4px; color: var(--muted); font-size: 12px; }.shared-file-actions { position: relative; }.shared-file-actions summary { list-style: none; }.shared-file-actions summary::-webkit-details-marker { display: none; }.shared-file-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px 16px; }.shared-file-grid .shared-file-item { grid-template-columns: 1fr 32px; align-content: start; min-height: 142px; padding: 12px; border: 1px solid #e5ecf5; border-radius: 12px; background: #fbfdff; }.shared-file-grid .shared-file-item > label { display: none; }.shared-file-grid .shared-file-item .file-type-icon { grid-column: 1; width: 44px; height: 52px; }.shared-file-grid .shared-file-item > div:nth-child(3) { grid-column: 1 / -1; }.shared-file-grid .shared-file-actions { grid-column: 2; grid-row: 1; }.file-action-menu-popover a { width: 100%; min-height: 32px; display: flex; align-items: center; gap: 7px; padding: 0 8px; border-radius: 7px; color: #42556f; font-size: 12px; text-decoration: none; }.file-action-menu-popover a:hover { color: var(--blue); background: #f0f6ff; }.file-action-menu-popover a svg { width: 15px; }
.shared-reader-card { margin-top: 16px; border: 1px solid #e6edf7; border-radius: 18px; background: #fff; box-shadow: 0 9px 24px rgba(30,58,104,.045); }.reader-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 18px; border-bottom: 1px solid #edf1f5; }.reader-title { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: 16px; font-weight: 750; }.reader-title svg { width: 20px; color: var(--blue); }.reader-stats { color: var(--muted); font-size: 12px; text-align: right; line-height: 1.55; }.reader-body-wrap { position: relative; }.reader-body { max-width: 680px; padding: 22px 22px 16px; margin: 0 auto; color: #273750; font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }.reader-body.is-collapsed { max-height: 21.5em; overflow: hidden; }.reader-body.is-collapsed::after { position: absolute; right: 0; bottom: 0; left: 0; height: 6.5em; content: ''; background: linear-gradient(transparent,#fff); pointer-events: none; }.reader-paragraph { min-height: 1.9em; margin: 0 0 1em; white-space: pre-wrap; }.reader-heading { margin: 1.3em 0 .55em; color: #17263e; font-size: 1.2em; line-height: 1.45; }.reader-quote { margin: 0 0 1em; padding: .15em 0 .15em 14px; border-left: 3px solid #b8d4ff; color: #576983; white-space: pre-wrap; }.reader-list { margin: 0 0 1em; padding-left: 1.4em; }.reader-list li { margin: .3em 0; }.reader-link { color: var(--blue); text-decoration: none; word-break: break-all; }.reader-link:hover { text-decoration: underline; }.reader-code { position: relative; margin: 0 0 1.1em; padding: 42px 14px 14px; overflow: auto; border: 1px solid #e0e8f4; border-radius: 11px; color: #24344d; background: #f6f8fb; font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre; }.reader-code-copy { position: absolute; top: 8px; right: 8px; min-height: 27px; padding: 0 8px; border: 1px solid #d5e1ef; border-radius: 7px; color: #4d6a92; background: #fff; font: 12px inherit; }.reader-expand { width: 100%; min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-top: 1px solid #edf1f5; color: var(--blue); background: #fff; font: inherit; font-size: 14px; font-weight: 700; }.reader-expand:hover { background: #f8fbff; }.reader-expand svg { width: 18px; }.reader-toolbar { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 16px 16px; }.reader-tool { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 11px; border: 1px solid #d9e5f4; border-radius: 9px; color: #476489; background: #fff; font: inherit; font-size: 13px; font-weight: 650; }.reader-tool:hover, .reader-tool.is-active { color: var(--blue); border-color: #bdd7ff; background: #f1f7ff; }.reader-tool svg { width: 16px; }.reader-menu { position: relative; }.reader-menu summary { list-style: none; }.reader-menu summary::-webkit-details-marker { display: none; }.reader-menu-popover { right: 0; width: 158px; }.reader-font-menu { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #d9e5f4; border-radius: 9px; background: #fff; }.reader-font-button { min-width: 32px; height: 30px; padding: 0 7px; border: 0; border-radius: 6px; color: #5e718b; background: transparent; font: inherit; font-weight: 700; }.reader-font-button.is-active { color: var(--blue); background: #edf5ff; }.shared-empty, .shared-error, .shared-loading { padding: 54px 22px; color: var(--muted); text-align: center; }.shared-empty svg, .shared-error svg, .shared-loading svg { width: 30px; margin-bottom: 9px; color: #8aa8d6; }.shared-error p, .shared-empty p, .shared-loading p { margin: 6px 0 14px; }.shared-security-note { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 24px; color: #99a5b6; font-size: 13px; }.shared-security-note::before, .shared-security-note::after { width: 56px; height: 1px; content: ''; background: #dce4ee; }.shared-security-note svg { width: 17px; }
@media (max-width: 767px) { body.is-shared-view .site-header { display: none; }.shared-transfer-page { padding: 4px 0 22px; }.shared-page-bar { min-height: 58px; margin: 0 -2px 8px; }.shared-page-bar h1 { font-size: 19px; }.shared-info-card { padding: 17px 16px; border-radius: 18px; }.shared-author-name { font-size: 16px; }.shared-author-meta { font-size: 12px; }.shared-info-footer { margin-top: 14px; padding-top: 13px; font-size: 12px; }.shared-content-card, .shared-reader-card { margin-top: 13px; border-radius: 16px; }.shared-content-toolbar { min-height: 48px; padding: 0 13px; }.shared-file-tools { min-height: 48px; padding: 0 13px; }.shared-file-list { padding: 0 13px; }.shared-file-item { grid-template-columns: 38px minmax(0,1fr) 32px; gap: 11px; min-height: 78px; }.shared-file-item > label { display: none; }.shared-file-item .file-type-icon { width: 38px; height: 44px; }.shared-file-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 10px 12px; }.shared-file-grid .shared-file-item { grid-template-columns: 1fr 30px; min-height: 148px; }.reader-head { align-items: flex-start; padding: 15px; }.reader-stats { font-size: 11px; }.reader-body { padding: 18px 16px 13px; font-size: 15px; line-height: 1.86; }.reader-toolbar { gap: 7px; padding: 11px 12px 14px; }.reader-tool { min-height: 35px; padding: 0 9px; }.reader-tool .reader-tool-label { display: none; }.shared-security-note { margin-top: 21px; font-size: 12px; }.shared-security-note::before, .shared-security-note::after { width: 38px; } }
.reader-body.reader-font-small { font-size: 14px; }.reader-body.reader-font-large { font-size: 18px; }
/* 分享直达页：摘要、操作与移动端均复用既有公开分享数据和交互。 */
.is-shared-view .feichuan-global-footer { display: none; }
.shared-transfer-page { padding-top: 20px; }
.shared-info-card { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 24px; padding: 20px 22px; }
.shared-info-actions { align-self: start; }.shared-info-actions .shared-page-menu { width: 36px; height: 36px; background: #f6f8fc; }.shared-info-actions .file-action-menu-popover { right: 0; }
.shared-info-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #edf1f6; }
.shared-metric { min-width: 0; display: grid; gap: 4px; padding: 14px 18px 0; border-left: 1px solid #edf1f6; }.shared-metric:first-child { padding-left: 0; border-left: 0; }.shared-metric small { color: #8995a7; font-size: 12px; }.shared-metric strong { overflow: hidden; color: #334660; font-size: 14px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }.shared-metric:first-child strong { color: #db7b1d; font-variant-numeric: tabular-nums; }
.shared-file-item { grid-template-columns: 40px minmax(0, 1fr) auto; min-height: 70px; gap: 12px; }.shared-file-item:hover { margin: 0 -6px; padding: 0 6px; }.shared-file-meta { margin-top: 3px; }.shared-file-row-actions { display: inline-flex; align-items: center; gap: 5px; }.shared-file-download, .shared-file-preview { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 9px; border: 1px solid #d5e4f7; border-radius: 8px; color: #3674cc; background: #fff; font: inherit; font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }.shared-file-download:hover, .shared-file-preview:hover { border-color: #aacbf8; background: #f3f8ff; }.shared-file-download svg, .shared-file-preview svg { width: 15px; }.shared-file-preview { cursor: pointer; color: #526b8f; border-color: transparent; background: transparent; }
.shared-file-grid .shared-file-item { grid-template-columns: minmax(0, 1fr); }.shared-file-grid .shared-file-row-actions { grid-column: 1; grid-row: 3; justify-self: start; }
.shared-preview-mask { position: fixed; z-index: 90; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(19, 35, 61, .46); }.shared-preview-dialog { width: min(880px, 100%); max-height: min(760px, calc(100dvh - 48px)); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 26px 80px rgba(11, 28, 56, .34); }.shared-preview-dialog header, .shared-preview-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid #edf1f5; }.shared-preview-dialog footer { border-top: 1px solid #edf1f5; border-bottom: 0; }.shared-preview-dialog header strong { min-width: 0; overflow: hidden; color: var(--ink); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }.shared-preview-dialog header button { width: 30px; height: 30px; flex: 0 0 auto; border: 0; border-radius: 8px; color: #64748b; background: #f3f6fa; font-size: 22px; line-height: 1; }.shared-preview-content { min-height: 220px; display: grid; place-items: center; overflow: auto; padding: 18px; background: #f8fafc; }.shared-preview-image, .shared-preview-media { max-width: 100%; max-height: 560px; }.shared-preview-frame { width: 100%; height: min(560px, 65dvh); border: 0; background: #fff; }.shared-preview-text { width: 100%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: #253650; font: 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }.shared-preview-fallback { color: #687990; text-align: center; }.shared-preview-fallback p { margin: 0 0 12px; }.shared-preview-download { display: inline-flex; min-height: 32px; align-items: center; padding: 0 10px; border-radius: 8px; color: #fff; background: var(--blue); font-size: 13px; font-weight: 700; text-decoration: none; }
.shared-reader-card { overflow: hidden; }.reader-body { max-width: 700px; padding: 28px 30px 20px; line-height: 1.95; }.reader-paragraph { margin-bottom: 1.12em; }
.shared-discovery { margin-top: 16px; }.shared-discovery-card { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; border: 1px solid #e7edf5; border-radius: 16px; background: #fbfdff; }.shared-discovery-mark { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 1px solid #e4eaf3; border-radius: 9px; background: #fff; }.shared-discovery-mark img { width: 100%; height: 100%; object-fit: contain; }.shared-discovery-card p { margin: 0; color: #40516a; font-size: 14px; font-weight: 700; }.shared-discovery-card span { display: block; margin-top: 4px; color: #7a899c; font-size: 12px; line-height: 1.6; }.shared-discovery-card a { display: inline-block; margin-top: 7px; color: #3173d1; font-size: 12px; font-weight: 700; text-decoration: none; }.shared-discovery-card a:hover { text-decoration: underline; }
@media (max-width: 767px) { .shared-transfer-page { padding: 12px 0 22px; }.shared-info-card { gap: 14px; padding: 16px; border-radius: 16px; }.shared-avatar { width: 42px; height: 42px; }.shared-avatar svg { width: 25px; }.shared-author-meta { display: grid; gap: 2px; }.shared-author-meta span + span { padding-left: 0; border-left: 0; }.shared-info-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }.shared-metric { padding: 12px 12px 0; }.shared-metric:first-child { padding-left: 0; }.shared-file-list { padding: 0 12px; }.shared-file-item { grid-template-columns: 38px minmax(0, 1fr) auto; grid-template-rows: minmax(54px, auto); gap: 10px; min-height: 74px; padding: 10px 0; }.shared-file-item:hover { margin: 0; padding: 10px 0; }.shared-file-item .file-type-icon { width: 38px; height: 44px; }.shared-file-name { font-size: 14px; }.shared-file-meta { font-size: 12px; }.shared-file-row-actions { gap: 2px; }.shared-file-download, .shared-file-preview { width: 32px; padding: 0; }.shared-file-download span, .shared-file-preview span { display: none; }.shared-file-grid { gap: 8px; padding: 10px; }.shared-file-grid .shared-file-item { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 36px; min-height: 166px; padding: 11px; }.shared-file-grid .shared-file-item .file-type-icon { grid-column: 1; grid-row: 1; }.shared-file-grid .shared-file-item > div { grid-column: 1; grid-row: 2; }.shared-file-grid .shared-file-row-actions { grid-column: 1; grid-row: 3; }.shared-preview-mask { padding: 12px; }.shared-preview-dialog { max-height: calc(100dvh - 24px); }.shared-preview-content { padding: 12px; }.reader-head { padding: 15px 16px; }.reader-body { padding: 20px 18px 15px; font-size: 15px; line-height: 1.9; }.shared-discovery { margin-top: 13px; }.shared-discovery-card { padding: 14px; border-radius: 14px; }.shared-security-note { display: flex; margin-top: 19px; } }
@media (max-width: 374px) { .shared-info-metrics { grid-template-columns: 1fr; }.shared-metric, .shared-metric:first-child, .shared-metric:nth-child(3) { grid-column: auto; padding-left: 0; border-left: 0; }.shared-file-download span { display: none; }.shared-file-download { width: 32px; padding: 0; }.shared-discovery-card { gap: 10px; } }
/* Make the circular account entry visibly interactive. */
.header-account-trigger { cursor: pointer; }

/* One centered, local letter-avatar treatment across the header and share views. */
.fc-avatar { display:grid;place-items:center;overflow:hidden;border-radius:50%;line-height:1; }.fc-avatar-initial { font-size:.82em;font-weight:800; }.header-account-avatar .fc-avatar { width:100%;height:100%; }.shared-avatar { width:48px;height:48px; }.share-result-avatar { width:24px;height:24px; }.share-result-author { display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;color:#65758c;font-size:13px;font-weight:700; }.share-result-author[hidden] { display:none; }
/* 飞传自己的轻量文件列表：不引入 File Manager 框架。 */
.pending-file-section { margin: 18px auto 0; text-align: left; }.pending-file-section[hidden] { display: none !important; }
.file-list-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 2px 8px; }.file-list-head > div { min-width: 0; }.file-list-head-actions { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }.file-list-head h3 { margin: 0; color: var(--ink); font-size: 15px; }.file-list-head p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }.file-list-clear { flex: 0 0 auto; padding: 5px 3px; border: 0; color: #70809a; background: transparent; font: inherit; font-size: 12px; font-weight: 650; white-space: nowrap; }.file-list-clear:hover { color: #c4424d; }.file-list-clear:disabled { opacity: .55; cursor: not-allowed; }#pendingFileToggleBtn { color: var(--blue); }#pendingFileToggleBtn:hover { color: #1a5fb4; }
.file-list { border-top: 1px solid #eaf0f7; }.file-list-item { min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr) 76px 112px 40px; align-items: center; gap: 12px; min-height: 58px; border-bottom: 1px solid #eaf0f7; }.file-list-item:hover { background: #f8fbff; }.pending-file-list { padding: 0 8px; border: 1px solid #edf2f8; border-radius: 12px; background: #fcfdff; }.pending-file-list .pending-item { grid-template-columns: 34px minmax(0, 1fr) 68px 96px minmax(40px, 84px); gap: 10px; min-height: 64px; margin: 0 4px; padding: 0 10px; border-bottom-color: #edf2f8; }.pending-file-list .pending-item:first-child { border-radius: 9px 9px 0 0; }.pending-file-list .pending-item:last-child { border-bottom: 0; border-radius: 0 0 9px 9px; }.pending-file-list .pending-item:only-child { border-radius: 9px; }.pending-file-list .file-row-name { max-width: 24ch; }.pending-file-list .pending-file-actions { width: 100%; max-width: 84px; justify-self: end; overflow: hidden; }.pending-file-list .pending-file-actions .more-button { width: 40px; min-width: 40px; height: 40px; }.file-row-check { display: grid; place-items: center; }.file-row-check input { width: 15px; height: 15px; margin: 0; accent-color: var(--blue); }.file-row-check input:disabled { opacity: .55; }.file-type-icon { width: 30px; height: 34px; position: relative; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 7px; color: #75859b; background: #f6f8fb; }.file-type-icon::before { position: absolute; top: 0; right: 0; width: 9px; height: 9px; border-bottom: 1px solid currentColor; border-left: 1px solid currentColor; border-radius: 0 6px 0 4px; content: ''; background: rgba(255,255,255,.75); }.file-type-icon svg { width: 17px; height: 17px; }.file-type-icon small { position: absolute; right: 2px; bottom: 1px; max-width: 26px; overflow: hidden; font-size: 7px; font-weight: 850; line-height: 1; text-overflow: ellipsis; }.file-type-icon.image { color: #7565c9; background: #f4f1ff; }.file-type-icon.pdf { color: #c84750; background: #fff1f2; }.file-type-icon.archive { color: #ba821d; background: #fff8e9; }.file-type-icon.sheet { color: #2a9560; background: #effaf4; }.file-type-icon.document, .file-type-icon.text, .file-type-icon.code { color: #3979cc; background: #f0f6ff; }.file-type-icon.slides { color: #c76845; background: #fff3ef; }
.file-row-main { min-width: 0; }.file-row-name { overflow: hidden; color: var(--ink); font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.file-row-mobile-meta { display: none; }.file-row-size { color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }.file-status { justify-self: start; max-width: 112px; padding: 4px 8px; border-radius: 999px; overflow: hidden; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.file-status.pending { color: #738298; background: #f1f4f8; }.file-status.uploading { color: #2874cf; background: #eaf3ff; }.file-status.success { color: #168647; background: #eaf9ef; }.file-status.error { color: #c44c55; background: #fff0f1; }.file-row-progress { width: 100%; height: 3px; display: block; margin-top: 7px; overflow: hidden; border-radius: 99px; background: #dce9fb; }.file-row-progress span { display: block; height: 100%; border-radius: inherit; background: var(--blue); transition: width .2s ease; }.file-remove-button, .pending-file-actions { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; padding: 0; }.file-remove-button { border: 0; border-radius: 8px; color: #78869a; background: transparent; }.file-remove-button:hover { color: #c4424d; background: #fff0f1; }.file-remove-button:disabled { cursor: not-allowed; opacity: .45; }.file-remove-button svg { width: 18px; }.pending-file-actions { grid-auto-flow: column; width: auto; gap: 4px; }.upload-and-share { width: 100%; min-height: 48px; margin-top: 16px; font-size: 15px; white-space: nowrap; }
.upload-share-actions { display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:stretch;margin-top:10px;padding:0; }.upload-share-actions .upload-and-share { min-height:46px;margin:0;display:grid;place-items:center; }.upload-share-actions .upload-and-share > span { display:inline-flex;align-items:center;gap:7px; }.share-settings-button { width:44px;min-height:46px;display:grid;place-items:center;padding:0;border:1px solid #d5e1f0;border-radius:11px;color:#3f6fae;background:#fff;cursor:pointer; }.share-settings-button:hover { border-color:#a8c8f3;background:#f5f9ff; }.share-settings-button svg { width:20px; }.share-settings-mask { position:fixed;z-index:135;inset:0;display:grid;place-items:center;padding:18px;background:rgba(18,32,58,.36);opacity:0;transition:opacity .18s ease; }.share-settings-mask[hidden] { display:none!important; }.share-settings-mask.is-open { opacity:1; }.share-settings-dialog { width:min(100%,380px);padding:22px;border:1px solid #e1e9f4;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(20,43,82,.22);transform:translateY(8px) scale(.985);transition:transform .18s ease; }.share-settings-mask.is-open .share-settings-dialog { transform:none; }.share-settings-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }.share-settings-head h2 { margin:0;color:var(--ink);font-size:18px; }.share-settings-dialog fieldset { margin:20px 0 0;padding:0;border:0; }.share-settings-dialog legend,.share-password-label>span { margin-bottom:8px;color:#40516a;font-size:13px;font-weight:750; }.share-duration-options { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.share-duration-options input { position:absolute;opacity:0;pointer-events:none; }.share-duration-options span { min-height:40px;display:grid;place-items:center;border:1px solid #dbe5f1;border-radius:10px;color:#53667f;background:#fff;font-size:13px;font-weight:700;cursor:pointer; }.share-duration-options input:checked+span { border-color:var(--blue);color:var(--blue);background:#eef5ff;box-shadow:0 0 0 2px rgba(23,105,245,.1); }.share-password-label { display:grid;margin-top:18px; }.share-password-label small { color:#8998aa;font-weight:500; }.share-password-label input { min-height:44px;padding:0 12px;border:1px solid #dbe5f1;border-radius:10px;outline:0;color:var(--ink);background:#fcfdff;font:inherit; }.share-password-label input:focus { border-color:#77acff;box-shadow:0 0 0 3px rgba(43,117,245,.11); }.share-settings-footer { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;padding-top:16px;border-top:1px solid #edf1f6; }.share-settings-footer button { min-height:42px; }
@media (max-width:767px) { .upload-share-actions { grid-template-columns:44px minmax(0,1fr);gap:8px;margin-top:8px; }.share-settings-dialog { align-self:end;width:calc(100% + 36px);margin:-18px;padding:22px 20px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0; }.share-settings-mask { place-items:end stretch; } }
.file-toolbar { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 20px; border-bottom: 1px solid #eef1f5; }.file-toolbar[hidden] { display: none !important; }.file-select-all { display: inline-flex; align-items: center; gap: 7px; color: #60718a; font-size: 13px; font-weight: 650; cursor: pointer; }.file-select-all input { width: 15px; height: 15px; margin: 0; accent-color: var(--blue); }.file-toolbar-actions { display: inline-flex; align-items: center; gap: 8px; }.toolbar-button, .view-switch-button { min-height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 0 8px; border: 0; border-radius: 8px; color: #5e708a; background: transparent; font: inherit; font-size: 12px; font-weight: 650; }.toolbar-button:hover, .view-switch-button:hover, .view-switch-button.is-active { color: var(--blue); background: #edf5ff; }.toolbar-button svg, .view-switch-button svg { width: 16px; }.view-switch { display: inline-flex; gap: 2px; padding: 2px; border-radius: 9px; background: #f2f5f9; }.view-switch-button { width: 30px; padding: 0; }.recent-row-check { align-self: center; }.recent-item.file-manager-item { grid-template-columns: 20px 34px minmax(0, 1fr) auto 32px; gap: 12px; min-height: 62px; }.recent-item.file-manager-item .file-type-icon { width: 30px; height: 34px; }.file-action-menu { position: relative; z-index: 2; }.file-action-menu[open] { z-index: 20; }.file-action-menu summary { list-style: none; }.file-action-menu summary::-webkit-details-marker { display: none; }.file-action-menu[open] .more-button { color: var(--blue); background: #eaf3ff; }.file-action-menu-popover { position: absolute; z-index: 21; top: calc(100% + 4px); right: 0; width: 142px; padding: 5px; border: 1px solid #dfe8f4; border-radius: 10px; background: white; box-shadow: 0 10px 28px rgba(36, 61, 102, .14); }.file-action-menu-popover button { width: 100%; min-height: 32px; display: flex; align-items: center; gap: 7px; padding: 0 8px; border: 0; border-radius: 7px; color: #42556f; background: transparent; font: inherit; font-size: 12px; text-align: left; }.file-action-menu-popover button:hover { color: var(--blue); background: #f0f6ff; }.file-action-menu-popover button.danger { color: #bd4b55; }.file-action-menu-popover svg { width: 15px; }.recent-list.is-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 14px 16px; }.recent-list.is-grid .recent-item.file-manager-item { grid-template-columns: 20px 1fr 32px; align-content: start; min-height: 146px; padding: 12px; border: 1px solid #e5ecf5; border-radius: 12px; background: #fbfdff; }.recent-list.is-grid .recent-item.file-manager-item .file-type-icon { grid-column: 2; grid-row: 1; width: 42px; height: 50px; margin-bottom: 7px; }.recent-list.is-grid .recent-item.file-manager-item > div { grid-column: 1 / -1; grid-row: 2; }.recent-list.is-grid .recent-item.file-manager-item .status-tag { display: none; }.recent-list.is-grid .recent-item.file-manager-item .file-action-menu { grid-column: 3; grid-row: 1; }.recent-list.is-grid .recent-mobile-meta { display: none; }.recent-list.is-grid .recent-meta { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.recent-list.is-grid .recent-name-row { display: block; }.recent-list.is-grid .recent-name { display: block; }.recent-list.is-grid .recent-text-preview { display: none; }
@media (max-width: 767px) { .pending-file-section { margin-top: 14px; }.file-list-item { grid-template-columns: 42px minmax(0, 1fr) 32px; gap: 11px; min-height: 72px; }.file-list-item .file-row-check, .file-list-item .file-row-size, .file-list-item .file-status { display: none; }.file-list-item .file-type-icon { width: 38px; height: 44px; }.file-type-icon svg { width: 20px; height: 20px; }.file-type-icon small { font-size: 8px; }.file-row-name { font-size: 14px; }.file-row-mobile-meta { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.file-row-progress { margin-top: 6px; }.upload-and-share { min-height: 50px; }.file-toolbar { min-height: 48px; padding: 0 13px; }.toolbar-button span { display: none; }.recent-item.file-manager-item { grid-template-columns: 38px minmax(0, 1fr) 32px; gap: 11px; min-height: 74px; padding: 13px 0; }.recent-item.file-manager-item .recent-row-check, .recent-item.file-manager-item .status-tag { display: none; }.recent-item.file-manager-item .file-type-icon { width: 38px; height: 44px; }.recent-item.file-manager-item .file-action-menu { grid-column: 3; grid-row: 1; }.recent-list.is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 10px 12px; }.recent-list.is-grid .recent-item.file-manager-item { min-height: 150px; padding: 10px; }.recent-list.is-grid .recent-item.file-manager-item .file-type-icon { width: 42px; height: 50px; }.recent-list.is-grid .recent-item.file-manager-item .recent-row-check { display: grid; }.recent-list.is-grid .recent-item.file-manager-item .file-action-menu { grid-column: 3; grid-row: 1; }.recent-list.is-grid .recent-item.file-manager-item .recent-mobile-meta { display: none; } }
@media (max-width: 520px) { .guest-space-limit-card { align-items: stretch; flex-direction: column; gap: 10px; }.guest-space-limit-card button { width: 100%; }.guest-file-limit-card { grid-template-columns: minmax(0, 1fr) 70px; gap: 8px; padding: 14px; }.guest-file-limit-copy p:first-child { font-size: 14px; }.guest-file-limit-copy p + p { font-size: 12px; }.guest-file-limit-card img { width: 70px; height: 70px; } }
@media (max-width: 767px) { .dropzone.is-staging { min-height: 72px; padding: 12px; }.dropzone.is-staging .dropzone-title { font-size: 13px; line-height: 1.4; }.dropzone.is-staging .primary-button { width: auto; min-height: 38px; padding: 0 10px; }.share-result-mask { place-items: center; padding: 12px; }.share-result-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 20px 16px; border-radius: 18px; }.share-result-head { padding: 2px 32px 17px; }.share-result-head h2 { font-size: 19px; line-height: 1.35; }.share-result-head h2 svg { width: 23px; }.share-result-head p { font-size: 13px; line-height: 1.5; }.share-result-close { right: -5px; }.share-result-main { grid-template-columns: 1fr; gap: 14px; }.share-code-row { gap: 8px; }.share-code { font-size: 40px; letter-spacing: .1em; }.share-copy-button { width: auto; min-height: 36px; padding: 0 8px; }.share-expiry { font-size: 12px; }.share-qr-card { grid-template-columns: auto 1fr; column-gap: 12px; text-align: left; justify-items: start; align-items: center; }.share-qr-card h3 { grid-column: 2; grid-row: 1; }.share-qr-card img { grid-column: 1; grid-row: 1 / span 2; width: 88px; height: 88px; padding: 4px; }.share-qr-card p { grid-column: 2; grid-row: 2; }.share-quick-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }.share-quick-button { min-height: 36px; padding: 0 5px; font-size: 11px; }.share-quick-button svg { width: 14px; }.share-result-lock { margin-top: 15px; font-size: 12px; line-height: 1.5; }.share-result-footer { margin-top: 15px; }.share-result-footer .primary-button { width: 100%; min-width: 0; }.file-share-complete { align-items: stretch; flex-direction: column; text-align: center; }.file-share-complete .secondary-button { width: 100%; } }
@media (max-width: 480px) {
  #filePanel .panel-heading { display: none; }
  #filePanel { padding-top: 12px; }
  #filePanel .dropzone { min-height: 194px; padding: 18px 14px; }
  #filePanel .dropzone-title-full, #filePanel .desktop-paste-hint, #filePanel .upload-quota-status, #filePanel .upload-login-hint { display: none; }
  #filePanel .dropzone-title-compact, #filePanel .dropzone-mobile-note { display: block; }
  #filePanel .dropzone-mobile-note { margin: 6px 0 14px; color: var(--muted); font-size: 13px; line-height: 1.5; white-space: nowrap; }
  #filePanel .dropzone-copy { min-width: 0; }
  #filePanel .dropzone-title { font-size: 18px; line-height: 1.35; white-space: nowrap; }
  #filePanel .dropzone .primary-button { width: auto; min-width: 148px; min-height: 44px; padding: 0 17px; white-space: nowrap; }
  #filePanel .dropzone.is-staging { min-height: 164px; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 16px 14px; text-align: center; }
  #filePanel .dropzone.is-staging .dropzone-icon { width: 48px; height: 48px; margin: 0 0 2px; border-radius: 14px; }
  #filePanel .dropzone.is-staging .dropzone-icon svg { width: 24px; height: 24px; }
  #filePanel .dropzone.is-staging .dropzone-copy { flex: initial; text-align: center; }
  #filePanel .dropzone.is-staging .dropzone-title { font-size: 17px; }
  #filePanel .dropzone.is-staging .dropzone-mobile-note { display: block; margin: 4px 0 7px; }
  #filePanel .dropzone.is-staging .primary-button { width: auto; min-height: 42px; padding: 0 15px; }
  #filePanel .pending-file-section { margin-top: 13px; }
  #filePanel .file-list-head { margin-bottom: 6px; }
  #filePanel .file-list-head p { white-space: nowrap; }
  #filePanel .pending-summary-full { display: none; }
  #filePanel .pending-summary-compact { display: inline; }
  #filePanel .file-list-clear-full { display: none; }
  #filePanel .file-list-clear-compact { display: inline; }
  #filePanel .file-list-clear { min-height: 36px; padding: 0 5px; }
  #filePanel .file-list-item { grid-template-columns: 42px minmax(0, 1fr) 40px; gap: 10px; min-height: 76px; }
  #filePanel .file-list-item .file-type-icon { width: 38px; height: 44px; }
  #filePanel .file-row-main { min-width: 0; }
  #filePanel .file-row-name, #filePanel .file-row-mobile-meta { max-width: 100%; }
  #filePanel .file-remove-button { width: 40px; height: 40px; }
  #filePanel .upload-and-share { min-height: 50px; margin-top: 14px; white-space: nowrap; }
}
@media (max-width: 360px) {
  .page { padding-right: 10px; padding-left: 10px; }
  .transfer-card { padding: 13px 14px 15px; }
  #filePanel .dropzone { min-height: 184px; padding-right: 10px; padding-left: 10px; }
  #filePanel .dropzone.is-staging { min-height: 158px; }
  #filePanel .dropzone-mobile-note { font-size: 12px; }
  #filePanel .dropzone .primary-button { min-width: 142px; }
  #filePanel .file-list-item { gap: 8px; }
}
@media (max-width: 767px) { .recent-activity { margin-top: 18px; }.recent-activity .recent-card { margin: 0; }.recent-activity .recent-item { grid-template-columns: 38px minmax(0, 1fr) 32px; min-height: 70px; padding: 12px 0; }.recent-activity .recent-name-row { display: block; }.recent-activity .recent-name { display: block; }.recent-activity .recent-meta { display: none; margin-top: 4px; }.recent-activity .recent-mobile-meta { display: block; }.recent-activity .recent-item .status-tag { display: none; }.recent-activity .more-button { grid-column: 3; grid-row: 1; }.recent-activity .recent-footer { min-height: 44px; } }

@media (max-width: 767px) {
  .pending-file-list { padding: 0 6px; }
  #filePanel .pending-file-list .pending-item { grid-template-columns: 42px minmax(0, 1fr) minmax(40px, 84px); gap: 10px; min-height: 76px; margin: 0 2px; padding: 0 8px; }
  .pending-file-list .file-row-name { max-width: 18ch; }
  .pending-file-list .file-status { display: inline-flex; grid-column: 2; grid-row: 2; margin-top: -8px; }
  .pending-file-list .file-row-mobile-meta { display: none; }
  #filePanel .pending-file-list .pending-file-actions { max-width: 84px; }
}

/* 待分享行由主内容列决定文件名省略；已完成操作区预留四字按钮宽度。 */
.pending-file-list .pending-item { grid-template-columns: 34px minmax(0, 1fr) 68px 96px minmax(40px, 112px); }
.pending-file-list .file-row-name { max-width: none; }
.pending-file-list .pending-file-actions { max-width: 112px; }
.pending-file-list .upload-compress-button { min-width: 66px; white-space: nowrap; }
@media (max-width: 767px) {
  #filePanel .pending-file-list .pending-item { grid-template-columns: 42px minmax(0, 1fr) max-content; }
  #filePanel .pending-file-list .pending-file-actions { max-width: max-content; }
  .pending-file-list .file-row-name { max-width: none; }
}
.why-feichuan{width:min(100%,900px);margin:34px auto 0}.why-feichuan>h2{text-align:center}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.why-grid article{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.why-grid h3{margin:0 0 8px;font-size:16px}.why-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.why-grid p a{margin-left:5px;color:var(--blue);font-weight:720;text-decoration:none}.why-grid p a:hover{text-decoration:underline}.why-grid small{display:block;margin-top:6px;color:#929fb1}.agent-transfer{width:min(100%,900px);margin:24px auto 0;padding:26px;border:1px solid #d8e7fb;border-radius:18px;background:#f7faff}.agent-transfer header{max-width:690px}.agent-transfer h2{margin:0;font-size:22px}.agent-transfer header p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.agent-transfer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:21px}.agent-transfer-grid article{padding:17px;border:1px solid #dce8f7;border-radius:13px;background:#fff}.agent-transfer-grid h3{margin:0;font-size:15px}.agent-transfer-grid p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.agent-transfer-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.agent-transfer-actions a{color:var(--blue);font-size:14px;font-weight:750;text-decoration:none}.agent-transfer-actions a:hover{text-decoration:underline}.task-seo-content{width:min(100%,900px);margin:30px auto 0}.task-seo-section{padding:19px 0;border-top:1px solid #e5edf6}.task-seo-section h3{margin:0;color:var(--ink);font-size:17px}.task-seo-section p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.72}.featured-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.featured-guides a{padding:13px;border:1px solid var(--line);border-radius:11px;color:#315d91;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.more-guides summary{width:max-content;margin:14px auto;padding:8px;color:var(--blue);font-size:13px;font-weight:700;cursor:pointer}.more-guides[open] summary{margin-bottom:16px}.site-footer{width:min(100%,1000px);margin:46px auto 0;padding:30px 0 0;border-top:1px solid #dfe7f1}.site-footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:24px}.footer-brand strong{color:var(--ink);font-size:18px}.footer-brand p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.site-footer nav{display:grid;align-content:start;gap:8px}.site-footer nav h2{margin:0 0 3px;font-size:13px}.site-footer nav a{color:#64758d;font-size:13px;text-decoration:none}.site-footer nav a:hover{color:var(--blue)}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding:16px 0 25px;border-top:1px solid #e8eef6;color:#8996a8;font-size:12px}.footer-metrics{color:#7d8da1;font-variant-numeric:tabular-nums}.footer-metrics[hidden]{display:none}@media(max-width:800px){.site-nav{display:none}.why-grid,.featured-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-transfer-grid{grid-template-columns:1fr}.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media(max-width:480px){.why-grid,.featured-guides{grid-template-columns:1fr}.why-feichuan{margin-top:24px}.agent-transfer{padding:20px}.site-header{padding:0 15px}.site-footer{margin-top:34px}.site-footer-grid{gap:22px}.site-footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}}

/* Homepage visual layers: static SVGs preserve the Fast Path and do not affect transfer interaction. */
body { background: radial-gradient(circle at 50% 12%, rgba(255,255,255,.98) 0%, rgba(248,251,255,.86) 32%, transparent 62%), linear-gradient(180deg, #f8fbff 0%, #f3f7ff 48%, #f5f8ff 100%); }
.home-hero { position: relative; isolation: isolate; width: 100%; overflow: hidden; padding: 4px 0 12px; }
.home-hero-wave { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; object-fit: cover; object-position: center top; pointer-events: none; user-select: none; }
.home-hero-content { position: relative; z-index: 1; }
.hero-decoration { position: absolute; z-index: -1; pointer-events: none; user-select: none; }
.hero-folder { top: 48%; left: clamp(26px, 6vw, 110px); width: clamp(92px, 9vw, 142px); opacity: .68; animation: folderFloat 7s ease-in-out infinite; }
.hero-plane { top: 50%; right: clamp(32px, 7vw, 125px); width: clamp(94px, 8vw, 138px); opacity: .72; animation: planeFloat 8.5s ease-in-out infinite; }
@keyframes folderFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(-1deg); } 50% { transform: translate3d(0,-6px,0) rotate(1deg); } }
@keyframes planeFloat { 0%, 100% { transform: translate3d(0,0,0) rotate(0deg); } 50% { transform: translate3d(4px,-7px,0) rotate(1.5deg); } }
.upload-wrapper { position: relative; width: min(100%, 800px); margin: 0 auto; }
.upload-wrapper::before { position: absolute; z-index: -1; top: 48%; left: 50%; width: min(900px, 90vw); height: 500px; content: ""; transform: translate(-50%, -50%); background: radial-gradient(ellipse, rgba(64,125,255,.105) 0%, rgba(64,125,255,.045) 42%, rgba(64,125,255,0) 72%); pointer-events: none; }
.transfer-card { width: 100%; border-color: rgba(71,116,198,.10); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 28px 70px rgba(36,77,154,.10), 0 9px 25px rgba(36,77,154,.055), 0 1px 2px rgba(36,77,154,.04); }
.dropzone { border: 1.5px dashed rgba(39,114,255,.55); border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.97)); transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease; }
.dropzone.is-dragging, .dropzone:hover { border-color: #2474ff; background: rgba(247,251,255,.98); box-shadow: inset 0 0 0 1px rgba(36,116,255,.04), 0 8px 26px rgba(36,116,255,.055); }
.dropzone .primary-button { border-radius: 10px; background: linear-gradient(180deg, #2e7cff 0%, #1466f5 100%); box-shadow: 0 8px 20px rgba(30,104,245,.22); transition: transform 160ms ease, box-shadow 160ms ease; }
.dropzone .primary-button:hover { transform: translateY(-1px); box-shadow: 0 11px 25px rgba(30,104,245,.27); }
@media (max-width: 767px) { .home-hero { overflow: visible; } .hero-folder, .hero-plane { display: none; } .home-hero-wave { opacity: .65; } }
@media (prefers-reduced-motion: reduce) { .hero-folder, .hero-plane { animation: none !important; } }
.site-nav a.is-active,.transfer-nav-menu summary.is-active { color: var(--blue); font-weight: 750; }
html.is-leaving [data-pjax-container] { opacity: .35; }
html.is-changing [data-pjax-container] { transition: opacity 150ms ease-out; }
@media (prefers-reduced-motion: reduce) { html.is-changing [data-pjax-container] { transition: none; } }

/* Upload completion reference layout: a generous desktop workbench, compact on mobile. */
.share-result-mask { padding: 30px; background: rgba(31, 45, 69, .58); backdrop-filter: blur(7px); }
.share-result-dialog { width: min(980px, calc(100vw - 60px)); max-height: calc(100dvh - 60px); padding: 30px 64px 24px; border-color: rgba(221, 229, 241, .9); border-radius: 24px; box-shadow: 0 32px 90px rgba(15, 32, 61, .3); }
.share-result-head { padding: 0 50px 26px; }
.share-result-head h2 { gap: 18px; font-size: clamp(28px, 2.5vw, 36px); letter-spacing: -.9px; }
.share-result-head h2 svg { width: 48px; height: 48px; padding: 9px; border-radius: 50%; color: #fff; background: #16b957; fill: none; }
.share-result-head p { margin-top: 9px; font-size: 17px; }
.share-result-close { top: -12px; right: -34px; width: 42px; height: 42px; border-radius: 10px; }
.share-result-main { grid-template-columns: minmax(0, 1fr) 284px; gap: 30px; align-items: stretch; }
.share-result-copy { min-width: 0; padding-right: 2px; }
.share-code-block { padding: 4px 0 20px; border-bottom: 1px solid #dbe4f1; }
.share-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.share-field-label { color: #182944; font-size: 16px; font-weight: 800; }
.share-field-heading > span:last-child { display: inline-flex; align-items: center; gap: 7px; color: #687d9d; font-size: 14px; font-weight: 600; }
.share-field-heading > span:last-child svg { width: 18px; }
.share-code-row { justify-content: space-between; gap: 24px; margin-top: 17px; }
.share-code { color: #2168f3; font-size: clamp(60px, 6vw, 78px); letter-spacing: .105em; line-height: .98; }
.share-copy-button { width: auto; min-width: 182px; min-height: 54px; padding: 0 22px; border-color: #1265ef; border-radius: 10px; color: #fff; background: linear-gradient(180deg, #2879ff, #1263ed); box-shadow: 0 8px 20px rgba(30, 105, 244, .2); font-size: 16px; }
.share-copy-button:hover { color: #fff; background: #0e5de5; }.share-copy-button:active { transform: translateY(1px); }.share-copy-button svg { width: 19px; }
.share-expiry { margin-top: 12px; color: #657a9a; font-size: 14px; }.share-expiry svg { width: 19px; }.share-expiry strong { color: #657a9a; font-weight: 600; }
.share-info-list { margin-top: 18px; }.share-info-field { gap: 10px; }
.share-value-row { min-height: 58px; padding: 7px 8px 7px 18px; border-color: #d6e0ee; border-radius: 10px; background: #fff; }
.share-value { color: #4e6384; font-size: 14px; }.share-copy-small { min-width: 132px; min-height: 42px; border: 0; color: #1766ed; background: #f7faff; font-size: 14px; }.share-copy-small:hover { background: #edf4ff; }.share-copy-small svg { width: 18px; }
.share-more-actions { margin-top: 14px; }.share-more-actions summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border: 1px solid #d9e3ef; border-radius: 9px; color: #304766; background: #fff; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }.share-more-actions summary::-webkit-details-marker { display: none; }.share-more-actions summary span { display: inline-flex; align-items: center; gap: 9px; }.share-more-actions summary span svg { width: 18px; color: #4a678c; }.share-more-actions .share-more-chevron { width: 17px; color: #587196; transition: transform .18s ease; }.share-more-actions[open] .share-more-chevron { transform: rotate(180deg); }
.share-quick-actions { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; padding: 10px 0 0; }.share-quick-button { min-height: 38px; padding: 0 6px; color: #4b6b98; background: #f8fbff; font-size: 12px; }
.share-qr-card { align-content: start; gap: 11px; padding: 5px 0 0 30px; border: 0; border-left: 1px solid #dfe6f0; border-radius: 0; background: transparent; }
.share-qr-card h3 { color: #172842; font-size: 18px; }.share-qr-card img { width: 196px; height: 196px; padding: 11px; border-color: #dfe6ef; border-radius: 10px; }.share-qr-card p { color: #657995; font-size: 13px; }
.share-tracking-card { --share-tracking-icon-size: clamp(46px, 4vw, 60px); --share-tracking-heading-gap: clamp(12px, 1.3vw, 16px); --share-tracking-copy-offset: calc(var(--share-tracking-icon-size) + var(--share-tracking-heading-gap)); position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; margin-top: 20px; padding: 18px 24px; overflow: hidden; border: 1px solid #b9ceff; border-radius: 18px; background: linear-gradient(112deg, #f0f6ff 0%, #f8f3ff 100%); }
.share-tracking-card::after { position: absolute; top: -110px; right: -60px; width: 260px; height: 260px; border-radius: 50%; background: rgba(156, 123, 255, .07); content: ''; pointer-events: none; }
.share-tracking-content, .share-tracking-cta { position: relative; z-index: 1; min-width: 0; }
.share-tracking-heading { display: flex; gap: var(--share-tracking-heading-gap); align-items: flex-start; }.share-tracking-icon { width: var(--share-tracking-icon-size); height: var(--share-tracking-icon-size); flex: 0 0 var(--share-tracking-icon-size); }.share-tracking-icon img { width: 100%; height: 100%; display: block; object-fit: contain; }.share-tracking-icon svg { width: 100%; height: 100%; }
.share-tracking-title-row { display: flex; align-items: center; gap: 9px; }.share-tracking-heading h3 { margin: 1px 0 0; color: #20385f; font-size: 20px; letter-spacing: -.3px; }.share-tracking-heading p { max-width: 610px; margin: 6px 0 0; color: #63789a; font-size: 14px; line-height: 1.55; }
.share-tracking-badge { padding: 3px 7px; border: 1px solid #c6b9ff; border-radius: 999px; color: #6654c8; background: #f5f1ff; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.share-tracking-features { display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin: 13px 0 0 var(--share-tracking-copy-offset); color: #607696; }.share-tracking-features > span { display: inline-flex; align-items: center; min-height: 18px; padding: 0 11px; border-left: 1px solid #c6d4ea; background: transparent; }.share-tracking-features > span:first-child { padding-left: 0; border-left: 0; }.share-tracking-features svg { display: none; }.share-tracking-features strong { color: #526987; font-size: 12px; font-weight: 650; white-space: nowrap; }
.share-tracking-metrics { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0; margin: 13px 0 0 var(--share-tracking-copy-offset); }.share-tracking-metrics span { display: inline-flex; align-items: baseline; gap: 4px; padding: 0 12px; border-left: 1px solid #c6d4ea; color: #6a7d99; background: transparent; font-size: 11px; }.share-tracking-metrics span:first-child { padding-left: 0; border-left: 0; }.share-tracking-metrics strong { color: #245fd0; font-size: 17px; font-variant-numeric: tabular-nums; }
.share-tracking-features[hidden], .share-tracking-metrics[hidden], .share-tracking-badge[hidden], .share-tracking-actions a[hidden], .share-tracking-note[hidden] { display: none !important; }
.share-tracking-cta { display: flex; align-items: stretch; justify-content: center; flex-direction: column; padding-left: 2px; }.share-tracking-actions { display: grid; gap: 10px; margin: 0; }.share-tracking-actions .primary-button { width: 100%; min-height: 48px; padding: 0 18px; border-radius: 9px; font-size: 15px; white-space: nowrap; }.share-tracking-actions a { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border: 1px solid #b9ccfa; border-radius: 9px; color: #2863d6; background: rgba(255,255,255,.55); font-size: 13px; font-weight: 750; text-decoration: none; }.share-tracking-actions a:hover { background: #fff; }.share-tracking-note { margin: 10px 4px 0; color: #70819c; font-size: 12px; line-height: 1.55; text-align: center; }
.share-result-lock { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 18px; padding: 0; color: #71829b; background: transparent; font-size: 13px; }.share-result-lock::before, .share-result-lock::after { min-width: 40px; height: 1px; flex: 1 1 auto; background: #dbe3ee; content: ''; }.share-result-lock svg { width: 17px; flex: 0 0 auto; color: #637996; }.share-result-lock span { flex: 0 0 auto; }.share-result-footer { align-items: center; flex-direction: column; gap: 8px; margin-top: 14px; }.share-result-footer .primary-button { width: 300px; min-width: 0; min-height: 48px; border-radius: 9px; font-size: 16px; }.share-return-home { padding: 2px 8px; border: 0; color: #1767ef; background: transparent; font: inherit; font-size: 14px; cursor: pointer; }.share-return-home:hover { text-decoration: underline; }
@media (max-width: 1000px) { .share-result-dialog { padding-right: 34px; padding-left: 34px; }.share-result-main { grid-template-columns: minmax(0, 1fr) 235px; }.share-code { font-size: 58px; }.share-copy-button { min-width: 154px; }.share-qr-card { padding-left: 24px; }.share-qr-card img { width: 182px; height: 182px; }.share-tracking-card { grid-template-columns: minmax(0, 1fr) 245px; }.share-tracking-features, .share-tracking-metrics { margin-left: var(--share-tracking-copy-offset); } }
@media (max-width: 767px) { .share-result-mask { place-items: center; padding: 12px; }.share-result-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); padding: 20px 16px 22px; border-radius: 18px; }.share-result-head { padding: 0 34px 22px; }.share-result-head h2 { gap: 10px; font-size: 21px; line-height: 1.3; }.share-result-head h2 svg { width: 34px; height: 34px; padding: 6px; }.share-result-head p { margin-top: 8px; font-size: 13px; line-height: 1.5; }.share-result-close { top: -4px; right: -5px; width: 36px; height: 36px; }.share-result-main { grid-template-columns: 1fr; gap: 18px; }.share-code-block { padding-bottom: 20px; }.share-field-label { font-size: 14px; }.share-field-heading > span:last-child { font-size: 12px; }.share-code-row { align-items: stretch; flex-direction: column; gap: 12px; margin-top: 14px; }.share-code { font-size: clamp(50px, 17vw, 64px); text-align: center; }.share-copy-button { width: 100%; min-width: 0; min-height: 46px; }.share-expiry { justify-content: center; margin-top: 10px; }.share-info-list { margin-top: 19px; }.share-value-row { min-height: 52px; padding-left: 12px; }.share-copy-small { width: auto; min-width: 102px; min-height: 38px; }.share-more-actions { margin-top: 12px; }.share-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }.share-quick-button { width: 100%; }.share-qr-card { grid-template-columns: 104px minmax(0,1fr); gap: 4px 14px; align-items: center; padding: 16px; border: 1px solid #dce5f0; border-radius: 13px; background: #fbfdff; text-align: left; }.share-qr-card h3 { grid-column: 2; grid-row: 1; justify-self: start; font-size: 16px; }.share-qr-card img { grid-column: 1; grid-row: 1 / span 2; width: 104px; height: 104px; padding: 6px; }.share-qr-card p { grid-column: 2; grid-row: 2; justify-self: start; font-size: 12px; }.share-tracking-card { grid-template-columns: 1fr; gap: 14px; margin-top: 18px; padding: 17px 15px; }.share-tracking-icon { width: 40px; height: 40px; }.share-tracking-icon svg { width: 22px; }.share-tracking-heading { gap: 10px; }.share-tracking-heading h3 { font-size: 17px; }.share-tracking-heading p { font-size: 12px; }.share-tracking-title-row { align-items: flex-start; flex-direction: column; gap: 5px; }.share-tracking-features, .share-tracking-metrics { display: flex; gap: 0; margin: 12px 0 0; }.share-tracking-features > span { min-height: 18px; padding: 0 8px; }.share-tracking-metrics span { padding: 0 8px; }.share-tracking-cta { padding: 0; }.share-tracking-actions .primary-button { min-height: 46px; }.share-result-lock { gap: 7px; margin-top: 20px; font-size: 11px; text-align: center; }.share-result-lock::before, .share-result-lock::after { min-width: 20px; }.share-result-footer { margin-top: 16px; }.share-result-footer .primary-button { width: min(100%, 270px); min-height: 48px; } }
@media (min-width: 768px) and (max-height: 760px) { .share-result-mask { padding: 16px; }.share-result-dialog { max-height: calc(100dvh - 32px); padding: 18px 36px 14px; }.share-result-head { padding-bottom: 15px; }.share-result-head h2 { gap: 12px; font-size: 28px; }.share-result-head h2 svg { width: 38px; height: 38px; padding: 7px; }.share-result-head p { margin-top: 5px; font-size: 14px; }.share-result-close { top: -8px; right: -24px; width: 36px; height: 36px; }.share-result-main { gap: 20px; }.share-code-block { padding-bottom: 12px; }.share-code-row { gap: 16px; margin-top: 10px; }.share-code { font-size: clamp(52px, 5vw, 64px); }.share-copy-button { min-width: 150px; min-height: 46px; padding: 0 16px; font-size: 14px; }.share-expiry { margin-top: 8px; font-size: 13px; }.share-info-list { margin-top: 12px; }.share-info-field { gap: 6px; }.share-value-row { min-height: 46px; padding: 5px 7px 5px 14px; }.share-copy-small { min-height: 36px; }.share-more-actions { margin-top: 9px; }.share-more-actions summary { min-height: 38px; }.share-quick-actions { padding-top: 6px; }.share-qr-card { gap: 7px; padding-left: 20px; }.share-qr-card h3 { font-size: 16px; }.share-qr-card img { width: 148px; height: 148px; padding: 8px; }.share-tracking-card { gap: 20px; margin-top: 12px; padding: 12px 18px; border-radius: 14px; }.share-tracking-heading h3 { font-size: 18px; }.share-tracking-heading p { margin-top: 3px; font-size: 13px; }.share-tracking-features, .share-tracking-metrics { margin-top: 8px; }.share-tracking-actions { gap: 6px; }.share-tracking-actions .primary-button { min-height: 42px; }.share-tracking-note { margin-top: 6px; }.share-result-lock { margin-top: 10px; }.share-result-footer { margin-top: 10px; }.share-result-footer .primary-button { min-height: 42px; } }

/* 待分享列表：桌面与移动端均使用紧凑操作列，移动端只保留文件与进度。 */
@media (max-width: 767px) { .share-tracking-card { --share-tracking-copy-offset: 0px; }.share-tracking-icon { display: none; }.share-tracking-heading { gap: 0; }.share-tracking-features, .share-tracking-metrics { margin-left: var(--share-tracking-copy-offset); } }
.share-settings-button svg { display: none; }
.share-settings-button::before { width: 22px; height: 22px; content: ''; background: currentColor; -webkit-mask: url('https://static.devtool.uk/file-transfer-storage/objects/permanent/2026/08/ad1be102-e639-4a71-8a30-226c91949827.svg') center / contain no-repeat; mask: url('https://static.devtool.uk/file-transfer-storage/objects/permanent/2026/08/ad1be102-e639-4a71-8a30-226c91949827.svg') center / contain no-repeat; }
.pending-file-list .pending-item { grid-template-columns: 34px minmax(0, 1fr) 68px 96px max-content; }
.pending-file-list .file-status { justify-self: center; max-width: 96px; text-align: center; }
.pending-file-list .pending-file-actions { justify-self: end; max-width: max-content; justify-content: end; }
.pending-file-list .file-remove-button { justify-self: end; }
@media (max-width: 767px) {
  .pending-file-list .file-status { display: none; }
  .upload-share-actions .share-settings-button,
  .upload-share-actions .upload-and-share { height: 46px; min-height: 46px; margin-top: 0; }
  #filePanel .upload-share-actions .upload-and-share { min-height: 46px; margin-top: 0; }
}