:root{--primary:oklch(0.51 0.22 270);--primary-hover:oklch(0.44 0.21 270);--primary-light:oklch(0.93 0.04 270);--secondary:oklch(0.62 0.18 145);--secondary-hover:oklch(0.55 0.17 145);--gray-50:oklch(0.985 0.002 270);--gray-100:oklch(0.965 0.005 270);--gray-200:oklch(0.92 0.008 270);--gray-300:oklch(0.87 0.01 270);--gray-400:oklch(0.72 0.015 270);--gray-500:oklch(0.58 0.02 270);--gray-600:oklch(0.45 0.02 270);--gray-700:oklch(0.36 0.025 270);--gray-800:oklch(0.27 0.03 270);--gray-900:oklch(0.18 0.03 270);--white:#fff;--shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 1px rgba(0,0,0,0.02);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 3px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 20px -4px rgba(0,0,0,0.08),0 4px 8px -2px rgba(0,0,0,0.04);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-sans:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--gray-50);color:var(--gray-800);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200);height:60px}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:19px;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:-0.3px}.navbar-links{display:flex;align-items:center;gap:28px;list-style:none}.navbar-links a{text-decoration:none;color:var(--gray-500);font-size:14px;font-weight:500;transition:color .2s;padding:4px 0}.navbar-links a:hover{color:var(--gray-900)}.navbar-links a.active{color:var(--primary)}.navbar-usage{display:flex;align-items:center;gap:12px}.usage-badge{font-size:13px;background:var(--primary-light);color:var(--primary);padding:4px 14px;border-radius:20px;font-weight:600}.main-content{flex:1;padding-top:60px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{padding:96px 0 64px;text-align:center}.hero h1{font-size:52px;font-weight:800;color:var(--gray-900);letter-spacing:-2px;margin-bottom:12px;line-height:1.15}.hero p{font-size:18px;color:var(--gray-500);max-width:480px;margin:0 auto 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none;text-decoration:none;font-family:inherit}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 2px 8px var(--primary-light)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-lg{padding:14px 30px;font-size:16px}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:16px 0 80px}.card{background:var(--white);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.card h3{font-size:19px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.card p{color:var(--gray-500);font-size:14px;margin-bottom:16px;line-height:1.6}.card-usage{font-size:13px;color:var(--gray-400);margin-bottom:20px}.card-usage .free{color:var(--secondary);font-weight:600}.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px 0 80px}.tool-section{background:var(--white);border-radius:var(--radius-lg);padding:28px 32px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.tool-section h2{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--gray-100)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:5px}.form-group textarea,.form-group input,.form-group select{width:100%;padding:10px 13px;border:1px solid var(--gray-300);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;color:var(--gray-800);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-group textarea{min-height:130px;resize:vertical}.output-area{min-height:200px;background:var(--gray-50);border-radius:var(--radius-sm);padding:20px;white-space:pre-wrap;line-height:1.7;font-size:14px;color:var(--gray-800);border:1px solid var(--gray-200);margin-bottom:16px}.output-area:empty::before{content:"生成的文案将显示在这里";color:var(--gray-400)}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.copy-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);background:var(--gray-100);border:1px solid var(--gray-200);cursor:pointer;transition:all .2s;font-family:inherit}.copy-btn:hover{background:var(--gray-200)}.copy-btn.copied{background:#D1FAE5;color:var(--secondary);border-color:var(--secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:32px 0 80px}.pricing-card{background:var(--white);border-radius:var(--radius-lg);padding:36px 28px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-sm)}.pricing-card .badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:20px;margin-bottom:16px}.pricing-card .badge.popular{background:var(--primary-light);color:var(--primary)}.pricing-card .badge.coming{background:var(--gray-100);color:var(--gray-500)}.pricing-card .plan-name{font-size:17px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.pricing-card .plan-price{font-size:40px;font-weight:800;color:var(--gray-900);margin-bottom:4px}.pricing-card .plan-price .unit{font-size:15px;font-weight:500;color:var(--gray-500)}.pricing-card .plan-desc{font-size:14px;color:var(--gray-500);margin-bottom:20px}.pricing-card .plan-features{list-style:none;margin-bottom:28px}.pricing-card .plan-features li{padding:7px 0;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pricing-card .plan-features li:last-child{border-bottom:none}.qr-placeholder{width:160px;height:160px;margin:16px auto;background:var(--gray-100);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--gray-400);border:2px dashed var(--gray-300);overflow:hidden}.qr-placeholder img{width:100%;height:100%;object-fit:cover}.footer{background:var(--white);border-top:1px solid var(--gray-200);padding:24px 0;text-align:center;color:var(--gray-400);font-size:14px}@media(max-width:768px){.hero{padding:64px 0 40px}.hero h1{font-size:34px}.hero p{font-size:16px}.tool-layout{grid-template-columns:1fr}.navbar-inner{padding:0 16px}.navbar-links{gap:14px}.navbar-links a{font-size:13px}.card-grid,.pricing-grid{grid-template-columns:1fr}.container{padding:0 16px}.tool-section{padding:20px}}