:root{--bg:#ffffff;--bg-card:#ffffff;--bg-elevated:#f9fafb;--border:#e5e7eb;--primary:#00a86b;--primary-light:#10b981;--primary-dark:#047857;--text:#111111;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--warn:#f59e0b;--danger:#ef4444}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f9fafb;color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 24px}.nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{gap:8px;font-size:18px;font-weight:800;color:var(--text);text-decoration:none}.logo,.logo-icon{display:inline-flex;align-items:center}.logo-icon{justify-content:center;width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,#1f2937,#000000);color:#fff;font-weight:900;font-size:13px;position:relative}.logo-icon:after{content:"";position:absolute;top:3px;right:3px;width:4px;height:4px;border-radius:50%;background:#00a86b}.logo-text-pro{background:linear-gradient(135deg,#b8860b,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:24px;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--primary)}.breadcrumb-nav{max-width:900px;margin:0 auto;padding:16px 24px 0;font-size:13px;color:#9ca3af}.breadcrumb-nav a{color:#6b7280;text-decoration:none}.breadcrumb-nav .sep{margin:0 8px;color:#d1d5db}.hero{padding:60px 24px 30px;text-align:center;background:linear-gradient(180deg,#fef3c7,#ffffff)}.hero .badge{display:inline-block;padding:6px 14px;background:rgba(245,158,11,.1);color:#92400e;border:1px solid var(--warn);border-radius:999px;font-size:12px;font-weight:700;margin-bottom:16px}.hero h1{font-size:36px;font-weight:800;margin-bottom:12px}.hero p{color:var(--text-secondary);max-width:600px;margin:0 auto}section{padding:30px 24px 60px}.section-inner{max-width:900px;margin:0 auto}.flow-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.flow-card h2{font-size:22px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}.flow-card h2 .icon{width:36px;height:36px;background:rgba(0,168,107,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:18px}.step{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step-num{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.step-content{flex:1 1}.step-title{font-size:16px;font-weight:700;margin-bottom:6px}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.step-desc code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:13px;color:var(--primary-dark)}.step-desc strong{color:var(--text)}.step-desc a{color:var(--primary-dark);text-decoration:underline}.warn-box{background:#fef3c7;border-left:3px solid var(--warn);padding:12px 16px;border-radius:4px;margin:12px 0;font-size:13px;color:#92400e}.warn-box strong{color:#78350f}.solution-block{background:#f0fdf4;border-left:3px solid var(--primary);padding:14px 18px;border-radius:4px;margin:12px 0;font-size:14px}.solution-block strong{color:var(--primary-dark)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.problem-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;text-decoration:none;color:inherit;transition:all .2s}.problem-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.04)}.problem-card .icon{font-size:24px;margin-bottom:8px}.problem-card .title{font-size:15px;font-weight:700;margin-bottom:4px}.problem-card .desc{font-size:12px;color:var(--text-secondary)}.contact-block{margin-top:40px;padding:28px;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #d1fae5;border-radius:12px;text-align:center}.contact-block h3{font-size:20px;font-weight:800;margin-bottom:8px}.contact-block p{color:var(--text-secondary);margin-bottom:16px}.btn-primary{background:var(--primary);color:#fff;border-radius:8px}.btn-primary,.btn-secondary{padding:12px 28px;text-decoration:none;font-weight:700;display:inline-block}.btn-secondary{background:#fff;border:1px solid var(--border);color:var(--text);border-radius:8px;margin-left:8px}footer{background:#f9fafb;border-top:1px solid var(--border);padding:30px 24px 20px;font-size:12px;text-align:center}footer,footer a{color:var(--text-secondary)}footer a{text-decoration:none;margin:0 8px}@media (max-width:768px){.hero h1{font-size:26px}.step{flex-direction:column}}