@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary-color:#3498db;--primary-hover:#2980b9;--secondary-color:#2ecc71;--secondary-hover:#27ae60;--error-color:#e74c3c;--error-hover:#c0392b;--text-primary:#333;--text-secondary:#666;--text-light:#777;--bg-primary:#f5f7fa;--bg-secondary:#f1f5f9;--bg-light:#fff;--border-color:#eee;--border-active:#ddd;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.05);--shadow-lg:0 2px 10px rgba(0,0,0,.1);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:25px}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-content{max-width:800px;margin:0 auto;padding:var(--spacing-lg);background-color:var(--bg-light);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg)}.transfer-wrapper{width:100%;max-width:800px;margin:0 auto}.app-content h1{display:none}.container{max-width:100%;margin:0;padding:0;background-color:transparent;box-shadow:none;display:flex;flex-direction:column}h1{text-align:center;margin-bottom:var(--spacing-lg)}h1,h2{color:var(--primary-color)}h2{margin-bottom:var(--spacing-md)}h3{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.connection-panel,.received-panel,.transfer-container{background-color:var(--bg-light);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.connection-header{font-size:1.6rem;color:var(--primary-color);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);padding-bottom:12px}.connection-guide{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.5;font-size:1rem}.connection-methods{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-lg)}.id-section,.qr-section{flex:1 1;min-width:250px;background-color:var(--bg-light);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.section-label{font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1rem}.my-id-container{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-md)}.my-id-label{font-weight:500;color:var(--text-secondary)}.my-id-value{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 12px;background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);word-break:break-all;transition:all .2s ease}.my-id-value.copied{background-color:#e8f6f3;border-color:var(--secondary-color)}.my-id-value span{flex:1 1;font-family:monospace;font-size:.95rem}.btn,.btn-small{border:none;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn{background-color:var(--primary-color);color:#fff;padding:10px 18px;font-size:16px}.btn:hover{background-color:var(--primary-hover)}.btn-small{background-color:var(--bg-secondary);color:var(--text-secondary);padding:6px 12px;font-size:14px}.btn-small:hover{background-color:var(--primary-color);color:#fff}.btn-small.download{background-color:var(--secondary-color);color:#fff}.btn-small.download:hover{background-color:var(--secondary-hover)}.btn-small.copy-image,.btn-small.copy-text{background-color:var(--primary-color);color:#fff}.btn-small.copy-image:hover,.btn-small.copy-text:hover{background-color:var(--primary-hover)}.btn-small.copied{background-color:var(--secondary-color)}.btn:disabled{background-color:#ccc;cursor:not-allowed}#copy-id{padding:4px 10px;margin-left:var(--spacing-xs)}input,textarea{padding:12px 15px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:16px;background-color:var(--bg-secondary);transition:all .2s ease}input:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(52,152,219,.2);background-color:#fff;outline:none}.connect-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.connect-section input{padding:12px 15px}.connect-section .btn{padding:12px;font-size:16px}.or-divider{display:flex;align-items:center;position:relative;width:100%;max-width:80px;margin:0 auto}.or-divider:after,.or-divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-color)}.or-divider span{padding:0 10px;color:var(--text-light);font-size:.9rem}#qr-container{display:flex;flex-direction:column;align-items:center;text-align:center}#qrcode{margin:5px auto 15px;padding:var(--spacing-sm);background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.share-url{margin-top:var(--spacing-xs);text-align:center;font-size:.9rem;color:var(--text-secondary)}.share-url a{color:var(--primary-color);margin-left:var(--spacing-xs);text-decoration:none;border-bottom:1px dashed var(--primary-color)}.share-url a:hover{color:var(--primary-hover);border-bottom-style:solid}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 15px;background-color:var(--bg-primary);border-radius:var(--radius-lg);border-left:3px solid #95a5a6;font-size:.95rem}.status-icon{width:10px;height:10px;border-radius:50%;background-color:#95a5a6}.status-connected{background-color:#e8f6f3;border-left-color:var(--secondary-color)}.status-connected .status-icon{background-color:var(--secondary-color)}.status-connecting{background-color:#eef4fc;border-left-color:var(--primary-color)}.status-connecting .status-icon{background-color:var(--primary-color);animation:pulse 1.5s infinite}.status-error{background-color:#fdf1f1;border-left-color:var(--error-color)}.status-error .status-icon{background-color:var(--error-color)}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (min-width:1200px){.app-content{max-width:1200px;padding:var(--spacing-xl) var(--spacing-xl)}.transfer-wrapper{max-width:900px}.seo-content{padding:0 var(--spacing-xl)}.container{max-width:1000px}.connection-methods{display:flex;justify-content:space-between;gap:30px}.id-section,.qr-section{flex:1 1;min-width:300px}.connection-panel{padding:25px}.received-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:15px;gap:15px}.image-preview img{max-width:300px;max-height:300px}.features-list,.usage-steps{grid-template-columns:repeat(3,1fr)}.benefits,.use-cases{grid-template-columns:repeat(4,1fr)}.faq-list{column-count:2;column-gap:var(--spacing-xl)}.faq-item{page-break-inside:avoid;break-inside:avoid}}@media (min-width:1800px){.app-content{max-width:1400px;padding:var(--spacing-xl) 40px}.transfer-wrapper{max-width:1100px}.features-list,.usage-steps{grid-template-columns:repeat(3,1fr);gap:40px}.benefits,.use-cases{grid-template-columns:repeat(4,1fr);gap:40px}}@media (min-width:769px) and (max-width:1199px){.container{max-width:90%}.connection-methods{display:flex;flex-wrap:wrap}.id-section,.qr-section{flex:1 1;min-width:280px}.received-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:12px;gap:12px}}@media (max-width:768px){.app-content{max-width:100%;border-radius:0;padding:15px}.header-container{padding:0 15px}.status-bar{top:50px;margin:0 -15px 15px;padding:8px 15px;font-size:.9rem;box-shadow:0 1px 3px rgba(0,0,0,.05);background-color:hsla(0,0%,98%,.95)}.status-bar,.status-indicator{position:-webkit-sticky;position:sticky;width:calc(100% + 30px);border-left:none;border-right:none;border-radius:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-indicator{margin:15px -15px -15px;padding:10px 15px;bottom:0;background-color:hsla(0,0%,100%,.95);box-shadow:0 -1px 3px rgba(0,0,0,.05);z-index:50}.connection-methods{flex-direction:column;gap:15px}.or-divider{margin:5px auto}.connection-panel,.transfer-container{padding:15px}.id-section,.qr-section{width:100%;margin-bottom:10px}.tab-content,.tab-pane.active,.transfer-container{flex:1 1;display:flex;flex-direction:column}.drag-area{flex:1 1;padding:20px;min-height:120px}.drag-area .upload-icon{font-size:30px}h1{font-size:1.5rem}h2{font-size:1.2rem}.connect-section{flex-direction:column}.tab-btn{flex-grow:1;text-align:center}.file-info{font-size:14px}.received-item{margin-bottom:15px;padding:10px}.file-actions{flex-wrap:wrap;justify-content:flex-end}}.file-item,.received-item{flex-direction:column;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.file-item:hover,.received-item:hover{box-shadow:var(--shadow-sm);border-color:var(--border-active)}.file-info{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.file-icon{font-size:1.5rem;color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:2rem}.file-name{font-weight:500;color:var(--text-primary)}.file-size{color:var(--text-light);font-size:.875rem;white-space:nowrap}.file-remove{color:var(--error-color);font-size:1.25rem;margin-left:var(--spacing-xs);display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s}.file-remove:hover{opacity:1}.file-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);align-self:flex-end}.image-preview{text-align:center;margin:var(--spacing-sm) 0;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative}.image-preview:after{content:"👁️ View";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.image-preview:hover:after{opacity:1}.image-preview img{max-width:100%;border-radius:var(--radius-sm);transition:transform .3s}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);background-color:#3498db;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 3px 10px rgba(0,0,0,.2);z-index:9999;opacity:0;transition:all .3s ease}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.error{background-color:#e74c3c}.status-bar{margin-bottom:15px;padding:10px 15px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee;color:#555;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:65px;z-index:90}.status-bar .status-actions{display:flex;gap:10px}.status-bar .disconnect-btn{color:#e74c3c;background:none;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px}.status-bar .disconnect-btn:hover{text-decoration:underline}.send-hint{font-size:12px;color:#777;text-align:right;margin:-8px 0 8px}.text-content{word-break:break-all;margin-bottom:5px}.text-footer{display:flex;justify-content:space-between;align-items:center}.text-footer small{display:inline-block;color:#777;font-size:12px}.copy-text{background-color:#f1f1f1;color:#555;border:1px solid #ddd;border-radius:3px;padding:2px 8px;font-size:12px;cursor:pointer;transition:all .2s ease}.copy-text:hover{background-color:#3498db;color:#fff;border-color:#3498db}.tabs{display:flex;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tab-btn{background-color:transparent;border:none;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;opacity:.7;transition:all .2s ease;font-weight:500;color:var(--text-secondary);position:relative}.tab-btn:hover{opacity:.9;color:var(--primary-color)}.tab-btn.active{opacity:1;color:var(--primary-color);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color);border-radius:2px 2px 0 0}.tab-content{margin-bottom:var(--spacing-lg)}.tab-pane{display:none}.tab-pane.active{display:block}.drag-area{position:relative}.drag-area .upload-icon{font-size:40px;color:#3498db;margin-bottom:10px;opacity:.7;transition:all .3s}.drag-area:hover .upload-icon{transform:translateY(-5px);opacity:1}.drag-area p{margin-bottom:10px;color:#555}.drag-area.highlight{background-color:rgba(52,152,219,.1);border-color:#3498db;transform:scale(1.01);box-shadow:0 0 10px rgba(52,152,219,.2)}.file-label{color:#3498db;cursor:pointer;display:inline-block;margin-top:5px}.file-label:hover{text-decoration:underline}.file-list{max-height:200px;overflow-y:auto;margin-bottom:15px}.file-item,.received-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background-color:#f9f9f9;border-radius:4px;border:1px solid #eee}.file-info{display:flex;align-items:center;gap:10px;flex:1 1}.file-icon{font-size:20px}.file-name{flex:1 1;word-break:break-all}.file-size{color:#777;font-size:14px}.file-remove{color:#e74c3c;cursor:pointer;font-size:18px;font-weight:700}.received-panel{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee}.received-items{max-height:300px;overflow-y:auto}.received-item{display:flex;flex-direction:column;padding:12px;margin-bottom:10px;background-color:#fff;border-radius:6px;border:1px solid #e5e5e5;transition:all .2s ease}.received-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.05)}textarea{width:100%;height:100px;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;margin-bottom:10px;font-family:inherit}.connected-text{color:#2ecc71;font-weight:500}html{scroll-behavior:smooth}.site-header{background-color:var(--bg-light);border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:all .3s ease}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-container{max-width:1200px;margin:0 auto;justify-content:space-between;padding:0 var(--spacing-lg)}.header-container,.logo,.logo a{display:flex;align-items:center}.logo a{text-decoration:none}.logo-content{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-text{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-left:var(--spacing-xs)}.main-nav ul,.mobile-nav ul{display:flex;list-style:none;gap:var(--spacing-lg)}.main-nav li a,.mobile-nav li a{color:var(--text-primary);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.main-nav li a:hover,.mobile-nav li a:hover{color:var(--primary-color)}.main-nav li.active a,.mobile-nav li.active a{color:var(--primary-color);font-weight:600}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.mobile-menu-btn span{width:100%;height:3px;background-color:var(--primary-color);border-radius:3px;transition:all .3s ease}.mobile-menu-btn.open span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-nav-wrapper{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background-color:var(--bg-light);box-shadow:var(--shadow-lg);z-index:100;transition:right .3s ease;padding:80px 20px 20px;overflow-y:auto}.mobile-nav-wrapper.open{right:0}.mobile-nav-wrapper:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-wrapper.open:before{opacity:1;visibility:visible}.mobile-nav ul{flex-direction:column;gap:var(--spacing-md)}.mobile-nav li{width:100%;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.mobile-nav li:last-child{border-bottom:none}.mobile-nav li a{display:block;font-size:1.1rem;padding:var(--spacing-sm) 0}@media (min-width:769px){.desktop-nav{display:block}.mobile-menu-btn,.mobile-nav-wrapper{display:none}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.header-container{padding:0 var(--spacing-md)}.logo-text{font-size:1.2rem}}.blog-container{max-width:900px;margin:50px auto;padding:0 20px}.blog-header{margin-bottom:40px;text-align:center}.blog-header h1{font-size:2.5rem;color:#333;margin-bottom:15px}.blog-header p{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto}.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px}.blog-card{border:1px solid #eee;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.blog-card a{text-decoration:none;color:inherit}.blog-card-content{padding:20px}.blog-card h2{font-size:1.5rem;margin-bottom:10px;color:#333}.blog-card .excerpt{color:#666;margin-bottom:15px;font-size:.95rem;line-height:1.5}.blog-meta{display:flex;justify-content:space-between;color:#999;font-size:.85rem}.blog-post{max-width:800px;margin:50px auto;padding:0 20px}.blog-post-header{margin-bottom:40px;text-align:center}.blog-post-header h1{font-size:2.8rem;color:#333;margin-bottom:15px;line-height:1.2}.blog-post-meta{color:#999;font-size:.95rem}.blog-post-content{font-size:1.1rem;line-height:1.8;color:#333}.blog-post-content h2{font-size:1.8rem;margin:1.8em 0 .8em;color:#333}.blog-post-content h3{font-size:1.4rem;margin:1.5em 0 .7em;color:#333}.blog-post-content p{margin:1em 0}.blog-post-content ol,.blog-post-content ul{margin:1em 0;padding-left:2em}.blog-post-content li{margin:.5em 0}.blog-post-content a{color:#3498db;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content blockquote{border-left:4px solid #3498db;padding-left:1em;margin:1.5em 0;color:#666;font-style:italic}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0}.seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);color:var(--text-primary)}.seo-container{max-width:800px;margin:0 auto}@media (min-width:1200px){.seo-container{max-width:900px}}@media (min-width:1800px){.seo-container{max-width:1100px}}.seo-content h2{font-size:1.8rem;margin-bottom:var(--spacing-lg);color:var(--primary-color);text-align:center}.seo-content h3{font-size:1.4rem;margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--primary-color);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.seo-content h4{font-size:1.1rem;margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--text-primary);font-weight:600}.seo-content p{margin-bottom:var(--spacing-md);line-height:1.6}.seo-content strong{font-weight:600;color:var(--text-primary)}.usage-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.step{background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.step:hover{box-shadow:0 8px 15px rgba(52,152,219,.15);transform:translateY(-5px);border-color:var(--primary-color)}.step:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--primary-color)}.step h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.15rem;font-weight:600;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.benefit h4:before,.faq-item h4:before,.features-list strong:before,.step h4:before,.use-case h4:before{content:"";display:inline-block;width:22px;height:22px;background-size:contain;background-repeat:no-repeat;margin-right:8px;vertical-align:middle;position:relative;top:-1px}.step h4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233498db' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E")}.features-list strong:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233498db' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L1 21h22L12 2zm0 4l7.53 13H4.47L12 6z'/%3E%3C/svg%3E")}.benefit h4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232ecc71' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E")}.use-case h4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232ecc71' viewBox='0 0 24 24'%3E%3Cpath d='M18 13h-5v5h-2v-5H6v-2h5V6h2v5h5v2z'/%3E%3C/svg%3E")}.faq-item h4:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233498db' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3E%3C/svg%3E")}.benefit p,.features-list li p,.step p,.use-case p{margin:0;line-height:1.6;font-size:.95rem}.features-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.features-list li{background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.features-list li:hover{box-shadow:0 8px 15px rgba(52,152,219,.15);transform:translateY(-5px);border-color:var(--primary-color)}.features-list li:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--primary-color)}.features-list strong{display:block;margin-bottom:var(--spacing-md);color:var(--primary-color);font-size:1.15rem;font-weight:600;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.benefit{background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.benefit:hover{box-shadow:0 8px 15px rgba(46,204,113,.15);transform:translateY(-5px);border-color:var(--secondary-color)}.benefit:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--secondary-color)}.benefit h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.15rem;font-weight:600;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.use-case{background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.use-case:hover{box-shadow:0 8px 15px rgba(46,204,113,.15);transform:translateY(-5px);border-color:var(--secondary-color)}.use-case:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--secondary-color)}.use-case h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.15rem;font-weight:600;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.faq-list{margin:var(--spacing-lg) 0}.faq-item{margin-bottom:var(--spacing-md);background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.faq-item:hover{box-shadow:0 8px 15px rgba(52,152,219,.1);border-color:var(--primary-color)}.faq-item:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:var(--primary-color);opacity:.7}.faq-item h4{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.15rem;font-weight:600;padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.faq-item p{margin:0}@media (max-width:768px){.benefits,.features-list,.usage-steps,.use-cases{grid-template-columns:1fr;gap:var(--spacing-md)}.seo-content h2{font-size:1.5rem}.seo-content h3{font-size:1.25rem}.benefit,.faq-item,.features-list li,.step,.use-case{padding:var(--spacing-md)}}.testimonials-container{position:relative;margin:var(--spacing-xl) 0;overflow:hidden;padding-bottom:var(--spacing-lg)}.testimonials-wrapper{width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-md);scroll-behavior:smooth;margin-bottom:0}.testimonials-wrapper::-webkit-scrollbar{display:none}.testimonials{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-sm)}.testimonial{flex:0 0 90%;max-width:90%;background-color:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.testimonial:hover{box-shadow:0 10px 20px rgba(52,152,219,.15);transform:translateY(-3px)}.testimonial:before{content:'"';position:absolute;top:-45px;right:20px;font-size:150px;color:var(--primary-color);opacity:.1;font-family:serif;line-height:1}.testimonial-header{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.testimonial-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:var(--spacing-md);border:2px solid var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,.1);background-color:var(--bg-secondary);position:relative}.testimonial-avatar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-color);opacity:.1}.testimonial-avatar img{width:100%;height:100%;object-fit:cover;display:block}.testimonial-user{flex:1 1}.testimonial-user h4{margin:0 0 5px;font-size:1.1rem;color:var(--text-primary)}.testimonial-date{font-size:.85rem;color:var(--text-light)}.testimonial-content{color:var(--text-secondary);line-height:1.6;font-size:1rem;position:relative;z-index:1}@media (min-width:768px){.testimonial{flex:0 0 45%;max-width:45%}}@media (min-width:1200px){.testimonial{flex:0 0 30%;max-width:30%}}@media (min-width:1800px){.testimonial{flex:0 0 22%;max-width:22%}}.page-content{padding:var(--spacing-xl) 0}.page-container{max-width:800px;margin:0 auto}@media (min-width:1200px){.page-container{max-width:900px}}@media (min-width:1800px){.page-container{max-width:1100px}}.page-content h1{font-size:2.2rem;margin-bottom:var(--spacing-xl);color:var(--primary-color);text-align:center;border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-md)}.page-content h2{font-size:1.8rem;margin:var(--spacing-xl) 0 var(--spacing-md);color:var(--primary-color)}.page-content h3{font-size:1.4rem;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--text-primary)}.page-content h4{font-size:1.2rem;margin:var(--spacing-md) 0 var(--spacing-xs);color:var(--text-primary)}.page-content p{margin-bottom:var(--spacing-md);line-height:1.6}.page-content a{color:var(--primary-color);text-decoration:none;transition:color .2s}.page-content a:hover{color:var(--primary-hover);text-decoration:underline}.page-content ol,.page-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl)}.page-content li{margin-bottom:var(--spacing-xs);line-height:1.6}.page-content strong{font-weight:600;color:var(--text-primary)}.page-links{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:center}.btn-back{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);border-radius:var(--radius-md);font-weight:500;transition:background-color .2s}.btn-back,.btn-back:hover{color:#fff;text-decoration:none}.btn-back:hover{background-color:var(--primary-hover)}.btn-secondary{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:all .2s}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);text-decoration:none}.contact-form-container,.contact-intro{margin-bottom:var(--spacing-xl)}.help-contact-banner{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;margin:var(--spacing-lg) 0}.contact-methods{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin:var(--spacing-xl) 0}@media (min-width:768px){.contact-methods{grid-template-columns:1fr 1fr}}.contact-details{margin-bottom:var(--spacing-lg)}.contact-support ul{list-style:none;padding-left:0}.contact-support li{margin-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem}.form-message{padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.form-message.success{background-color:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.3);color:#27ae60}.form-message.error{background-color:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#c0392b}.submit-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-xl);font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:var(--primary-hover)}.faq-preview{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center;margin-top:var(--spacing-xl)}.help-content{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin:var(--spacing-xl) 0}@media (min-width:768px){.help-content{grid-template-columns:250px 1fr}}.help-sidebar{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);position:-webkit-sticky;position:sticky;top:120px;align-self:start}.category-list{list-style:none;padding:0;margin:var(--spacing-md) 0}.category-list button{display:block;width:100%;text-align:left;padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:1rem;color:var(--text-primary)}.category-list button:hover{background-color:rgba(52,152,219,.1);color:var(--primary-color)}.category-list button.active{background-color:var(--primary-color);color:#fff}.help-resources{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.help-resources ul{list-style:none;padding:0;margin:var(--spacing-sm) 0}.help-resources li{margin-bottom:var(--spacing-xs)}.help-faq{margin-top:var(--spacing-md)}.quick-help{margin-top:var(--spacing-xl)}.help-guides{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-top:var(--spacing-md)}@media (min-width:768px){.help-guides{grid-template-columns:repeat(3,1fr)}}.help-guide{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s}.help-guide:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-guide h3{margin-top:0;font-size:1.2rem}.help-guide p{font-size:.95rem;margin-bottom:var(--spacing-md)}.guide-toc{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.guide-toc ul{column-count:1;list-style:none;padding:0}@media (min-width:768px){.guide-toc ul{column-count:2}}.guide-section{margin:var(--spacing-xl) 0;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.guide-subsection{margin:var(--spacing-lg) 0;padding-left:var(--spacing-md);border-left:3px solid var(--border-color)}.guide-tip{background-color:rgba(52,152,219,.1);border-left:3px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0;font-size:.95rem}.numbered-steps{counter-reset:steps;list-style:none;padding:0}.numbered-steps li{position:relative;padding-left:40px;margin-bottom:var(--spacing-md)}.numbered-steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:28px;height:28px;line-height:28px;text-align:center;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700}.troubleshooting-table table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.troubleshooting-table th{background-color:var(--primary-color);color:#fff;padding:var(--spacing-sm);text-align:left}.troubleshooting-table td{padding:var(--spacing-sm);border:1px solid var(--border-color);vertical-align:top}.troubleshooting-table ul{margin:0;padding-left:var(--spacing-lg)}.troubleshooting-table li{margin-bottom:var(--spacing-xs)}.security-section{margin:var(--spacing-xl) 0}.security-diagram{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-md) 0}.diagram-title{font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.diagram-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}@media (min-width:768px){.diagram-content{flex-direction:row;justify-content:center}}.diagram-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-sm);background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;max-width:200px}.step-number{width:30px;height:30px;line-height:30px;text-align:center;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;margin-bottom:var(--spacing-xs)}.step-desc{font-size:.9rem}.diagram-arrow{font-size:1.5rem;color:var(--primary-color);align-self:center}.security-comparison{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;overflow-x:auto;display:block}.security-comparison th{background-color:var(--primary-color);color:#fff;padding:var(--spacing-sm);text-align:left}.security-comparison td{padding:var(--spacing-sm);border:1px solid var(--border-color)}.security-comparison tr:nth-child(2n){background-color:rgba(52,152,219,.05)}.security-footer{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-xl)}.privacy-section,.terms-section{margin:var(--spacing-lg) 0}.privacy-intro,.terms-intro{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.about-values{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin:var(--spacing-md) 0}@media (min-width:768px){.about-values{grid-template-columns:repeat(2,1fr)}}.value-item{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s}.value-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.value-item h3{margin-top:0;color:var(--primary-color)}.about-contact{padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.about-contact,.site-footer{background-color:var(--bg-secondary);margin-top:var(--spacing-xl)}.site-footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--border-color)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.footer-content{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width:576px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.footer-content{grid-template-columns:repeat(4,1fr)}}.footer-section h3{color:var(--primary-color);margin-bottom:var(--spacing-md);font-size:1.2rem;font-weight:600;position:relative}.footer-section h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background-color:var(--primary-color)}.footer-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--primary-color);text-decoration:underline}.footer-bottom{padding-top:var(--spacing-md);border-top:1px solid var(--border-color);text-align:center;color:var(--text-light);font-size:.85rem}