*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#e8f4ff 0%,#d0e8ff 100%);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;position:relative}.app:before,.app:after{position:fixed;content:"";border-radius:50%;background:rgba(255,255,255,.7);z-index:0;pointer-events:none}.app:before{width:600px;height:600px;top:-200px;left:-200px}.app:after{width:700px;height:700px;bottom:-200px;right:-200px}.header{background:#fff;color:#333;box-shadow:0 1px 4px #00000014;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:12px}.logo img{height:36px}.logo h1{font-size:1.5rem;font-weight:700;color:#273352;letter-spacing:2px}.nav ul{display:flex;list-style:none;gap:8px}.nav a{color:#666;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:.9rem;padding:8px 16px;border-radius:4px}.nav a:hover{color:#1890ff;background-color:#1890ff1a}.main{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;padding:24px;gap:24px;position:relative;z-index:1}.sidebar{width:260px;min-width:260px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:20px 16px;position:sticky;top:88px;align-self:flex-start;height:fit-content;overflow:hidden;flex-shrink:0}.sidebar-content h3{font-size:.85rem;font-weight:600;margin-bottom:16px;color:#8b949e;text-transform:uppercase;letter-spacing:1px;padding:0 8px}.sidebar ul{list-style:none}.sidebar ul li{margin-bottom:4px}.sidebar a{color:#333;text-decoration:none;display:block;padding:10px 12px;border-radius:6px;transition:all .2s ease;font-size:.9rem}.sidebar a:hover{background-color:#1890ff14;color:#1890ff}.sidebar a.active{background-color:#1890ff1a;color:#1890ff;font-weight:500}.sidebar .submenu{margin-left:12px;margin-top:4px;border-left:2px solid rgba(24,144,255,.2);padding-left:8px}.sidebar .submenu a{font-size:.85rem;padding:8px 12px;color:#666}.content{flex:1;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:32px}.content-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eaecef}.content-header h2{font-size:1.75rem;font-weight:600;color:#273352;margin-bottom:12px}.content-header p{font-size:1rem;color:#8b949e}.content-body{display:flex;flex-direction:column;gap:24px}.section{margin-bottom:40px}.section:last-child{margin-bottom:0}.card{background-color:#fff;border:1px solid #eaecef;border-radius:10px;padding:24px;transition:all .3s ease;margin-bottom:24px}.card:last-child{margin-bottom:0}.card:hover{box-shadow:0 4px 16px #0000000f}.card h3{font-size:1.25rem;font-weight:600;color:#273352;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.card h4{font-size:1rem;font-weight:600;color:#394664;margin:16px 0 8px}.card p{color:#666;margin-bottom:12px;line-height:1.7}.card ol,.card ul{padding-left:24px;color:#666}.card ol li,.card ul li{margin-bottom:8px;line-height:1.6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.feature-item{padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:10px;border:1px solid #eaecef;transition:all .3s ease}.feature-item:hover{border-color:#69b1ff;box-shadow:0 4px 12px #1890ff1a}.feature-item h4{color:#1890ff;margin:0 0 8px;font-size:1rem}.feature-item p{font-size:.9rem;margin:0}.code-block{background-color:#282c34;border-radius:10px;overflow:hidden;margin-top:16px;box-shadow:0 2px 8px #0000001a}.code-block pre{margin:0;padding:16px 20px;overflow-x:auto}.code-block code{font-family:SF Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875rem;line-height:1.6;color:#abb2bf}.btn{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#69b1ff 0%,#1890ff 100%);color:#fff;text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500;border:none;cursor:pointer;box-shadow:0 2px 8px #1890ff33}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.api-table{width:100%;border-collapse:collapse;margin-top:16px;margin-bottom:16px}.api-table th,.api-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eaecef}.api-table th{background-color:#f8f9fa;font-weight:600;color:#273352}.api-table tr:hover{background-color:#f8f9fa}.concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.concept-item{padding:20px;background-color:#f8f9fa;border-radius:10px;border:1px solid #eaecef}.concept-item h4{margin-bottom:8px;color:#1890ff}@media (max-width: 992px){.main{flex-direction:column}.sidebar{width:100%;position:static}.header-content{flex-direction:column;height:auto;padding:16px 24px;gap:12px}.nav ul{gap:4px}.content{padding:20px}.content-header h2{font-size:1.5rem}.features{grid-template-columns:1fr}}@media (max-width: 768px){.nav ul{flex-wrap:wrap;justify-content:center}.content{padding:16px}.card{padding:20px}}