*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--card:#ffffff;--sidebar:#f5f5f7;--border:#d2d2d7;--text:#1d1d1f;--t2:#6e6e73;--t3:#86868b;--blue:#0071e3;--green:#34c759;--amber:#ff9500;--red:#ff3b30;--purple:#af52de;--r:18px;--shadow-sm:0 1px 3px rgba(0,0,0,.04);--shadow:0 4px 20px rgba(0,0,0,.06);--reading-width:720px;--transition:.3s cubic-bezier(.25, .1, .25, 1)}body{font:17px/1.47059 -apple-system,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.022em}.nav{position:sticky;top:0;z-index:100;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 22px;height:52px;gap:28px}.nav-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:2px;margin-left:auto}.nav-links a{font-size:13px;padding:6px 12px;border-radius:6px;color:var(--t2);text-decoration:none;font-weight:450;transition:all var(--transition);letter-spacing:-.01em}.nav-links a:hover{color:var(--text)}.nav-links a.on{color:var(--blue)}.hero{background:#f5f5f7;padding:80px 22px 72px;text-align:center}.hero h1{font-size:48px;font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.hero h1 span{background:linear-gradient(135deg,#0071e3,#af52de);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:19px;color:var(--t2);max-width:600px;margin:0 auto 32px;line-height:1.5;font-weight:400;letter-spacing:-.01em}.btn{padding:11px 24px;border-radius:980px;font-size:14px;font-weight:500;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all var(--transition);font-family:inherit;letter-spacing:-.01em}.btn-p{background:var(--blue);color:#fff}.btn-p:hover{background:#06c}.btn-o{background:transparent;color:var(--blue);outline:2px solid var(--blue);outline-offset:-2px}.btn-o:hover{background:#0071e30a}.sec{padding:80px 22px}.sec-inner{max-width:1200px;margin:0 auto}.sec-hd{text-align:center;margin-bottom:64px}.sec-hd .tag{display:inline-block;font-size:12px;font-weight:500;padding:5px 16px;border-radius:980px;background:#0000000a;color:var(--t2);margin-bottom:16px;letter-spacing:.02em}.sec-hd h2{font-size:40px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;line-height:1.15}.sec-hd p{color:var(--t2);font-size:17px;font-weight:400;max-width:560px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.card{background:var(--card);border-radius:var(--r);padding:32px;transition:all var(--transition);box-shadow:var(--shadow-sm);cursor:pointer}.card:hover{box-shadow:0 8px 40px #00000014;transform:scale(1.01)}.article-list{max-width:var(--reading-width);margin:0 auto}.article-item{display:flex;gap:20px;border-bottom:1px solid var(--border);cursor:pointer;transition:all var(--transition);border-radius:var(--r);padding:20px}.article-item:hover{background:#00000005}.article-item .a-num{font-size:28px;font-weight:700;color:var(--t3);min-width:40px;line-height:1.2;text-align:center}.article-item .a-body{flex:1}.article-item h3{font-size:17px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em;line-height:1.3}.article-item p{font-size:14px;color:var(--t2);line-height:1.5;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.article-item .a-meta{font-size:12px;color:var(--t3);margin-top:6px;display:flex;gap:12px}.timeline{max-width:var(--reading-width);margin:0 auto}.tl-item{display:flex;gap:20px;padding:0 0 28px;position:relative}.tl-item:before{content:"";position:absolute;left:19px;top:44px;bottom:0;width:1px;background:var(--border)}.tl-item:last-child:before{display:none}.tl-dot{width:40px;height:40px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0;z-index:1}.tl-body{flex:1;padding-top:8px}.tl-body h3{font-size:16px;font-weight:600;margin-bottom:2px}.tl-body p{font-size:14px;color:var(--t2);line-height:1.5}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kb-card{background:var(--card);border-radius:var(--r);padding:28px 20px;cursor:pointer;transition:all var(--transition);text-align:center;box-shadow:var(--shadow-sm)}.kb-card:hover{box-shadow:0 8px 40px #00000014;transform:scale(1.02)}.kb-card .emoji{font-size:32px;margin-bottom:12px;display:block}.kb-card h4{font-size:15px;font-weight:600;letter-spacing:-.01em}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay.on{display:flex}.modal{background:var(--card);border-radius:20px;max-width:var(--reading-width);width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #00000029}.modal-hd{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-hd h3{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--t3);padding:4px 8px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{background:#0000000d}.modal-bd{padding:28px;font-size:15px;line-height:1.7;color:var(--t2)}.modal-bd h2{color:var(--text);font-size:22px;font-weight:700;margin-bottom:16px}.modal-bd h3{color:var(--text);font-size:17px;font-weight:600;margin:20px 0 8px}.modal-bd p{margin-bottom:12px}.wx-float{position:fixed;bottom:28px;right:28px;z-index:150;display:flex;flex-direction:column;align-items:center;gap:8px}.wx-btn{width:52px;height:52px;border-radius:50%;background:#f5f5f7;color:var(--text);border:none;cursor:pointer;font-size:24px;box-shadow:0 2px 12px #00000014;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.wx-btn:hover{transform:scale(1.06);box-shadow:0 4px 20px #0000001f}.wx-popup{display:none;position:absolute;bottom:68px;right:0;background:var(--card);border-radius:20px;padding:24px;text-align:center;box-shadow:0 12px 48px #0000001f;width:260px}.wx-popup.on{display:block;animation:fadeUp .3s ease}.wx-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--t3)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fb-float{position:fixed;bottom:28px;left:28px;z-index:150}.fb-btn{width:48px;height:48px;border-radius:50%;background:var(--card);color:var(--t2);border:none;cursor:pointer;font-size:20px;box-shadow:0 2px 12px #00000014;transition:all var(--transition);display:flex;align-items:center;justify-content:center}.fb-btn:hover{color:var(--blue);transform:scale(1.06);box-shadow:0 4px 20px #0071e31f}.fb-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:210;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fb-modal.on{display:flex}.fb-box{background:var(--card);border-radius:20px;width:480px;max-width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #00000029}.fb-box-hd{padding:18px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.fb-box-hd h3{font-size:17px;font-weight:600}.fb-box-bd{padding:28px}.fb-fg{margin-bottom:16px}.fb-fg label{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:6px}.fb-fg input,.fb-fg textarea,.fb-fg select{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:14px;font-family:inherit;outline:none;resize:vertical;transition:border var(--transition)}.fb-fg textarea{min-height:100px}.fb-fg input:focus,.fb-fg textarea:focus,.fb-fg select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31f}.login-gate{max-width:420px;margin:0 auto;padding:40px;background:var(--card);border-radius:20px;box-shadow:0 4px 24px #0000000a}.login-tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:1px solid var(--border)}.login-tab{flex:1;text-align:center;padding:10px 4px;font-size:14px;font-weight:500;color:var(--t2);cursor:pointer;border:none;background:none;font-family:inherit;transition:all var(--transition);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.login-tab.on{color:var(--blue);border-bottom-color:var(--blue)}.login-fg{margin-bottom:16px}.login-fg label{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:6px}.login-fg input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:14px;font-family:inherit;outline:none;transition:border var(--transition)}.login-fg input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0071e31f}.login-row{display:flex;gap:10px}.login-row .login-fg{flex:1}.login-btn{width:100%;padding:12px;border-radius:980px;border:none;color:#fff;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;transition:all var(--transition);margin-top:4px;display:block;letter-spacing:-.01em}.login-btn.primary{background:var(--blue)}.login-btn.primary:hover{background:#06c}.login-hint{font-size:12px;color:var(--t3);margin-top:20px;text-align:center}.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--t3);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-panel{display:none}.login-panel.on{display:block}.footer{background:var(--sidebar);padding:32px 22px;text-align:center;font-size:12px;color:var(--t3)}.footer p{font-size:12px;margin-bottom:4px;color:var(--t3)}.footer .wx-link{display:inline-flex;align-items:center;gap:4px;color:var(--t2);font-size:12px;cursor:pointer;margin-top:8px}.footer .wx-link:hover{color:var(--text)}.case-hero{background:var(--sidebar);border-radius:20px;padding:48px;display:flex;gap:48px;align-items:center}.case-hero .c-info{flex:1}.case-hero h2{font-size:28px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;line-height:1.2}.case-hero p{font-size:16px;color:var(--t2);line-height:1.6;margin-bottom:20px}.case-hero .c-stats{display:flex;gap:28px;margin-bottom:20px}.case-stat .csv{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.case-stat .csl{font-size:11px;color:var(--t3)}.case-hero .c-preview{width:320px;height:200px;border-radius:16px;overflow:hidden;flex-shrink:0;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:14px;box-shadow:0 8px 32px #0000000f}@media (max-width:768px){.nav-inner{padding:0 16px;gap:16px}.nav-links{overflow-x:auto;gap:0}.nav-links a{font-size:12px;padding:6px 8px}.hero h1{font-size:32px}.hero,.sec{padding:48px 16px}.sec-hd h2{font-size:28px}.cards{grid-template-columns:1fr}.case-hero{flex-direction:column;padding:28px}.case-hero .c-preview{width:100%;height:160px}.kb-grid{grid-template-columns:repeat(2,1fr)}}