:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:rgba(255,255,255,0.03);--bg-card-hover:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--accent-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 50%,#fda085 100%);--accent-blue:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--accent-solid:#f5576c;--accent-light:#f093fb;--border-color:rgba(255,255,255,0.08);--border-hover:rgba(255,255,255,0.15);--success:#10b981;--error:#ef4444;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 20px rgba(0,0,0,0.4);--shadow-lg:0 8px 40px rgba(0,0,0,0.5);--shadow-glow:0 0 60px rgba(245,87,108,0.25);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--transition-fast:0.15s ease;--transition-normal:0.25s ease;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;}a{color:inherit;text-decoration:none;}button{font-family:inherit;cursor:pointer;border:none;background:none;}input,textarea{font-family:inherit;border:none;outline:none;background:none;}.container{width:100%;max-width:820px;margin:0 auto;padding:0 20px;}.hidden{display:none !important;}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:rgba(10,10,15,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;}.nav-logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;}.logo-icon{width:36px;height:36px;border-radius:6px;object-fit:contain;}.nav-links{display:flex;gap:8px;}.nav-link{padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.9rem;font-weight:500;transition:all var(--transition-fast);}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--bg-card);}.hero{position:relative;padding:150px 24px 50px;text-align:center;overflow:hidden;}.hero-glow{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(245,87,108,0.12) 0%,transparent 70%);pointer-events:none;}.hero-content{position:relative;z-index:1;}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(245,87,108,0.15);border:1px solid rgba(245,87,108,0.3);border-radius:100px;font-size:0.8rem;font-weight:600;color:#f5576c;margin-bottom:20px;letter-spacing:0.05em;text-transform:uppercase;}.hero-title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.15;margin-bottom:20px;letter-spacing:-0.03em;}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin:0 auto 28px;line-height:1.7;}.platform-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}.pill{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:100px;font-size:0.82rem;color:var(--text-secondary);}.how-it-works{padding:60px 0 20px;}.hiw-title{text-align:center;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;margin-bottom:40px;color:var(--text-primary);}.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.hiw-step{text-align:center;padding:32px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);}.hiw-step:hover{border-color:rgba(245,87,108,0.4);transform:translateY(-4px);box-shadow:0 8px 32px rgba(245,87,108,0.08);}.hiw-icon{font-size:2.4rem;margin-bottom:16px;}.hiw-step-title{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary);}.hiw-step-desc{font-size:0.9rem;color:var(--text-secondary);line-height:1.6;}@media (max-width:640px){.hiw-grid{grid-template-columns:1fr;gap:16px;}.hiw-step{padding:24px 20px;}}.generator-section{padding:40px 0 100px;}.generator-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;backdrop-filter:blur(10px);animation:slideUpFade 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}.form-group{margin-bottom:24px;}.form-group:last-of-type{margin-bottom:0;}.form-label{display:block;margin-bottom:10px;font-size:0.88rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.06em;}.form-label .required{color:var(--error);}.form-label .optional{color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0;font-size:0.82rem;}.form-input,.form-textarea{width:100%;padding:13px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.95rem;transition:all var(--transition-fast);}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);}.form-input:focus,.form-textarea:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px rgba(245,87,108,0.12);}.form-textarea{resize:vertical;min-height:90px;}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}@media (max-width:600px){.form-grid{grid-template-columns:1fr;}.generator-form{padding:22px;}}.platform-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}@media (max-width:680px){.platform-grid{grid-template-columns:repeat(3,1fr);}}.platform-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:0.8rem;font-weight:500;transition:all var(--transition-fast);}.platform-btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px);}.platform-btn.active{border-color:var(--accent-solid);background:rgba(245,87,108,0.1);color:var(--text-primary);}.platform-emoji{font-size:1.4rem;}.platform-name{font-size:0.75rem;}.tone-grid{display:flex;flex-wrap:wrap;gap:8px;}.tone-btn,.length-btn{padding:8px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:0.85rem;font-weight:500;transition:all var(--transition-fast);}.tone-btn:hover,.length-btn:hover{border-color:var(--border-hover);color:var(--text-primary);}.tone-btn.active,.length-btn.active{background:var(--accent-gradient);border-color:transparent;color:white;font-weight:600;}.form-step{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border-color);}.form-step:last-of-type{border-bottom:none;}.step-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:0.88rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.06em;}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-gradient);border-radius:50%;font-size:0.75rem;font-weight:700;color:white;flex-shrink:0;}.optional-tag{font-size:0.75rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:100px;padding:2px 8px;}.hint-text{margin-top:8px;font-size:0.8rem;color:var(--text-muted);}.post-type-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;min-height:250px;}@media (max-width:650px){.post-type-grid{grid-template-columns:repeat(3,1fr);min-height:410px;}}@media (max-width:400px){.post-type-grid{grid-template-columns:repeat(2,1fr);min-height:600px;}}.post-type-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:0.78rem;font-weight:500;transition:all var(--transition-fast);text-align:center;}.post-type-btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px);}.post-type-btn.active{border-color:var(--accent-solid);background:rgba(245,87,108,0.1);color:var(--text-primary);}.pt-icon{font-size:1.6rem;}.pt-name{font-size:0.73rem;line-height:1.3;}.vibe-grid{display:flex;flex-wrap:wrap;gap:8px;min-height:80px;}.vibe-btn{padding:8px 16px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:0.85rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;}.vibe-btn:hover{border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px);}.vibe-btn.active{background:rgba(245,87,108,0.15);border-color:var(--accent-solid);color:var(--text-primary);font-weight:600;}.submit-btn{width:100%;margin-top:24px;padding:17px 32px;background:var(--accent-gradient);border-radius:var(--radius-md);color:white;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-normal);box-shadow:var(--shadow-md);letter-spacing:0.02em;}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow);}.submit-btn:active{transform:translateY(0);}.submit-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.btn-icon{font-size:1.2rem;transition:transform var(--transition-fast);}.submit-btn:hover .btn-icon{transform:translateX(4px);}.loading-state{text-align:center;padding:80px 20px;}.loading-spinner{width:48px;height:48px;border:3px solid var(--border-color);border-top-color:var(--accent-solid);border-radius:50%;margin:0 auto 20px;animation:spin 0.9s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{font-size:1.15rem;font-weight:600;margin-bottom:6px;}.loading-subtext{color:var(--text-muted);font-size:0.88rem;}.error-state{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px solid rgba(239,68,68,0.3);border-radius:var(--radius-lg);margin-top:32px;}.error-icon{font-size:2.8rem;margin-bottom:14px;}.error-text{color:var(--error);font-size:0.95rem;margin-bottom:20px;}.retry-btn{padding:10px 22px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;transition:all var(--transition-fast);}.retry-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);}.results-section{margin-top:40px;animation:fadeIn 0.5s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}.results-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;}.results-title{font-size:1.7rem;font-weight:700;}.platform-tag{padding:4px 12px;background:rgba(245,87,108,0.15);border:1px solid rgba(245,87,108,0.3);border-radius:100px;font-size:0.78rem;font-weight:600;color:var(--accent-solid);text-transform:uppercase;letter-spacing:0.05em;}.result-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;transition:border-color var(--transition-normal);}.result-card:hover{border-color:var(--border-hover);}.highlight-card{border-color:rgba(245,87,108,0.25);background:rgba(245,87,108,0.04);}.result-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);}.result-label{font-size:0.95rem;font-weight:600;}.copy-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.82rem;font-weight:500;transition:all var(--transition-fast);}.copy-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);}.copy-btn.copied{background:var(--success);border-color:var(--success);color:white;}.result-content{padding:16px 20px;font-size:0.93rem;line-height:1.7;color:var(--text-secondary);}.result-content p{margin-bottom:0;}.hook-text{font-size:1.05rem;font-weight:600;color:var(--text-primary);font-style:italic;}.captions-grid{display:grid;gap:12px;margin-bottom:16px;}.caption-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-normal);}.caption-card:hover{border-color:var(--border-hover);}.caption-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);}.caption-label{font-size:0.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;}.caption-body{padding:14px 16px;font-size:0.93rem;line-height:1.75;color:var(--text-secondary);white-space:pre-wrap;}.hashtag-list{display:flex;flex-wrap:wrap;gap:8px;}.hashtag-tag{padding:5px 12px;background:rgba(240,147,251,0.1);border:1px solid rgba(240,147,251,0.2);border-radius:100px;font-size:0.85rem;font-weight:500;color:var(--accent-light);cursor:default;}.best-time-card{border-color:rgba(16,185,129,0.2);}.best-time-text{font-size:1rem;font-weight:600;color:var(--success);}.new-generation-btn{width:100%;margin-top:16px;padding:14px 32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.95rem;font-weight:500;transition:all var(--transition-fast);}.new-generation-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover);}.refine-card{margin-top:16px;padding:20px 24px;background:rgba(102,126,234,0.06);border:1px solid rgba(102,126,234,0.25);border-radius:var(--radius-lg);}.refine-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;}.refine-icon{font-size:1.5rem;}.refine-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.refine-subtitle{font-size:0.82rem;color:var(--text-muted);}.refine-input-row{display:flex;gap:10px;align-items:center;}.refine-input{flex:1;}.refine-btn{flex-shrink:0;padding:13px 20px;background:var(--accent-blue);border-radius:var(--radius-md);color:white;font-size:0.9rem;font-weight:600;white-space:nowrap;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);}.refine-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.refine-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.refine-error{margin-top:8px;font-size:0.82rem;color:var(--error);}@media (max-width:500px){.refine-input-row{flex-direction:column;}.refine-btn{width:100%;}}.page-content{padding:120px 0 80px;min-height:calc(100vh - 180px);}.content-article{max-width:700px;margin:0 auto;}.page-title{font-size:2.4rem;font-weight:700;margin-bottom:10px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.last-updated{color:var(--text-muted);font-size:0.88rem;margin-bottom:36px;}.content-section{margin-bottom:36px;}.content-section h2{font-size:1.3rem;font-weight:600;margin-bottom:12px;}.content-section p{color:var(--text-secondary);margin-bottom:12px;line-height:1.8;}.cta-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;text-align:center;margin-top:40px;}.cta-box h3{font-size:1.4rem;margin-bottom:10px;}.cta-box p{color:var(--text-secondary);margin-bottom:20px;}.cta-btn{display:inline-block;padding:13px 28px;background:var(--accent-gradient);border-radius:var(--radius-md);color:white;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-md);}.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow);}.legal-content .content-section{padding-bottom:28px;border-bottom:1px solid var(--border-color);}.legal-content .content-section:last-child{border-bottom:none;}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:28px 0;}.footer .container{max-width:1200px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}.footer p{color:var(--text-muted);font-size:0.88rem;}.footer-links{display:flex;gap:20px;}.footer-links a{color:var(--text-secondary);font-size:0.88rem;transition:color var(--transition-fast);}.footer-links a:hover{color:var(--text-primary);}@media (max-width:768px){.nav-container{padding:0 16px;}.nav-links{gap:4px;}.nav-link{padding:6px 10px;font-size:0.82rem;}.hero{padding:130px 16px 36px;}.results-header{flex-wrap:wrap;}.footer .container{flex-direction:column;text-align:center;}}.blog-header{text-align:center;margin-bottom:48px;}.blog-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;margin-bottom:14px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.blog-subtitle{font-size:1rem;color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.7;}.blog-grid{display:grid;gap:20px;margin-bottom:60px;}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 30px;transition:all var(--transition-normal);}.blog-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);}.blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;}.blog-category{padding:3px 10px;background:rgba(245,87,108,0.12);border:1px solid rgba(245,87,108,0.25);border-radius:100px;font-size:0.75rem;font-weight:600;color:var(--accent-solid);text-transform:uppercase;letter-spacing:0.05em;}.blog-read-time{font-size:0.8rem;color:var(--text-muted);}.blog-date{font-size:0.8rem;color:var(--text-muted);}.blog-card-title{font-size:1.2rem;font-weight:700;margin-bottom:10px;line-height:1.4;}.blog-card-title a{color:var(--text-primary);transition:color var(--transition-fast);}.blog-card-title a:hover{color:var(--accent-solid);}.blog-card-desc{color:var(--text-secondary);font-size:0.92rem;line-height:1.7;margin-bottom:18px;}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;}.blog-read-link{color:var(--accent-solid);font-size:0.88rem;font-weight:600;transition:all var(--transition-fast);}.blog-read-link:hover{letter-spacing:0.03em;}.blog-cta{text-align:center;padding:48px 40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:60px;}.blog-cta-title{font-size:1.6rem;font-weight:700;margin-bottom:10px;}.blog-cta-sub{color:var(--text-secondary);margin-bottom:24px;}.blog-cta-btn{display:inline-block;padding:14px 32px;background:var(--accent-gradient);border-radius:var(--radius-md);color:white;font-weight:700;font-size:1rem;transition:all var(--transition-normal);box-shadow:var(--shadow-md);}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow);}.article-post{max-width:740px;}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.85rem;margin-bottom:28px;}.breadcrumb a{color:var(--accent-solid);}.breadcrumb a:hover{text-decoration:underline;}.article-header{margin-bottom:40px;}.article-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}.article-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-0.02em;}.article-intro{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;}.article-body{margin-bottom:48px;}.article-h2{font-size:1.25rem;font-weight:700;margin-top:36px;margin-bottom:12px;color:var(--text-primary);}.article-body p{color:var(--text-secondary);line-height:1.85;margin-bottom:16px;font-size:0.97rem;}.article-cta{padding:32px 36px;text-align:center;background:rgba(245,87,108,0.06);border:1px solid rgba(245,87,108,0.2);border-radius:var(--radius-lg);margin-bottom:48px;}.article-cta h3{font-size:1.3rem;font-weight:700;margin-bottom:10px;}.article-cta p{color:var(--text-secondary);margin-bottom:20px;}.more-articles{margin-top:8px;}.more-articles-title{font-size:1.1rem;font-weight:700;margin-bottom:16px;}.more-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}@media (max-width:600px){.more-articles-grid{grid-template-columns:1fr;}}.more-article-card{display:block;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);}.more-article-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);}.more-article-card .blog-category{display:inline-block;margin-bottom:8px;}.more-article-title{font-size:0.9rem;font-weight:600;color:var(--text-primary);line-height:1.45;}.page-intro{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:40px;}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;margin-bottom:60px;}@media (max-width:700px){.contact-grid{grid-template-columns:1fr;}}.contact-info{display:flex;flex-direction:column;gap:24px;}.contact-item{display:flex;gap:16px;align-items:flex-start;}.contact-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px;}.contact-item-title{font-size:0.95rem;font-weight:700;margin-bottom:4px;}.contact-item-desc{font-size:0.85rem;color:var(--text-secondary);margin-bottom:6px;}.contact-link{font-size:0.9rem;color:var(--accent-solid);font-weight:500;}.contact-link:hover{text-decoration:underline;}.contact-form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;}.contact-form-title{font-size:1.2rem;font-weight:700;margin-bottom:24px;}.contact-form .form-group{margin-bottom:18px;}.contact-form .form-label{display:block;margin-bottom:7px;font-size:0.85rem;font-weight:600;color:var(--text-secondary);}.contact-textarea{min-height:120px;resize:vertical;line-height:1.6;}.contact-success{text-align:center;padding:40px 20px;}.success-icon{font-size:2.5rem;display:block;margin-bottom:14px;}.contact-success h3{font-size:1.3rem;font-weight:700;margin-bottom:8px;}.contact-success p{color:var(--text-secondary);}.emoji-toggle-row{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap;}.emoji-toggle-label{font-size:0.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap;}.emoji-toggle{display:flex;gap:6px;}.emoji-btn{padding:6px 14px;border-radius:20px;font-size:0.82rem;font-weight:500;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;}.emoji-btn:hover{border-color:var(--border-hover);color:var(--text-primary);}.emoji-btn.active{background:var(--accent-gradient);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(245,87,108,0.3);}.supporting-section{padding:80px 0 60px;}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:64px;}.support-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px 24px;transition:border-color var(--transition-normal),transform var(--transition-normal);}.support-card:hover{border-color:var(--border-hover);transform:translateY(-3px);}.support-icon{font-size:1.8rem;margin-bottom:14px;display:block;}.support-card h2{font-size:1rem;font-weight:700;margin-bottom:10px;color:var(--text-primary);}.support-card p{font-size:0.88rem;color:var(--text-secondary);line-height:1.65;}.faq-section{max-width:720px;margin:0 auto;}.faq-title{font-size:1.4rem;font-weight:700;text-align:center;margin-bottom:32px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.faq-list{display:flex;flex-direction:column;gap:10px;}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast);}.faq-item:hover{border-color:var(--border-hover);}.faq-item[open]{border-color:rgba(245,87,108,0.35);}.faq-question{padding:18px 20px;font-size:0.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;user-select:none;}.faq-question::-webkit-details-marker{display:none;}.faq-question::after{content:'+';font-size:1.2rem;color:var(--accent-solid);font-weight:300;flex-shrink:0;transition:transform var(--transition-fast);}.faq-item[open] .faq-question::after{transform:rotate(45deg);}.faq-answer{padding:0 20px 18px;font-size:0.88rem;color:var(--text-secondary);line-height:1.7;}@media (max-width:600px){.supporting-section{padding:48px 0 36px;}.support-grid{grid-template-columns:1fr;gap:14px;margin-bottom:40px;}.faq-title{font-size:1.2rem;}.faq-question{font-size:0.88rem;padding:16px 16px;}.faq-answer{padding:0 16px 16px;}}.upload-zone{position:relative;border:2px dashed var(--border-hover);border-radius:var(--radius-md);padding:32px 24px;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-card);text-align:center;min-height:140px;display:flex;align-items:center;justify-content:center;}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-solid);background:rgba(245,87,108,0.05);transform:translateY(-2px);box-shadow:0 0 30px rgba(245,87,108,0.15);}.upload-zone.drag-over{border-style:solid;}.upload-zone.has-image{border-style:solid;border-color:var(--success);cursor:default;}.upload-zone.has-image:hover{background:rgba(16,185,129,0.04);box-shadow:0 0 20px rgba(16,185,129,0.12);transform:none;}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;}.upload-icon{font-size:2.5rem;line-height:1;}.upload-main-text{font-size:0.95rem;color:var(--text-secondary);}.upload-sub-text{font-size:0.78rem;color:var(--text-muted);}.upload-browse-btn{color:var(--accent-solid);font-weight:600;font-size:inherit;background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;font-family:inherit;}.upload-browse-btn:hover{color:var(--accent-light);}.upload-preview{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;}.preview-img{max-height:200px;max-width:100%;border-radius:var(--radius-sm);object-fit:contain;box-shadow:var(--shadow-md);}.remove-img-btn{position:absolute;top:-12px;right:-12px;background:var(--error);color:white;border:none;border-radius:50%;width:28px;height:28px;font-size:0.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),background var(--transition-fast);z-index:2;}.remove-img-btn:hover{transform:scale(1.15);background:#c0392b;}.upload-mode-badge{font-size:0.78rem;font-weight:600;color:var(--success);background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);border-radius:20px;padding:4px 12px;display:inline-block;}.upload-divider{display:flex;align-items:center;gap:12px;margin:8px 0 4px;}.upload-divider::before,.upload-divider::after{content:'';flex:1;height:1px;background:var(--border-color);}.upload-divider span{font-size:0.78rem;color:var(--text-muted);white-space:nowrap;}.image-mode-active{opacity:0.45;pointer-events:none;user-select:none;transition:opacity 0.3s ease;}.image-result-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;font-weight:600;color:var(--success);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);padding:4px 12px;border-radius:20px;margin-bottom:12px;}@media (max-width:480px){.upload-zone{padding:24px 16px;min-height:120px;}.upload-icon{font-size:2rem;}.preview-img{max-height:160px;}}.why-choose-section{padding:80px 0 0;border-bottom:none;}.supporting-section{border-top:none;}.why-title{text-align:center;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;margin-bottom:12px;color:var(--text-primary);}.why-subtitle{text-align:center;font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.6;}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.why-card{padding:32px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);}.why-card:hover{border-color:rgba(245,87,108,0.35);transform:translateY(-4px);box-shadow:0 12px 40px rgba(245,87,108,0.06);}.why-icon{font-size:2rem;margin-bottom:16px;}.why-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--text-primary);}.why-card p{font-size:0.88rem;color:var(--text-secondary);line-height:1.7;}@media (max-width:768px){.why-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.why-grid{grid-template-columns:1fr;gap:16px;}.why-card{padding:24px 20px;}}.tool-hero{padding-top:120px;}.tool-content-section{padding:60px 0 80px;}.tool-content-block{margin-bottom:56px;}.tool-content-block h2{font-size:1.4rem;font-weight:700;margin-bottom:20px;color:var(--text-primary);}.tool-content-block p{color:var(--text-secondary);line-height:1.8;margin-bottom:14px;font-size:0.95rem;}.tool-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.tool-feature-card{padding:28px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);}.tool-feature-card:hover{border-color:rgba(245,87,108,0.3);transform:translateY(-3px);}.tool-feature-icon{font-size:1.8rem;display:block;margin-bottom:12px;}.tool-feature-card h3{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary);}.tool-feature-card p{font-size:0.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0;}.tool-examples{display:grid;gap:16px;}.tool-example-card{padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);}.example-type{font-size:0.82rem;font-weight:600;color:var(--accent-solid);margin-bottom:10px;}.example-text{font-size:0.9rem;color:var(--text-secondary);line-height:1.7;white-space:pre-line;margin-bottom:0 !important;}.tool-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}.tool-link-card{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-size:0.9rem;font-weight:500;transition:all var(--transition-fast);}.tool-link-card:hover{border-color:rgba(245,87,108,0.35);background:var(--bg-card-hover);transform:translateY(-2px);}.tool-link-emoji{font-size:1.3rem;}@media (max-width:768px){.tool-features-grid{grid-template-columns:1fr;}}@media (max-width:480px){.tool-content-section{padding:40px 0 60px;}.tool-content-block{margin-bottom:40px;}}.our-tools-section{padding:70px 0 50px;}.section-title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:8px;color:var(--text-primary);}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:0.95rem;margin-bottom:36px;}.our-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}.our-tool-card{display:flex;flex-direction:column;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);border-left:3px solid transparent;}.our-tool-card:hover{border-left-color:var(--tool-color);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.3);}.our-tool-emoji{font-size:1.8rem;margin-bottom:12px;}.our-tool-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;}.our-tool-desc{font-size:0.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:14px;flex-grow:1;}.our-tool-cta{font-size:0.82rem;font-weight:600;color:var(--tool-color,var(--accent-solid));transition:gap var(--transition-fast);}.our-tool-card:hover .our-tool-cta{letter-spacing:0.3px;}.our-tools-more{text-align:center;margin-top:24px;}.our-tools-link{color:var(--accent-solid);font-size:0.9rem;font-weight:600;text-decoration:none;}.our-tools-link:hover{text-decoration:underline;}@media (max-width:768px){.our-tools-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.our-tools-grid{grid-template-columns:1fr;}.our-tools-section{padding:50px 0 30px;}}.tools-index-hero{padding-top:120px;}.tools-grid-section{padding:50px 0 80px;}.tools-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px;}.tools-index-card{display:flex;flex-direction:column;padding:32px 28px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);}.tools-index-card:hover{border-color:var(--tool-color);background:var(--bg-card-hover);transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,0.35);}.tools-index-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}.tools-index-emoji{font-size:2.2rem;}.tools-index-badge{font-size:0.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;background:rgba(16,185,129,0.15);color:#10b981;letter-spacing:0.5px;}.tools-index-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;}.tools-index-desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:20px;}.tools-index-cta{font-size:0.85rem;font-weight:600;color:var(--tool-color,var(--accent-solid));display:flex;align-items:center;gap:6px;}.tools-index-card:hover .tools-index-cta span{transform:translateX(4px);transition:transform var(--transition-fast);}.tools-index-content{max-width:800px;margin:0 auto;}.tools-index-content h2{font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);}.tools-index-content p{color:var(--text-secondary);line-height:1.8;font-size:0.95rem;margin-bottom:14px;}@media (max-width:768px){.tools-index-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.tools-index-grid{grid-template-columns:1fr;gap:14px;}.tools-grid-section{padding:30px 0 60px;}}