:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#10213e;background:#f7f8fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{text-decoration:none}header{height:80px;background:linear-gradient(110deg,#185bfa,#1248e5);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 4px 14px #0c21451a}.brand{display:flex;gap:15px;align-items:center;color:white}.brand-icon{width:44px;height:44px;background:#ffffff30;border-radius:13px;text-align:center;line-height:44px;font-size:32px}.brand strong{font-size:24px;display:block;letter-spacing:-1px}.brand small{display:block;margin-top:3px;font-size:13px}.avatar{background:#edf1f7;color:#929aa7;width:40px;height:40px;border-radius:50%;font-size:30px;text-align:center}main{max-width:976px;margin:32px auto;padding:0}.drop-zone{display:flex;align-items:center;min-height:300px;border:2px dashed #d0d7e2;border-radius:14px;background:white;padding:36px 40px;transition:.2s}.drop-zone.dragging{background:#eef5ff;border-color:#2e7bff}.upload-target{flex:1;border:0;background:none;padding:32px 12px;color:#10213e}.cloud{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f1f3f6;color:#6c7687;border-radius:50%;font-size:38px}h1{font-size:19px;margin:18px 0 12px}.upload-target p,.upload-qr p{color:#6c7d99;margin:0}.upload-qr{width:174px;text-align:center;margin-left:30px}.upload-qr img{width:174px;height:174px;padding:8px;background:white;border-radius:9px;box-shadow:0 2px 6px #0002;image-rendering:pixelated}.upload-qr p{font-size:12px;margin-top:9px}.upload-qr small{color:#6c7d99;display:block;margin-top:5px}i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#05c566}.file-panel{margin-top:24px;border:1px solid #e0e5ed;border-radius:13px;overflow:hidden;background:white}.panel-top{padding:12px 16px;background:#f8f9fb}.title-input{display:flex;align-items:center;border:1px solid #72df9c;border-radius:8px;padding:0 12px;height:38px}.title-input input{border:0;background:none;flex:1;min-width:0;color:#10213e}.title-input span{font-size:12px;color:#00ba58}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.toolbar label{display:flex;gap:6px;align-items:center;color:#45617f}input[type=checkbox]{accent-color:#217bff;width:16px;height:16px;cursor:pointer}.primary,.green,.download-qr{display:inline-flex;justify-content:center;align-items:center;border:0;background:#2c7cff;color:white;border-radius:8px;padding:10px 17px;white-space:nowrap}.green{background:#00c65a}.file-row{display:flex;align-items:center;gap:14px;padding:17px 16px;border-top:1px solid #e3e7ed}.file-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:9px;background:linear-gradient(145deg,#e8f3ff,#bad8ff);font-size:30px;color:#3786f8}.file-info{flex:1;min-width:0}.file-info strong{display:block;font-weight:400;overflow-wrap:anywhere}.file-info p{font-size:12px;color:#7e8ca2;margin:7px 0 0;overflow-wrap:anywhere}.file-info em{font-style:normal;color:#f38b38}.badge{background:#2c7cff;color:white;font-size:12px;border-radius:4px;padding:3px 7px}.delete{border:0;background:none;color:#98a3b5;font-size:20px;padding:6px}.delete:hover{color:#ec526a}.empty{text-align:center;padding:34px 16px;color:#8391a7}.empty span{font-size:34px;color:#bdc9db}.instructions{background:#eff6ff;border:1px solid #d7e7ff;border-radius:13px;padding:24px;margin-top:32px;color:#3175ff;line-height:1.8}.instructions h2{font-size:14px;color:#193761;margin:0 0 9px}.instructions ul{padding-left:16px;margin:0}.instructions li{margin:5px 0}.instructions p{font-size:12px;margin:8px 0 0;color:#7286a5}footer{text-align:center;color:#a2aec0;font-size:12px;margin:28px}.progress-box{background:#fff;border:1px solid #e0e5ed;padding:18px;border-radius:10px;margin-top:18px}.progress-box div{display:flex;justify-content:space-between;gap:16px}.progress-box span{overflow-wrap:anywhere}progress{width:100%;height:8px;accent-color:#2c7cff;margin-top:12px}.modal-overlay{position:fixed;inset:0;z-index:10;background:#f5f8fbb3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal{background:white;border-radius:17px;width:448px;padding:24px;box-shadow:0 14px 80px #1c3b6810;max-height:calc(100dvh - 40px);overflow:auto}.modal-heading{display:flex;align-items:center;justify-content:space-between}.modal-heading h2{font-size:18px;margin:0}.close{color:#939fb2;border:0;background:none;font-size:28px;line-height:1}.token{text-align:center;font:10px monospace;color:#365274;margin:32px 0 15px;overflow-wrap:anywhere}.qr-frame{width:320px;max-width:100%;padding:16px;margin:auto;background:linear-gradient(135deg,#ff969e,#fac7ec);border-radius:9px;box-shadow:0 5px 12px #0001}.qr-card{background:#fffafc;text-align:center;border-radius:15px;padding:20px 14px 12px}.qr-card h3{font-size:19px;color:#333;margin:0 0 10px;overflow-wrap:anywhere}.qr-card img{width:180px;height:180px;max-width:100%;image-rendering:pixelated}.qr-card p{font-size:12px;color:#999;margin:12px 0 8px}.qr-card b{font-size:13px;color:#4a91ee}.qr-card small{display:block;font-size:11px;color:#ff626d;margin-top:12px}.scan-tip{display:block;font-size:10px;color:#aaa;margin-top:42px}.share-summary{text-align:center;color:#45617f;margin:18px 0 8px}.expiry{text-align:center;font-size:12px;color:#f77835}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.download-qr{grid-column:1/-1;background:#6a7385}.view-link{display:block;text-align:center;color:#7e8ca2;font-size:12px;margin-top:13px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);z-index:30;color:white;background:#1d2d46;padding:13px 24px;border-radius:9px;max-width:90%;box-shadow:0 4px 18px #0002}.receive{text-align:center;background:white;border-radius:14px;padding:36px}.receive>p{color:#7e8ca2}.receive .primary{margin-top:12px}[hidden]{display:none!important}@media(max-width:1050px){main{margin:24px}}@media(max-width:600px){header{height:72px;padding:0 18px}.brand strong{font-size:21px}.brand small{font-size:11px}main{margin:20px 14px}.drop-zone{flex-direction:column;padding:20px 12px}.upload-target{padding:14px 0}.upload-target h1{font-size:17px}.upload-qr{margin:16px 0 0}.upload-qr img{width:126px;height:126px}.file-row{gap:9px;padding:15px 10px}.file-icon{width:36px;height:40px;font-size:25px}.badge{display:none}.instructions{padding:18px;margin-top:24px}.modal{padding:20px}.modal-overlay{padding:12px}.modal{max-height:calc(100dvh - 24px)}.qr-frame{width:290px}.token{margin-top:20px}.scan-tip{margin-top:24px}}