:root{--ly-primary:#667eea;--ly-primary-dark:#764ba2;--ly-primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--ly-bg:#f5f7fa;--ly-surface:#fff;--ly-border:#e2e8f0;--ly-text-primary:#1e293b;--ly-text-secondary:#64748b;--ly-text-muted:#94a3b8;--ly-accent:#667eea;--ly-accent-light:#667eea1f;--ly-accent-bg:#f0f4ff;--ly-success:#48bb78;--ly-danger:#e74c3c;--ly-sidebar-bg:#1a1f2e;--ly-sidebar-width:260px;--ly-content-max:900px;--ly-shadow-sm:0 1px 3px #00000014;--ly-shadow-md:0 4px 12px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--ly-bg);color:var(--ly-text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif}a{color:var(--ly-accent);text-decoration:none}a:hover{text-decoration:underline}code{color:#5b21b6;background:#f0f4ff;border-radius:4px;padding:2px 6px;font-family:Consolas,Monaco,monospace;font-size:.88em}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--ly-sidebar-width);min-width:var(--ly-sidebar-width);background:var(--ly-sidebar-bg);color:#fff;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:20px;display:flex}.brand-icon{background:var(--ly-primary-gradient);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.brand-name{font-size:16px;font-weight:600}.brand-sub{color:#ffffff80;margin-top:2px;font-size:11px}.nav-section{padding:12px 0 4px}.nav-section-title{color:#ffffff59;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;padding:0 20px;font-size:10px;font-weight:600}.nav-item{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:8px 20px;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{color:#fffffff2;background:#ffffff0f}.nav-item.active{background:var(--ly-accent-light);color:#818cf8;border-left-color:#818cf8;font-weight:500}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.nav-sub{padding-left:33px}.nav-badge{color:#ffffff80;background:#ffffff1a;border-radius:8px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:10px}.content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.content-inner{max-width:var(--ly-content-max);flex:1;width:100%;margin:0 auto;padding:40px 40px 80px}.page-title{background:var(--ly-primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--ly-text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.page-section{margin-bottom:36px}.section-title{border-bottom:2px solid var(--ly-accent-bg);color:var(--ly-text-primary);margin-bottom:16px;padding-bottom:8px;font-size:20px;font-weight:600}.section-subtitle{color:var(--ly-text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.page-text{color:var(--ly-text-secondary);margin-bottom:12px;font-size:14px;line-height:1.8}.page-text strong{color:var(--ly-text-primary)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:20px 0;display:grid}.feature-card{background:var(--ly-surface);border:1px solid var(--ly-border);border-radius:12px;padding:24px;transition:all .2s}.feature-card:hover{box-shadow:var(--ly-shadow-md);border-color:#b794f4;transform:translateY(-2px)}.feature-card-icon{margin-bottom:12px;font-size:28px}.feature-card-title{margin-bottom:8px;font-size:15px;font-weight:600}.feature-card-desc{color:var(--ly-text-secondary);font-size:13px;line-height:1.6}.platform-tabs{gap:8px;margin-bottom:24px;display:flex}.platform-tab{border:1px solid var(--ly-border);background:var(--ly-surface);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.platform-tab:hover{border-color:#b794f4}.platform-tab.active{background:var(--ly-primary-gradient);color:#fff;border-color:#0000}.code-block-wrapper{border:1px solid var(--ly-border);border-radius:10px;margin:16px 0;overflow:hidden}.code-block-header{color:#e2e8f0;background:#2d3748;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.code-block-lang{color:#a0aec0;font-size:11px}.code-block pre{color:#e2e8f0;background:#1a202c;margin:0;padding:16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-block pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.api-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.api-table th{text-align:left;background:var(--ly-accent-bg);border-bottom:2px solid var(--ly-border);padding:10px 12px;font-weight:600}.api-table td{border-bottom:1px solid var(--ly-border);vertical-align:top;padding:10px 12px}.api-table tr:hover td{background:#fafbfc}.api-table code{font-size:12px}.api-table td:first-child{white-space:nowrap}.callout{border-radius:8px;margin:16px 0;padding:16px 20px;font-size:13px;line-height:1.7}.callout-info{color:#2b6cb0;background:#ebf8ff;border-left:4px solid #4299e1}.callout-warn{color:#92400e;background:#fffbeb;border-left:4px solid #ecc94b}.callout-tip{color:#276749;background:#f0fff4;border-left:4px solid #48bb78}.callout-danger{color:#c53030;background:#fff5f5;border-left:4px solid #fc8181}.callout-title{margin-bottom:4px;font-weight:600}.page-list{margin:12px 0;padding-left:20px}.page-list li{color:var(--ly-text-secondary);margin-bottom:4px;font-size:14px;line-height:1.8}.page-list li strong{color:var(--ly-text-primary)}.hero{text-align:center;padding:60px 20px 40px}.hero-title{background:var(--ly-primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px;font-weight:800}.hero-subtitle{color:var(--ly-text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.hero-btn-primary{background:var(--ly-primary-gradient);color:#fff}.hero-btn-primary:hover{opacity:.9;text-decoration:none;transform:translateY(-1px)}.hero-btn-outline{background:var(--ly-surface);color:var(--ly-accent);border:1px solid var(--ly-border)}.hero-btn-outline:hover{border-color:#b794f4;text-decoration:none}.steps{margin:24px 0}.step{gap:16px;margin-bottom:24px;display:flex}.step-number{background:var(--ly-primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step-content{flex:1}.step-title{margin-bottom:4px;font-size:15px;font-weight:600}.step-desc{color:var(--ly-text-secondary);font-size:13px;line-height:1.6}@media (width<=768px){.sidebar{display:none}.content-inner{padding:24px 16px 60px}.hero-title{font-size:32px}.card-grid{grid-template-columns:1fr}}