:root{--ink:#172033;--muted:#69758a;--blue:#1669ef;--glass:rgba(255,255,255,.68);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6fb;overflow-x:hidden}.aurora{position:fixed;width:44vw;height:44vw;filter:blur(70px);border-radius:999px;opacity:.52;z-index:-1}.aurora-one{top:-19vw;left:-12vw;background:#b9d1ff}.aurora-two{right:-19vw;top:21vw;background:#e0cbff}main{max-width:960px;margin:auto;padding:38px 28px 64px}header{display:flex;align-items:center;gap:12px;margin-bottom:34px}.brand-mark{background:linear-gradient(145deg,#5a9cff,#8169ff);width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 22px #6f94dc66;font-size:19px}h1,h2,h3,p{margin:0}h1{font-size:20px;letter-spacing:-.6px}header p{font-size:12px;color:var(--muted);margin-top:2px}.device{margin-left:auto;border:0;background:#ffffffaa;backdrop-filter:blur(12px);padding:9px 13px;border-radius:999px;color:#364257;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer}.pulse{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px #34c7592b}.glass{background:var(--glass);border:1px solid #fff;box-shadow:0 24px 60px #40587a18;border-radius:28px;padding:48px;backdrop-filter:blur(18px)}.eyebrow{color:#63708a;font-size:10px;font-weight:700;letter-spacing:1.4px}.hero h2{font-size:clamp(30px,5vw,48px);letter-spacing:-2.5px;margin:12px 0}.hero>p{color:var(--muted);font-size:15px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 18px}.mode-card{border:1px solid #e1e6ef;background:#ffffff9c;border-radius:18px;text-align:left;padding:17px;cursor:pointer;transition:.25s ease;color:var(--ink)}.mode-card:hover,.mode-card.active{transform:translateY(-3px);border-color:#7eabfc;box-shadow:0 10px 22px #4375bd18}.mode-card.active{background:#edf5ff}.mode-icon{display:block;font-size:22px;color:#347df2;margin-bottom:14px}.mode-card b,.mode-card small{display:block}.mode-card b{font-size:14px}.mode-card small{font-size:12px;color:var(--muted);margin-top:4px}.dropzone{border:1.5px dashed #b7c3d3;border-radius:19px;min-height:116px;display:flex;align-items:center;justify-content:center;gap:13px;color:#526177;cursor:pointer;transition:.2s}.dropzone.drag{border-color:var(--blue);background:#eaf2ff}.dropzone b{font-size:15px}.dropzone p{font-size:12px;color:#8994a6;margin-top:4px}.drop-icon{font-size:28px;font-weight:200;color:#6c98dc}.selected{margin-top:14px;max-height:155px;overflow:auto}.file-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #e9edf3}.file-row:last-child{border:0}.file-badge{width:31px;height:31px;border-radius:9px;background:#e7f0ff;color:#3177e7;display:grid;place-items:center;font-size:12px;font-weight:700}.file-info{min-width:0;flex:1}.file-info b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{font-size:11px;color:var(--muted)}.remove{border:0;background:none;font-size:18px;color:#909bad;cursor:pointer}.send-row{margin-top:21px;display:flex;align-items:center;justify-content:space-between;color:#788598;font-size:12px}.primary,.secondary{border:0;border-radius:999px;padding:11px 18px;font-weight:650;cursor:pointer;font-size:14px}.primary{background:linear-gradient(135deg,#287bf4,#6159e9);color:#fff;box-shadow:0 8px 18px #4278d63d}.primary:disabled{opacity:.45;cursor:not-allowed}.primary i{font-size:18px;font-style:normal;vertical-align:-1px;margin-left:4px}.secondary{background:#eef1f6;color:#596579}.incoming{margin-top:43px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title h3{font-size:24px;letter-spacing:-1px;margin-top:5px}.icon-button{border:0;background:#fff;border-radius:50%;height:34px;width:34px;font-size:20px;color:#526178;cursor:pointer}.incoming-list{display:grid;gap:11px}.transfer{background:#ffffffa8;border:1px solid #fff;border-radius:18px;padding:17px 18px;box-shadow:0 12px 30px #52647d0c}.transfer-top{display:flex;gap:10px;align-items:center}.avatar{height:33px;width:33px;border-radius:11px;background:linear-gradient(145deg,#fbd6a9,#f8ae9e);display:grid;place-items:center}.transfer b{font-size:14px}.transfer small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.transfer-files{padding-left:43px;margin-top:12px;display:grid;gap:7px}.download{display:flex;align-items:center;gap:8px;text-decoration:none;color:#36465e;background:#f1f5fa;border-radius:9px;padding:8px 10px;font-size:12px;cursor:grab}.download:hover{background:#e4efff}.download span{margin-left:auto;color:#687790;font-size:11px}.transfer-actions{padding-left:43px;margin-top:11px;display:flex;gap:7px}.decline{border:0;background:transparent;color:#8b96a7;font-size:12px;cursor:pointer}.empty{text-align:center;color:#8b96a7;font-size:13px;padding:25px}.dialog-card{width:min(92vw,360px);border:0;border-radius:22px;padding:25px;box-shadow:0 18px 50px #1114}.dialog-card::backdrop{background:#1b263655}.dialog-card p{font-size:13px;color:var(--muted);margin:7px 0 16px}.dialog-card input{width:100%;border:1px solid #dce2ea;border-radius:10px;padding:11px;font:inherit;margin-bottom:16px}.dialog-card div:last-child{display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#222d40;color:#fff;padding:10px 15px;border-radius:999px;font-size:13px;transition:.25s;pointer-events:none}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:620px){main{padding:22px 16px 40px}.glass{padding:29px 20px;border-radius:23px}.mode-grid{grid-template-columns:1fr;gap:8px}.mode-card{padding:13px;display:grid;grid-template-columns:38px 1fr}.mode-card .mode-icon{grid-row:span 2;margin:0}.hero h2{letter-spacing:-1.8px}.send-row{align-items:end}.transfer-files,.transfer-actions{padding-left:0}}