.doc-hero::before,.doc-menu li.active button::before,.doc-section h2::after{content:''}.doc-menu,.doc-menu li{list-style:none}:root{--primary-gradient:linear-gradient(135deg, #4772ff 0%, #36b3ff 100%);--primary-blue:#4772ff;--secondary-blue:#36b3ff;--accent-blue:#0066ff;--bg-main:#EFF8FF;--bg-card:#ffffff;--bg-code:#f8fafc;--bg-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#ffffff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(71, 114, 255, 0.15);--shadow-xl:0 20px 40px rgba(71, 114, 255, 0.2);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-xs:6px;--space-sm:12px;--space-md:18px;--space-lg:24px;--space-xl:36px;--font-primary:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'SF Mono','Monaco','Inconsolata','Roboto Mono',Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box}.doc-hero h1,.doc-section h2{margin-bottom:var(--space-sm)}body.doc-page{font-family:var(--font-primary);background:var(--bg-main);color:var(--text-primary);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.doc-hero{background:var(--primary-gradient);padding:var(--space-xl) 0;color:var(--text-white);position:relative;overflow:hidden}.doc-hero::before{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.doc-hero h1{font-size:2rem;font-weight:700;letter-spacing:-.02em;text-align:center;background:linear-gradient(135deg,#fff 0,#e0e7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.doc-hero p{font-size:1rem;opacity:.9;max-width:900px;line-height:1.6;text-align:center;margin:0 auto}.doc-layout{max-width:1320px;margin:0 auto;padding:var(--space-md);display:flex;position:relative}.doc-sidebar{width:240px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-md);height:fit-content;position:sticky;top:60px;border:1px solid var(--border-light);transition:all .3s ease;flex-shrink:0}.doc-sidebar:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.doc-menu li{margin-bottom:4px}.doc-menu button{width:100%;text-align:left;border:none;background:0 0;padding:10px 14px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;border-radius:var(--radius-md);font-weight:500;position:relative;display:flex;align-items:center}.doc-menu .menu-icon{width:16px;height:16px;margin-right:6px;flex-shrink:0;transition:all .3s ease}.doc-menu button:hover{background:linear-gradient(135deg,rgba(71,114,255,.08) 0,rgba(54,179,255,.08) 100%);color:var(--primary-blue);transform:translateX(4px)}.doc-menu li.active button{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-md);font-weight:600}.doc-menu li.active .menu-icon{filter:invert(1) brightness(2)}.doc-menu li.active button::before{position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--primary-blue);border-radius:2px}.doc-content{flex:1;background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all .3s ease;margin-left:15px}.doc-content:hover{box-shadow:var(--shadow-lg)}.doc-section{padding:var(--space-lg);border-bottom:1px solid var(--border-light);position:relative;animation:fadeInUp .6s ease-out}.doc-section:last-child{border-bottom:none}.doc-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);padding-bottom:var(--space-xs);border-bottom:2px solid var(--primary-blue);position:relative;letter-spacing:-.01em}.doc-section h2::after{position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--secondary-blue);border-radius:1px}.doc-section p{line-height:1.6;margin-bottom:var(--space-xs);color:var(--text-secondary);font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}@media (max-width:1024px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.card-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}}.doc-card{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:8px;transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:space-between;gap:10px;align-items:center;cursor:pointer}.doc-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(71,114,255,.12)}.doc-card h3{font-size:15px;margin:0;color:var(--text-primary)}.doc-card .doc-link{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--primary-blue);text-decoration:none;transition:color .3s ease;font-size:13px}.doc-card .doc-link:hover{color:var(--accent-blue)}.doc-floating-helper{position:fixed;right:2.5%;bottom:30px;z-index:1000;display:flex;flex-direction:column;gap:12px}.doc-floating-helper .doc-helper-item{width:52px;height:52px;border-radius:50%;border:none;background:var(--primary-gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.doc-floating-helper .doc-helper-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.doc-floating-helper .js-open-chat img{width:30px;height:30px;filter:brightness(0) invert(1)}.doc-floating-helper .doc-helper-top{opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}.doc-floating-helper .doc-helper-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.doc-floating-helper .doc-helper-item span{font-size:12px;font-weight:600}@media (max-width:1024px){.doc-layout{gap:0;padding:var(--space-sm)}.doc-sidebar{width:200px;padding:var(--space-sm)}.doc-hero h1{font-size:1.6rem}.doc-section{padding:var(--space-md)}}@media (max-width:768px){.doc-hero p,.doc-sidebar{display:none}.doc-layout,.doc-section{padding:var(--space-sm)}.doc-layout{flex-direction:column}.doc-content{order:1;margin:0}.doc-hero h1{font-size:1.5rem;margin:0 20px}.doc-section h2{font-size:20px}.doc-card h3{font-size:14px}.doc-floating-helper{right:16px;bottom:16px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doc-section:nth-child(odd){animation-delay:.1s}.doc-section:nth-child(even){animation-delay:.2s}