:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-sub: #64748b;--radius: 20px;--shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05)}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-container{max-width:480px;margin:0 auto;min-height:100vh;padding:20px;display:flex;flex-direction:column;gap:24px}.cloud-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--text-sub);background:#fffc;padding:6px 12px;border-radius:100px;width:fit-content;margin:0 auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05)}.main-content{display:flex;flex-direction:column;gap:24px}.share-card{background:var(--card-bg);border-radius:var(--radius);padding:32px 24px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.8)}.card-header h2{margin:12px 0 24px;font-size:1.25rem;font-weight:700}.icon-badge{width:48px;height:48px;background:#f0f0ff;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto}.qr-wrapper{position:relative;width:200px;height:200px;margin:0 auto 24px;padding:10px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014}.qr-image{width:100%;height:100%;display:block}.url-display{background:#f1f5f9;padding:12px;border-radius:12px;margin-bottom:24px}.url-text{font-size:13px;color:var(--text-sub);word-break:break-all;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.action-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#f1f5f9;color:var(--text-main)}.btn-secondary.success{background:#dcfce7;color:#166534}.input-section{background:#fff;padding:16px;border-radius:var(--radius);box-shadow:var(--shadow)}.input-wrapper{display:flex;gap:8px}.input-wrapper input{flex:1;border:1px solid #e2e8f0;padding:12px;border-radius:10px;outline:none;font-size:14px}.input-wrapper button{background:var(--text-main);color:#fff;border:none;padding:0 16px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.history-section{display:flex;flex-direction:column;gap:12px}.section-title{display:flex;align-items:center;gap:8px;color:var(--text-sub)}.section-title h3{font-size:14px;margin:0}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:#fff;padding:12px 16px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .1s;border:1px solid transparent}.history-item:active{transform:scale(.98);border-color:var(--primary)}.history-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.history-url{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-time{font-size:11px;color:var(--text-sub)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loader{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}